:root{--paper: #FBFAF8;--surface: #FFFFFF;--letterbox: #141210;--credit-track: #EEE9E1;--ink: #0A0A0A;--text-muted: #6B6661;--text-faint: #9A948D;--text-faintest: #B7B0A6;--text-divider: #C4BEB4;--text-pending: #C4BDB2;--step-off: #B0A99E;--placeholder-warm: #A99C8B;--chevron: #D8D2C8;--border: #ECE7DF;--border-strong: #E1DACE;--fill-track: #F1ECE4;--fill-ghost: #F7F3ED;--fill-chip: #F5F1EB;--coral: #FF5147;--violet: #7C5CFF;--mint: #10C9A2;--tangerine: #FF9838;--yellow: #FFC93D;--coral-tint: #FFE6E1;--violet-tint: #ECE7FF;--mint-tint: #DBF5EE;--tangerine-tint: #FFEEDD;--coral-line: #FFD9D4;--coral-line-2: #FFD0C8;--coral-wash: #FFF3F1;--violet-line: #D6CCFA;--save-brand-bg: #FBEFE0;--violet-ink: #5B44C7;--mint-ink: #0E9E76;--mint-ink-2: #0E7D5E;--terracotta-ink: #8A6B54;--avatar-grad: linear-gradient(135deg, #E8875A, #C2410C);--poster-mint: linear-gradient(155deg, #3DE0AE, #10C9A2 55%, #0E9E76);--poster-mint-flat: linear-gradient(150deg, #3DE0AE, #0E9E76);--poster-coral: linear-gradient(150deg, #FF7A6E, #E5352A);--poster-violet: linear-gradient(150deg, #9E86FF, #6A4DE8);--poster-amber: linear-gradient(150deg, #FFC24D, #F1892A);--poster-teal: linear-gradient(150deg, #5BD6C4, #1BA5B8);--font-body: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-s: 10px;--r-m: 14px;--r-card: 16px;--r-lg: 18px;--r-xl: 20px;--r-prompt: 22px;--r-sheet: 26px;--r-pill: 999px;--shadow-soft: 0 2px 8px rgba(20,20,20,.05);--shadow-card: 0 3px 12px rgba(20,20,20,.05), 0 18px 40px rgba(20,20,20,.07);--shadow-lift: 0 8px 18px rgba(20,20,20,.09), 0 20px 44px rgba(20,20,20,.09);--shadow-pop: 0 14px 38px rgba(20,20,20,.18);--shadow-cta: 0 7px 18px rgba(255,81,71,.3);--shadow-cta-sm: 0 5px 14px rgba(255,81,71,.26);--shadow-mint: 0 5px 14px rgba(16,201,162,.3);--shadow-stage: 0 20px 44px rgba(20,20,20,.18);--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur: .15s}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-body)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid var(--paper)}h1,h2,h3,h4{margin:0}.h-hero{font-weight:700;font-size:34px;letter-spacing:-.035em;line-height:1}.h-page{font-weight:700;font-size:30px;letter-spacing:-.035em;line-height:1}.h-first{font-weight:700;font-size:42px;letter-spacing:-.04em;line-height:1}.h-section{font-weight:700;font-size:26px;letter-spacing:-.03em;line-height:1}.h-card{font-weight:700;font-size:20px;letter-spacing:-.02em;line-height:1.05}.accent{color:var(--coral)}.eyebrow{font-family:var(--font-mono);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(240%)}}@keyframes barGrow{0%{width:10%}50%{width:70%}to{width:10%}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app{display:flex;min-height:100vh;background:var(--paper)}.rail{inline-size:236px;flex:none;background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:20px 16px;position:sticky;inset-block-start:0;block-size:100vh}.rail-brand{display:flex;align-items:center;gap:9px;padding:2px 6px 0}.rail-brand img{width:24px;height:24px}.rail-brand .word{font-weight:700;font-size:17px;letter-spacing:-.02em}.rail-brand .beta{margin-inline-start:auto;font-family:var(--font-mono);font-weight:600;font-size:9px;color:var(--text-faintest);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);border-radius:6px;padding:2px 5px}.rail-nav-group{display:flex;flex-direction:column;gap:4px;margin-block-start:22px}.rail-nav{cursor:pointer;border:none;background:transparent;width:100%;text-align:start;padding:0}.rail-nav .inner{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;font-weight:500;font-size:13.5px;color:var(--text-muted);transition:background .13s var(--ease)}.rail-nav.active .inner{font-weight:700;color:var(--ink)}.rail-nav.active.create .inner{background:var(--coral-tint)}.rail-nav.active.content .inner{background:var(--violet-tint)}.rail-nav.active.brands .inner{background:var(--mint-tint)}.rail-spacer{flex:1}.main{flex:1;min-width:0;display:flex;flex-direction:column;block-size:100vh;overflow:auto}.app-pad{flex:1;padding:30px 40px 60px}.content-max{max-inline-size:1160px;margin-inline:auto}.ooc-banner{display:flex;align-items:center;gap:12px;background:var(--coral-tint);border-block-end:1px solid var(--coral-line-2);padding:11px 32px}.ooc-banner .pill{font-family:var(--font-mono);font-weight:700;font-size:11px;color:var(--coral);background:var(--surface);border-radius:var(--r-pill);padding:4px 9px;text-transform:uppercase}.tabbar{display:none}.view{animation:fadeUp .28s var(--ease)}.q-btn{cursor:pointer;border:none;font-family:var(--font-body);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),opacity var(--dur) var(--ease)}.q-btn:active{transform:translateY(1px)}.q-btn:disabled{cursor:not-allowed}.press:hover{opacity:.92}.lift{transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.qcard{transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--coral);color:#fff;border-radius:var(--r-pill);padding:13px 26px;font-weight:700;font-size:15px;box-shadow:var(--shadow-cta)}.btn-primary:disabled{background:var(--fill-track);color:var(--text-faint);box-shadow:none}.btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--ink);color:#fff;border-radius:var(--r-pill);padding:12px 22px;font-weight:700;font-size:13px}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--fill-ghost);color:var(--ink);border-radius:var(--r-pill);padding:13px 22px;font-weight:700;font-size:14px}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:9px 16px;font-weight:700;font-size:12.5px}.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-prompt);box-shadow:var(--shadow-card);padding:22px;display:flex;flex-direction:column;min-block-size:150px}.prompt-input{border:none;outline:none;resize:none;background:transparent;width:100%;font:500 22px/1.4 var(--font-body);letter-spacing:-.01em;color:var(--ink);caret-color:var(--coral);min-height:56px}.prompt-input::placeholder{color:var(--text-faintest)}.prompt-actions{display:flex;align-items:center;justify-content:space-between;margin-block-start:16px}@media(max-width:680px){.prompt-card{padding:18px;border-radius:20px}.prompt-input{font-size:18px}}.softchip{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-weight:600;font-size:12.5px;background:var(--fill-chip);padding:8px 14px;border-radius:var(--r-pill);border:none;cursor:pointer}.seg{display:inline-flex;background:var(--fill-track);border-radius:var(--r-pill);padding:4px}.seg .opt{padding:8px 20px;border-radius:var(--r-pill);font-weight:600;font-size:13px;color:var(--text-muted);cursor:pointer;border:none;background:transparent}.seg .opt.on{background:var(--surface);box-shadow:0 1px 3px #14141414;font-weight:700;color:var(--ink)}.q-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-soft)}.settings-chip{display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--r-s);background:var(--fill-ghost);font:600 12.5px var(--font-body);border:none;cursor:pointer}.settings-chip .k{color:var(--text-faint);font-weight:500}.settings-chip .caret{color:var(--text-faint);margin-inline-start:1px}.idea-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:16px}.idea-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-soft)}.idea-card.rec{border:none;box-shadow:0 0 0 3px var(--mint),0 12px 30px #10c9a22e}.idea-strip{height:7px}.idea-body{padding:18px;display:flex;flex-direction:column;flex:1}.idea-card.rec .idea-body{padding-top:17px}.scene-row{display:flex;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:16px}.scene-num{width:44px;height:44px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font:700 15px var(--font-body)}.h-scroll{display:flex;gap:10px;overflow-x:auto}.h-scroll::-webkit-scrollbar{display:none}.h-scroll{scrollbar-width:none}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:var(--r-pill);font-weight:600;font-size:13px;box-shadow:0 10px 30px #00000040;animation:toastIn .25s var(--ease);z-index:200}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;background:#0a0a0a66;display:flex;align-items:flex-end}.sheet-panel{inline-size:100%;background:var(--surface);border-start-start-radius:var(--r-sheet);border-start-end-radius:var(--r-sheet);padding:10px 18px 26px;animation:sheetUp .3s var(--ease);max-block-size:82vh;overflow-y:auto}.sheet-handle{width:38px;height:5px;border-radius:999px;background:var(--border-strong);margin:4px auto 14px}.sheet-title{font-weight:700;font-size:17px;margin-block-end:14px}@media(max-width:880px){.rail{inline-size:200px}.app-pad{padding:24px 22px 52px}.ooc-banner{padding:11px 22px}}@media(max-width:680px){.rail{display:none}.main{block-size:auto}.app{flex-direction:column}.app-pad{padding:18px 18px 100px}.ooc-banner{padding:11px 18px}.tabbar{display:flex;position:fixed;inset-inline:0;inset-block-end:0;z-index:150;height:82px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block-start:1px solid var(--border);padding:9px 10px 0}.h-page{font-size:26px}.idea-card.rec{box-shadow:0 0 0 2px var(--mint),0 10px 24px #10c9a229}.tabbar .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:4px;color:var(--step-off)}.tabbar .tab .lbl{font-weight:600;font-size:10px}.tabbar .tab.on{color:var(--coral)}.tabbar .tab.on .lbl{font-weight:700}.h-hero{font-size:26px;line-height:1.05}.h-first{font-size:30px}.h-section{font-size:22px;line-height:1.05}.btn-primary{width:100%;border-radius:var(--r-card);padding:15px;font-size:15.5px}.q-btn:active{transform:scale(.97)}}