/* Operation-task refinements: keep the next business action visually dominant. */
.task-primary.is-complete,
.task-primary:disabled {
  border: 1px solid rgba(200,255,61,.13);
  color: #78836f;
  background: rgba(200,255,61,.045);
  cursor: default;
  box-shadow: none;
}

.task-primary.is-complete > i,
.task-primary:disabled > i {
  color: #6f7b65;
  background: rgba(255,255,255,.04);
}

.domain-result--next { justify-content:center; }
.domain-result--next > strong { margin-bottom:9px; }
.domain-next-card {
  display:grid !important;
  grid-template-columns:48px 1fr auto;
  align-items:center;
  gap:15px !important;
  width:min(680px,92%);
  margin-top:27px !important;
  padding:13px 13px 13px 16px;
  border:1px solid rgba(200,255,61,.24);
  border-radius:19px;
  background:linear-gradient(110deg,rgba(200,255,61,.075),rgba(66,232,255,.025));
  box-shadow:0 22px 70px rgba(0,0,0,.28),0 0 50px rgba(200,255,61,.04);
  text-align:left;
}
.domain-next-card > i { display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(200,255,61,.22); border-radius:15px; color:var(--merchant-lime); font-size:12px; font-style:normal; }
.domain-next-card > span { display:flex; flex-direction:column; gap:4px; }
.domain-next-card small { color:#697568; font-size:8px; font-weight:800; letter-spacing:.16em; }
.domain-next-card b { color:#f0f3ec; font-size:18px; font-weight:620; }
.domain-next-card em { color:#737e89; font-size:9px; font-style:normal; }
.domain-next-card > a { display:flex !important; align-items:center; justify-content:space-between; min-width:190px !important; height:50px !important; padding:0 8px 0 16px; border:0 !important; border-radius:14px !important; color:#090c0e !important; background:var(--merchant-lime) !important; box-shadow:0 16px 38px rgba(200,255,61,.12); font-size:11px !important; font-weight:850 !important; }
.domain-next-card > a i { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:var(--merchant-lime); background:#090c0e; font-style:normal; }
.domain-result-secondary { display:flex !important; align-items:center; justify-content:center; gap:15px !important; margin-top:13px !important; }
.domain-result-secondary > a { min-width:0 !important; height:auto !important; border:0 !important; color:#8c96a1 !important; background:transparent !important; font-size:10px !important; text-decoration:underline; text-decoration-color:rgba(255,255,255,.15); text-underline-offset:4px; }
.domain-result-secondary small { display:flex; align-items:center; gap:7px; color:#626d78; font-size:9px; }
.domain-result-secondary small i { width:5px; height:5px; border-radius:50%; background:var(--merchant-lime); box-shadow:0 0 10px var(--merchant-lime); }

@media(max-width:620px){
  .domain-next-card { grid-template-columns:40px 1fr; width:100%; padding:12px; }
  .domain-next-card > i { width:40px; height:40px; }
  .domain-next-card > a { grid-column:1/3; width:100%; }
  .domain-result-secondary { align-items:flex-start; flex-direction:column; gap:8px !important; }
}

/* Product lifecycle after source drafts */
.product-phase-rail { gap:4px; }
.product-phase-rail b { width:12px; }
.product-phase-rail span { gap:4px; font-size:8px; }
.product-phase-rail span i { width:21px; height:21px; }
.product-draft-checkpoint > p { max-width:520px; }
.product-lifecycle {
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:8px !important;
  margin:22px 0 0 !important;
}
.product-lifecycle > span { display:flex; align-items:center; gap:6px; color:#68727e; font-size:9px; }
.product-lifecycle > span > i { display:grid; place-items:center; width:22px; height:22px; border:1px solid rgba(255,255,255,.09); border-radius:7px; font-size:8px; font-style:normal; }
.product-lifecycle > span.is-done { color:#8a9580; }
.product-lifecycle > span.is-done > i { color:#090d0d; background:var(--merchant-lime); }
.product-lifecycle > span.is-current { color:#dfe4de; }
.product-lifecycle > span.is-current > i { border-color:rgba(200,255,61,.25); color:var(--merchant-lime); }
.product-lifecycle > b { width:28px; height:1px; background:rgba(255,255,255,.1); }
.product-saved-actions { display:flex !important; gap:8px !important; margin-top:24px !important; }
.product-saved-actions > a,
.product-saved-actions > button { display:grid; place-items:center; min-width:170px; height:46px; padding:0 16px; border:1px solid rgba(255,255,255,.1); border-radius:100px; color:#8f99a4; background:transparent; cursor:pointer; font-size:10px; }
.product-saved-actions > button { display:flex; align-items:center; justify-content:space-between; min-width:230px; border-color:var(--merchant-lime); color:#090d0d; background:var(--merchant-lime); font-weight:850; }
.product-saved-actions > button i { margin-left:18px; font-style:normal; }

.product-enrichment-view,
.product-enrichment-result,
.product-listing-view,
.product-ready-view {
  position:absolute;
  top:56px;
  right:0;
  bottom:0;
  left:0;
  z-index:3;
  padding:clamp(20px,2.5vw,32px);
  visibility:hidden;
  opacity:0;
  transform:translateY(12px);
  transition:all .48s var(--ease-out);
}
.product-enrichment-view.is-active,
.product-enrichment-result.is-active,
.product-listing-view.is-active,
.product-ready-view.is-active { visibility:visible; opacity:1; transform:none; }
.operation-view-head { position:relative; z-index:4; display:flex; align-items:center; justify-content:space-between; }
.operation-view-head small { color:#7770bd; font-size:8px; font-weight:850; letter-spacing:.15em; }
.operation-view-head h2 { margin:6px 0 0; font-size:24px; font-weight:610; letter-spacing:-.04em; }
.operation-view-head > span { display:flex; align-items:center; gap:6px; padding:6px 8px; border:1px solid rgba(255,156,112,.15); border-radius:100px; color:var(--merchant-warm); font-size:9px; }
.operation-view-head > span > i { width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; }
.enrichment-workspace { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:24px; min-height:330px; }
.enrichment-orbit { position:relative; display:grid; place-items:center; width:min(28vw,260px); aspect-ratio:1; margin:auto; }
.enrichment-orbit > i { position:absolute; border:1px solid rgba(123,104,255,.18); border-radius:50%; }
.enrichment-orbit > i:first-child { inset:8%; border-style:dashed; animation:spin 18s linear infinite; }
.enrichment-orbit > i:nth-child(2) { inset:25%; border-color:rgba(200,255,61,.17); animation:spin-reverse 13s linear infinite; }
.enrichment-orbit > b { position:absolute; width:92%; height:1px; background:linear-gradient(90deg,transparent,var(--merchant-lime),transparent); animation:enrichment-scan 3s ease-in-out infinite; }
.enrichment-orbit .one-avatar { width:58px; height:58px; animation:agent-breathe 3s ease-in-out infinite; }
.enrichment-orbit > small { position:absolute; bottom:2%; color:#6d7783; font-size:7px; font-weight:800; letter-spacing:.16em; line-height:1.5; text-align:center; }
.enrichment-manifest { display:flex; flex-direction:column; gap:7px; }
.enrichment-manifest article { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:9px; min-height:61px; padding:10px; border:1px solid rgba(255,255,255,.075); border-radius:13px; background:rgba(7,10,15,.65); }
.enrichment-manifest article > i { display:grid; place-items:center; width:29px; height:29px; border:1px solid rgba(123,104,255,.2); border-radius:9px; color:#8b82de; font-size:8px; font-style:normal; }
.enrichment-manifest article > span { display:flex; flex-direction:column; gap:4px; }
.enrichment-manifest strong { font-size:10px; }
.enrichment-manifest small { color:#69737f; font-size:8px; }
.enrichment-manifest article > em { padding:5px 7px; border:1px solid rgba(255,255,255,.08); border-radius:100px; color:#7a8490; font-size:8px; font-style:normal; }
.enrichment-action { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.enrichment-action > small { display:flex; align-items:center; gap:7px; max-width:380px; color:#69737f; font-size:9px; line-height:1.5; }
.enrichment-action > small i { display:grid; place-items:center; flex:0 0 auto; width:19px; height:19px; border:1px solid rgba(255,156,112,.2); border-radius:50%; color:var(--merchant-warm); font-style:normal; }
.enrichment-action > button { display:flex; align-items:center; justify-content:space-between; min-width:245px; height:47px; padding:0 10px 0 16px; border:0; border-radius:13px; color:#090d0e; background:var(--merchant-lime); cursor:pointer; font-size:10px; font-weight:850; }
.enrichment-action > button i { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; color:var(--merchant-lime); background:#090d0e; font-style:normal; }

.localization-table { display:flex; flex-direction:column; gap:7px; margin-top:19px; }
.localization-table article { display:grid; grid-template-columns:28px 1.05fr 1.15fr auto; align-items:center; gap:10px; min-height:72px; padding:10px 12px; border:1px solid rgba(255,255,255,.075); border-radius:13px; background:rgba(7,10,15,.64); }
.localization-table article > i { color:#7970c0; font-size:8px; font-style:normal; }
.localization-table article > span { display:flex; flex-direction:column; gap:4px; min-width:0; }
.localization-table small { color:#656f7b; font-size:7px; letter-spacing:.08em; }
.localization-table strong { overflow:hidden; font-size:10px; font-weight:590; text-overflow:ellipsis; white-space:nowrap; }
.localization-table article > em { padding:5px 7px; border:1px solid rgba(255,156,112,.14); border-radius:100px; color:var(--merchant-warm); font-size:8px; font-style:normal; white-space:nowrap; }
.pricing-prerequisites { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.pricing-prerequisites span { padding:6px 8px; border:1px solid rgba(255,255,255,.07); border-radius:100px; color:#737d88; font-size:8px; }
.pricing-prerequisites i { margin-right:4px; color:var(--merchant-lime); font-style:normal; }
.pricing-prerequisites span:nth-child(2) i,.pricing-prerequisites span:nth-child(3) i { color:var(--merchant-warm); }
.enrichment-result-actions,.listing-actions { display:flex; justify-content:flex-end; gap:8px; }
.enrichment-result-actions button,.listing-actions button { min-width:145px; height:41px; padding:0 13px; border:1px solid rgba(255,255,255,.1); border-radius:11px; color:#7f8994; background:rgba(255,255,255,.025); cursor:pointer; font-size:9px; }
.enrichment-result-actions button:last-child,.listing-actions button:last-child { min-width:225px; border-color:var(--merchant-lime); color:#090d0e; background:var(--merchant-lime); font-weight:850; }
.enrichment-result-actions i,.listing-actions i { margin-left:9px; font-style:normal; }

.listing-real-badge { border-color:rgba(66,232,255,.17) !important; color:var(--merchant-cyan) !important; }
.listing-workspace { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:22px; min-height:350px; }
.listing-route-map { display:flex; align-items:center; justify-content:center; gap:8px; }
.listing-route-map > em { overflow:hidden; width:38px; color:#59636e; font-size:9px; font-style:normal; letter-spacing:.18em; }
.listing-route-map .one-avatar { flex:0 0 auto; width:52px; height:52px; animation:agent-breathe 3s ease-in-out infinite; }
.listing-source-node,.listing-store-node { display:flex; flex-direction:column; align-items:center; min-width:90px; padding:12px 8px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(7,10,15,.7); }
.listing-source-node > i,.listing-store-node > i { display:grid; place-items:center; width:33px; height:33px; margin-bottom:8px; border:1px solid rgba(200,255,61,.2); border-radius:10px; color:var(--merchant-lime); font-style:normal; }
.listing-store-node > i { border-color:rgba(255,156,112,.2); color:var(--merchant-warm); }
.listing-source-node b,.listing-store-node b { font-size:9px; }
.listing-source-node small,.listing-store-node small { margin-top:4px; color:#67717d; font-size:7px; }
.listing-checks { display:flex; flex-direction:column; gap:7px; margin:0; padding:0; list-style:none; }
.listing-checks li { display:grid; grid-template-columns:26px 1fr auto; align-items:center; gap:8px; min-height:57px; padding:9px 11px; border:1px solid rgba(255,255,255,.075); border-radius:12px; background:rgba(7,10,15,.66); transition:all .35s ease; }
.listing-checks li > i { color:#68727e; font-size:8px; font-style:normal; }
.listing-checks li > span { display:flex; flex-direction:column; gap:3px; }
.listing-checks strong { font-size:9px; }
.listing-checks small { color:#646e7a; font-size:8px; }
.listing-checks li > em { color:#777f89; font-size:8px; font-style:normal; }
.listing-checks li.is-checking { border-color:rgba(66,232,255,.2); transform:translateX(-4px); }
.listing-checks li.is-checking > em { color:var(--merchant-cyan); }
.listing-checks li.is-blocked { border-color:rgba(255,156,112,.14); }
.listing-checks li.is-blocked > em { color:var(--merchant-warm); }
.listing-checks li.is-protected { border-color:rgba(200,255,61,.14); }
.listing-checks li.is-protected > em { color:var(--merchant-lime); }
.listing-gate-sheet { position:absolute; inset:0; z-index:10; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:30px; color:#edf1eb; background:rgba(7,10,15,.96); visibility:hidden; opacity:0; transform:scale(.975); backdrop-filter:blur(24px); transition:all .45s var(--ease-out); text-align:center; }
.listing-gate-sheet.is-visible { visibility:visible; opacity:1; transform:none; }
.listing-gate-sheet > span { color:var(--merchant-warm); font-size:8px; font-weight:850; letter-spacing:.17em; }
.listing-gate-sheet h3 { margin:14px 0 10px; font-size:34px; letter-spacing:-.05em; line-height:1.05; }
.listing-gate-sheet p { margin:0; color:#7b8590; font-size:11px; }
.listing-gate-sheet p b { color:#e0e5df; }
.listing-gate-sheet > div { display:flex; gap:8px; margin-top:24px; }
.listing-gate-sheet button { min-width:180px; height:46px; padding:0 14px; border:1px solid rgba(255,255,255,.1); border-radius:100px; color:#89939e; background:rgba(255,255,255,.025); cursor:pointer; font-size:10px; }
.listing-gate-sheet button:last-child { min-width:235px; border-color:var(--merchant-lime); color:#090d0e; background:var(--merchant-lime); font-weight:850; }
.listing-gate-sheet button i { margin-left:10px; font-style:normal; }

.product-ready-view { display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; text-align:center; }
.product-ready-view > .one-avatar { position:relative; z-index:2; width:62px; height:62px; margin-bottom:18px; }
.product-ready-view > small,.product-ready-view h2,.product-ready-view > p,.product-ready-stats,.product-ready-actions { position:relative; z-index:2; }
.product-ready-view > small { color:var(--merchant-lime); font-size:8px; font-weight:850; letter-spacing:.17em; }
.product-ready-view h2 { margin:13px 0 9px; font-size:29px; letter-spacing:-.05em; line-height:1.08; }
.product-ready-view > p { max-width:560px; margin:0; color:#7b8590; font-size:10px; line-height:1.7; }
.product-ready-stats { display:flex; gap:7px; margin-top:18px; }
.product-ready-stats span { display:flex; flex-direction:column; gap:3px; min-width:100px; padding:9px; border:1px solid rgba(255,255,255,.075); border-radius:12px; background:rgba(255,255,255,.02); }
.product-ready-stats strong { color:#e5e9e3; font-size:19px; }
.product-ready-stats small { color:#68727e; font-size:8px; }
.product-ready-actions { display:flex; gap:8px; margin-top:19px; }
.product-ready-actions a { display:grid; place-items:center; min-width:170px; height:44px; border:1px solid rgba(255,255,255,.1); border-radius:100px; color:#8d97a2; font-size:10px; }
.product-ready-actions a:last-child { display:flex; align-items:center; justify-content:space-between; min-width:210px; padding:0 15px; border-color:var(--merchant-lime); color:#090d0e; background:var(--merchant-lime); font-weight:850; }
.product-ready-actions i { font-style:normal; }
.product-ready-orbit i { position:absolute; top:50%; left:50%; border:1px solid rgba(200,255,61,.11); border-radius:50%; transform:translate(-50%,-50%); }
.product-ready-orbit i:nth-child(1){width:210px;height:210px}.product-ready-orbit i:nth-child(2){width:380px;height:380px;border-style:dashed;animation:spin 28s linear infinite}.product-ready-orbit i:nth-child(3){width:570px;height:570px;border-color:rgba(123,104,255,.09);animation:spin-reverse 40s linear infinite}
@keyframes enrichment-scan { 0%,100%{opacity:.25;transform:translateY(-55px) rotate(-13deg)}50%{opacity:1;transform:translateY(55px) rotate(-13deg)} }

@media(max-width:900px){
  .product-enrichment-view,.product-enrichment-result,.product-listing-view,.product-ready-view { padding:26px; }
}
@media(max-width:520px){
  .product-phase-rail { display:none; }
  .product-task .product-stage { height:790px; min-height:790px; }
  .product-lifecycle { flex-wrap:wrap; }
  .product-lifecycle > b { display:none; }
  .product-saved-actions,.product-ready-actions { width:100%; flex-direction:column; }
  .product-saved-actions > a,.product-saved-actions > button,.product-ready-actions a { width:100%; min-width:0; }
  .product-enrichment-view,.product-enrichment-result,.product-listing-view,.product-ready-view { padding:20px 13px; overflow:auto; }
  .operation-view-head { align-items:flex-start; gap:9px; }
  .operation-view-head h2 { font-size:21px; }
  .operation-view-head > span { flex:0 0 auto; }
  .enrichment-workspace,.listing-workspace { grid-template-columns:1fr; gap:12px; padding:12px 0; }
  .enrichment-orbit { width:190px; }
  .enrichment-manifest article { min-height:54px; }
  .enrichment-action { align-items:stretch; flex-direction:column; }
  .enrichment-action > button { width:100%; }
  .localization-table article { grid-template-columns:25px 1fr; }
  .localization-table article > span:nth-of-type(2),.localization-table article > em { grid-column:2; }
  .enrichment-result-actions,.listing-actions { width:100%; }
  .enrichment-result-actions button,.listing-actions button,.enrichment-result-actions button:last-child,.listing-actions button:last-child { flex:1; min-width:0; }
  .listing-route-map { padding-top:9px; }
  .listing-gate-sheet { padding:20px 14px; }
  .listing-gate-sheet h3 { font-size:28px; }
  .listing-gate-sheet > div { width:100%; flex-direction:column-reverse; }
  .listing-gate-sheet button,.listing-gate-sheet button:last-child { width:100%; min-width:0; }
  .product-ready-view h2 { font-size:25px; }
  .product-ready-stats { width:100%; }
  .product-ready-stats span { flex:1; min-width:0; }
}

/* Controlled growth v2: opportunity scan → strategy → campaign architecture */
.growth-phase-rail { gap:7px; }
.growth-phase-rail b { width:22px; }
.growth-stage--v2 .growth-scene { padding:clamp(22px,2.5vw,34px); }
.growth-v2-head { position:relative; z-index:4; display:flex; align-items:center; justify-content:space-between; }
.growth-v2-head small { color:#7770bd; font-size:8px; font-weight:850; letter-spacing:.15em; }
.growth-v2-head h2 { margin:7px 0 0; font-size:24px; font-weight:610; letter-spacing:-.04em; }
.growth-v2-head > span { display:flex; align-items:center; gap:6px; padding:6px 8px; border:1px solid rgba(200,255,61,.16); border-radius:100px; color:var(--merchant-lime); font-size:9px; white-space:nowrap; }
.growth-v2-head > span i { width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; }

.growth-preflight-scene { display:flex; align-items:center; justify-content:center; }
.preflight-mesh { position:absolute; top:50%; left:33%; width:380px; height:380px; transform:translate(-50%,-50%); }
.preflight-mesh > i { position:absolute; top:50%; left:50%; border:1px solid rgba(123,104,255,.15); border-radius:50%; transform:translate(-50%,-50%); }
.preflight-mesh > i:first-child { width:45%; height:45%; border-color:rgba(200,255,61,.16); }
.preflight-mesh > i:nth-child(2) { width:76%; height:76%; border-style:dashed; animation:spin 23s linear infinite; }
.preflight-mesh > b { position:absolute; top:50%; left:14%; width:72%; height:1px; background:linear-gradient(90deg,transparent,var(--merchant-lime),transparent); animation:orbit-scan 3.6s ease-in-out infinite; }
.preflight-mesh > .one-avatar { position:absolute; top:50%; left:50%; width:62px; height:62px; transform:translate(-50%,-50%); animation:agent-breathe 3s ease-in-out infinite; }
.mesh-node { position:absolute; display:flex; flex-direction:column; gap:4px; padding:8px 9px; border:1px solid rgba(255,255,255,.09); border-radius:10px; color:#848e99; background:rgba(8,11,17,.82); font-size:8px; font-style:normal; letter-spacing:.1em; }
.mesh-node small { color:#59646f; font-size:7px; letter-spacing:0; white-space:nowrap; }
.node-site { top:9%; left:4%; }.node-product { top:17%; right:0; }.node-meta { right:4%; bottom:11%; color:#9b8174; }.node-pixel { bottom:0; left:11%; }
.preflight-panel { position:relative; z-index:3; width:min(56%,455px); margin-left:39%; padding:20px; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:rgba(8,11,17,.91); box-shadow:0 30px 85px rgba(0,0,0,.38); backdrop-filter:blur(22px); }
.preflight-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-bottom:13px; border-bottom:1px solid rgba(255,255,255,.08); }
.preflight-panel header small { color:#7770bd; font-size:8px; font-weight:850; letter-spacing:.14em; }
.preflight-panel header h2 { margin:7px 0 0; font-size:24px; line-height:1.05; letter-spacing:-.05em; }
.preflight-panel header > span { display:flex; align-items:center; gap:5px; padding:5px 7px; border:1px solid rgba(200,255,61,.17); border-radius:100px; color:var(--merchant-lime); font-size:8px; white-space:nowrap; }
.preflight-panel header > span i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.preflight-facts { margin-top:6px; }
.preflight-facts p { display:flex; align-items:center; justify-content:space-between; min-height:40px; margin:0; border-bottom:1px solid rgba(255,255,255,.06); }
.preflight-facts p span { color:#68727e; font-size:9px; }
.preflight-facts p strong { color:#aab3bc; font-size:9px; font-weight:550; }
.preflight-facts p strong i { margin-left:6px; color:#707b86; font-size:8px; font-style:normal; }
.preflight-facts p:nth-child(3) strong i,.preflight-facts p:nth-child(4) strong i { color:var(--merchant-warm); }
.preflight-note { display:flex; gap:7px; margin:12px 0; color:#737d88; font-size:9px; line-height:1.5; }
.preflight-note > i { flex:0 0 auto; width:6px; height:6px; margin-top:4px; border-radius:50%; background:var(--merchant-warm); }
.preflight-actions { display:flex; gap:7px; }
.preflight-actions button { flex:1; height:39px; border:1px solid rgba(255,255,255,.1); border-radius:10px; color:#7d8792; background:rgba(255,255,255,.025); cursor:pointer; font-size:9px; }
.preflight-actions button:last-child { flex:1.4; display:flex; align-items:center; justify-content:space-between; padding:0 8px 0 13px; border-color:var(--merchant-lime); color:#090d0e; background:var(--merchant-lime); font-weight:850; }
.preflight-actions button:last-child i { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; color:var(--merchant-lime); background:#090d0e; font-style:normal; }

.growth-scan-scene,.growth-strategy-scene,.growth-draft-v2 { display:flex; flex-direction:column; }
.opportunity-scan-layout { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; flex:1; min-height:0; gap:15px; }
.opportunity-radar { position:relative; width:min(28vw,285px); aspect-ratio:1; margin:auto; }
.opportunity-radar > i { position:absolute; top:50%; left:50%; border:1px solid rgba(123,104,255,.16); border-radius:50%; transform:translate(-50%,-50%); }
.opportunity-radar > i:nth-child(1){width:38%;height:38%;border-color:rgba(200,255,61,.18)}.opportunity-radar > i:nth-child(2){width:68%;height:68%;border-style:dashed;animation:spin 17s linear infinite}.opportunity-radar > i:nth-child(3){width:100%;height:100%;border-color:rgba(66,232,255,.1);animation:spin-reverse 29s linear infinite}
.opportunity-radar > b { position:absolute; top:50%; left:50%; width:47%; height:1px; background:linear-gradient(90deg,var(--merchant-lime),transparent); transform-origin:left; animation:radar-spin 4s linear infinite; }
.opportunity-radar > .one-avatar { position:absolute; top:50%; left:50%; width:55px; height:55px; transform:translate(-50%,-50%); animation:agent-breathe 3s ease-in-out infinite; }
.opportunity-radar > small { position:absolute; bottom:2%; left:50%; color:#69737f; font-size:7px; font-weight:850; letter-spacing:.15em; line-height:1.5; text-align:center; transform:translateX(-50%); white-space:nowrap; }
.radar-dot { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--merchant-lime); box-shadow:0 0 15px var(--merchant-lime); }.dot-a{top:22%;left:23%}.dot-b{top:29%;right:15%;background:var(--merchant-cyan);box-shadow:0 0 15px var(--merchant-cyan)}.dot-c{right:24%;bottom:16%;background:#a995ff;box-shadow:0 0 15px #a995ff}
.scan-feed { display:flex; flex-direction:column; gap:8px; }
.scan-feed article { display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:9px; min-height:63px; padding:10px; border:1px solid rgba(255,255,255,.075); border-radius:13px; background:rgba(8,11,17,.73); transition:all .35s ease; }
.scan-feed article > i { display:grid; place-items:center; width:27px; height:27px; border:1px solid rgba(123,104,255,.2); border-radius:8px; color:#837ad1; font-size:8px; font-style:normal; }.scan-feed article > span { display:flex; flex-direction:column; gap:4px; }.scan-feed strong{font-size:10px}.scan-feed small{color:#68727e;font-size:8px}.scan-feed article > em { color:#646e79; font-size:8px; font-style:normal; }.scan-feed article.is-active{border-color:rgba(66,232,255,.23);transform:translateX(-4px)}.scan-feed article.is-active > em{color:var(--merchant-cyan)}.scan-feed article.is-done{border-color:rgba(200,255,61,.16)}.scan-feed article.is-done > em{color:var(--merchant-lime)}
.scan-progress { display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; }.scan-progress > span { grid-column:1/3; display:block; height:2px; background:rgba(255,255,255,.08); }.scan-progress > span i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--merchant-violet),var(--merchant-cyan),var(--merchant-lime)); box-shadow:0 0 11px var(--merchant-lime); transition:width .55s var(--ease-out); }.scan-progress > small{color:#69737f;font-size:8px}.scan-progress > button { display:flex; align-items:center; justify-content:space-between; min-width:200px; height:40px; padding:0 8px 0 14px; border:1px solid rgba(200,255,61,.16); border-radius:11px; color:#758078; background:rgba(200,255,61,.04); cursor:pointer; font-size:9px; font-weight:700; }.scan-progress > button i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:#687266;background:rgba(255,255,255,.04);font-style:normal}.scan-progress > button.is-ready{border-color:var(--merchant-lime);color:#090d0e;background:var(--merchant-lime)}.scan-progress > button.is-ready i{color:var(--merchant-lime);background:#090d0e}

.strategy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:auto 0 18px; }.strategy-card { position:relative; display:flex; flex-direction:column; min-width:0; min-height:270px; padding:13px; border:1px solid rgba(255,255,255,.08); border-radius:15px; color:#818b96; background:rgba(8,11,17,.75); cursor:pointer; text-align:left; transition:all .35s var(--ease-out); }.strategy-card:hover,.strategy-card.is-selected{border-color:rgba(200,255,61,.24);background:rgba(200,255,61,.04);transform:translateY(-4px)}.strategy-card.is-blocked{opacity:.68;cursor:not-allowed}.strategy-card > i{color:#6d65ae;font-size:8px;font-style:normal}.strategy-card > small{margin-top:17px;color:#68727f;font-size:7px;font-weight:850;letter-spacing:.12em}.strategy-card h3{margin:7px 0 7px;color:#e0e5df;font-size:16px;font-weight:590}.strategy-card p{margin:0;color:#737d88;font-size:9px;line-height:1.55}.strategy-card dl{margin:13px 0 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.strategy-card dl div{display:flex;justify-content:space-between;gap:6px;padding:5px 0}.strategy-card dt{color:#626c78;font-size:8px}.strategy-card dd{margin:0;color:#9ca6b0;font-size:8px;text-align:right}.strategy-card > b{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;color:#77818c;font-size:8px;font-weight:550}.strategy-card > b em{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;color:#646e79;background:rgba(255,255,255,.05);font-style:normal}.strategy-card.is-selected > b{color:var(--merchant-lime)}.strategy-card.is-selected > b em{color:#090d0e;background:var(--merchant-lime)}.strategy-badge{position:absolute;top:11px;right:10px;padding:4px 6px;border:1px solid rgba(200,255,61,.18);border-radius:100px;color:var(--merchant-lime);font-size:7px}.strategy-card.is-blocked .strategy-badge{border-color:rgba(255,156,112,.16);color:var(--merchant-warm)}
.strategy-actions { display:flex;justify-content:flex-end;gap:8px }.strategy-actions button{min-width:130px;height:40px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#7f8994;background:rgba(255,255,255,.025);cursor:pointer;font-size:9px}.strategy-actions button:last-child{min-width:235px;border-color:var(--merchant-lime);color:#090d0e;background:var(--merchant-lime);font-weight:850}.strategy-actions i{margin-left:9px;font-style:normal}

.campaign-architecture { display:grid; grid-template-columns:1.18fr .82fr; align-items:center; gap:18px; flex:1; min-height:0; }.campaign-tree{position:relative;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(8,11,17,.68)}.campaign-root{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;width:fit-content;padding:8px 12px;border:1px solid rgba(200,255,61,.18);border-radius:11px;background:rgba(200,255,61,.035)}.campaign-root > i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#090d0e;background:var(--merchant-lime);font-size:10px;font-style:normal}.campaign-root > b{font-size:10px}.campaign-root > small{grid-column:2;color:#68727e;font-size:8px}.campaign-branch-line{display:grid;grid-template-columns:1fr 1fr;gap:44px;height:34px;margin-left:50px;border-left:1px solid rgba(200,255,61,.2);border-bottom:1px solid rgba(200,255,61,.2);border-right:1px solid rgba(200,255,61,.2)}.campaign-branch-line i{display:block;width:1px;height:14px;margin:0 auto;background:rgba(200,255,61,.2)}.adset-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.adset-row > span{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;padding:9px;border:1px solid rgba(123,104,255,.17);border-radius:10px;background:rgba(123,104,255,.035)}.adset-row > span > i{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:#9e94ee;background:rgba(123,104,255,.12);font-size:7px;font-style:normal}.adset-row b{font-size:9px}.adset-row small{color:#68727e;font-size:7px}.creative-row{display:flex;align-items:center;justify-content:space-around;gap:4px;margin:22px 9% 0;padding-top:14px;border-top:1px dashed rgba(66,232,255,.17)}.creative-row i{width:17px;height:21px;border-radius:4px;background:linear-gradient(145deg,#2b3540,#7d8b87);box-shadow:0 0 12px rgba(66,232,255,.1)}.creative-row i:nth-child(2),.creative-row i:nth-child(5){background:linear-gradient(145deg,#382d4c,#8e80c6)}.creative-row i:nth-child(3),.creative-row i:nth-child(6){background:linear-gradient(145deg,#344320,#b2d95a)}.creative-row b{width:1px;height:22px;background:rgba(255,255,255,.12)}
.campaign-controls{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(8,11,17,.76)}.campaign-controls header{display:flex;flex-direction:column;gap:6px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.07)}.campaign-controls header small{color:#7770bd;font-size:7px;font-weight:850;letter-spacing:.14em}.campaign-controls header strong{font-size:13px}.campaign-controls p{display:flex;justify-content:space-between;align-items:center;min-height:38px;margin:0;border-bottom:1px solid rgba(255,255,255,.06)}.campaign-controls p span{color:#68727e;font-size:9px}.campaign-controls p b{color:#aab3bc;font-size:9px;font-weight:550}.campaign-controls p b i{margin-left:6px;color:var(--merchant-warm);font-size:8px;font-style:normal}.campaign-controls footer{display:flex;align-items:center;gap:7px;margin-top:12px;color:#68727e;font-size:8px}.campaign-controls footer span,.campaign-controls footer b,.campaign-controls footer em{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;color:#090d0e;background:var(--merchant-lime);font-size:8px;font-style:normal}.campaign-controls footer b{background:rgba(123,104,255,.75);color:white}.campaign-controls footer em{background:rgba(66,232,255,.75)}
.growth-saved-v2 h2{font-size:32px}.growth-saved-stats{display:flex;gap:7px;margin-top:19px}.growth-saved-stats span{display:flex;flex-direction:column;gap:3px;min-width:82px;padding:8px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.02)}.growth-saved-stats strong{font-size:18px;color:#e3e8e1}.growth-saved-stats small{font-size:8px;color:#68727e}.growth-saved-actions{display:flex;gap:8px;margin-top:19px}.growth-saved-actions a,.growth-saved-actions button{display:grid;place-items:center;min-width:165px;height:43px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#8d97a2;background:transparent;cursor:pointer;font-size:10px}.growth-saved-actions button{display:flex;align-items:center;justify-content:space-between;min-width:205px;border-color:var(--merchant-lime);color:#090d0e;background:var(--merchant-lime);font-weight:850}.growth-saved-actions button i{font-style:normal}

@media(max-width:900px){.growth-stage--v2 .growth-scene{padding:24px}.preflight-mesh{left:25%;transform:translate(-50%,-50%) scale(.82)}.preflight-panel{width:min(61%,440px);margin-left:35%}.opportunity-scan-layout,.campaign-architecture{grid-template-columns:1fr}.opportunity-radar{width:220px}.campaign-tree{min-height:220px}.campaign-controls{margin-top:0}}
@media (min-width:901px) and (max-height:760px){
  .task-scene__head { height:62px; }
  .task-scene__body,.product-task-layout,.growth-layout { padding-top:10px; }
  .domain-stage,.product-stage,.growth-stage { height:500px; min-height:500px; }
}
@media(max-width:520px){.growth-phase-rail{display:none}.growth-stage--v2{height:820px!important;min-height:820px!important}.growth-stage--v2 .growth-scene{padding:20px 13px}.preflight-mesh{top:24%;left:50%;width:290px;height:290px;transform:translate(-50%,-50%)}.preflight-panel{width:100%;margin:205px 0 0;padding:15px}.preflight-panel header h2{font-size:22px}.preflight-actions{flex-direction:column}.preflight-actions button{flex:none}.opportunity-scan-layout{display:flex;flex-direction:column;justify-content:center;gap:4px}.opportunity-radar{width:185px}.scan-feed{width:100%;margin-top:-3px}.scan-feed article{min-height:55px}.scan-progress{grid-template-columns:1fr}.scan-progress>span{grid-column:1}.scan-progress>button{width:100%;min-width:0}.strategy-grid{grid-template-columns:1fr;gap:6px;margin:12px 0}.strategy-card{min-height:150px;padding:11px}.strategy-card>small{margin-top:8px}.strategy-card p{max-width:86%}.strategy-card dl{display:none}.strategy-actions{width:100%}.strategy-actions button{flex:1;min-width:0}.strategy-actions button:last-child{min-width:0;flex:1.5}.campaign-architecture{gap:10px;overflow:auto}.campaign-tree{padding:11px}.campaign-root{padding:7px}.adset-row{gap:5px}.adset-row>b{font-size:8px}.creative-row{margin-top:13px}.campaign-controls{padding:12px}.growth-saved-v2 h2{font-size:27px}.growth-saved-stats{width:100%}.growth-saved-stats span{flex:1;min-width:0}.growth-saved-actions{width:100%;flex-direction:column}.growth-saved-actions a,.growth-saved-actions button{width:100%;min-width:0}}

/* Multi-source product processing: each source has a visible middle story. */
.product-processing {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:10px;
  padding:20px 26px 17px;
  pointer-events:none;
}
.product-processing.is-active { pointer-events:auto; }
.product-processing:not(.is-active) .processing-visual { pointer-events:none; visibility:hidden; }
.processing-story-head { position:relative; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.processing-story-head > div { display:flex; flex-direction:column; gap:5px; }
.processing-story-head small { color:#746bb8; font-size:7px; font-weight:850; letter-spacing:.16em; }
.processing-story-head strong { font-size:17px; font-weight:610; letter-spacing:-.025em; }
.processing-story-head > span { display:flex; align-items:center; gap:7px; color:var(--merchant-cyan); font-size:9px; }
.processing-story-head > span i { width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 13px currentColor; animation:status-blink 1.1s ease-in-out infinite; }
.processing-story-head > span b { min-width:31px; font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace; text-align:right; }
.processing-theatre { position:relative; flex:1; min-height:235px; overflow:hidden; border:1px solid rgba(255,255,255,.075); border-radius:18px; background:radial-gradient(circle at 50% 50%,rgba(123,104,255,.12),transparent 30%),rgba(6,9,14,.58); }
.processing-theatre::before { position:absolute; inset:0; background-image:linear-gradient(rgba(66,232,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(66,232,255,.035) 1px,transparent 1px); background-size:25px 25px; content:""; mask-image:radial-gradient(circle at 50% 50%,black,transparent 78%); }
.processing-visual { position:absolute; inset:0; visibility:hidden; opacity:0; transform:scale(.96); transition:opacity .35s ease,transform .55s var(--ease-out); }
.processing-visual.is-active { visibility:visible; opacity:1; transform:none; }
.processing-engine { position:absolute; top:50%; left:50%; z-index:3; width:136px; height:136px; border:1px solid rgba(123,104,255,.16); border-radius:50%; transform:translate(-50%,-50%); }
.processing-engine::before,.processing-engine > i { position:absolute; inset:16px; border:1px dashed rgba(66,232,255,.21); border-radius:50%; content:""; animation:spin 11s linear infinite; }
.processing-engine > i { inset:-18px; border-style:solid; border-color:rgba(200,255,61,.1); animation:spin-reverse 18s linear infinite; }
.processing-engine > b { position:absolute; top:50%; left:50%; width:50%; height:1px; background:linear-gradient(90deg,var(--merchant-lime),transparent); transform-origin:left; animation:radar-spin 2.7s linear infinite; }
.processing-engine .one-avatar { position:absolute; top:50%; left:50%; width:48px; height:48px; transform:translate(-50%,-50%) rotate(45deg); animation:processing-avatar 2.2s ease-in-out infinite; }
.processing-engine > small { position:absolute; bottom:-31px; left:50%; color:#66717d; font-size:6px; font-weight:850; letter-spacing:.14em; transform:translateX(-50%); white-space:nowrap; }
.url-packets,.normalized-cards,.api-pulse-source,.api-field-map,.vision-frames,.vision-tags,.translation-stream,.pricing-stream { position:absolute; top:50%; z-index:2; display:flex; flex-direction:column; gap:8px; transform:translateY(-50%); }
.url-packets,.api-pulse-source,.vision-frames,.translation-stream { left:5%; }
.normalized-cards,.api-field-map,.vision-tags,.pricing-stream { right:5%; }
.url-packets span,.translation-stream span { min-width:125px; padding:9px 10px; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:9px; color:#77828e; background:rgba(8,11,17,.83); font:7px ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; animation:packet-feed 2.2s ease-in-out infinite; }
.url-packets span:nth-child(2),.translation-stream span:nth-child(2){animation-delay:-.7s}.url-packets span:nth-child(3),.translation-stream span:nth-child(3){animation-delay:-1.4s}
.normalized-cards span { display:grid; grid-template-columns:22px auto; align-items:center; min-width:125px; padding:7px 9px; border:1px solid rgba(200,255,61,.1); border-radius:9px; background:rgba(9,13,17,.82); animation:card-build 2.4s ease-in-out infinite; }
.normalized-cards span:nth-child(2){animation-delay:-.8s}.normalized-cards span:nth-child(3){animation-delay:-1.6s}
.normalized-cards span > i { grid-row:1/3; width:17px; height:23px; border-radius:5px; background:linear-gradient(145deg,#47565b,#171e22); }
.normalized-cards b { color:#aeb7b1; font-size:7px; }.normalized-cards em { color:#5f6a76; font-size:6px; font-style:normal; }
.api-pulse-source { align-items:center; min-width:135px; padding:14px; border:1px solid rgba(66,232,255,.13); border-radius:13px; background:rgba(7,12,17,.82); }
.api-pulse-source span { color:var(--merchant-cyan); font:8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.api-pulse-source i { color:#6e7e8b; font:34px Georgia,serif; animation:api-brace 1.5s ease-in-out infinite; }
.api-pulse-source b { color:#6d7883; font-size:6px; letter-spacing:.13em; }
.api-field-map span { display:grid; grid-template-columns:1fr 18px 1fr; align-items:center; min-width:140px; padding:8px; border:1px solid rgba(123,104,255,.13); border-radius:9px; background:rgba(8,11,17,.84); animation:field-map 2.1s ease-in-out infinite; }
.api-field-map span:nth-child(2){animation-delay:-.7s}.api-field-map span:nth-child(3){animation-delay:-1.4s}
.api-field-map b,.api-field-map em { color:#89939f; font:7px ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; }.api-field-map i { color:var(--merchant-lime); font-size:8px; font-style:normal; text-align:center; }
.vision-frames { flex-direction:row; gap:6px; }
.vision-frames span { position:relative; width:48px; height:78px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:9px; background:linear-gradient(145deg,#576368,#161d21); animation:vision-frame 2.5s ease-in-out infinite; }
.vision-frames span:nth-child(2){background:linear-gradient(145deg,#685c68,#211c24);animation-delay:-.8s}.vision-frames span:nth-child(3){background:linear-gradient(145deg,#5c6d4c,#1a2118);animation-delay:-1.6s}
.vision-frames span i { position:absolute; top:15%; left:29%; width:42%; height:72%; border-radius:44% 44% 12% 12%; background:#141a1c; }
.vision-frames span::after { position:absolute; right:4px; bottom:4px; width:17px; height:2px; background:var(--merchant-cyan); box-shadow:0 0 8px var(--merchant-cyan); content:""; animation:vision-scan 1.4s ease-in-out infinite; }
.vision-tags span { min-width:105px; padding:8px 10px; border:1px solid rgba(200,255,61,.13); border-radius:100px; color:#a6b093; background:rgba(200,255,61,.035); font-size:7px; animation:tag-arrive 2.2s ease-in-out infinite; }
.vision-tags span:nth-child(2){animation-delay:-.7s}.vision-tags span:nth-child(3){animation-delay:-1.4s}
.pricing-stream span { min-width:130px; padding:9px 10px; border:1px solid rgba(200,255,61,.12); border-radius:9px; color:#98a487; background:rgba(200,255,61,.035); font-size:7px; animation:price-output 2.2s ease-in-out infinite; }
.pricing-stream span::after { float:right; color:var(--merchant-lime); content:"$"; }
.processing-sequence { position:relative; z-index:4; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.processing-sequence > span { display:grid; grid-template-columns:22px 1fr auto; align-items:center; gap:7px; min-height:39px; padding:7px 8px; border:1px solid rgba(255,255,255,.065); border-radius:10px; color:#697480; background:rgba(8,11,17,.66); transition:all .32s ease; }
.processing-sequence > span > i { display:grid; place-items:center; width:21px; height:21px; border:1px solid rgba(123,104,255,.16); border-radius:7px; color:#756cb8; font-size:6px; font-style:normal; }
.processing-sequence b { font-size:8px; font-weight:580; }.processing-sequence em { font-size:7px; font-style:normal; }
.processing-sequence > span.is-active { border-color:rgba(66,232,255,.22); color:#d4ddda; transform:translateY(-2px); }.processing-sequence > span.is-active em { color:var(--merchant-cyan); }
.processing-sequence > span.is-done { border-color:rgba(200,255,61,.14); }.processing-sequence > span.is-done > i { color:#090d0e; background:var(--merchant-lime); }.processing-sequence > span.is-done em { color:var(--merchant-lime); }
.processing-meter { position:relative; z-index:4; display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; }
.processing-meter > span { display:block; height:2px; background:rgba(255,255,255,.08); }.processing-meter > span i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--merchant-violet),var(--merchant-cyan),var(--merchant-lime)); box-shadow:0 0 12px var(--merchant-lime); transition:width .5s var(--ease-out); }
.processing-meter small { color:#66717d; font-size:7px; }

/* Long AI product prelude: opportunity → element decomposition → automatic collection. */
.product-opportunity-visual { background:radial-gradient(circle at 48% 47%,rgba(22,195,224,.14),transparent 32%); }
.opportunity-radar { position:absolute; top:50%; left:48%; display:grid; place-items:center; width:170px; height:170px; transform:translate(-50%,-50%); }
.opportunity-radar > i { position:absolute; border:1px solid rgba(47,99,242,.18); border-radius:50%; }
.opportunity-radar > i:nth-child(1) { inset:0; border-style:dashed; animation:spin 15s linear infinite; }
.opportunity-radar > i:nth-child(2) { inset:18%; border-color:rgba(22,195,224,.27); animation:spin-reverse 10s linear infinite; }
.opportunity-radar > i:nth-child(3) { inset:35%; border-color:rgba(20,166,115,.24); }
.opportunity-radar > b { position:absolute; top:50%; left:50%; width:48%; height:1px; background:linear-gradient(90deg,var(--yb-ai,#16c3e0),transparent); transform-origin:left; animation:radar-spin 2.2s linear infinite; }
.opportunity-radar .one-avatar { width:48px; height:48px; animation:agent-breathe 2.8s ease-in-out infinite; }
.opportunity-radar > small { position:absolute; bottom:-9px; padding:4px 7px; border:1px solid var(--yb-line,#dce4f0); border-radius:100px; color:var(--yb-primary,#2f63f2); background:#fff; font-size:6px; font-weight:850; letter-spacing:.14em; }
.opportunity-signal { position:absolute; display:grid; grid-template-columns:25px 1fr; align-items:center; gap:7px; min-width:125px; padding:8px 9px; border:1px solid var(--yb-line,#dce4f0); border-radius:11px; color:var(--yb-text-2,#344563); background:rgba(255,255,255,.94); box-shadow:var(--yb-shadow-soft,0 8px 28px rgba(32,62,124,.075)); animation:opportunity-float 3.6s ease-in-out infinite; }
.opportunity-signal > i { grid-row:1/3; display:grid; place-items:center; width:25px; height:25px; border-radius:8px; color:var(--yb-primary,#2f63f2); background:var(--yb-primary-soft,#eaf0ff); font-size:8px; font-style:normal; }
.opportunity-signal b { font-size:7px; }
.opportunity-signal em { color:var(--yb-muted-2,#8b9bb2); font-size:6px; font-style:normal; }
.signal-commute { top:13%; left:5%; }
.signal-layer { right:5%; top:15%; animation-delay:-1.2s; }
.signal-weather { bottom:12%; left:8%; animation-delay:-2.4s; }
.opportunity-result { position:absolute; right:6%; bottom:10%; display:flex; flex-direction:column; min-width:145px; padding:10px 12px; border:1px solid rgba(20,166,115,.24); border-radius:12px; background:rgba(255,255,255,.95); box-shadow:0 12px 28px rgba(20,166,115,.08); }
.opportunity-result small { color:var(--yb-success,#14a673); font-size:6px; font-weight:850; letter-spacing:.12em; }
.opportunity-result strong { margin-top:5px; color:var(--yb-text,#14213d); font-size:10px; }
.opportunity-result span { margin-top:6px; color:var(--yb-muted,#64748b); font-size:6px; }
.opportunity-result span b { float:right; color:var(--yb-success,#14a673); }

.product-elements-visual { background:radial-gradient(circle at 50% 50%,rgba(47,99,242,.11),transparent 34%); }
.element-source-card { position:absolute; top:50%; left:5%; width:142px; overflow:hidden; border:1px solid var(--yb-line,#dce4f0); border-radius:12px; background:#fff; box-shadow:var(--yb-shadow-soft,0 8px 28px rgba(32,62,124,.075)); transform:translateY(-50%); animation:element-source-float 3.2s ease-in-out infinite; }
.element-source-card header { display:flex; align-items:center; gap:3px; height:20px; padding:0 7px; border-bottom:1px solid var(--yb-line,#dce4f0); }
.element-source-card header i { width:4px; height:4px; border-radius:50%; background:#fd887c; }
.element-source-card header i:nth-child(2) { background:#f1c665; }
.element-source-card header i:nth-child(3) { background:#6ccf93; }
.element-source-card header span { margin-left:auto; color:var(--yb-muted-2,#8b9bb2); font-size:5px; }
.element-source-card > div { position:relative; height:142px; overflow:hidden; }
.element-source-card img { position:absolute; right:5px; bottom:-4px; width:68px; height:112px; object-fit:contain; }
.element-source-card div > b { position:absolute; left:10px; width:49px; height:5px; border-radius:5px; background:#dce5f3; }
.element-source-card div > b:nth-of-type(1) { top:23px; width:58px; height:7px; background:var(--yb-primary,#2f63f2); }
.element-source-card div > b:nth-of-type(2) { top:40px; }
.element-source-card div > b:nth-of-type(3) { top:53px; width:35px; }
.element-source-card em { position:absolute; bottom:11px; left:10px; color:var(--yb-muted-2,#8b9bb2); font-size:5px; font-style:normal; letter-spacing:.14em; }
.element-core { position:absolute; top:50%; left:50%; z-index:3; display:grid; place-items:center; width:116px; height:116px; border:1px solid rgba(47,99,242,.2); border-radius:50%; transform:translate(-50%,-50%); }
.element-core::before,.element-core > i { position:absolute; inset:14px; border:1px dashed rgba(22,195,224,.3); border-radius:50%; content:""; animation:spin 8s linear infinite; }
.element-core > i { inset:-17px; border-style:solid; border-color:rgba(20,166,115,.14); animation:spin-reverse 14s linear infinite; }
.element-core > b { position:absolute; inset:-28px; border:1px dashed rgba(47,99,242,.11); border-radius:50%; }
.element-core .one-avatar { width:43px; height:43px; animation:agent-breathe 2.5s ease-in-out infinite; }
.element-core > small { position:absolute; bottom:-27px; color:var(--yb-primary,#2f63f2); font-size:6px; font-weight:850; letter-spacing:.12em; white-space:nowrap; }
.element-parts { position:absolute; top:50%; right:4%; display:grid; grid-template-columns:1fr 1fr; gap:7px; width:194px; transform:translateY(-50%); }
.element-parts span { display:grid; grid-template-columns:25px 1fr; align-items:center; gap:6px; min-height:48px; padding:7px; border:1px solid var(--yb-line,#dce4f0); border-radius:10px; background:#fff; box-shadow:var(--yb-shadow-soft,0 8px 28px rgba(32,62,124,.075)); animation:element-part-arrive 2.6s ease-in-out infinite; }
.element-parts span:nth-child(2) { animation-delay:-.6s; }.element-parts span:nth-child(3) { animation-delay:-1.2s; }.element-parts span:nth-child(4) { animation-delay:-1.8s; }
.element-parts i { grid-row:1/3; display:grid; place-items:center; width:25px; height:25px; border-radius:7px; color:var(--yb-primary,#2f63f2); background:var(--yb-primary-soft,#eaf0ff); font-size:5px; font-style:normal; }
.element-parts b { font-size:7px; }.element-parts em { color:var(--yb-muted-2,#8b9bb2); font-size:5px; font-style:normal; }
.element-stream { position:absolute; inset:0; z-index:1; }
.element-stream i { position:absolute; top:50%; left:24%; width:7px; height:7px; border-radius:50%; background:var(--yb-ai,#16c3e0); box-shadow:0 0 12px rgba(22,195,224,.6); animation:element-data-travel 1.9s linear infinite; }
.element-stream i:nth-child(2) { margin-top:-22px; animation-delay:-.45s; }.element-stream i:nth-child(3) { margin-top:22px; animation-delay:-.9s; }.element-stream i:nth-child(4) { margin-top:40px; animation-delay:-1.35s; }

@keyframes opportunity-float { 0%,100%{transform:translateY(3px)}50%{transform:translateY(-4px)} }
@keyframes element-source-float { 0%,100%{transform:translateY(-48%)}50%{transform:translateY(-53%)} }
@keyframes element-part-arrive { 0%,100%{opacity:.55;transform:translateX(5px)}50%{opacity:1;transform:none} }
@keyframes element-data-travel { 0%{left:24%;opacity:0;transform:scale(.7)}30%{opacity:1}70%{opacity:1}100%{left:77%;opacity:0;transform:scale(1.1)} }

/* Price choice replaces passive pending states with a concrete merchant decision. */
.product-enrichment-view,.product-enrichment-result,.product-listing-view { display:flex; flex-direction:column; overflow-y:auto; }
.product-enrichment-view .enrichment-workspace,.product-listing-view .listing-workspace { flex:1; min-height:0; }
.product-enrichment-result .localization-table { flex:0 0 auto; }
.price-equation { display:flex; align-items:center; gap:4px; overflow:visible!important; }
.price-equation b { color:#6e7884; font-weight:550; }.price-equation em { color:var(--merchant-cyan); font-style:normal; }.price-equation mark { padding:3px 5px; border-radius:6px; color:#0b0e0d; background:var(--merchant-lime); }
.pricing-selector { display:grid; grid-template-columns:1.15fr repeat(3,1fr); gap:7px; margin:11px 0 9px; }
.pricing-selector > div { display:flex; flex-direction:column; justify-content:center; gap:4px; padding:8px 10px; border-left:2px solid rgba(200,255,61,.32); }
.pricing-selector > div small { color:#6d7783; font-size:7px; letter-spacing:.1em; }.pricing-selector > div strong { font-size:9px; line-height:1.35; }
.pricing-selector button { position:relative; display:grid; grid-template-columns:35px 1fr; align-items:center; gap:7px; min-height:56px; padding:7px; border:1px solid rgba(255,255,255,.075); border-radius:11px; color:#7c8792; background:rgba(255,255,255,.02); cursor:pointer; text-align:left; transition:all .3s var(--ease-out); }
.pricing-selector button:hover,.pricing-selector button.is-selected { border-color:rgba(200,255,61,.28); color:#dfe5dc; background:rgba(200,255,61,.045); transform:translateY(-2px); }
.pricing-selector button > i { display:grid; place-items:center; width:35px; height:35px; border:1px solid rgba(123,104,255,.18); border-radius:10px; color:#9b91ed; font-size:10px; font-style:normal; font-weight:800; }
.pricing-selector button.is-selected > i { border-color:var(--merchant-lime); color:#090d0e; background:var(--merchant-lime); }
.pricing-selector button > span { display:flex; flex-direction:column; gap:3px; }.pricing-selector button b { font-size:9px; }.pricing-selector button small { color:#64707b; font-size:7px; }
.pricing-selector button > em { position:absolute; top:5px; right:5px; padding:3px 4px; border-radius:100px; color:var(--merchant-lime); background:rgba(200,255,61,.08); font-size:6px; font-style:normal; }
.listing-sync-route { align-items:center; justify-content:center; gap:9px!important; margin-top:17px!important; }
.listing-sync-route span { display:grid; place-items:center; min-width:57px; height:30px; border:1px solid rgba(255,255,255,.09); border-radius:9px; color:#7d8792; font-size:8px; }.listing-sync-route span.is-ready { border-color:rgba(200,255,61,.2); color:var(--merchant-lime); }.listing-sync-route i { color:#66717c; font-style:normal; }
.listing-gate-actions { margin-top:14px!important; }

/* Saved growth task → visible sample run → concise analysis. */
.growth-running-scene,.growth-report-scene { display:flex; flex-direction:column; overflow-y:auto; }
.growth-meta-account { display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:390px; margin-top:20px; padding:10px 12px; border:1px solid rgba(123,104,255,.2); border-radius:12px; background:rgba(123,104,255,.06); }
.growth-meta-account > div { display:flex; align-items:center; gap:8px; min-width:0; }.growth-meta-account > div > i { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; color:#fff; background:#5d5ce2; font:700 15px Georgia,serif; }.growth-meta-account span { display:flex; flex-direction:column; gap:3px; min-width:0; }.growth-meta-account small { color:#7d83bf; font-size:7px; }.growth-meta-account strong { overflow:hidden; color:#e1e5f4; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.growth-meta-account em { color:#778292; font-size:6px; font-style:normal; }.growth-meta-account button { flex:0 0 auto; height:31px; padding:0 9px; border:1px solid rgba(200,255,61,.25); border-radius:8px; color:var(--merchant-lime); background:rgba(200,255,61,.05); cursor:pointer; font-size:7px; }.growth-meta-account button b { font-size:10px; font-weight:400; }.growth-meta-account p { display:none; margin:0; color:#7d8792; font-size:7px; line-height:1.5; }
.running-badge { color:var(--merchant-cyan)!important; border-color:rgba(66,232,255,.2)!important; }
.running-badge i { animation:status-blink .9s ease-in-out infinite; }
.growth-run-grid { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:18px; flex:1; min-height:0; }
.run-orbit { position:relative; width:min(27vw,270px); aspect-ratio:1; margin:auto; }
.run-orbit > i { position:absolute; top:50%; left:50%; border:1px solid rgba(66,232,255,.14); border-radius:50%; transform:translate(-50%,-50%); }.run-orbit > i:nth-child(1){width:42%;height:42%;border-color:rgba(200,255,61,.17)}.run-orbit > i:nth-child(2){width:72%;height:72%;border-style:dashed;animation:spin 12s linear infinite}.run-orbit > i:nth-child(3){width:100%;height:100%;border-color:rgba(123,104,255,.13);animation:spin-reverse 19s linear infinite}
.run-orbit > b { position:absolute; top:50%; left:50%; width:48%; height:1px; background:linear-gradient(90deg,var(--merchant-cyan),transparent); transform-origin:left; animation:radar-spin 2.3s linear infinite; }
.run-orbit > .one-avatar { position:absolute; top:50%; left:50%; width:52px; height:52px; transform:translate(-50%,-50%) rotate(45deg); animation:processing-avatar 2.2s ease-in-out infinite; }
.run-node { position:absolute; display:flex; flex-direction:column; gap:3px; min-width:70px; padding:7px 8px; border:1px solid rgba(255,255,255,.09); border-radius:9px; color:#9ca6b0; background:rgba(8,11,17,.86); font-size:7px; font-style:normal; letter-spacing:.1em; animation:run-node-pulse 1.8s ease-in-out infinite; }.run-node small { color:#65707b; font-size:6px; letter-spacing:0; }.run-node-a{top:8%;left:1%}.run-node-b{top:13%;right:-4%;animation-delay:-.6s}.run-node-site{right:11%;bottom:2%;color:var(--merchant-lime);animation-delay:-1.2s}
.run-console { display:flex; flex-direction:column; gap:7px; }
.run-console header { display:flex; align-items:center; justify-content:space-between; padding:0 2px 7px; border-bottom:1px solid rgba(255,255,255,.07); }.run-console header small{color:#746bb8;font-size:7px;font-weight:850;letter-spacing:.14em}.run-console header strong{color:#7c8792;font-size:8px;font-weight:550}
.run-console article { display:grid; grid-template-columns:27px 1fr auto; align-items:center; gap:9px; min-height:54px; padding:8px 10px; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(8,11,17,.72); transition:all .32s ease; }.run-console article > i { display:grid; place-items:center; width:26px; height:26px; border:1px solid rgba(123,104,255,.18); border-radius:8px; color:#8379cf; font-size:7px; font-style:normal; }.run-console article > span { display:flex; flex-direction:column; gap:3px; }.run-console article b{font-size:9px}.run-console article small{color:#65707b;font-size:7px}.run-console article > em{color:#626d78;font-size:7px;font-style:normal}.run-console article.is-active{border-color:rgba(66,232,255,.24);transform:translateX(-4px)}.run-console article.is-active>em{color:var(--merchant-cyan)}.run-console article.is-done{border-color:rgba(200,255,61,.14)}.run-console article.is-done>i{color:#090d0e;background:var(--merchant-lime)}.run-console article.is-done>em{color:var(--merchant-lime)}
.run-live-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:8px; }.run-live-stats span { display:flex; align-items:center; justify-content:space-between; min-height:43px; padding:8px 10px; border:1px solid rgba(255,255,255,.07); border-radius:10px; background:rgba(255,255,255,.02); }.run-live-stats small{color:#65707b;font-size:7px}.run-live-stats strong{color:#e2e8e1;font-size:15px}
.run-progress { display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; margin-top:9px; }.run-progress > span { display:block; height:2px; background:rgba(255,255,255,.08); }.run-progress > span i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--merchant-violet),var(--merchant-cyan),var(--merchant-lime)); box-shadow:0 0 11px var(--merchant-cyan); transition:width .55s var(--ease-out); }.run-progress small{color:#68737e;font-size:7px}
.report-scoreboard { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin:18px 0 12px; }.report-scoreboard article { display:flex; flex-direction:column; gap:4px; min-height:75px; padding:11px; border:1px solid rgba(255,255,255,.075); border-radius:12px; background:rgba(255,255,255,.02); }.report-scoreboard small{color:#6e65b2;font-size:6px;font-weight:850;letter-spacing:.12em}.report-scoreboard strong{font-size:22px;letter-spacing:-.04em}.report-scoreboard em{margin-top:auto;color:#68737e;font-size:7px;font-style:normal}
.report-insights { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; flex:1; min-height:0; }.report-insights article { display:grid; grid-template-columns:25px 1fr; gap:9px; padding:12px; border:1px solid rgba(255,255,255,.075); border-radius:13px; background:rgba(8,11,17,.72); }.report-insights article.is-primary{border-color:rgba(200,255,61,.18);background:rgba(200,255,61,.03)}.report-insights article > i{color:#756dbb;font-size:8px;font-style:normal}.report-insights span{display:flex;flex-direction:column;gap:5px}.report-insights small{color:#7067b4;font-size:6px;font-weight:850;letter-spacing:.12em}.report-insights strong{font-size:10px;line-height:1.35}.report-insights p{margin:0;color:#6c7681;font-size:8px;line-height:1.5}.report-insights article > em{grid-column:2;width:max-content;margin-top:auto;padding:4px 6px;border-radius:100px;color:var(--merchant-lime);background:rgba(200,255,61,.06);font-size:7px;font-style:normal}
.report-actions { display:flex; justify-content:flex-end; gap:7px; margin-top:12px; }.report-actions button,.report-actions a{display:grid;place-items:center;min-width:125px;height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#7d8792;background:rgba(255,255,255,.02);cursor:pointer;font-size:8px}.report-actions a{display:flex;align-items:center;justify-content:space-between;min-width:170px;border-color:var(--merchant-lime);color:#090d0e;background:var(--merchant-lime);font-weight:850}.report-actions i{font-style:normal}
.report-actions .report-primary-action { min-width:156px; border-color:var(--merchant-lime); color:#090d0e; background:var(--merchant-lime); font-weight:850; box-shadow:0 8px 25px rgba(200,255,61,.12); }
.growth-execute-scene { display:flex; flex-direction:column; overflow-y:auto; }
.execute-badge { color:var(--merchant-cyan)!important; border-color:rgba(66,232,255,.2)!important; }
.execute-badge i { display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:var(--merchant-cyan); box-shadow:0 0 10px rgba(66,232,255,.55); }
.execute-layout { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:22px; flex:1; min-height:0; }
.execute-visual { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:300px; color:#6f7b88; }
.execute-orbit { position:relative; width:210px; height:210px; display:grid; place-items:center; }
.execute-orbit > i { position:absolute; top:50%; left:50%; border:1px solid rgba(66,232,255,.17); border-radius:50%; transform:translate(-50%,-50%); }
.execute-orbit > i:nth-child(1){width:38%;height:38%;border-color:rgba(200,255,61,.35)}.execute-orbit > i:nth-child(2){width:68%;height:68%;border-style:dashed;animation:spin 10s linear infinite}.execute-orbit > i:nth-child(3){width:100%;height:100%;border-color:rgba(123,104,255,.2);animation:spin-reverse 17s linear infinite}
.execute-orbit > span { position:relative; z-index:2; display:grid; place-items:center; width:53px; height:53px; border-radius:16px; color:#fff; background:linear-gradient(145deg,#7467ff,#4251af); box-shadow:0 0 42px rgba(91,84,224,.28); font:700 29px Georgia,serif; }
.execute-link-line { position:absolute; top:50%; right:4%; left:52%; height:1px; background:linear-gradient(90deg,rgba(66,232,255,.45),transparent); }
.execute-link-line i { position:absolute; width:4px; height:4px; border-radius:50%; background:var(--merchant-cyan); box-shadow:0 0 10px var(--merchant-cyan); animation:execute-packet 2.4s linear infinite; }.execute-link-line i:nth-child(2){animation-delay:-.8s}.execute-link-line i:nth-child(3){animation-delay:-1.6s}
.execute-visual > small { margin-top:19px; color:#68737e; font-size:7px; letter-spacing:.08em; }
.execute-console { display:flex; flex-direction:column; gap:9px; }
.meta-account-card { display:flex; align-items:center; justify-content:space-between; min-height:59px; padding:10px 12px; border:1px solid rgba(123,104,255,.24); border-radius:12px; background:rgba(123,104,255,.07); }
.meta-account-card > div { display:flex; align-items:center; gap:9px; }.meta-account-card > div > i { display:grid; place-items:center; width:29px; height:29px; border-radius:9px; color:#fff; background:#5d5ce2; font:700 16px Georgia,serif; }.meta-account-card span { display:flex; flex-direction:column; gap:3px; }.meta-account-card small { color:#7d83bf; font-size:7px; }.meta-account-card strong { color:#e1e5f4; font-size:10px; }.meta-account-card button { padding:6px 8px; border:1px solid rgba(255,255,255,.13); border-radius:7px; color:#9ca6b2; background:transparent; cursor:pointer; font-size:7px; }
.execute-steps { display:flex; flex-direction:column; gap:7px; }.execute-steps article { display:grid; grid-template-columns:27px 1fr auto; align-items:center; gap:9px; min-height:52px; padding:8px 10px; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(8,11,17,.72); transition:all .32s ease; }.execute-steps article > i { display:grid; place-items:center; width:26px; height:26px; border:1px solid rgba(123,104,255,.2); border-radius:8px; color:#8379cf; font-size:7px; font-style:normal; }.execute-steps article > span { display:flex; flex-direction:column; gap:3px; }.execute-steps article b { font-size:9px; }.execute-steps article small { color:#65707b; font-size:7px; }.execute-steps article > em { color:#626d78; font-size:7px; font-style:normal; }.execute-steps article.is-active { border-color:rgba(66,232,255,.28); transform:translateX(-4px); }.execute-steps article.is-active > em { color:var(--merchant-cyan); }.execute-steps article.is-done { border-color:rgba(200,255,61,.18); }.execute-steps article.is-done > i { color:#090d0e; background:var(--merchant-lime); }.execute-steps article.is-done > em { color:var(--merchant-lime); }
.execute-gate { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:2px; padding:12px; border:1px solid rgba(255,156,112,.17); border-radius:12px; background:rgba(255,156,112,.035); }.execute-gate > div { display:flex; flex-direction:column; gap:4px; }.execute-gate small { color:var(--merchant-warm); font-size:7px; }.execute-gate strong { font-size:10px; }.execute-gate p { margin:0; color:#737d88; font-size:7px; line-height:1.5; }.execute-gate button { min-width:137px; height:38px; border:1px solid rgba(255,255,255,.1); border-radius:9px; color:#69747f; background:rgba(255,255,255,.04); cursor:pointer; font-size:7px; }.execute-gate button:not(:disabled) { border-color:var(--merchant-lime); color:#090d0e; background:var(--merchant-lime); font-weight:800; }
.execute-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:11px; }.execute-actions button { min-width:125px; height:38px; border:1px solid rgba(255,255,255,.1); border-radius:9px; color:#8a949e; background:rgba(255,255,255,.025); cursor:pointer; font-size:8px; }.execute-actions span { color:#66717b; font-size:7px; }.execute-actions span i { display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:var(--merchant-lime); }
@keyframes execute-packet { from { left:0; opacity:0; } 18% { opacity:1; } 82% { opacity:1; } to { left:92%; opacity:0; } }

@keyframes processing-avatar { 0%,100%{transform:translate(-50%,-50%) rotate(45deg) scale(.92)}50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.06)} }
@keyframes packet-feed { 0%,100%{opacity:.38;transform:translateX(-7px)}50%{opacity:1;transform:translateX(6px)} }
@keyframes card-build { 0%,100%{opacity:.42;transform:translateX(7px)}50%{opacity:1;transform:translateX(-5px)} }
@keyframes api-brace { 50%{color:var(--merchant-cyan);text-shadow:0 0 14px rgba(66,232,255,.5);transform:scale(1.08)} }
@keyframes field-map { 0%,100%{opacity:.42}50%{opacity:1;border-color:rgba(200,255,61,.22)} }
@keyframes vision-frame { 0%,100%{transform:translateY(4px)}50%{transform:translateY(-4px)} }
@keyframes vision-scan { 0%,100%{bottom:5px}50%{bottom:65px} }
@keyframes tag-arrive { 0%,100%{opacity:.42;transform:translateX(6px)}50%{opacity:1;transform:none} }
@keyframes price-output { 0%,100%{opacity:.45;transform:translateX(7px)}50%{opacity:1;transform:none;box-shadow:0 0 18px rgba(200,255,61,.05)} }
@keyframes run-node-pulse { 50%{border-color:rgba(66,232,255,.26);box-shadow:0 0 16px rgba(66,232,255,.06);transform:translateY(-2px)} }

@media (min-width:901px) and (max-height:760px) {
  .task-body { overflow-y:auto; }
  .task-main { height:auto; min-height:100svh; }
  .task-scene { height:auto; overflow:visible; }
  .product-enrichment-view,.product-enrichment-result,.product-listing-view,.growth-running-scene,.growth-report-scene { padding:15px 20px; }
  .enrichment-workspace { min-height:0; }
  .enrichment-manifest article { min-height:51px; }
  .localization-table { margin-top:10px; }.localization-table article { min-height:57px; }
  .pricing-selector { margin:7px 0 5px; }.pricing-selector button { min-height:48px; }
  .pricing-prerequisites { margin:6px 0; }
  .listing-workspace { min-height:275px; }
  .growth-run-grid { min-height:285px; }
  .report-scoreboard { margin:11px 0 8px; }.report-insights article { padding:9px; }
}

@media (max-width:900px) {
  .processing-theatre { min-height:285px; }
  .pricing-selector { grid-template-columns:repeat(3,1fr); }
  .pricing-selector > div { grid-column:1/4; }
  .growth-run-grid { grid-template-columns:1fr; }
  .run-orbit { width:210px; }
  .report-insights { grid-template-columns:1fr; }
}

@media (max-width:520px) {
  .product-processing { padding:17px 12px; }
  .processing-story-head strong { font-size:14px; }
  .processing-theatre { min-height:360px; }
  .processing-engine { width:112px; height:112px; }
  .processing-engine > small { bottom:-25px; }
  .url-packets,.api-pulse-source,.vision-frames,.translation-stream { left:2%; }
  .normalized-cards,.api-field-map,.vision-tags,.pricing-stream { right:2%; }
  .url-packets span,.translation-stream span,.normalized-cards span { min-width:92px; max-width:105px; }
  .api-pulse-source { min-width:100px; padding:9px; }.api-field-map span { min-width:105px; }
  .vision-frames { gap:3px; }.vision-frames span { width:29px; height:65px; }.vision-tags span { min-width:83px; }
  .pricing-stream span { min-width:98px; max-width:108px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .processing-sequence { gap:4px; }.processing-sequence > span { grid-template-columns:18px 1fr; gap:4px; padding:5px; }.processing-sequence > span > i { width:18px; height:18px; }.processing-sequence em { grid-column:2; }
  .opportunity-radar { left:50%; width:135px; height:135px; }
  .opportunity-signal { min-width:94px; padding:6px; }
  .opportunity-signal > i { width:21px; height:21px; }
  .signal-commute { top:8%; left:2%; }.signal-layer { top:9%; right:2%; }.signal-weather { bottom:8%; left:2%; }
  .opportunity-result { right:2%; bottom:7%; min-width:108px; padding:8px; }
  .element-source-card { left:-4px; width:106px; }.element-source-card > div { height:128px; }.element-source-card img { width:55px; }
  .element-core { width:86px; height:86px; }.element-core .one-avatar { width:36px; height:36px; }.element-core > small { bottom:-23px; }
  .element-parts { right:-5px; width:125px; gap:4px; }.element-parts span { grid-template-columns:20px 1fr; min-height:43px; padding:5px; }.element-parts i { width:20px; height:20px; }.element-parts em { display:none; }
  .processing-meter { grid-template-columns:1fr; }.processing-meter small { text-align:right; }
  .product-enrichment-result { padding-bottom:18px; }
  .pricing-selector { gap:4px; }.pricing-selector button { grid-template-columns:1fr; min-height:80px; text-align:center; }.pricing-selector button > i { margin:auto; }.pricing-selector button > em { display:none; }
  .pricing-prerequisites { margin:8px 0; }
  .listing-sync-route { width:auto!important; flex-direction:row!important; }
  .listing-gate-actions { width:100%; flex-direction:column-reverse!important; }
  .growth-running-scene,.growth-report-scene { padding:18px 12px!important; }
  .growth-meta-account { max-width:none; margin-top:14px; }
  .growth-run-grid { display:flex; flex-direction:column; gap:7px; padding-top:8px; }
  .run-orbit { flex:0 0 auto; width:185px; }.run-console{width:100%}.run-console article{min-height:49px}
  .run-live-stats,.report-scoreboard { grid-template-columns:repeat(2,1fr); }
  .run-progress { grid-template-columns:1fr; }
  .report-scoreboard { margin:12px 0 8px; }.report-insights { flex:0 0 auto; }.report-insights article { min-height:105px; }
  .report-actions { flex-direction:column; }.report-actions button,.report-actions a { width:100%; }
  .execute-layout { grid-template-columns:1fr; gap:10px; }.execute-visual { min-height:170px; }.execute-orbit { width:145px; height:145px; }.execute-orbit > span { width:42px; height:42px; font-size:22px; }.execute-link-line { display:none; }.execute-visual > small { margin-top:8px; font-size:6px; }.execute-gate { align-items:stretch; flex-direction:column; }.execute-gate button { width:100%; }.execute-actions { align-items:stretch; flex-direction:column; }.execute-actions button { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
  .processing-engine::before,.processing-engine > i,.processing-engine > b,.processing-engine .one-avatar,.url-packets span,.normalized-cards span,.api-pulse-source i,.api-field-map span,.vision-frames span,.vision-frames span::after,.vision-tags span,.pricing-stream span,.run-orbit > i,.run-orbit > b,.run-orbit > .one-avatar,.run-node { animation:none!important; }
}

/* Original product imagery stays visible through every source path. */
.product-input-view { overflow-y:auto; }
.method-panel textarea { height:122px; }
.source-image-preview { display:grid; grid-template-columns:repeat(3,64px) 1fr; align-items:center; gap:7px; margin:7px 0; }
.source-image-preview>span { position:relative; height:54px; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:9px; background:#172126; }
.source-image-preview img { width:100%; height:100%; object-fit:cover; }
.source-image-preview b { position:absolute; right:4px; bottom:4px; padding:3px 4px; border-radius:5px; color:#eef2ec; background:rgba(6,9,12,.65); font-size:5px; }
.source-image-preview>em { color:#66717c; font-size:7px; font-style:normal; line-height:1.45; }
.api-sample-layout { display:grid; grid-template-columns:135px 1fr; gap:9px; margin-top:10px; }
.api-sample-layout figure { position:relative; height:147px; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:12px; background:#192329; }
.api-sample-layout figure img { width:100%; height:100%; object-fit:cover; }
.api-sample-layout figcaption { position:absolute; right:5px; bottom:5px; left:5px; padding:5px; border-radius:6px; color:#9ca7af; background:rgba(5,9,12,.72); font:6px ui-monospace,SFMono-Regular,Menlo,monospace; }
.api-sample-layout .api-map { grid-template-columns:1fr 1fr; align-content:stretch; margin:0; }
.api-sample-layout .api-map span { min-height:69px; }
.image-drop-demo { height:216px; }
.image-drop-demo>div { gap:6px; margin-bottom:11px; }
.image-drop-demo>div>span { position:relative; width:82px; height:112px; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:10px; background:#182227; transform:rotate(-3deg); box-shadow:0 12px 25px rgba(0,0,0,.18); }
.image-drop-demo>div>span:nth-child(2){transform:translateY(-7px)}.image-drop-demo>div>span:nth-child(3){transform:rotate(3deg)}
.image-drop-demo>div img { width:100%; height:100%; object-fit:cover; }
.image-drop-demo>div>span>i { position:absolute; right:4px; bottom:4px; display:grid; place-items:center; width:18px!important; height:18px!important; border:0!important; border-radius:6px!important; color:#0b0e0d; background:var(--merchant-lime)!important; font-size:6px; font-style:normal; }
.draft-art::before { display:none; }
.draft-art img { width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease-out); }
.draft-product-grid article:hover .draft-art img { transform:scale(1.04); }
.url-packets span { display:grid; grid-template-columns:28px 1fr; align-items:center; gap:6px; padding:5px 7px; }
.url-packets span img { width:28px; height:34px; border-radius:5px; object-fit:cover; }
.api-pulse-source { padding:8px 11px; }
.api-pulse-source>img { width:54px; height:60px; margin-bottom:4px; border-radius:7px; object-fit:cover; }
.vision-frames span { width:54px; height:88px; }
.vision-frames span img { width:100%; height:100%; object-fit:cover; }
.vision-frames span>i { display:none; }

/* Translation is staged as a visible language transformation, not just another scanner. */
.processing-visual[data-processing-visual="enrichment"] { overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(123,104,255,.12),transparent 27%); }
.translation-side-label { position:absolute; top:18px; z-index:6; color:#687480; font-size:6px; font-weight:850; letter-spacing:.16em; }
.translation-side-label--source { left:5%; color:#8e84df; }.translation-side-label--output { right:5%; color:#a5b891; }
.translation-stream,.pricing-stream { width:24%; gap:9px; }
.translation-stream span,.pricing-stream span { position:relative; display:flex; min-width:0; flex-direction:column; gap:4px; padding:10px 11px; overflow:visible; border-radius:10px; white-space:normal; }
.translation-stream span { border:1px solid rgba(123,104,255,.18); color:#a8a2dd; background:linear-gradient(100deg,rgba(123,104,255,.1),rgba(8,11,17,.86)); animation:translation-ingest 2.7s var(--ease-out) infinite; transform-origin:right center; }
.translation-stream span:nth-child(2){animation-delay:-.9s}.translation-stream span:nth-child(3){animation-delay:-1.8s}
.translation-stream span::after { position:absolute; top:50%; right:-38%; width:38%; height:1px; background:linear-gradient(90deg,rgba(123,104,255,.6),transparent); content:""; }
.translation-stream b,.pricing-stream b { font-size:8px; font-weight:680; }
.translation-stream em,.pricing-stream em { color:#65707c; font-size:5px; font-style:normal; letter-spacing:.08em; }
.pricing-stream span { border:1px solid rgba(200,255,61,.16); color:#d8e1cc; background:linear-gradient(100deg,rgba(8,11,17,.86),rgba(200,255,61,.08)); animation:translation-release 2.7s var(--ease-out) infinite; transform-origin:left center; }
.pricing-stream span:nth-child(2){animation-delay:-.9s}.pricing-stream span:nth-child(3){animation-delay:-1.8s}
.pricing-stream span::before { position:absolute; top:50%; left:-38%; width:38%; height:1px; background:linear-gradient(90deg,transparent,rgba(200,255,61,.6)); content:""; }
.pricing-stream span::after { display:none; content:none; }
.translation-beam { position:absolute; top:50%; left:24%; z-index:1; width:52%; height:70px; transform:translateY(-50%); }
.translation-beam::before,.translation-beam::after { position:absolute; top:50%; right:0; left:0; height:1px; background:linear-gradient(90deg,rgba(123,104,255,.15),var(--merchant-cyan),var(--merchant-lime),rgba(200,255,61,.12)); content:""; box-shadow:0 0 18px rgba(66,232,255,.28); }
.translation-beam::after { height:36px; border:1px solid rgba(66,232,255,.09); border-right:0;border-left:0;background:transparent; transform:translateY(-50%); }
.translation-beam i { position:absolute; top:50%; width:6px; height:6px; border-radius:50%; background:var(--merchant-cyan); box-shadow:0 0 14px var(--merchant-cyan); animation:beam-packet 1.7s linear infinite; }
.translation-beam i:nth-child(2){animation-delay:-.55s}.translation-beam i:nth-child(3){animation-delay:-1.1s}
.language-engine { width:148px; height:148px; border-color:rgba(66,232,255,.28); box-shadow:0 0 45px rgba(123,104,255,.12); }
.language-engine::after { position:absolute; inset:31px; z-index:-1; border-radius:50%; background:radial-gradient(circle,rgba(66,232,255,.19),rgba(123,104,255,.08) 46%,transparent 70%); content:""; animation:language-burst 1.6s ease-in-out infinite; }
.language-engine .one-avatar { width:42px; height:42px; opacity:.72; }
.language-core { position:absolute; top:50%; left:50%; z-index:5; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; width:112px; color:#d8e0dc; font-size:8px; font-style:normal; transform:translate(-50%,-50%); }
.language-core>b { opacity:.65;font-size:13px;text-align:center;animation:glyph-shift 2.4s ease-in-out infinite}.language-core>b:last-child{animation-delay:-1.2s}.language-core>i { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#0b0e0d;background:var(--merchant-lime);font-size:7px;font-style:normal;font-weight:900;box-shadow:0 0 22px rgba(200,255,61,.3);animation:ai-core-pop 1.2s ease-in-out infinite }
.translation-particles span { position:absolute; z-index:5; padding:4px 6px; border-radius:100px; color:#929ba5; background:rgba(8,11,17,.88); font:5px ui-monospace,SFMono-Regular,Menlo,monospace; opacity:0; }
.token-in { left:22%; border:1px solid rgba(123,104,255,.18); animation:token-to-ai 2.6s ease-in-out infinite; }.token-out{left:50%;border:1px solid rgba(200,255,61,.18);animation:token-from-ai 2.6s ease-in-out infinite}
.token-in-a,.token-out-a{top:28%}.token-in-b,.token-out-b{top:48%;animation-delay:-.85s}.token-in-c,.token-out-c{top:69%;animation-delay:-1.7s}
.localization-table article { grid-template-columns:22px 46px 1.05fr 1.15fr auto; }
.localization-thumb { width:46px; height:52px; border-radius:8px; object-fit:cover; }

@keyframes translation-ingest { 0%,100%{opacity:.3;transform:translateX(-10px) scale(.96)}42%{opacity:1;transform:none}68%{opacity:.15;filter:blur(1px);transform:translateX(36px) scale(.72)} }
@keyframes translation-release { 0%,28%{opacity:.12;filter:blur(2px);transform:translateX(-38px) scale(.72)}62%{opacity:1;filter:none;transform:none}100%{opacity:.35;transform:translateX(9px) scale(.97)} }
@keyframes beam-packet { 0%{left:0;opacity:0;transform:translateY(-50%) scale(.5)}18%,82%{opacity:1}50%{transform:translateY(-50%) scale(1.8)}100%{left:100%;opacity:0;transform:translateY(-50%) scale(.5)} }
@keyframes language-burst { 0%,100%{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.25)} }
@keyframes glyph-shift { 0%,100%{opacity:.22;transform:translateX(-4px)}50%{opacity:1;transform:translateX(3px);text-shadow:0 0 12px var(--merchant-cyan)} }
@keyframes ai-core-pop { 50%{transform:scale(1.13);box-shadow:0 0 35px rgba(200,255,61,.48)} }
@keyframes token-to-ai { 0%{opacity:0;transform:translateX(-10px)}25%{opacity:1}78%{opacity:.85}100%{left:47%;opacity:0;transform:scale(.55)} }
@keyframes token-from-ai { 0%{opacity:0;transform:scale(.5)}30%{opacity:1}100%{left:75%;opacity:0;transform:translateX(12px)} }

@media (min-width:901px) and (max-height:760px) {
  .source-image-preview>span { height:43px; }
  .method-panel textarea { height:98px; }
  .image-drop-demo { height:185px; }
  .api-sample-layout figure { height:118px; }
  .api-sample-layout .api-map span { min-height:54px; }
  .localization-thumb { width:39px; height:44px; }
  .localization-table article { grid-template-columns:19px 39px 1fr 1.08fr auto; }
}

@media(max-width:520px){
  .source-image-preview { grid-template-columns:repeat(3,1fr); }
  .source-image-preview>em { grid-column:1/4; }
  .api-sample-layout { grid-template-columns:100px 1fr; }
  .api-sample-layout .api-map { grid-template-columns:1fr; max-height:160px; overflow:auto; }
  .api-sample-layout .api-map span { min-height:42px; }
  .image-drop-demo>div>span { width:72px; height:104px; }
  .translation-stream,.pricing-stream { width:29%; }
  .translation-stream { left:1%; }.pricing-stream { right:1%; }
  .translation-stream span,.pricing-stream span { padding:8px 6px; min-width:0; max-width:none; }
  .translation-stream b,.pricing-stream b { overflow:hidden;font-size:6px;text-overflow:ellipsis;white-space:nowrap }
  .translation-side-label--source{left:2%}.translation-side-label--output{right:2%}
  .translation-beam { left:28%; width:44%; }
  .language-engine { width:104px; height:104px; }
  .language-core { width:91px; }.language-core>i{width:29px;height:29px}.language-core>b{font-size:10px}
  .token-in{left:26%}.token-out{left:50%}
  .localization-table article { grid-template-columns:24px 42px 1fr; }
  .localization-table article>span:first-of-type { grid-column:3; }
  .localization-table article>span:nth-of-type(2),.localization-table article>em { grid-column:3; }
}

@media(prefers-reduced-motion:reduce){.translation-stream span,.pricing-stream span,.translation-beam i,.language-engine::after,.language-core>b,.language-core>i,.translation-particles span{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}.translation-particles{display:none}}
