:root{--bg:#fff;--surface:#fff;--text:#475569;--text-muted:#7a8796;--text-strong:#111827;--border:#e3e8ef;--cyan:#58d7ef;--coral:#ff7058;--lime:#a9d94f;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input{letter-spacing:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #58d7ef57}p{margin:0}#root{min-height:100vh}.app-shell{background:var(--bg);min-height:100vh;color:var(--text);grid-template-columns:256px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--border);box-sizing:border-box;background:#fbfcfd;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand,.nav-item,.sidebar-footer,.topbar,.topbar-actions,.breadcrumbs,.summary-strip,.metric,.panel-title,.stage-row,.section-heading,.scene-meta,.consent,.primary-button,.secondary-button,.icon-button{align-items:center;display:flex}.brand{gap:10px;padding:4px 6px 26px}.brand-mark{color:#58d7ef;background:#111827;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.brand strong{color:var(--text-strong);font-size:15px;line-height:1.15;display:block}.brand span{color:var(--text-muted);text-transform:uppercase;letter-spacing:0;margin-top:3px;font-size:11px;display:block}.nav-list{gap:5px;display:grid}.nav-item{color:#536070;width:100%;font:600 13px/1 var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:10px;padding:10px}.nav-item:hover,.nav-item.active{color:#0f172a;background:#eef9fb}.nav-item.active svg{color:#06a7c7}.sidebar-footer{color:#48606a;background:#f2fbfc;border:1px solid #d9edf0;border-radius:8px;gap:10px;margin-top:auto;padding:12px}.sidebar-footer svg{color:#06a7c7;flex:none}.sidebar-footer p{font-size:12px;line-height:1.45}.workspace{min-width:0;padding:26px 28px 34px}.topbar{justify-content:space-between;gap:24px;margin-bottom:20px}.breadcrumbs{color:var(--text-muted);gap:5px;margin-bottom:8px;font-size:12px;font-weight:700}.topbar h1{color:var(--text-strong);margin:0;font-size:34px;font-weight:780;line-height:1.05}.topbar p,.section-heading p{color:var(--text-muted);margin-top:8px;font-size:14px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.api-status{text-transform:uppercase;border-radius:8px;align-items:center;height:38px;padding:0 10px;font-size:11px;font-weight:820;display:inline-flex}.api-status.online{color:#5d8614;background:#edf9df}.api-status.offline{color:#c2472f;background:#fff2ee}.api-status.connecting{color:#087a91;background:#edf7fb}button{font:inherit}.primary-button,.secondary-button,.icon-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;height:38px}.primary-button{color:#fff;background:#ff7058;gap:8px;padding:0 14px;font-size:13px;font-weight:760;box-shadow:0 10px 22px #ff705842}.primary-button:disabled{cursor:not-allowed;opacity:.72}.secondary-button{border-color:var(--border);color:#263241;background:#fff;gap:8px;padding:0 12px;font-size:13px;font-weight:720}.icon-button{border-color:var(--border);color:#334155;background:#fff;width:38px}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.metric{border:1px solid var(--border);background:#fff;border-radius:8px;gap:10px;min-height:54px;padding:0 14px}.metric svg{color:#06a7c7}.metric span{color:var(--text-muted);font-size:12px}.metric strong{color:var(--text-strong);margin-left:auto;font-size:14px}.build-grid{grid-template-columns:minmax(230px,.78fr) minmax(320px,1.15fr) minmax(300px,1fr);align-items:stretch;gap:14px;display:grid}.panel,.storyboard-section,.pricing-section{border:1px solid var(--border);background:#fff;border-radius:8px;box-shadow:0 14px 40px #0f172a0b}.panel{padding:16px}.panel-title{gap:8px;margin-bottom:14px}.panel-title svg{color:#06a7c7}.panel h2,.section-heading h2{color:var(--text-strong);margin:0;font-size:17px;line-height:1.2}.upload-zone{text-align:center;background:linear-gradient(#58d7ef17,#fff0),#f7fdfe;border:1px dashed #b7dce2;border-radius:8px;place-items:center;min-height:178px;padding:18px;display:grid}.upload-zone svg{color:#06a7c7}.upload-zone strong{color:var(--text-strong);margin-top:9px;font-size:14px}.upload-zone span{max-width:190px;color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.45}.upload-zone button{color:#fff;background:#111827;border:0;border-radius:7px;margin-top:14px;padding:8px 11px;font-size:12px;font-weight:760}.photo-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.photo-thumb{aspect-ratio:1;background:#edf2f6;border-radius:8px}.thumb-one{background:linear-gradient(135deg,#89e2ed,#ffb0a2)}.thumb-two{background:linear-gradient(135deg,#dde3ec,#8bb6ff)}.thumb-three{background:linear-gradient(135deg,#ddf7a1,#58d7ef)}.empty-thumb{border:1px dashed var(--border);color:#9aa6b2;background:#fff;place-items:center;display:grid}.consent{color:#475569;gap:9px;margin-top:13px;font-size:12px;line-height:1.35}.consent input{accent-color:#06a7c7;width:16px;height:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{gap:5px;display:grid}.field.wide{grid-column:1/-1}.field span{color:var(--text-muted);font-size:12px;font-weight:720}.field input{border:1px solid var(--border);width:100%;height:38px;color:var(--text-strong);font:600 13px/1 var(--sans);box-sizing:border-box;background:#fff;border-radius:8px;padding:0 10px}.field input:focus{border-color:#06a7c7;outline:3px solid #06a7c724}.script-card{color:#dbeafe;background:#101827;border-radius:8px;margin-top:12px;padding:13px}.script-card span{color:#7ddfed;margin-bottom:7px;font-size:12px;font-weight:780;display:block}.script-card p{color:#edf6ff;font-size:13px;line-height:1.55}.stage-list{gap:12px;display:grid}.stage-row{gap:10px}.stage-dot{color:#fff;background:#edf2f7;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;display:grid}.stage-dot.done{background:#87c737}.stage-dot.active{background:#58d7ef;box-shadow:inset 0 0 0 7px #d9f8fc}.stage-copy{flex:1;min-width:0}.stage-copy strong{color:var(--text-strong);font-size:13px;display:block}.stage-copy span{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.stage-row small{color:#64748b;text-align:right;width:35px;font-size:11px}.progress-track{background:#edf2f7;border-radius:99px;height:5px;margin-top:7px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg,#58d7ef,#ff7058);height:100%;transition:width .42s}.storyboard-section,.pricing-section{margin-top:14px;padding:16px}.section-heading{justify-content:space-between;gap:16px;margin-bottom:14px}.storyboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.scene-card{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.scene-preview{aspect-ratio:16/9;place-items:center;display:grid;position:relative;overflow:hidden}.scene-preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scene-preview:before{content:"";filter:blur(14px);background:#ffffff38;border-radius:50%;height:52%;position:absolute;inset:18% 12% auto}.scene-preview button{color:#fff;background:#111827d1;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:10px;right:10px}.scene-status{z-index:2;color:#fff;text-transform:uppercase;background:#111827d1;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:820;position:absolute;top:10px;left:10px}.scene-character{z-index:1;color:#102033;background:radial-gradient(circle at 50% 30%,#fff 0 20%,#0000 21%),linear-gradient(#fff6ef,#ffd2c6 44%,#58d7ef 45%);border-radius:34px 34px 28px 28px;place-items:center;width:70px;height:86px;display:grid;position:relative;box-shadow:0 18px 32px #0f172a2e}.scene-cyan{background:linear-gradient(135deg,#aef3fb,#eafcff 45%,#ffb4a7)}.scene-coral{background:linear-gradient(135deg,#ff8f78,#ffd5ca 50%,#f7fbff)}.scene-lime{background:linear-gradient(135deg,#c8f26a,#f4ffe5 48%,#58d7ef)}.scene-ink{background:linear-gradient(135deg,#101827,#254866 58%,#ff7058)}.scene-meta{flex-direction:column;align-items:flex-start;padding:12px}.scene-meta span{color:#06a7c7;text-transform:uppercase;font-size:11px;font-weight:820}.scene-meta strong{color:var(--text-strong);margin-top:4px;font-size:13px}.scene-meta p{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.45}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.plan-card{border:1px solid var(--border);background:#fbfcfd;border-radius:8px;padding:15px}.plan-card span,.plan-card small{color:#06a7c7;font-size:12px;font-weight:780}.plan-card strong{color:var(--text-strong);margin-top:8px;font-size:24px;display:block}.plan-card p{color:#475569;margin-top:6px;font-size:13px}.plan-card small{color:#87a622;margin-top:12px;display:block}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1160px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.brand div:last-child,.nav-item span,.sidebar-footer p{display:none}.nav-item,.sidebar-footer{justify-content:center}.build-grid,.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:12px;position:static}.brand{padding-bottom:12px}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{padding:9px 6px}.sidebar-footer{display:none}.workspace{padding:18px 14px 28px}.topbar,.section-heading{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start}.summary-strip,.build-grid,.storyboard-grid,.plan-grid,.form-grid{grid-template-columns:1fr}.topbar h1{font-size:29px}}