:root{
  --bg:#f7faff;--panel:#ffffff;--panel-soft:#f3f7ff;--ink:#0f172a;--muted:#64748b;--line:#dbe7ff;
  --blue:#2563eb;--purple:#7c3aed;--cyan:#06b6d4;--orange:#f59e0b;--green:#22c55e;--pink:#ec4899;
  --shadow:0 24px 70px rgba(37,99,235,.13);--radius:28px;--radius-lg:38px;
}
html[data-theme="dark"]{--bg:#0b1020;--panel:#111827;--panel-soft:#16213a;--ink:#f8fafc;--muted:#a9b4c5;--line:#26334f;--shadow:0 24px 70px rgba(0,0,0,.4)}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(124,58,237,.11),transparent 28%),radial-gradient(circle at 82% 14%,rgba(6,182,212,.13),transparent 30%),linear-gradient(180deg,var(--bg),#fff 45%,var(--bg));color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.6} html[data-theme="dark"] body{background:radial-gradient(circle at 12% 8%,rgba(124,58,237,.2),transparent 28%),linear-gradient(180deg,var(--bg),#0d1328 45%,var(--bg))}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}html[data-theme="dark"] .site-header{background:rgba(11,16,32,.78)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}.logo-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;box-shadow:0 12px 34px rgba(37,99,235,.28)}.nav-links{display:flex;gap:18px;font-size:14px;color:var(--muted);white-space:nowrap}.nav-links a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:10px}.btn,.icon-btn{border:0;cursor:pointer;border-radius:999px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;box-shadow:0 16px 34px rgba(37,99,235,.25)}.btn.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:rgba(37,99,235,.08);color:var(--blue)}.btn.small{padding:9px 13px;font-size:13px}.btn.block{width:100%}.icon-btn{width:42px;height:42px;padding:0;background:var(--panel);border:1px solid var(--line)}.mobile-toggle{display:none}
.hero{padding:76px 0 56px}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}.kicker,.page-kicker,.mini-tag{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:900;background:rgba(37,99,235,.08);padding:8px 12px;border-radius:999px;font-size:13px}.hero h1,h1{font-size:clamp(38px,5vw,70px);line-height:1.05;margin:20px 0 22px;letter-spacing:-.05em}.hero p,.copy p{font-size:18px;color:var(--muted);max-width:760px}.text-gradient{background:linear-gradient(135deg,var(--blue),var(--purple),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.trust-strip{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap}.trust-strip span,.tags span{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-weight:700;font-size:13px}.hero-visual.image-hero{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--panel);padding:10px}.hero-visual.image-hero img{border-radius:26px;width:100%;height:auto}.section{padding:74px 0}.section.tight{padding:44px 0}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:28px}.section-head h1,.section-head h2{margin:12px 0 8px;line-height:1.15;letter-spacing:-.035em}.section-head h2,h2{font-size:clamp(28px,3.5vw,46px);line-height:1.15}.copy{max-width:820px}
.panel,.card,.visual-panel{background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:26px}html[data-theme="dark"] .panel,html[data-theme="dark"] .card,html[data-theme="dark"] .visual-panel{background:rgba(17,24,39,.86)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.step-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:22px;padding:18px}.step-card .num{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;display:grid;place-items:center;font-weight:900}.step-card h4{margin:12px 0 6px}.step-card p,.card p{color:var(--muted);margin:0}.feature-card{overflow:hidden;display:flex;flex-direction:column;gap:12px}.feature-icon,.big-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(124,58,237,.14));font-size:28px}.feature-card ul,.clean-list{padding:0;margin:8px 0 0;list-style:none}.feature-card li,.clean-list li{padding:7px 0;color:var(--muted);border-bottom:1px dashed rgba(100,116,139,.2)}.feature-card li:before,.clean-list li:before{content:'✓';color:var(--green);font-weight:900;margin-right:8px}.asset-image,.card-img,.cover-img{width:100%;object-fit:cover}.card-img{height:180px;border-radius:22px;margin:-6px 0 6px;border:1px solid var(--line)}.image-band{padding:10px;margin:24px 0}.image-band img{width:100%;border-radius:22px;border:1px solid var(--line)}.feature-visual-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:22px 0 28px}.visual-panel.compact{padding:8px}.visual-panel.compact img{border-radius:18px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 24px}.tab-btn{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 16px;border-radius:999px;font-weight:850;cursor:pointer}.tab-btn.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));border-color:transparent}.tab-panel{display:none}.tab-panel.active{display:block}.template-card{overflow:hidden;padding:0}.template-cover{height:260px;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#ede9fe);position:relative}.template-cover .cover-img{height:100%;width:100%;object-fit:cover}.template-body{padding:22px}.template-card h3{margin:14px 0 8px;font-size:24px}.tags{display:flex;gap:8px;flex-wrap:wrap}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.metric{border:1px solid var(--line);border-radius:18px;background:var(--panel-soft);padding:12px}.metric b{display:block;font-size:20px}.metric small{color:var(--muted)}.price-card{position:relative}.price{font-size:42px;font-weight:950;letter-spacing:-.04em;margin:16px 0}.price small{font-size:16px;color:var(--muted)}.recommended{border:2px solid rgba(124,58,237,.42);transform:translateY(-8px)}.reco-badge{position:absolute;right:18px;top:18px;background:linear-gradient(135deg,var(--orange),var(--pink));color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.compare-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:22px;overflow:hidden;border:1px solid var(--line)}.compare-table th,.compare-table td{padding:16px;border-bottom:1px solid var(--line);text-align:left}.compare-table th{background:var(--panel-soft);font-weight:900}.login-page{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:60px 20px}.login-wrap{width:min(1160px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.login-art{padding:36px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(239,246,255,.9));border:1px solid var(--line);box-shadow:var(--shadow)}html[data-theme="dark"] .login-art{background:var(--panel)}.login-visual{padding:8px;margin:22px 0}.login-visual img{border-radius:24px;max-height:430px;object-fit:cover;width:100%}.login-card{padding:34px}.form-grid{display:grid;gap:16px}.field label{display:block;font-weight:850;margin-bottom:8px}.field input,.field textarea,.field select,textarea,select,input{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:var(--panel);color:var(--ink);font:inherit}textarea{min-height:160px}.or-line{text-align:center;color:var(--muted);position:relative}.app-shell{display:grid;grid-template-columns:280px 1fr;gap:28px;width:min(1440px,calc(100% - 32px));margin:28px auto}.sidebar{position:sticky;top:100px;align-self:start;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow)}html[data-theme="dark"] .sidebar{background:var(--panel)}.side-title{font-weight:950;margin:8px 10px 12px;color:var(--muted);font-size:13px;text-transform:uppercase}.side-nav{display:grid;gap:6px}.side-nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;color:var(--muted);font-weight:800}.side-nav a:hover{background:var(--panel-soft);color:var(--blue)}.main-app{min-width:0}.app-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.app-head h1{margin:10px 0 6px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kanban-col{background:var(--panel-soft);border:1px solid var(--line);border-radius:24px;padding:16px}.kanban-col h4{display:flex;justify-content:space-between;margin:0 0 14px}.project-mini{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:12px}.progress{height:10px;background:#e6edff;border-radius:999px;overflow:hidden;margin-top:12px}.progress span{display:block;height:100%;background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:999px}.score-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) 0 82%,#e6edff 82%);margin:0 auto;position:relative}.score-ring:before{content:'';position:absolute;inset:14px;border-radius:50%;background:var(--panel)}.score-ring b{position:relative;font-size:34px}.wizard{display:grid;grid-template-columns:270px 1fr;gap:24px}.steps-rail{display:grid;gap:12px}.rail-step{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:14px;color:var(--muted)}.rail-step.active{color:var(--ink);border-color:rgba(37,99,235,.35)}.rail-step b{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;display:grid;place-items:center}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:16px;padding:12px;font-weight:800}.launch-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.phone-preview{display:grid;place-items:center}.phone-preview-inner{width:280px;border:1px solid var(--line);border-radius:34px;background:var(--panel);padding:16px;box-shadow:var(--shadow)}.video-placeholder{height:420px;border-radius:24px;background:linear-gradient(135deg,#0f172a,#7c3aed);position:relative;overflow:hidden}.video-placeholder:after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:56px}.video-ui{padding:14px}.video-ui span{display:block;color:var(--muted);font-size:13px}.text-orange{color:var(--orange)}.block{display:flex}.footer{padding:54px 0;border-top:1px solid var(--line);background:rgba(255,255,255,.55)}html[data-theme="dark"] .footer{background:#0b1020}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.footer h4{margin:0 0 12px}.footer a:not(.logo){display:block;color:var(--muted);margin:8px 0}.reveal{animation:fadeUp .7s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.nav-links{display:none}.mobile-toggle{display:grid}.hero-grid,.grid-2,.login-wrap,.launch-grid,.wizard{grid-template-columns:1fr}.grid-3,.feature-visual-grid{grid-template-columns:1fr 1fr}.grid-4,.kanban,.step-flow{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:static}.section-head,.app-head{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.container{width:min(100% - 24px,1180px)}.hero{padding:44px 0}.grid-3,.grid-4,.kanban,.step-flow,.feature-visual-grid,.metric-row,.check-grid,.footer-grid{grid-template-columns:1fr}.hero h1,h1{font-size:38px}.section{padding:46px 0}.template-cover{height:220px}.nav-actions .btn.secondary,.nav-actions .btn.primary{display:none}.app-shell{width:calc(100% - 20px);gap:18px}.panel,.card{padding:20px}.login-page{padding:24px 10px}.hero-actions .btn{width:100%}}


/* High-quality page banner treatment */
.page-banner{
  padding:10px;
  margin:24px 0 34px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(239,246,255,.74));
  border:1px solid rgba(191,219,254,.9);
  box-shadow:0 28px 80px rgba(37,99,235,.16);
  overflow:hidden;
}
.page-banner img{
  border-radius:26px;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
}
.hero-visual.image-hero{
  padding:8px;
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(239,246,255,.76));
  border-color:rgba(191,219,254,.9);
}
.hero-visual.image-hero img{
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
}
.template-cover .cover-img{transition:transform .45s ease, filter .45s ease;}
.template-card:hover .cover-img{transform:scale(1.045);filter:saturate(1.08)}
.card-img{object-position:center;}
@media(max-width:720px){
  .page-banner{border-radius:24px;padding:6px;margin:18px 0 26px}
  .page-banner img,.hero-visual.image-hero img{border-radius:18px;aspect-ratio:4/3;object-fit:cover}
}

/* Step 3 visual QA refinements */
html,body{overflow-x:hidden;}
.page-banner img,.hero-visual.image-hero img{background:linear-gradient(135deg,#eef4ff,#f8fbff);}
@media(max-width:1100px){
  body.nav-open .nav-links{
    display:flex;
    position:absolute;
    top:78px;
    left:20px;
    right:20px;
    flex-direction:column;
    gap:4px;
    padding:14px;
    border-radius:22px;
    background:rgba(255,255,255,.96);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    backdrop-filter:blur(18px);
  }
  html[data-theme="dark"] body.nav-open .nav-links{background:rgba(17,24,39,.96)}
  body.nav-open .nav-links a{padding:10px 12px;border-radius:14px;}
  body.nav-open .nav-links a:hover{background:var(--panel-soft);}
}
@media(max-width:720px){
  .page-banner img,.hero-visual.image-hero img{aspect-ratio:16/9;object-fit:contain;}
  .card-img{height:150px;}
  .template-cover{height:240px;}
  .section-head .btn{width:100%;}
  .app-head .status-pills{width:100%;}
}

/* Step 4 final review polish */
.nav-links a.is-active{color:var(--blue);font-weight:950;background:rgba(37,99,235,.08);padding:7px 10px;border-radius:999px;}
@media(max-width:1100px){.nav-links a.is-active{padding:10px 12px;border-radius:14px;background:var(--panel-soft);}}
:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:3px;}
.page-banner img,.hero-visual.image-hero img{display:block;}
@media(max-width:720px){.login-visual img{max-height:none;aspect-ratio:16/9;object-fit:contain;}}

/* Step 5 Chinese payment flow */
.pricing-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:28px 0}.pricing-grid-5 .price-card{padding:24px}.pricing-grid-5 .price{font-size:34px}.payment-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0 28px}.flow-step{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:12px 14px;color:var(--muted);font-weight:850}.flow-step b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--panel-soft);color:var(--blue)}.flow-step.active{color:var(--ink);border-color:rgba(37,99,235,.38);box-shadow:0 12px 32px rgba(37,99,235,.1)}.flow-step.active b,.flow-step.done b{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}.flow-step.done{color:var(--green)}.checkout-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.order-amount{display:flex;align-items:flex-end;justify-content:space-between;border:1px solid var(--line);border-radius:22px;background:var(--panel-soft);padding:18px;margin:20px 0}.order-amount span{color:var(--muted);font-weight:850}.order-amount b{font-size:42px;line-height:1;color:var(--purple)}.plan-switch{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 22px}.pay-methods{display:grid;gap:12px;margin:16px 0}.pay-method{display:grid;grid-template-columns:42px 1fr;gap:4px 12px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:14px;cursor:pointer;color:var(--ink)}.pay-method span{grid-row:span 2;width:42px;height:42px;border-radius:14px;background:var(--panel-soft);display:grid;place-items:center;font-size:22px}.pay-method small{color:var(--muted)}.pay-method.active{border-color:rgba(124,58,237,.5);box-shadow:0 14px 34px rgba(124,58,237,.12)}.coupon-line{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0}.small-note{font-size:13px;color:var(--muted);margin-top:12px}.success-wrap{display:grid;place-items:center;min-height:calc(100vh - 240px)}.success-panel{text-align:center;max-width:980px}.success-icon{width:80px;height:80px;border-radius:28px;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--cyan));color:#fff;font-size:44px;font-weight:950;box-shadow:0 18px 45px rgba(34,197,94,.25)}.payment-flow.compact{grid-template-columns:repeat(5,1fr);font-size:13px}.payment-flow.compact .flow-step{justify-content:center}
@media(max-width:1180px){.pricing-grid-5{grid-template-columns:repeat(2,1fr)}.checkout-grid{grid-template-columns:1fr}.payment-flow{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.pricing-grid-5,.payment-flow,.payment-flow.compact{grid-template-columns:1fr}.coupon-line{grid-template-columns:1fr}.order-amount{align-items:flex-start;flex-direction:column;gap:10px}.pay-method{grid-template-columns:38px 1fr}}

/* Step 6 business-flow refinements */
.flow-note{margin:16px 0 0;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(88,109,255,.10),rgba(155,88,255,.08));border:1px solid rgba(104,117,245,.18);color:var(--muted);font-size:14px;line-height:1.7}
.payment-split{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}
.order-summary-card{position:sticky;top:92px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,255,.90));border:1px solid rgba(99,112,240,.18);border-radius:28px;padding:24px;box-shadow:var(--shadow)}
.order-summary-card .line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(103,112,180,.12);font-size:14px;color:var(--muted)}
.order-summary-card .line strong{color:var(--text)}
.order-summary-card .total{display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px}.order-summary-card .total b{font-size:34px;color:var(--primary)}
.checkout-grid{align-items:start}.pay-methods{display:grid;gap:12px;margin:16px 0}.pay-method{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;text-align:left;border:1px solid rgba(105,117,210,.18);background:rgba(255,255,255,.72);border-radius:18px;padding:14px 16px;cursor:pointer;color:var(--text)}.pay-method span{font-size:24px}.pay-method small{display:block;color:var(--muted);font-weight:500;margin-top:2px}.pay-method.active{border-color:rgba(102,94,255,.55);box-shadow:0 14px 30px rgba(91,92,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(242,245,255,.95))}.field{display:grid;gap:8px;margin-top:14px}.field label{font-weight:800;font-size:14px}.field input,.field select,.field textarea,.coupon-line input{width:100%;border:1px solid rgba(105,117,210,.18);background:rgba(255,255,255,.82);color:var(--text);border-radius:14px;padding:12px 14px;font:inherit}.coupon-line{display:grid;grid-template-columns:1fr auto;gap:10px;margin:16px 0}.small-note{font-size:13px;color:var(--muted);line-height:1.7}.agreement{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.6;margin:14px 0}.agreement input{margin-top:4px}.qr-box{display:grid;place-items:center;margin:14px 0;padding:18px;border-radius:22px;border:1px dashed rgba(101,112,220,.35);background:rgba(255,255,255,.62);color:var(--muted)}.qr-grid{width:132px;height:132px;border-radius:18px;background:linear-gradient(45deg,#eef3ff 25%,#dfe7ff 25% 50%,#eef3ff 50% 75%,#dfe7ff 75%);background-size:24px 24px;box-shadow:inset 0 0 0 10px rgba(255,255,255,.72)}
.success-next{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.success-next .card{min-height:150px}.account-alert{display:none;margin:18px 0;padding:18px;border-radius:24px;border:1px solid rgba(36,190,120,.26);background:linear-gradient(135deg,rgba(36,190,120,.12),rgba(92,104,255,.08))}.account-alert.show{display:block}.account-alert h3{margin:0 0 8px}.account-alert p{margin:0;color:var(--muted)}
.purchase-path{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.purchase-path .path-card{border:1px solid rgba(104,117,245,.16);background:rgba(255,255,255,.70);border-radius:20px;padding:16px}.path-card b{display:block;margin-bottom:6px}.path-card small{color:var(--muted);line-height:1.5}.package-lock{border:1px solid rgba(255,153,51,.28);background:linear-gradient(135deg,rgba(255,178,80,.12),rgba(127,97,255,.10));border-radius:24px;padding:20px;margin-top:18px}.package-lock h3{margin:0 0 8px}.package-lock p{color:var(--muted);margin:0 0 16px}.mini-check{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.mini-check span{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.70);font-size:13px;color:var(--muted)}
@media (max-width:900px){.payment-split,.checkout-grid,.success-next,.purchase-path{grid-template-columns:1fr}.order-summary-card{position:static}.payment-flow{overflow-x:auto}.flow-step{min-width:120px}}

/* Step 8A: NamiStory pipeline + Neo Skill guided workflow */
.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.entry-card{position:relative;overflow:hidden;border:1px solid rgba(99,112,240,.18);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,248,255,.88));border-radius:26px;padding:24px;box-shadow:0 18px 50px rgba(37,99,235,.09)}.entry-card .entry-icon{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--purple));display:grid;place-items:center;color:#fff;font-size:28px;margin-bottom:16px}.entry-card h3{margin:0 0 10px;font-size:24px}.entry-card p{color:var(--muted);margin:0 0 18px}.entry-card:after{content:'';position:absolute;right:-36px;bottom:-36px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.16),transparent 68%)}
.skill-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skill-chip-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:18px;min-height:150px}.skill-chip-card b{display:flex;align-items:center;gap:8px;font-size:17px}.skill-chip-card p{margin:8px 0 0;color:var(--muted);font-size:14px}.skill-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:rgba(124,58,237,.1);color:var(--purple);font-weight:900;font-size:12px;margin-top:12px}.pipeline-stage-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin:20px 0}.pipeline-stage{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-soft));border-radius:22px;padding:16px;min-height:154px;position:relative}.pipeline-stage .stage-num{width:32px;height:32px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));display:grid;place-items:center;color:#fff;font-weight:950}.pipeline-stage h4{margin:12px 0 6px}.pipeline-stage small{color:var(--muted)}.stage-output{margin-top:12px;font-size:12px;color:var(--blue);font-weight:900}.question-flow{display:grid;gap:14px;counter-reset:q}.question-card{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:16px}.question-card:before{counter-increment:q;content:counter(q);width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;display:grid;place-items:center;font-weight:950}.question-card p{margin:4px 0 0;color:var(--muted)}.output-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.output-item{border:1px dashed rgba(99,112,240,.28);border-radius:20px;background:rgba(255,255,255,.62);padding:16px}.output-item b{display:block;margin-bottom:6px}.stage-nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.stage-pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:10px 14px;font-weight:900;color:var(--muted)}.stage-pill.done{color:var(--green);background:rgba(34,197,94,.08)}.stage-pill.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));border-color:transparent}.guide-layout{display:grid;grid-template-columns:240px 1fr 330px;gap:20px;align-items:start}.guide-sidebar,.guide-panel{position:sticky;top:100px}.guide-sidebar .stage-pill{display:flex;width:100%;justify-content:space-between;border-radius:18px;margin-bottom:8px}.editor-canvas{display:grid;gap:18px}.storyboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story-frame{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden}.story-frame img{height:128px;width:100%;object-fit:cover}.story-frame div{padding:10px;font-size:13px;color:var(--muted)}.guide-checklist{display:grid;gap:10px;margin-top:14px}.guide-checklist span{padding:10px 12px;border-radius:14px;background:var(--panel-soft);color:var(--muted);font-size:13px}.cost-gate{border:1px solid rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(124,58,237,.08));border-radius:22px;padding:16px;margin:18px 0}.account-skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-status{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:16px}.skill-status b{display:flex;justify-content:space-between;gap:8px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.health-card{border:1px solid var(--line);border-radius:20px;background:var(--panel-soft);padding:16px}.health-card strong{font-size:28px;display:block}.production-timeline{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:14px}.timeline-bar{height:10px;border-radius:999px;background:#e7edff;overflow:hidden}.timeline-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--purple))}.footer-note{color:var(--muted);font-size:13px;margin-top:10px}
@media(max-width:1180px){.entry-grid,.skill-strip,.pipeline-stage-grid,.account-skill-grid,.health-grid{grid-template-columns:repeat(2,1fr)}.guide-layout{grid-template-columns:1fr}.guide-sidebar,.guide-panel{position:static}.storyboard-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.entry-grid,.skill-strip,.pipeline-stage-grid,.output-board,.account-skill-grid,.health-grid,.storyboard-grid{grid-template-columns:1fr}.question-card{grid-template-columns:44px 1fr}.question-card .btn{grid-column:1/-1}.timeline-item{grid-template-columns:1fr}.stage-nav{display:grid;grid-template-columns:1fr 1fr}}


/* Step 8B: demo content content, pricing and launch refinements */
.neotv-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(24,32,54,.96));color:#fff;border-radius:34px;padding:32px;box-shadow:0 30px 90px rgba(15,23,42,.28);overflow:hidden;position:relative}.neotv-hero:after{content:'';position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.36),transparent 65%)}.neotv-hero p{color:rgba(255,255,255,.72)}.neotv-carousel{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.neo-promo-card{min-height:160px;border-radius:26px;padding:22px;background:linear-gradient(135deg,#4f46e5,#9333ea,#0ea5e9);color:#fff;position:relative;overflow:hidden}.neo-promo-card h3{font-size:32px;margin:0 0 8px}.neo-promo-card small{color:rgba(255,255,255,.76)}.neo-promo-card:after{content:'618';position:absolute;right:18px;bottom:-16px;font-size:78px;font-weight:950;opacity:.18}.neo-recent{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.neo-mini-card{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:22px;padding:16px;color:#fff}.neo-mini-card b{display:block;margin-bottom:6px}.neo-tv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.neo-tv-card{overflow:hidden;padding:0;background:#0b1020;color:#fff;border-color:rgba(255,255,255,.1)}.neo-tv-cover{height:190px;position:relative;overflow:hidden;background:linear-gradient(135deg,#111827,#4c1d95)}.neo-tv-cover img{width:100%;height:100%;object-fit:cover;opacity:.86}.neo-tv-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65))}.neo-tv-type{position:absolute;left:10px;top:10px;z-index:2;background:rgba(255,255,255,.86);color:#111827;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.neo-tv-body{padding:14px}.neo-tv-body h3{font-size:18px;margin:0 0 7px}.neo-tv-meta{display:flex;justify-content:space-between;color:rgba(255,255,255,.52);font-size:12px}.neo-dark-section{background:#05070d;color:#fff;border-radius:34px;padding:32px;margin:32px 0}.neo-dark-section .section-head p{color:rgba(255,255,255,.65)}.neo-tabs .tab-btn{background:rgba(255,255,255,.08);color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.12)}.neo-tabs .tab-btn.active{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}.neo-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.neo-price-card{position:relative;overflow:hidden}.neo-price-card.highlight{border:2px solid rgba(124,58,237,.45);box-shadow:0 24px 70px rgba(124,58,237,.16)}.neo-price-pill{display:inline-flex;border-radius:999px;padding:6px 10px;background:rgba(124,58,237,.10);color:var(--purple);font-weight:950;font-size:12px}.neo-price{font-size:40px;font-weight:950;letter-spacing:-.04em;margin:12px 0}.neo-price small{font-size:14px;color:var(--muted)}.neo-discount{position:absolute;right:16px;top:16px;border-radius:999px;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;padding:6px 10px;font-size:12px;font-weight:950}.credit-pack-grid,.project-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.credit-pack,.project-pack{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:18px}.credit-pack b,.project-pack b{font-size:22px}.skill-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.skill-template{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--panel),var(--panel-soft));padding:18px}.skill-template .icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));font-size:22px;margin-bottom:12px}.case-process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.case-process .process-step{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:16px}.process-step b{display:block;color:var(--blue);margin-bottom:6px}.launch-skill-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.launch-skill{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:18px;min-height:150px}.launch-skill b{display:block;font-size:17px;margin:10px 0 6px}.launch-skill span{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;display:grid;place-items:center}.launch-output-table{display:grid;gap:10px}.launch-output-row{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:14px}.launch-output-row strong{color:var(--blue)}
@media(max-width:1180px){.neotv-hero,.neotv-carousel{grid-template-columns:1fr}.neo-tv-grid,.neo-pricing-grid,.skill-template-grid,.launch-skill-grid{grid-template-columns:repeat(2,1fr)}.case-process{grid-template-columns:1fr 1fr}.credit-pack-grid,.project-pack-grid{grid-template-columns:1fr}}
@media(max-width:720px){.neo-tv-grid,.neo-pricing-grid,.skill-template-grid,.launch-skill-grid,.case-process{grid-template-columns:1fr}.neo-recent{grid-template-columns:1fr}.launch-output-row{grid-template-columns:1fr}.neotv-hero{padding:22px}}
/* Connected-demo state and feedback */
.form-message{min-height:20px;margin:0;color:#dc2626;font-size:13px;font-weight:700}.check-card{cursor:pointer;transition:.18s ease}.check-card.selected{border-color:#6366f1;background:#eef2ff;color:#4338ca;box-shadow:0 0 0 2px rgba(99,102,241,.12)}.journey-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:18px 20px;border:1px solid #c7d2fe;border-radius:20px;background:linear-gradient(135deg,#eef2ff,#ecfeff)}.journey-notice h3,.journey-notice p{margin:0}.journey-notice p{margin-top:5px;color:#475569}.demo-toast{position:fixed;right:24px;bottom:24px;z-index:9999;max-width:360px;padding:14px 18px;border-radius:16px;background:#0f172a;color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.3);animation:toast-in .25s ease}.demo-toast b{display:block;margin-bottom:3px}.demo-toast span{color:#cbd5e1;font-size:13px}@keyframes toast-in{from{transform:translateY(12px);opacity:0}}@media(max-width:720px){.journey-notice{align-items:flex-start;flex-direction:column}.demo-toast{left:16px;right:16px;bottom:16px}}

/* 2026 homepage refresh: neutral, work-first, case-led */
.home-refresh{--home-bg:#0c0e10;--home-panel:#15181b;--home-line:#2a2e32;--home-text:#f3f4f4;--home-muted:#979da3;--home-accent:#b7f36b;background:var(--home-bg);color:var(--home-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.home-refresh .container{width:min(1240px,calc(100% - 56px))}.home-refresh .home-header{background:rgba(12,14,16,.86);border-color:rgba(255,255,255,.08);backdrop-filter:blur(22px)}.home-refresh .nav{height:72px}.home-refresh .logo{color:var(--home-text)}.home-refresh .logo-mark{background:var(--home-text);color:#101214;border-radius:11px;box-shadow:none}.home-refresh .nav-links{gap:30px}.home-refresh .nav-links a{color:#a8adb2;font-weight:650}.home-refresh .nav-links a:hover{color:#fff}.home-refresh .nav-links a.is-active{color:var(--home-text);background:transparent;padding:0}.home-refresh .home-login{color:#b9bec3;font-size:14px;font-weight:700;padding:10px}.home-refresh .home-login:hover{color:#fff}.home-refresh .btn.primary{background:var(--home-accent);color:#101410;box-shadow:none}.home-refresh .btn.primary:hover{background:#c8ff82;transform:translateY(-1px)}.home-refresh .icon-btn{background:#171a1d;color:#fff;border-color:#303438}.home-hero{position:relative;overflow:hidden;padding:126px 0 96px;border-bottom:1px solid var(--home-line)}.home-hero:before{content:"";position:absolute;width:760px;height:480px;right:-180px;top:-180px;background:radial-gradient(circle,rgba(183,243,107,.14),transparent 67%);pointer-events:none}.home-hero-inner{position:relative;max-width:1060px}.home-eyebrow{display:flex;align-items:center;gap:10px;color:#aeb4b9;font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.home-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--home-accent);box-shadow:0 0 0 5px rgba(183,243,107,.1)}.home-hero h1{max-width:920px;margin:24px 0 22px;font-size:clamp(54px,8.2vw,110px);line-height:.94;letter-spacing:-.075em;font-weight:760}.home-hero p{max-width:650px;margin:0;color:#a3a9ae;font-size:clamp(17px,2vw,22px);line-height:1.65}.home-actions{margin-top:36px;gap:24px}.home-actions .btn{padding:14px 22px}.home-actions .text-link{display:inline-flex;align-items:center;color:#c6c9cc;font-size:14px;font-weight:750}.home-actions .text-link:hover{color:#fff}.home-signal-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:68px}.home-signal-row span{padding:8px 12px;border:1px solid var(--home-line);border-radius:999px;color:#858b91;font-size:12px}.works-section{padding:92px 0 108px;background:#101214}.works-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:26px}.works-heading h2{margin:12px 0 0;color:var(--home-text);font-size:clamp(34px,4.8vw,64px);line-height:1;letter-spacing:-.055em}.works-heading>p{max-width:470px;margin:0;color:#858c92;font-size:14px;line-height:1.75}.section-index{color:var(--home-accent);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.case-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.case-filters span{padding:8px 13px;border:1px solid #2b2f33;border-radius:999px;color:#858b91;font-size:12px}.case-filters .active{background:#f0f2f2;border-color:#f0f2f2;color:#111416}.home-case-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.home-case-card{grid-column:span 4;min-width:0;cursor:default}.home-case-card.featured{grid-column:span 6}.home-case-cover{position:relative;overflow:hidden;height:270px;border-radius:14px;background:#1a1d20}.home-case-card.featured .home-case-cover{height:340px}.home-case-card.tall .home-case-cover{height:270px}.home-case-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.02);transition:transform .45s ease,filter .45s ease}.home-case-card:hover img{transform:scale(1.018);filter:saturate(1) contrast(1.03)}.case-format{position:absolute;left:12px;top:12px;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(8,10,11,.68);backdrop-filter:blur(10px);color:#e5e7e8;font-size:10px;font-weight:800}.home-case-info{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 2px 8px}.home-case-info h3{margin:0 0 3px;color:#f1f2f2;font-size:17px;line-height:1.3}.home-case-info p{margin:0;color:#747b81;font-size:12px}.home-case-info>span{flex:0 0 auto;color:#747b81;font-size:11px}.case-credit{margin:28px 0 0;color:#5f666c;font-size:11px}.home-process{padding:104px 0 112px;background:#e9ebea;color:#151817}.works-heading.compact{margin-bottom:42px}.home-process .works-heading h2{color:#151817}.home-process .section-index{color:#4f5e40}.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdc2bf;border-bottom:1px solid #bdc2bf}.simple-step{min-height:235px;padding:28px 34px 30px 0}.simple-step+.simple-step{padding-left:34px;border-left:1px solid #bdc2bf}.simple-step b{color:#667067;font-size:12px}.simple-step h3{margin:42px 0 10px;font-size:25px;letter-spacing:-.025em}.simple-step p{max-width:300px;margin:0;color:#687069;font-size:14px}.process-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:96px;padding:46px;border-radius:18px;background:#161918;color:#f4f5f4}.process-cta span{color:var(--home-accent);font-size:12px;font-weight:800;letter-spacing:.08em}.process-cta h2{max-width:720px;margin:12px 0 0;color:#f4f5f4;font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.055em}.process-cta .btn{flex:0 0 auto}.home-footer{padding:34px 0;background:#0c0e10;border-top:1px solid #24282b}.home-footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.home-footer p{margin:0;color:#71777c;font-size:13px}.home-footer-inner>div{display:flex;justify-content:flex-end;gap:22px}.home-footer-inner>div a{color:#8c9297;font-size:13px}.home-footer-inner>div a:hover{color:#fff}
@media(max-width:900px){.home-refresh .container{width:min(100% - 32px,1240px)}.home-hero{padding:90px 0 72px}.home-case-card,.home-case-card.featured{grid-column:span 6}.home-case-card .home-case-cover,.home-case-card.featured .home-case-cover{height:280px}.works-heading{align-items:flex-start;flex-direction:column}.simple-steps{grid-template-columns:1fr}.simple-step,.simple-step+.simple-step{min-height:auto;padding:26px 0;border-left:0;border-bottom:1px solid #bdc2bf}.simple-step:last-child{border-bottom:0}.simple-step h3{margin:20px 0 8px}.process-cta{align-items:flex-start;flex-direction:column;margin-top:64px}.home-footer-inner{grid-template-columns:1fr}.home-footer-inner>div{justify-content:flex-start}}
@media(max-width:620px){.home-refresh .container{width:calc(100% - 24px)}.home-refresh .home-login{display:none}.home-hero{padding:68px 0 58px}.home-hero h1{font-size:52px}.home-hero p{font-size:16px}.home-actions{align-items:flex-start;flex-direction:column;margin-top:28px}.home-signal-row{margin-top:42px}.works-section{padding:62px 0 72px}.home-case-grid{gap:22px 12px}.home-case-card,.home-case-card.featured{grid-column:span 12}.home-case-card .home-case-cover,.home-case-card.featured .home-case-cover{height:230px}.home-case-card.tall .home-case-cover{height:320px}.home-process{padding:70px 0}.process-cta{padding:28px 24px}.process-cta .btn{width:100%}.home-refresh.nav-open .nav-links{background:#16191c;border-color:#303438}.home-refresh.nav-open .nav-links a{color:#d9dcde}}

@media(min-width:901px){.home-hero-inner{max-width:1180px}.home-hero h1{max-width:none;font-size:clamp(54px,7.3vw,92px);white-space:nowrap}}

/* Homepage palette restored to the original product language. Layout stays case-led. */
.home-refresh{--home-bg:#f7faff;--home-panel:#fff;--home-line:#dbe7ff;--home-text:#0f172a;--home-muted:#64748b;--home-accent:#2563eb;background:radial-gradient(circle at 12% 8%,rgba(124,58,237,.10),transparent 28%),radial-gradient(circle at 84% 10%,rgba(6,182,212,.12),transparent 30%),linear-gradient(180deg,#f7faff,#fff 44%,#f7faff);color:var(--home-text)}
.home-refresh .home-header{background:rgba(255,255,255,.82);border-color:#dbe7ff}.home-refresh .logo{color:#0f172a}.home-refresh .logo-mark{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-radius:13px;box-shadow:0 12px 34px rgba(37,99,235,.24)}.home-refresh .nav-links a{color:#64748b}.home-refresh .nav-links a:hover,.home-refresh .nav-links a.is-active{color:#2563eb}.home-refresh .home-login{color:#475569}.home-refresh .home-login:hover{color:#2563eb}.home-refresh .btn.primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 16px 34px rgba(37,99,235,.23)}.home-refresh .btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#6d28d9)}.home-refresh .icon-btn{background:#fff;color:#0f172a;border-color:#dbe7ff}
.home-hero{border-bottom-color:#dbe7ff;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.72))}.home-hero:before{background:radial-gradient(circle,rgba(124,58,237,.16),transparent 67%)}.home-eyebrow{color:#2563eb}.home-eyebrow i{background:#2563eb;box-shadow:0 0 0 5px rgba(37,99,235,.10)}.home-hero h1{color:#0f172a}.home-hero p{color:#64748b}.home-actions .text-link{color:#475569}.home-actions .text-link:hover{color:#2563eb}.home-signal-row span{background:rgba(255,255,255,.76);border-color:#dbe7ff;color:#64748b}
.works-section{background:linear-gradient(180deg,#f5f8ff,#fff);border-bottom:1px solid #dbe7ff}.works-heading h2{color:#0f172a}.works-heading>p{color:#64748b}.section-index{color:#2563eb}.case-filters span{background:#fff;border-color:#dbe7ff;color:#64748b}.case-filters .active{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:transparent;color:#fff}.home-case-card{background:rgba(255,255,255,.92);border:1px solid #dbe7ff;border-radius:24px;overflow:hidden;box-shadow:0 18px 48px rgba(37,99,235,.09)}.home-case-cover,.home-case-card.featured .home-case-cover{border-radius:0;background:#eef4ff}.home-case-cover img{filter:saturate(.94) contrast(1.01)}.home-case-card:hover img{filter:saturate(1.04) contrast(1.02)}.case-format{background:rgba(255,255,255,.86);border-color:rgba(255,255,255,.92);color:#334155;box-shadow:0 6px 18px rgba(15,23,42,.12)}.home-case-info{padding:16px 18px 18px}.home-case-info h3{color:#0f172a}.home-case-info p,.home-case-info>span{color:#64748b}.case-credit{color:#94a3b8}
.home-process{background:#fff;color:#0f172a}.home-process .works-heading h2{color:#0f172a}.home-process .section-index{color:#2563eb}.simple-steps{border-color:#dbe7ff}.simple-step+.simple-step{border-color:#dbe7ff}.simple-step b{color:#2563eb}.simple-step h3{color:#0f172a}.simple-step p{color:#64748b}.process-cta{background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(245,243,255,.98));color:#0f172a;border:1px solid #dbe7ff;box-shadow:0 24px 70px rgba(37,99,235,.12)}.process-cta span{color:#7c3aed}.process-cta h2{color:#0f172a}.home-footer{background:rgba(247,250,255,.96);border-top-color:#dbe7ff}.home-footer p{color:#64748b}.home-footer-inner>div a{color:#64748b}.home-footer-inner>div a:hover{color:#2563eb}
@media(max-width:900px){.simple-step,.simple-step+.simple-step{border-color:#dbe7ff}}
@media(max-width:620px){.home-refresh.nav-open .nav-links{background:rgba(255,255,255,.98);border-color:#dbe7ff}.home-refresh.nav-open .nav-links a{color:#475569}}

/* Homepage information architecture: full navigation + conversion banner. */
.home-refresh .nav{max-width:1440px}.home-refresh .nav-links{gap:12px;font-size:12px}.home-refresh .nav-links a{padding:7px 6px}.home-refresh .nav-links a.is-active{padding:7px 9px}.home-refresh .nav-actions{gap:8px}.home-refresh .nav-actions .btn{padding:10px 14px;font-size:12px;white-space:nowrap}.home-refresh .nav-actions .icon-btn{width:38px;height:38px}.home-hero{padding:72px 0 68px}.home-hero-inner{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:52px;max-width:none}.home-hero-copy{min-width:0}.home-hero h1,.home-hero-copy h1{margin:22px 0 20px;max-width:620px;font-size:clamp(46px,5.3vw,74px);line-height:1.04;letter-spacing:-.065em;white-space:normal}.home-hero h1 span{background:linear-gradient(135deg,#2563eb,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero-copy p{max-width:600px}.home-hero-copy .home-signal-row{margin-top:34px}.home-banner-visual{position:relative;min-height:470px;padding:24px;border:1px solid rgba(191,219,254,.9);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.76));box-shadow:0 28px 80px rgba(37,99,235,.16)}.banner-main-frame{position:absolute;left:24px;right:88px;top:24px;bottom:86px;overflow:hidden;border-radius:25px;background:#e8efff;box-shadow:0 18px 48px rgba(15,23,42,.16)}.banner-main-frame img{width:100%;height:100%;object-fit:cover}.banner-main-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,23,42,.55))}.banner-main-frame span{position:absolute;left:18px;bottom:16px;z-index:2;color:#fff;font-size:13px;font-weight:800}.banner-mini-frame{position:absolute;right:18px;width:150px;height:112px;overflow:hidden;border:6px solid #fff;border-radius:20px;box-shadow:0 16px 40px rgba(15,23,42,.20);transform:rotate(2deg)}.banner-mini-frame img{width:100%;height:100%;object-fit:cover}.banner-mini-frame.first{top:68px}.banner-mini-frame.second{top:204px;transform:rotate(-2deg)}.banner-flow{position:absolute;left:38px;right:38px;bottom:26px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:1px solid #dbe7ff;border-radius:999px;background:rgba(255,255,255,.90);color:#475569;font-size:12px;backdrop-filter:blur(14px)}.banner-flow b{color:#0f172a}.banner-flow i{color:#7c3aed;font-style:normal}.home-footer-inner>div{flex-wrap:wrap}
html[data-theme="dark"] .home-refresh{--home-bg:#0b1020;--home-panel:#111827;--home-line:#26334f;--home-text:#f8fafc;--home-muted:#a9b4c5;background:radial-gradient(circle at 12% 8%,rgba(124,58,237,.20),transparent 28%),radial-gradient(circle at 84% 10%,rgba(6,182,212,.14),transparent 30%),linear-gradient(180deg,#0b1020,#0d1328 44%,#0b1020);color:#f8fafc}html[data-theme="dark"] .home-refresh .home-header{background:rgba(11,16,32,.82);border-color:#26334f}html[data-theme="dark"] .home-refresh .logo,html[data-theme="dark"] .home-refresh .home-hero h1,html[data-theme="dark"] .home-refresh .works-heading h2,html[data-theme="dark"] .home-refresh .home-case-info h3,html[data-theme="dark"] .home-refresh .simple-step h3,html[data-theme="dark"] .home-refresh .process-cta h2{color:#f8fafc}html[data-theme="dark"] .home-refresh .nav-links a,html[data-theme="dark"] .home-refresh .home-login{color:#a9b4c5}html[data-theme="dark"] .home-refresh .icon-btn,html[data-theme="dark"] .home-refresh .btn.secondary{background:#111827;color:#f8fafc;border-color:#26334f}html[data-theme="dark"] .home-hero{background:linear-gradient(180deg,rgba(17,24,39,.22),rgba(11,16,32,.72));border-color:#26334f}html[data-theme="dark"] .home-hero p,html[data-theme="dark"] .works-heading>p{color:#a9b4c5}html[data-theme="dark"] .home-signal-row span{background:rgba(17,24,39,.78);border-color:#26334f;color:#a9b4c5}html[data-theme="dark"] .home-banner-visual{background:linear-gradient(135deg,rgba(17,24,39,.96),rgba(22,33,58,.90));border-color:#26334f}html[data-theme="dark"] .banner-mini-frame{border-color:#111827}html[data-theme="dark"] .banner-flow{background:rgba(17,24,39,.92);border-color:#26334f;color:#a9b4c5}html[data-theme="dark"] .banner-flow b{color:#f8fafc}html[data-theme="dark"] .works-section{background:linear-gradient(180deg,#0d1328,#0b1020);border-color:#26334f}html[data-theme="dark"] .case-filters span,html[data-theme="dark"] .home-case-card{background:#111827;border-color:#26334f}html[data-theme="dark"] .home-case-card{box-shadow:0 18px 48px rgba(0,0,0,.22)}html[data-theme="dark"] .home-case-info p,html[data-theme="dark"] .home-case-info>span{color:#a9b4c5}html[data-theme="dark"] .home-process{background:#0d1328;color:#f8fafc}html[data-theme="dark"] .home-process .works-heading h2{color:#f8fafc}html[data-theme="dark"] .simple-steps,html[data-theme="dark"] .simple-step+.simple-step{border-color:#26334f}html[data-theme="dark"] .simple-step p{color:#a9b4c5}html[data-theme="dark"] .process-cta{background:linear-gradient(135deg,#111827,#16213a);border-color:#26334f}html[data-theme="dark"] .home-footer{background:#0b1020;border-color:#26334f}
@media(max-width:1260px){.home-refresh .nav-links{gap:7px}.home-refresh .nav-links a{padding-inline:3px}.home-refresh .nav-actions .btn.secondary{display:none}}
@media(max-width:1100px){.home-hero-inner{grid-template-columns:1fr}.home-banner-visual{min-height:440px}.home-refresh .nav-links a{padding:10px 12px}.home-refresh.nav-open .nav-links{background:rgba(255,255,255,.98);border-color:#dbe7ff}.home-refresh.nav-open .nav-links a{color:#475569}html[data-theme="dark"] .home-refresh.nav-open .nav-links{background:rgba(17,24,39,.98);border-color:#26334f}html[data-theme="dark"] .home-refresh.nav-open .nav-links a{color:#dbe4ee}}
@media(max-width:620px){.home-hero{padding:54px 0}.home-hero h1,.home-hero-copy h1{font-size:44px}.home-banner-visual{min-height:330px;padding:14px;border-radius:25px}.banner-main-frame{left:14px;right:54px;top:14px;bottom:72px;border-radius:18px}.banner-mini-frame{right:8px;width:104px;height:78px;border-width:4px;border-radius:14px}.banner-mini-frame.first{top:48px}.banner-mini-frame.second{top:142px}.banner-flow{left:20px;right:20px;bottom:18px;gap:6px;padding:10px;font-size:10px}.home-refresh .nav-actions [data-theme-toggle]{display:grid}}

/* 新案例图片视觉 QA：优化首页横向裁切与暗部可读性。 */
.home-case-cover img{object-position:center 44%;filter:saturate(1.02) contrast(1.02) brightness(1.04)}
.home-case-card:hover img{filter:saturate(1.08) contrast(1.03) brightness(1.06)}
.home-case-card.action-case .home-case-cover img{object-position:54% 39%;filter:saturate(1.08) contrast(1.06) brightness(1.13)}
.banner-action-crop img{object-position:54% 39%;filter:saturate(1.08) contrast(1.06) brightness(1.14)}

/* Streamlined creator studio prototype */
.creator-studio-page{height:100vh;overflow:hidden;background:var(--bg);color:var(--ink)}.studio-globalbar{height:72px;display:flex;align-items:center;gap:22px;padding:0 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.90);backdrop-filter:blur(18px)}html[data-theme="dark"] .studio-globalbar{background:rgba(11,16,32,.92)}.studio-brand{display:flex;align-items:center;gap:9px;min-width:172px}.project-crumb{display:flex;align-items:center;gap:9px;min-width:230px;font-size:13px}.project-crumb a,.project-crumb span,.project-crumb small{color:var(--muted)}.project-crumb small{margin-left:8px}.studio-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}.experience-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)}.experience-switch button{border:0;border-radius:12px;background:transparent;color:var(--muted);padding:7px 11px;cursor:pointer;font-weight:800;font-size:12px}.experience-switch button small{display:block;font-size:9px;font-weight:700;opacity:.7}.experience-switch button.active{background:var(--panel);color:var(--blue);box-shadow:0 5px 18px rgba(37,99,235,.12)}.cost-summary{display:grid;padding:0 8px}.cost-summary small{color:var(--muted);font-size:10px}.cost-summary b{font-size:13px}.studio-top-actions .btn{white-space:nowrap}.creator-workbench{height:calc(100vh - 72px);display:grid;grid-template-columns:78px 252px minmax(480px,1fr) 310px;min-width:0}.studio-dock{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-right:1px solid var(--line);background:#0f172a}.studio-dock a{width:58px;min-height:54px;display:grid;place-items:center;border-radius:15px;color:#94a3b8;font-size:19px}.studio-dock a span{font-size:10px;margin-top:-8px}.studio-dock a.active,.studio-dock a:hover{background:rgba(255,255,255,.10);color:#fff}.production-rail{display:flex;flex-direction:column;min-width:0;padding:18px 14px;border-right:1px solid var(--line);background:var(--panel)}.rail-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 14px;color:var(--muted);font-size:12px}.rail-heading b{color:var(--blue)}.production-stages{display:grid;gap:7px}.production-stages button{display:grid;grid-template-columns:32px 1fr 12px;gap:9px;align-items:center;width:100%;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--muted);padding:10px;text-align:left;cursor:pointer}.production-stages button>b{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px}.production-stages button span{font-weight:850;font-size:13px}.production-stages button small{display:block;margin-top:2px;color:var(--muted);font-weight:500;font-size:10px}.production-stages button i{color:var(--green);font-style:normal}.production-stages button.active{border-color:rgba(37,99,235,.22);background:rgba(37,99,235,.08);color:var(--blue)}.production-stages button.active>b{border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}.production-stages button.done{background:rgba(34,197,94,.09);color:var(--green)}.rail-resume{margin-top:auto;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)}.rail-resume>span{color:var(--muted);font-size:11px}.rail-resume>b{float:right;font-size:12px}.rail-resume .progress{margin:10px 0}.rail-resume button{width:100%;border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.task-canvas{min-width:0;overflow:auto;padding:30px 34px 80px}.task-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.task-kicker{color:var(--blue);font-size:12px;font-weight:900}.task-heading h1{margin:8px 0 7px;font-size:34px;letter-spacing:-.035em}.task-heading p{margin:0;color:var(--muted)}.skill-runtime{flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px}.guided-task,.medium-panel,.high-panel,.output-contract{border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 16px 45px rgba(37,99,235,.05)}.guided-task{padding:24px}.question-progress{height:5px;overflow:hidden;margin:-24px -24px 24px;border-radius:24px 24px 0 0;background:var(--panel-soft)}.question-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--purple));transition:width .3s ease}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice-card{position:relative;display:grid;gap:4px;min-height:112px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft);color:var(--ink);text-align:left;cursor:pointer}.choice-card span{color:var(--blue);font-size:10px;font-weight:900}.choice-card b{font-size:19px}.choice-card small{color:var(--muted)}.choice-card.selected{border-color:rgba(37,99,235,.56);background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.08));box-shadow:0 0 0 2px rgba(37,99,235,.09)}.choice-card.selected:after{content:'✓';position:absolute;right:12px;top:12px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:12px}.custom-answer{display:grid;gap:7px;margin-top:14px}.custom-answer span{font-size:12px;font-weight:800}.custom-answer input{padding:11px 13px;border-radius:13px}.medium-panel,.high-panel{margin-top:16px;padding:20px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.panel-title span{color:var(--purple);font-size:10px;font-weight:900;text-transform:uppercase}.panel-title h2{margin:4px 0 0;font-size:18px}.panel-title>small{color:var(--muted)}.panel-title button,.advanced-actions button{border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--muted);padding:7px 9px;cursor:pointer}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.control-grid label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.control-grid input,.control-grid select{padding:10px 11px;border-radius:12px;font-size:12px}.inspector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.inspector-grid>div{display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#0f172a;color:#e2e8f0}.inspector-grid small{color:#94a3b8;font-size:9px}.inspector-grid code{overflow:hidden;text-overflow:ellipsis;font-size:10px}.advanced-actions{display:flex;gap:8px;margin-top:12px}.output-contract{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:14px;margin-top:16px;padding:16px 20px}.output-contract>div{display:grid;gap:3px}.output-contract span{color:var(--muted);font-size:10px}.output-contract b{font-size:13px}.medium-only,.high-only{display:none}.creator-studio-page[data-experience="medium"] .medium-only,.creator-studio-page[data-experience="high"] .medium-only,.creator-studio-page[data-experience="high"] .high-only{display:block}.ai-guide-panel{overflow:auto;padding:28px 22px;border-left:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-soft))}.guide-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-weight:950}.guide-label{display:block;margin-top:11px;color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase}.ai-guide-panel h2{margin:6px 0 10px;font-size:22px}.ai-guide-panel>p{color:var(--muted);font-size:13px}.guide-recommend,.guide-risk,.mode-explanation{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.guide-recommend b,.guide-risk b,.mode-explanation b{display:block;font-size:11px}.guide-recommend span{display:block;margin:7px 0;color:var(--blue);font-weight:900}.guide-recommend small,.mode-explanation p{color:var(--muted);font-size:11px}.guide-risk ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:11px}.mode-explanation p{margin:6px 0 0}.guide-question{width:100%;margin-top:16px;padding:11px;border:1px solid rgba(37,99,235,.35);border-radius:13px;background:rgba(37,99,235,.08);color:var(--blue);font-weight:900;cursor:pointer}.ai-guide-panel.stage-hint:after{content:'后续阶段将在完成剧本档案后解锁';display:block;margin-top:12px;color:var(--orange);font-size:11px}
@media(max-width:1250px){.creator-workbench{grid-template-columns:68px 225px minmax(420px,1fr)}.ai-guide-panel{display:none}.project-crumb small,.cost-summary{display:none}.experience-switch button{padding:7px 8px}.studio-brand{min-width:auto}.studio-brand b{display:none}}
@media(max-width:900px){.creator-studio-page{height:auto;overflow:auto}.studio-globalbar{position:sticky;top:0;z-index:20;height:auto;min-height:66px;flex-wrap:wrap;padding:10px 12px}.project-crumb{display:none}.studio-top-actions{width:100%;justify-content:space-between}.creator-workbench{height:auto;grid-template-columns:1fr}.studio-dock{display:none}.production-rail{position:static;border-right:0;border-bottom:1px solid var(--line)}.production-stages{grid-template-columns:repeat(7,180px);overflow:auto;padding-bottom:6px}.rail-resume{display:none}.task-canvas{padding:24px 16px 70px}.task-heading{flex-direction:column}.skill-runtime{align-self:flex-start}}
@media(max-width:620px){.experience-switch{width:100%}.experience-switch button{flex:1}.studio-top-actions{flex-wrap:wrap}.studio-top-actions>.btn{width:100%}.choice-grid,.control-grid,.inspector-grid,.output-contract{grid-template-columns:1fr}.task-heading h1{font-size:29px}.advanced-actions{flex-wrap:wrap}}
.studio-top-actions .studio-back:disabled{opacity:.38;cursor:not-allowed}
.studio-entry{display:flex;align-items:center;gap:12px;min-width:250px}.studio-return-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(37,99,235,.06)}.studio-return-btn:hover{color:var(--blue);border-color:rgba(37,99,235,.32);background:rgba(37,99,235,.06)}.studio-login-link{padding:8px 9px;border-radius:999px;color:var(--muted);font-size:12px;font-weight:900}.studio-login-link:hover{background:rgba(37,99,235,.08);color:var(--blue)}.creator-studio-page .studio-globalbar{height:88px;gap:14px}.creator-studio-page .creator-workbench{height:calc(100vh - 88px)}
@media(max-width:1500px){.creator-studio-page .project-crumb small{display:none}.studio-entry{min-width:220px}.studio-return-btn{padding-inline:11px}}
@media(max-width:1320px){.creator-studio-page .project-crumb{display:none}}
@media(max-width:900px){.creator-studio-page .studio-globalbar{height:auto}.creator-studio-page .creator-workbench{height:auto}.studio-entry{width:100%;min-width:0;justify-content:space-between}.studio-brand{margin-left:auto}.studio-return-btn{flex:0 0 auto}}
.templates-hero-copy{max-width:900px}.templates-hero-copy p{max-width:none;white-space:nowrap}
@media(max-width:900px){.templates-hero-copy p{white-space:normal}}
.nowrap-title{white-space:nowrap;max-width:none!important}
@media(max-width:900px){.nowrap-title{white-space:normal}}
.creator-studio-page .experience-switch button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;line-height:1}.creator-studio-page .experience-switch button small{display:inline;margin:0;font-size:10px;line-height:1;opacity:.72}
@media(max-width:1250px){.creator-studio-page .experience-switch button{padding:8px 7px;font-size:11px;gap:4px}.creator-studio-page .experience-switch button small{font-size:9px}}

/* 中文原生信息模块：替换带英文界面的旧宣传图 */
.cn-pipeline-visual,.cn-account-summary,.cn-studio-summary,.cn-entry-options,.cn-pricing-overview,.cn-guide-visual{display:grid;gap:14px;margin-top:24px}
.cn-pipeline-visual{grid-template-columns:repeat(13,auto);align-items:center;padding:24px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,var(--panel),var(--panel-soft));box-shadow:var(--shadow)}
.cn-pipeline-visual>div{min-width:90px;display:grid;gap:8px;justify-items:center;text-align:center}.cn-pipeline-visual b{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}.cn-pipeline-visual span{font-size:13px;font-weight:850}.cn-pipeline-visual i{color:var(--purple);font-style:normal}
.cn-account-summary,.cn-studio-summary,.cn-pricing-overview,.cn-guide-visual{grid-template-columns:repeat(4,1fr)}
.cn-account-summary>div,.cn-studio-summary>div,.cn-pricing-overview>div,.cn-guide-visual>div{display:grid;gap:5px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 14px 36px rgba(37,99,235,.07)}
.cn-account-summary span,.cn-studio-summary span,.cn-pricing-overview span,.cn-guide-visual b{color:var(--blue);font-size:12px;font-weight:900}.cn-account-summary b,.cn-studio-summary b,.cn-pricing-overview b,.cn-guide-visual span{font-size:20px}.cn-account-summary small,.cn-studio-summary small,.cn-pricing-overview small{color:var(--muted)}
.cn-studio-summary>div.active{border-color:rgba(37,99,235,.45);background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.08))}.cn-studio-summary a{margin-top:5px;color:var(--blue);font-size:12px;font-weight:900}
.cn-entry-options{grid-template-columns:repeat(3,1fr)}.cn-entry-options>div{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--panel);cursor:pointer}.cn-entry-options>div.active{border-color:rgba(37,99,235,.5);background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.08));box-shadow:0 14px 38px rgba(37,99,235,.11)}.cn-entry-options b{font-size:19px}.cn-entry-options p{margin:7px 0;color:var(--muted)}.cn-entry-options span{color:var(--blue);font-size:12px;font-weight:900}
.cn-launch-preview{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px;margin-top:24px}.cn-launch-preview>div{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:210px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 16px 42px rgba(37,99,235,.08)}.cn-launch-preview>div>span{color:var(--blue);font-size:12px;font-weight:900}.cn-launch-preview>div>b{font-size:18px}.cn-launch-preview>div>small{color:var(--muted)}.cn-launch-preview .launch-cover{position:relative;overflow:hidden;padding:0}.launch-cover img{width:100%;height:100%;object-fit:cover}.launch-cover span{position:absolute;left:16px;bottom:14px;padding:7px 10px;border-radius:999px;background:rgba(15,23,42,.75);color:#fff!important;backdrop-filter:blur(10px)}
.cn-login-collage{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:10px;height:300px;margin-top:24px}.cn-login-collage img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 18px 44px rgba(15,23,42,.16)}
body[data-page="features"] .feature-card .card-img,body[data-page="editor-guide"] .feature-card .card-img,body[data-page="account"] .image-band,body[data-page="studio"] .image-band{display:none}
@media(max-width:1000px){.cn-pipeline-visual{grid-template-columns:repeat(7,1fr)}.cn-pipeline-visual i{display:none}.cn-account-summary,.cn-studio-summary,.cn-pricing-overview,.cn-guide-visual{grid-template-columns:repeat(2,1fr)}.cn-launch-preview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cn-pipeline-visual,.cn-entry-options,.cn-account-summary,.cn-studio-summary,.cn-pricing-overview,.cn-guide-visual,.cn-launch-preview{grid-template-columns:1fr}.cn-login-collage{height:220px;grid-template-columns:1.3fr .7fr}.cn-login-collage img:last-child{display:none}}

/* Case center: one work, one narrative module */
.showcase-refresh{background:var(--bg)}.case-index-hero{padding:92px 0 56px;background:radial-gradient(circle at 80% 0,rgba(124,58,237,.13),transparent 34%),linear-gradient(180deg,var(--bg),var(--panel))}.case-index-copy{max-width:1120px}.case-index-copy h1{max-width:1100px;margin:22px 0;font-size:clamp(52px,6vw,78px);line-height:.96;letter-spacing:-.065em}.case-index-copy>p{max-width:760px;color:var(--muted);font-size:19px}.case-index-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.case-index-meta span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:12px}.case-filter-bar{position:sticky;top:78px;z-index:20;display:flex;gap:10px;flex-wrap:wrap;padding:18px 0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}.case-feature-list{display:grid;gap:1px;padding:0 0 90px}.demo-case-feature{width:min(1180px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding:72px 0;border-top:1px solid var(--line)}.demo-case-feature.reverse .case-feature-visual{order:2}.demo-case-feature.reverse .case-feature-copy{order:1}.case-feature-visual{position:relative;height:560px;overflow:hidden;border-radius:34px;background:#0f172a;box-shadow:0 30px 80px rgba(15,23,42,.20)}.case-feature-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.demo-case-feature:hover .case-feature-visual img{transform:scale(1.025)}.case-feature-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(15,23,42,.58))}.case-feature-visual>span{position:absolute;right:24px;bottom:10px;z-index:2;color:rgba(255,255,255,.70);font-size:84px;font-weight:950;line-height:1}.case-type{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.08em}.case-feature-copy h2{margin:12px 0 4px;font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:-.055em}.case-author{margin:0;color:var(--muted);font-size:13px}.case-lead{margin:24px 0;color:var(--muted);font-size:17px;line-height:1.8}.case-tags{display:flex;gap:8px;flex-wrap:wrap}.case-tags span{padding:7px 10px;border-radius:999px;background:var(--panel-soft);color:var(--blue);font-size:11px;font-weight:850}.case-method{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.case-method>div{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.case-method b,.case-method span{display:block}.case-method b{font-size:11px}.case-method span{margin-top:4px;color:var(--muted);font-size:11px}.case-final-cta{padding:90px 0;background:#0f172a;color:#fff}.case-final-cta span{color:#93c5fd;font-size:13px;font-weight:900}.case-final-cta h2{max-width:840px;margin:18px 0 30px;font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-.055em}.case-final-cta .btn.primary{background:#fff;color:#0f172a;box-shadow:none}
.login-required-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.45);backdrop-filter:blur(14px)}.login-required-modal.is-open{display:flex}.login-required-card{position:relative;width:min(520px,100%);padding:34px;border:1px solid var(--line);border-radius:30px;background:var(--panel);box-shadow:0 30px 90px rgba(15,23,42,.25)}.login-required-card h2{margin:12px 0 12px;font-size:32px;letter-spacing:-.04em}.login-required-card p{margin:0 0 22px;color:var(--muted);line-height:1.8}.modal-close{position:absolute;right:18px;top:16px;width:36px;height:36px;border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);color:var(--text);font-size:22px;line-height:1;cursor:pointer}
@media(max-width:900px){.demo-case-feature{grid-template-columns:1fr;gap:28px;padding:48px 0}.demo-case-feature.reverse .case-feature-visual,.demo-case-feature.reverse .case-feature-copy{order:initial}.case-feature-visual{height:460px}.case-method{grid-template-columns:1fr}.case-filter-bar{top:70px}}
@media(max-width:620px){.case-index-hero{padding:62px 0 36px}.case-index-copy h1{font-size:48px}.demo-case-feature{width:calc(100% - 24px)}.case-feature-visual{height:390px;border-radius:24px}.case-feature-copy h2{font-size:42px}.case-feature-visual>span{font-size:60px}}

/* Personal center: full-width bento layout */
.account-refresh{background:linear-gradient(180deg,var(--bg),var(--panel-soft) 48%,var(--bg))}.account-hero{padding:38px 0 28px}.account-hero-inner{display:grid;grid-template-columns:1fr auto;gap:26px;padding:34px;border:1px solid #293659;border-radius:32px;background:radial-gradient(circle at 78% -20%,rgba(124,58,237,.58),transparent 38%),linear-gradient(135deg,#0f172a,#17233f);color:#fff;box-shadow:0 28px 74px rgba(15,23,42,.22)}.account-identity{display:flex;align-items:center;gap:18px}.account-avatar{width:70px;height:70px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#60a5fa,#8b5cf6);font-size:28px;font-weight:950}.account-identity span,.account-identity p{color:#aebbd1}.account-identity h1{margin:3px 0;font-size:34px;letter-spacing:-.04em}.account-identity p{margin:0}.account-hero-actions{display:flex;gap:10px;align-items:center}.account-hero-actions .btn.secondary{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);color:#fff}.account-membership{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-membership>div{display:grid;gap:3px;padding:15px 17px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.07)}.account-membership span,.account-membership small{color:#aebbd1;font-size:11px}.account-membership b{font-size:19px}.account-anchor-nav{position:sticky;top:78px;z-index:18;display:flex;gap:8px;overflow:auto;padding:14px 0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px)}.account-anchor-nav a{white-space:nowrap;padding:8px 12px;border-radius:999px;color:var(--muted);font-size:12px;font-weight:850}.account-anchor-nav a:hover{background:var(--panel);color:var(--blue)}.account-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;padding:28px 0}.account-continue-card{display:grid;grid-template-columns:42% 1fr;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow)}.continue-cover{position:relative;min-height:390px}.continue-cover img{width:100%;height:100%;object-fit:cover}.continue-cover span{position:absolute;left:16px;top:16px;padding:7px 10px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:11px;font-weight:850}.continue-copy{padding:28px}.continue-copy h2{margin:12px 0 8px;font-size:32px}.continue-copy>p{color:var(--muted)}.continue-stage{display:flex;align-items:center;gap:8px;overflow:auto;margin:22px 0;padding:14px;border-radius:16px;background:var(--panel-soft)}.continue-stage span{white-space:nowrap;color:var(--muted);font-size:10px}.continue-stage span.done{color:var(--green)}.continue-stage span.active{color:var(--blue);font-weight:900}.continue-stage i{width:20px;height:1px;background:var(--line)}.continue-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.continue-meta>div{display:grid;gap:2px}.continue-meta small{color:var(--muted);font-size:10px}.continue-meta b{font-size:13px}.account-side-stack{display:grid;gap:12px}.account-stat-card{display:grid;gap:4px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 14px 32px rgba(37,99,235,.05)}.account-stat-card span{color:var(--blue);font-size:11px;font-weight:900}.account-stat-card b{font-size:30px}.account-stat-card small{color:var(--muted)}.account-stat-card.warning span{color:var(--orange)}.refined-alert{max-width:none;margin:4px 0 10px}.account-section{padding:54px 0}.account-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.account-project-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 15px 36px rgba(37,99,235,.06)}.account-project-card>img{width:100%;height:220px;object-fit:cover}.account-project-card>div{padding:19px}.account-project-card>div>span{color:var(--blue);font-size:10px;font-weight:900}.account-project-card h3{margin:7px 0 4px;font-size:21px}.account-project-card p{margin:0;color:var(--muted);font-size:13px}.account-project-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.account-project-card footer small{color:var(--muted)}.account-project-card footer a{color:var(--blue);font-weight:900}.account-assets-wrap{background:linear-gradient(135deg,#eef4ff,#f7f5ff)}html[data-theme="dark"] .account-assets-wrap{background:#0d1427}.account-asset-bento{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px}.asset-feature-card{grid-row:span 2;display:grid;grid-template-columns:1fr .8fr;overflow:hidden;min-height:320px;border:1px solid var(--line);border-radius:26px;background:#0f172a;color:#fff}.asset-feature-card>div{padding:24px}.asset-feature-card span,.asset-feature-card small{color:#93c5fd}.asset-feature-card h3{margin:10px 0;font-size:25px}.asset-feature-card p{color:#cbd5e1}.asset-feature-card img{width:100%;height:100%;object-fit:cover}.asset-count-card{display:grid;gap:5px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.asset-count-card span{color:var(--muted);font-size:11px}.asset-count-card b{font-size:28px}.asset-count-card small{color:var(--muted)}.account-finance-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.account-wallet-card,.account-small-panel,.account-record-panel{border:1px solid var(--line);border-radius:25px;background:var(--panel);padding:24px;box-shadow:0 14px 36px rgba(37,99,235,.05)}.wallet-top{display:flex;align-items:flex-start;justify-content:space-between}.wallet-top span{color:var(--blue);font-size:11px;font-weight:900}.wallet-top h2{margin:5px 0;font-size:48px}.wallet-top p{margin:0;color:var(--muted)}.wallet-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.wallet-bars>div{display:flex;justify-content:space-between;padding:12px;border-radius:14px;background:var(--panel-soft);font-size:12px}.account-wallet-card table{width:100%;border-collapse:collapse}.account-wallet-card th,.account-wallet-card td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.account-right-column{display:grid;gap:14px}.account-small-panel span{color:var(--blue);font-size:11px;font-weight:900}.account-small-panel h3{margin:8px 0}.account-small-panel p{color:var(--muted)}.account-small-panel a{color:var(--blue);font-weight:900}.account-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-record-panel .section-head{margin-bottom:16px}.authorization-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.authorization-list li{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:15px}.authorization-list b,.authorization-list span{display:block}.authorization-list span{margin-top:3px;color:var(--muted);font-size:11px}.authorization-list a{color:var(--blue);font-weight:900}.studio-redirect-page{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.studio-redirect-page main{text-align:center}.studio-redirect-page .logo-mark{margin:0 auto}.studio-redirect-page h1{font-size:40px}.studio-redirect-page p{color:var(--muted)}
@media(max-width:1050px){.account-dashboard,.account-finance-grid{grid-template-columns:1fr}.account-side-stack{grid-template-columns:repeat(3,1fr)}.account-project-grid{grid-template-columns:1fr 1fr}.account-asset-bento{grid-template-columns:repeat(3,1fr)}.asset-feature-card{grid-column:span 3}.account-record-grid{grid-template-columns:1fr}}
@media(max-width:700px){.account-hero-inner{grid-template-columns:1fr;padding:22px}.account-hero-actions{grid-column:1}.account-membership{grid-template-columns:1fr}.account-dashboard{grid-template-columns:1fr}.account-continue-card{grid-template-columns:1fr}.continue-cover{min-height:280px}.account-side-stack,.account-project-grid{grid-template-columns:1fr}.account-asset-bento{grid-template-columns:1fr 1fr}.asset-feature-card{grid-column:span 2;grid-template-columns:1fr}.asset-feature-card img{height:240px}.wallet-top{gap:18px;flex-direction:column}.wallet-bars{grid-template-columns:1fr}.account-record-grid{grid-template-columns:1fr}}

/* ESales brand and C-end creator flow refinements */
:root{--blue:#1e2a91;--purple:#4f46e5;--brand-deep:#1e2a91}
.logo{min-width:132px}
.logo-mark{width:150px;height:60px;border-radius:0;background:url("images/brand-logo.jpg") center/contain no-repeat!important;color:transparent!important;box-shadow:none!important;overflow:hidden}
.logo-mark+span,.studio-brand b{display:none!important}
.site-header .logo-mark{width:132px;height:52px}
.footer .logo-mark,.home-footer .logo-mark{width:142px;height:56px}
.studio-redirect-page .logo-mark{width:180px;height:72px}
.nav{height:76px}.nav-links{gap:16px}.nav-actions .btn.primary{background:var(--brand-deep);box-shadow:0 14px 30px rgba(30,42,145,.22)}
.btn.primary{background:var(--brand-deep);box-shadow:0 14px 30px rgba(30,42,145,.22)}
.consumer-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 14px}
.consumer-stepper button{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--muted);font-weight:900;text-align:left}
.consumer-stepper b{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:var(--panel-soft);color:var(--blue);flex:0 0 auto}
.consumer-stepper span{font-size:12px;line-height:1.25}
.consumer-stepper .done{border-color:#bfdbfe;background:#f8fbff;color:var(--blue)}
.consumer-stepper .done b,.consumer-stepper .active b{background:var(--brand-deep);color:#fff}
.consumer-stepper .active{border-color:rgba(30,42,145,.38);box-shadow:0 12px 30px rgba(30,42,145,.11);color:var(--ink)}
.consumer-workflow-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}
.consumer-workflow-summary>div{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fff,#f7f9ff)}
.consumer-workflow-summary span{display:block;color:var(--muted);font-size:11px;font-weight:900}
.consumer-workflow-summary b{display:block;margin-top:4px;font-size:14px;color:var(--ink)}
.consumer-preview-card{overflow:hidden;margin:16px 0;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 16px 36px rgba(30,42,145,.08)}
.consumer-preview-card img{width:100%;height:190px;object-fit:cover}
.consumer-preview-card div{padding:15px}.consumer-preview-card b{display:block;color:var(--ink)}.consumer-preview-card p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.preview-checklist{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0}
.preview-checklist span{padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);color:var(--blue);font-size:12px;font-weight:900}
.choice-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.choice-card:hover{transform:translateY(-2px)}
@media(max-width:900px){.consumer-stepper{grid-template-columns:repeat(5,150px);overflow:auto;padding-bottom:4px}.consumer-workflow-summary{grid-template-columns:1fr}.site-header .logo-mark{width:118px;height:46px}}
@media(max-width:620px){.consumer-stepper{grid-template-columns:repeat(5,130px)}.consumer-stepper button{min-height:48px;padding:8px}.consumer-preview-card img{height:150px}.logo-mark{width:118px;height:46px}.logo{min-width:118px}}

/* Nami-style creator pipeline */
.nami-workbench{--bg:#0d1117;--panel:#141922;--panel-soft:#1b2230;--ink:#f6f8fb;--muted:#9aa5b5;--line:#293241;--green:#35c16d;--shadow:0 24px 70px rgba(0,0,0,.34);background:#0d1117;color:var(--ink)}
.nami-workbench .studio-globalbar{background:#111721;border-color:#283142;color:var(--ink)}
.nami-workbench .project-crumb a,.nami-workbench .project-crumb span,.nami-workbench .project-crumb small,.nami-workbench .studio-login-link{color:#aeb8c8}
.nami-workbench .studio-entry{min-width:230px}.nami-workbench .studio-return-btn,.nami-workbench .icon-btn,.nami-workbench .btn.secondary{border-color:#2c3546;background:#171d27;color:#d9e2f0;box-shadow:none}
.storyboard-count{display:flex;align-items:center;gap:8px;color:#aeb8c8;font-size:13px;white-space:nowrap}.storyboard-count button{min-height:30px;padding:0 14px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-weight:850;cursor:pointer}
.nami-workbench .vc-header-next-step,.nami-green-btn{border:1px solid var(--green)!important;background:#141a16!important;color:var(--green)!important;box-shadow:none!important;border-radius:12px}.nami-workbench .vc-header-next-step:hover,.nami-green-btn:hover{background:rgba(53,193,109,.11)!important}
.nami-workbench .creator-workbench{grid-template-columns:78px 256px minmax(540px,1fr) 320px}.nami-workbench .studio-dock{background:#0b0f15;border-color:#283142}.nami-workbench .production-rail{background:#111721;border-color:#283142}.nami-workbench .rail-heading{color:#aeb8c8}.nami-workbench .production-stages button{border-radius:12px;color:#8f9bad}.nami-workbench .production-stages button.active{border-color:rgba(53,193,109,.36);background:rgba(53,193,109,.10);color:#fff}.nami-workbench .production-stages button.active>b{background:var(--green);color:#07100a}.nami-workbench .production-stages button.done{background:rgba(53,193,109,.07);color:var(--green)}.nami-workbench .production-stages button.done>b{border-color:rgba(53,193,109,.35);color:var(--green)}.nami-workbench .rail-resume{background:#171d27;border-color:#2c3546}
.nami-workbench .task-canvas{background:#0d1117}.nami-workbench .task-kicker{color:var(--green)}.nami-workbench .task-heading h1{font-size:34px;color:#fff}.nami-workbench .task-heading p{color:#aeb8c8}.nami-workbench .skill-runtime{border-color:#2c3546;color:#aeb8c8;background:#131923}
.nami-stage-panel{padding:0!important;overflow:hidden;background:#111721!important;border-color:#293241!important;box-shadow:0 18px 54px rgba(0,0,0,.20)!important}
.nami-script-stage{display:grid;gap:18px;padding:22px}.nami-char-count{text-align:right;color:#9aa5b5;font-size:13px}.nami-ai-row{display:grid;grid-template-columns:1fr 128px;gap:14px;align-items:end}.nami-ai-row>div{display:grid;gap:10px}.nami-ai-row span,.nami-editor-title span{color:#dce5f2;font-size:14px;font-weight:850}.nami-ai-row textarea{min-height:86px;border-radius:16px;background:#0e141d;border-color:#293241;color:#fff;resize:vertical}.nami-green-btn{min-height:42px;padding:0 18px;font-weight:900;cursor:pointer}.nami-green-btn:disabled{opacity:.45;cursor:not-allowed}
.nami-editor-block{border:1px solid #293241;border-radius:18px;background:#0e141d;overflow:hidden}.nami-editor-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid #293241}.nami-editor-title div{display:flex;gap:8px;flex-wrap:wrap}.nami-editor-title button,.nami-action-row button,.nami-setting-card{border:1px solid #303a4d;border-radius:10px;background:#161d28;color:#dce5f2;padding:8px 11px;font-weight:850;cursor:pointer}.nami-editor-title button:hover,.nami-action-row button:hover,.nami-setting-card:hover{border-color:#3f4b62;background:#1b2431}
#script-editor{min-height:330px;border:0;border-radius:0;background:#0e141d;color:#fff;resize:vertical}.nami-settings-grid,.nami-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:22px}.nami-setting-card,.nami-asset-card{display:grid;gap:6px;min-height:128px;text-align:left}.nami-setting-card.selected{border-color:rgba(53,193,109,.48);background:rgba(53,193,109,.08)}.nami-setting-card span,.nami-asset-card span{color:var(--green);font-size:12px;font-weight:900}.nami-setting-card b,.nami-asset-card b{color:#fff;font-size:18px}.nami-setting-card small,.nami-asset-card small{color:#9aa5b5}.nami-asset-card{padding:18px;border:1px solid #303a4d;border-radius:16px;background:#121923}
.nami-action-row{display:flex;gap:10px;flex-wrap:wrap;padding:0 22px 22px}.nami-table-list{display:grid;gap:10px;padding:22px}.nami-shot-card{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid #293241;border-radius:16px;background:#0e141d}.nami-shot-card>b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#182235;color:var(--green)}.nami-shot-card span{display:block;color:#fff;font-weight:900}.nami-shot-card p{margin:5px 0;color:#aeb8c8}.nami-shot-card small,.nami-shot-card i{color:#8f9bad;font-style:normal}
.nami-preview-final{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;padding:22px}.nami-video-frame{min-height:360px;border:1px solid #293241;border-radius:20px;background:linear-gradient(135deg,#090d13,#1b2230);display:grid;place-items:center;text-align:center;color:#fff}.nami-video-frame span{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:rgba(53,193,109,.15);border:1px solid rgba(53,193,109,.35);color:var(--green);font-size:30px}.nami-video-frame b{display:block;margin-top:-110px}.nami-preview-final h3{margin:0 0 10px;color:#fff;font-size:28px}.nami-preview-final p{color:#aeb8c8;line-height:1.8}
.nami-workbench .output-contract,.nami-workbench .guide-recommend,.nami-workbench .guide-risk,.nami-workbench .mode-explanation,.nami-workbench .consumer-preview-card{background:#111721;border-color:#293241;color:#fff}.nami-workbench .output-contract span,.nami-workbench .guide-recommend small,.nami-workbench .mode-explanation p,.nami-workbench .guide-risk ul,.nami-workbench .consumer-preview-card p{color:#9aa5b5}.nami-workbench .guide-recommend span,.nami-workbench .preview-checklist span{color:var(--green)}.nami-workbench .ai-guide-panel{background:#111721;border-color:#293241}.nami-workbench .guide-avatar{background:var(--green);color:#07100a}.nami-workbench .guide-label{color:var(--green)}.nami-workbench .guide-question{background:rgba(53,193,109,.08);border-color:rgba(53,193,109,.35);color:var(--green)}
.nami-login-modal{position:fixed;inset:0;z-index:160;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.48);backdrop-filter:blur(12px)}.nami-login-modal.is-open{display:flex}.nami-login-card{position:relative;width:min(430px,100%);padding:28px;border:1px solid #2c3546;border-radius:22px;background:#121923;color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.42);text-align:center}.nami-login-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 34px 20px}.nami-login-tabs button{border:0;border-radius:10px;background:#192233;color:#aeb8c8;padding:9px;cursor:pointer;font-weight:900}.nami-login-tabs button.active{background:rgba(53,193,109,.12);color:var(--green)}.nami-login-card .modal-close{color:#fff;background:#192233;border-color:#2c3546}.nami-qr-box{display:grid;place-items:center;height:180px;margin:0 auto 14px;border:1px dashed #344158;border-radius:18px;background:repeating-linear-gradient(45deg,#101722 0 10px,#151e2a 10px 20px);color:#dce5f2;font-weight:900}.nami-login-card p{margin:0;color:#9aa5b5}.nami-toast{position:fixed;left:50%;top:92px;z-index:180;transform:translateX(-50%);padding:11px 16px;border-radius:10px;background:#111721;border:1px solid #303a4d;color:#fff;box-shadow:0 18px 46px rgba(0,0,0,.28);font-weight:850;animation:nami-toast-in .18s ease both}@keyframes nami-toast-in{from{opacity:0;transform:translate(-50%,-8px)}}
@media(max-width:1250px){.nami-workbench .creator-workbench{grid-template-columns:68px 230px minmax(420px,1fr)}.storyboard-count{display:none}}
@media(max-width:900px){.nami-workbench .creator-workbench{grid-template-columns:1fr}.nami-settings-grid,.nami-card-grid,.nami-preview-final{grid-template-columns:1fr}.nami-ai-row{grid-template-columns:1fr}.nami-workbench .production-stages{grid-template-columns:repeat(6,178px)}.nami-editor-title{align-items:flex-start;flex-direction:column}.nami-toast{left:16px;right:16px;top:auto;bottom:18px;transform:none}}

/* Unified light workspace and softer ESales logo */
:root{--blue:#1e2a91;--purple:#5563e8;--brand-deep:#1e2a91;--brand-soft:#eef4ff}
.logo{min-width:116px;gap:8px}.logo-mark{width:116px;height:42px;border-radius:10px;background:url("images/brand-logo.jpg") center/contain no-repeat!important;background-color:transparent!important;box-shadow:none!important}.logo-mark+span,.studio-brand b{display:none!important}
.site-header .logo-mark{width:112px;height:40px}.footer .logo-mark,.home-footer .logo-mark{width:118px;height:42px}.studio-brand .logo-mark{width:118px;height:42px}.studio-redirect-page .logo-mark{width:150px;height:54px}
@media(max-width:620px){.site-header .logo-mark,.logo-mark{width:104px;height:38px}.logo{min-width:104px}}
.nami-workbench{--bg:#f7faff;--panel:#ffffff;--panel-soft:#f1f5ff;--ink:#0f172a;--muted:#64748b;--line:#dbe7ff;--green:#1e2a91;--shadow:0 18px 48px rgba(30,42,145,.10);background:linear-gradient(180deg,#f7faff,#ffffff 42%,#f3f7ff);color:var(--ink)}
.nami-workbench .studio-globalbar{background:rgba(255,255,255,.92);border-color:var(--line);color:var(--ink);box-shadow:0 8px 26px rgba(30,42,145,.06)}
.nami-workbench .project-crumb a,.nami-workbench .project-crumb span,.nami-workbench .project-crumb small,.nami-workbench .studio-login-link{color:var(--muted)}
.nami-workbench .studio-return-btn,.nami-workbench .icon-btn,.nami-workbench .btn.secondary{border-color:var(--line);background:#fff;color:var(--muted);box-shadow:0 8px 20px rgba(30,42,145,.05)}
.storyboard-count{color:var(--muted)}.storyboard-count button{border-color:var(--line);background:#fff;color:var(--brand-deep)}
.nami-workbench .vc-header-next-step,.nami-green-btn{border:1px solid var(--brand-deep)!important;background:var(--brand-deep)!important;color:#fff!important;border-radius:999px;box-shadow:0 14px 30px rgba(30,42,145,.18)!important}.nami-workbench .vc-header-next-step:hover,.nami-green-btn:hover{background:#162278!important}
.nami-workbench .creator-workbench{grid-template-columns:76px 252px minmax(0,1fr);background:transparent}.nami-workbench .ai-guide-panel{display:none!important}.nami-workbench .studio-dock{background:#0f172a;border-color:#dbe7ff}.nami-workbench .studio-dock a.active,.nami-workbench .studio-dock a:hover{background:rgba(255,255,255,.12);color:#fff}
.nami-workbench .production-rail{background:rgba(255,255,255,.86);border-color:var(--line);box-shadow:10px 0 34px rgba(30,42,145,.04)}.nami-workbench .rail-heading{color:var(--muted)}.nami-workbench .production-stages button{border-radius:14px;color:var(--muted)}.nami-workbench .production-stages button>b{background:#fff}.nami-workbench .production-stages button.active{border-color:rgba(30,42,145,.28);background:rgba(30,42,145,.08);color:var(--brand-deep)}.nami-workbench .production-stages button.active>b{background:var(--brand-deep);color:#fff}.nami-workbench .production-stages button.done{background:#f4f8ff;color:var(--brand-deep)}.nami-workbench .production-stages button.done>b{border-color:#bcd0ff;color:var(--brand-deep)}.nami-workbench .rail-resume{background:#fff;border-color:var(--line)}
.nami-workbench .task-canvas{background:transparent;padding:32px 38px 80px}.nami-workbench .task-kicker{color:var(--brand-deep)}.nami-workbench .task-heading h1{color:var(--ink)}.nami-workbench .task-heading p{color:var(--muted)}.nami-workbench .skill-runtime{border-color:var(--line);background:#fff;color:var(--muted)}
.nami-stage-panel{background:#fff!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}.nami-char-count{color:var(--muted)}.nami-ai-row span,.nami-editor-title span{color:var(--ink)}.nami-ai-row textarea,#script-editor{background:#fbfdff!important;border-color:var(--line)!important;color:var(--ink)!important}.nami-editor-block{background:#fbfdff;border-color:var(--line)}.nami-editor-title{border-color:var(--line);background:#fff}.nami-editor-title button,.nami-action-row button,.nami-setting-card{border-color:var(--line);background:#fff;color:var(--ink)}.nami-editor-title button:hover,.nami-action-row button:hover,.nami-setting-card:hover{border-color:#bcd0ff;background:#f7faff}
.nami-setting-card.selected{border-color:rgba(30,42,145,.36);background:#f4f7ff}.nami-setting-card span,.nami-asset-card span{color:var(--brand-deep)}.nami-setting-card b,.nami-asset-card b{color:var(--ink)}.nami-setting-card small,.nami-asset-card small{color:var(--muted)}.nami-asset-card,.nami-shot-card{background:#fff;border-color:var(--line)}.nami-shot-card>b{background:#f1f5ff;color:var(--brand-deep)}.nami-shot-card span{color:var(--ink)}.nami-shot-card p{color:var(--muted)}.nami-shot-card small,.nami-shot-card i{color:var(--muted)}
.nami-preview-final h3{color:var(--ink)}.nami-preview-final p{color:var(--muted)}.nami-video-frame{background:linear-gradient(135deg,#f5f8ff,#ffffff);border-color:var(--line);color:var(--ink)}.nami-video-frame span{background:#eef4ff;border-color:#bcd0ff;color:var(--brand-deep)}
.nami-workbench .output-contract{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:0 12px 28px rgba(30,42,145,.06)}.nami-workbench .output-contract span{color:var(--muted)}
.nami-login-modal{background:rgba(15,23,42,.38)}.nami-login-card{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:0 28px 90px rgba(30,42,145,.18)}.nami-login-tabs button{background:#f1f5ff;color:var(--muted)}.nami-login-tabs button.active{background:#e8efff;color:var(--brand-deep)}.nami-login-card .modal-close{background:#f1f5ff;border-color:var(--line);color:var(--ink)}.nami-qr-box{background:repeating-linear-gradient(45deg,#f5f8ff 0 10px,#edf3ff 10px 20px);border-color:#bcd0ff;color:var(--brand-deep)}.nami-login-card p{color:var(--muted)}.nami-toast{background:#0f172a;border-color:#1e293b;color:#fff}
body[data-view="assets"] .production-rail,body[data-view="assets"] .output-contract,body[data-view="assets"] .storyboard-count,body[data-view="assets"] .studio-back,body[data-view="assets"] .vc-header-next-step{display:none!important}
body[data-view="assets"] .creator-workbench{grid-template-columns:76px minmax(0,1fr)}body[data-view="assets"] .task-canvas{padding:34px 42px 80px}.asset-manager-view{display:grid;gap:18px}.asset-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.asset-promo span{color:var(--brand-deep);font-size:12px;font-weight:900}.asset-promo h2{margin:6px 0;font-size:32px}.asset-promo p{margin:0;color:var(--muted)}.asset-promo button{border:0;border-radius:999px;background:#111;color:#fff;padding:10px 18px;font-weight:900;cursor:pointer}.asset-empty-state{display:grid;place-items:center;min-height:360px;border:1px dashed #bcd0ff;border-radius:24px;background:linear-gradient(135deg,#fff,#f5f8ff);text-align:center}.asset-empty-state b{font-size:26px}.asset-empty-state p{margin:8px 0 0;color:var(--muted)}
@media(max-width:1250px){.nami-workbench .creator-workbench{grid-template-columns:68px 230px minmax(0,1fr)}body[data-view="assets"] .creator-workbench{grid-template-columns:68px minmax(0,1fr)}}
@media(max-width:900px){.nami-workbench .creator-workbench,body[data-view="assets"] .creator-workbench{grid-template-columns:1fr}.asset-promo{align-items:flex-start;flex-direction:column}.nami-workbench .task-canvas,body[data-view="assets"] .task-canvas{padding:24px 16px 70px}}

/* Creator studio global navigation and Nami assets parity */
.creator-studio-page .studio-globalbar.studio-sitebar{height:78px!important;min-height:78px;padding:0 22px;gap:18px;align-items:center}
.creator-studio-page .creator-workbench{height:calc(100vh - 78px)!important}
.studio-sitebar .studio-brand{min-width:118px;flex:0 0 auto}
.studio-main-nav{display:flex;align-items:center;justify-content:center;gap:16px;flex:1;min-width:0;color:var(--muted);font-size:14px;white-space:nowrap}
.studio-main-nav a{padding:7px 10px;border-radius:999px}
.studio-main-nav a:hover{background:rgba(30,42,145,.08);color:var(--brand-deep)}
.studio-main-nav a.is-active{color:var(--brand-deep);font-weight:950;background:rgba(30,42,145,.08)}
.studio-top-actions{flex:0 0 auto;margin-left:0}
.studio-flow-actions{display:flex;align-items:center;gap:10px}
.asset-header-buy{display:none;align-items:center;justify-content:center;min-height:32px;padding:0 18px;border:0;border-radius:999px;background:#111;color:#fff;font-size:14px;font-weight:900;cursor:pointer;white-space:nowrap}
.asset-header-buy:hover{background:#252729}
body[data-view="assets"] .asset-header-buy{display:inline-flex}
.nami-workbench .creator-workbench{grid-template-columns:96px 252px minmax(0,1fr)}
body[data-view="assets"] .creator-workbench{grid-template-columns:96px minmax(0,1fr)}
.nami-workbench .studio-dock{padding:14px 10px}
.nami-workbench .studio-dock a{width:74px;min-height:60px;border-radius:14px}
.nami-workbench .studio-dock a span{font-size:10px;line-height:1.15;margin-top:-7px;white-space:normal;text-align:center}
body[data-view="assets"] .task-heading p:empty{display:none}
body[data-view="assets"] .task-kicker,body[data-view="assets"] .skill-runtime{display:none!important}
.asset-reference-view{min-height:460px;padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(30,42,145,.07)}
.asset-reference-view h2{margin:0 0 18px;font-size:24px;line-height:1.2;color:var(--ink)}
.asset-reference-view .asset-empty-state{min-height:330px;border:0;border-radius:0;background:transparent;box-shadow:none}
.asset-reference-view .asset-empty-state b{font-size:22px;color:#a0a8b8;font-weight:700}
body[data-view="assets"] .task-heading{display:none}
body[data-view="assets"] .nami-stage-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body[data-view="assets"] .task-canvas{min-width:0;height:100%;padding:14px 16px 16px!important;overflow:hidden}
body[data-view="assets"] .guided-task{height:100%;min-height:0}
body[data-view="assets"] .asset-reference-view{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0;height:calc(100vh - 108px);min-height:560px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
.asset-tree-panel,.asset-content-panel{min-height:0;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(30,42,145,.06)}
.asset-tree-panel{border-radius:16px 0 0 16px;overflow:auto;border-right:0}
.asset-content-panel{display:flex;flex-direction:column;border-radius:0 16px 16px 0;overflow:hidden}
.asset-tree-title{height:78px;display:grid;place-items:center;font-size:16px;font-weight:950;color:var(--ink)}
.asset-tree-group{display:grid;gap:2px;padding:0 14px 12px}
.asset-tree-row{--level:0;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:6px;width:100%;min-height:38px;padding:0 10px 0 calc(10px + var(--level)*20px);border:0;border-radius:10px;background:transparent;color:#344256;text-align:left;cursor:pointer}
.asset-tree-row i{font-style:normal;color:#8a97ad;font-size:11px}.asset-tree-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.asset-tree-row:hover{background:#f4f7ff;color:var(--brand-deep)}.asset-tree-row.active{background:#edf3ff;color:var(--brand-deep);font-weight:900}
.asset-content-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:78px;padding:0 22px;border-bottom:1px solid var(--line);background:#fff}
.asset-breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;color:#9aa6b7;font-size:13px}.asset-breadcrumb button{border:0;background:transparent;color:#46546b;font-size:14px;font-weight:800;cursor:pointer}.asset-breadcrumb button:last-of-type{color:var(--ink)}.asset-breadcrumb button:hover{color:var(--brand-deep)}
.asset-content-actions{display:flex;align-items:center;gap:10px}.asset-primary-action{height:34px;padding:0 16px;border:0;border-radius:999px;background:var(--brand-deep);color:#fff;font-weight:900;cursor:pointer}.asset-primary-action:hover{background:#162278}
.asset-content-scroll{flex:1;min-height:0;overflow:auto;padding:26px 24px 34px;background:#fbfdff}
.asset-card-grid{display:grid;grid-template-columns:repeat(auto-fill,160px);align-content:start;gap:18px 16px}
.asset-file-card{position:relative;display:grid;grid-template-rows:132px auto 18px;gap:8px;width:160px;min-height:214px;padding:8px 8px 12px;border:0;border-radius:12px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.asset-file-card:hover{background:#f0f5ff}.asset-file-card>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:38px;overflow:hidden;font-size:13px;font-weight:850;line-height:1.45;color:#1f2a3d}.asset-file-card>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#7b8798}
.asset-thumb{position:relative;display:grid;place-items:center;width:132px;height:132px;margin:auto;border-radius:12px;background:#eef4ff;overflow:hidden}.asset-thumb img{width:100%;height:100%;object-fit:cover}.asset-thumb.image-missing:after{content:"";width:74px;height:74px;border-radius:18px;background:linear-gradient(135deg,#dce7ff,#ffffff);border:1px solid #c6d6ff}.asset-thumb em{position:absolute;left:8px;top:8px;z-index:1;padding:2px 6px;border-radius:999px;background:rgba(30,42,145,.9);color:#fff;font-style:normal;font-size:11px;font-weight:900}
.asset-folder-thumb{position:relative;width:92px;height:70px;border-radius:12px;background:linear-gradient(180deg,#9ab5ff,#5f75ee);box-shadow:inset 0 -14px 24px rgba(30,42,145,.16)}.asset-folder-thumb:before{content:"";position:absolute;left:10px;top:-10px;width:42px;height:18px;border-radius:10px 10px 0 0;background:#c8d6ff}.asset-folder-thumb.is-audio{background:linear-gradient(180deg,#92c5ff,#3757d9)}
.asset-audio-thumb{display:flex;align-items:center;gap:6px;height:74px}.asset-audio-thumb b{display:block;width:8px;border-radius:999px;background:var(--brand-deep)}.asset-audio-thumb b:nth-child(1){height:24px}.asset-audio-thumb b:nth-child(2){height:54px}.asset-audio-thumb b:nth-child(3){height:38px}.asset-audio-thumb b:nth-child(4){height:66px}
.asset-video-thumb,.asset-file-thumb,.asset-plus-thumb{display:grid;place-items:center;width:74px;height:74px;border-radius:18px;background:#e8efff;color:var(--brand-deep);font-size:28px;font-weight:950}.asset-file-thumb:before{content:"";width:42px;height:52px;border-radius:8px;background:#fff;border:2px solid #a8bbff}.asset-plus-thumb{border:1px dashed #8ea6ff;background:#fff;font-size:34px}.asset-new-card{color:#64748b}
.asset-empty-action{display:flex;padding-top:18px}.asset-reference-view .asset-empty-state{min-height:300px;border:1px dashed #c9d8ff;border-radius:14px;background:#fff}.asset-reference-view .asset-empty-state b{font-size:20px;color:#9aa6b7}
.asset-preview-modal,.asset-dialog-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(15,23,42,.42)}
.asset-preview-card{position:relative;display:grid;grid-template-columns:minmax(300px,680px) 300px;width:min(980px,calc(100vw - 42px));max-height:calc(100vh - 76px);overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.28)}
.asset-modal-close{position:absolute;right:16px;top:14px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5ff;color:#1f2a3d;font-size:24px;cursor:pointer}.asset-preview-media{display:grid;place-items:center;min-height:540px;background:#f5f8ff}.asset-preview-media img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain}.asset-preview-info{padding:46px 26px 24px;border-left:1px solid var(--line);background:#fff}.asset-preview-info h3{margin:0 0 22px;font-size:18px;line-height:1.35;color:var(--ink);word-break:break-word}.asset-preview-info dl{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px 10px;margin:0 0 24px}.asset-preview-info dt{color:#8a97ad}.asset-preview-info dd{margin:0;color:#2c384e;word-break:break-word}.asset-preview-actions{display:flex;flex-wrap:wrap;gap:10px}.asset-preview-actions button,.asset-dialog-card button{min-height:34px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#1f2a3d;font-weight:850;cursor:pointer}.asset-preview-actions button:first-child,.asset-dialog-card button:last-child{border-color:var(--brand-deep);background:var(--brand-deep);color:#fff}.asset-preview-actions .danger{border-color:#ffd5d5;color:#c24141;background:#fff5f5}
.asset-dialog-card{display:grid;gap:16px;width:min(420px,calc(100vw - 38px));padding:24px;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.25)}.asset-dialog-card h3{margin:0;font-size:18px}.asset-dialog-card input{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px}.asset-dialog-card div{display:flex;justify-content:flex-end;gap:10px}
.login-tab-panel{display:none;gap:12px;text-align:left}
.login-tab-panel.active{display:grid}
.login-tab-panel label{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:900}
.login-tab-panel input{min-height:42px;border-radius:10px;background:#f8fbff}
.login-code-row{display:grid;grid-template-columns:1fr 112px;gap:8px}
.login-code-row button,.nami-login-submit{min-height:42px;border:0;border-radius:10px;background:var(--brand-deep);color:#fff;font-weight:900;cursor:pointer}
.login-tab-panel p{margin:2px 0 0!important;font-size:12px;line-height:1.6;color:var(--muted)!important}
.login-tab-panel small{color:var(--brand-deep);font-weight:850;text-align:center}
@media(max-width:1280px){.studio-main-nav{gap:8px;font-size:13px}.studio-main-nav a{padding:6px 7px}.studio-flow-actions .studio-back{display:none}}
@media(max-width:1100px){.studio-main-nav{display:none}.creator-studio-page .mobile-toggle{display:grid}.studio-flow-actions{display:none}.creator-studio-page .studio-globalbar.studio-sitebar{justify-content:space-between}}
@media(max-width:900px){.creator-studio-page .studio-globalbar.studio-sitebar{height:auto!important;min-height:66px}.creator-studio-page .creator-workbench{height:auto!important}.nami-workbench .creator-workbench,body[data-view="assets"] .creator-workbench{grid-template-columns:1fr}.nami-workbench .studio-dock{display:none}.asset-reference-view{min-height:360px;padding:20px}.asset-reference-view .asset-empty-state{min-height:240px}}
@media(max-width:900px){body[data-view="assets"] .task-canvas{height:auto;min-height:calc(100vh - 66px);overflow:auto}body[data-view="assets"] .asset-reference-view{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.asset-tree-panel{border-radius:16px;border-right:1px solid var(--line);max-height:300px}.asset-content-panel{margin-top:12px;border-radius:16px;min-height:520px}.asset-content-head{align-items:flex-start;flex-direction:column;padding:16px;min-height:auto}.asset-content-scroll{padding:18px 14px 28px}.asset-card-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:14px}.asset-file-card{width:100%;grid-template-rows:118px auto 18px}.asset-thumb{width:100%;height:118px}.asset-preview-card{grid-template-columns:1fr;overflow:auto}.asset-preview-media{min-height:280px}.asset-preview-info{border-left:0;border-top:1px solid var(--line);padding:24px 20px}.asset-preview-info dl{grid-template-columns:72px minmax(0,1fr)}}