@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #090b0f;--panel: #10141b;--panel-strong: #151a23;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--text: #f5f7fb;--muted: #a4adba;--soft: #717b8b;--blue: #60a5fa;--green: #34d399;--amber: #fbbf24;--coral: #fb7185;--ink: #05070a;--radius: 8px;--shadow: 0 24px 80px rgba(0, 0, 0, .32);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(96,165,250,.08),transparent 360px),var(--bg)}button,input,select,textarea{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.48;transform:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:16px clamp(18px,4vw,44px);border-bottom:1px solid var(--line);background:#090b0fe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:1rem;font-weight:800}.brand-lockup span{color:var(--muted);font-size:.82rem;margin-top:2px}.brand-mark{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#090b0f;box-shadow:0 12px 34px #34d39924;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%}.status-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffff0a;font-size:.86rem;font-weight:700;white-space:nowrap}.status-pill.ready{color:var(--green);border-color:#34d39947;background:#34d39914}.status-pill.missing{color:var(--amber);border-color:#fbbf2447;background:#fbbf2414}.workspace{width:min(1420px,100%);margin:0 auto;padding:32px clamp(18px,4vw,44px) 56px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1420px,100%);margin:0 auto;padding:24px clamp(18px,4vw,44px) 34px;border-top:1px solid var(--line);color:var(--soft);font-size:.84rem}.site-footer div{display:grid;gap:4px}.site-footer strong{color:var(--text)}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}.site-footer a{color:var(--muted);text-decoration:none;font-weight:700}.site-footer a:hover{color:var(--green)}.studio-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.82rem;font-weight:800;margin-bottom:12px}.studio-intro h1{max-width:840px;margin:0;font-size:clamp(2.1rem,5vw,4.7rem);line-height:.96;font-weight:800;letter-spacing:0}.studio-intro p{max-width:640px;margin:16px 0 0;color:var(--muted);font-size:1rem;line-height:1.55}.view-tabs{display:inline-flex;gap:4px;margin-bottom:18px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a}.view-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;color:var(--muted);border-radius:6px;background:transparent;cursor:pointer;font-weight:800}.view-tabs button.active{color:var(--ink);background:var(--green)}.live-workspace{display:grid;gap:18px}.composer{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#10141beb;box-shadow:var(--shadow)}.prompt-field{grid-row:span 3}.composer label,.control-row label{display:grid;gap:8px}.composer label>span,.control-row label>span{color:var(--muted);font-size:.82rem;font-weight:800}.studio-textarea,.studio-input,.studio-select{width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);background:#0b0e13;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.studio-textarea{min-height:218px;resize:vertical;padding:16px;line-height:1.55}.studio-textarea.compact{min-height:116px;padding:13px 14px}.studio-input,.studio-select{min-height:44px;padding:0 12px}.studio-select option{color:var(--text);background:#0b0e13}.studio-textarea:focus,.studio-input:focus,.studio-select:focus{border-color:#60a5facc;box-shadow:0 0 0 3px #60a5fa29;background:#0d1117}.control-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.upload-strip{position:relative;min-height:82px;display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#0b0e13;cursor:pointer;overflow:hidden}.upload-strip:hover{border-color:#34d39994;background:#34d3990f}.upload-strip svg{flex:0 0 auto;color:var(--green)}.upload-strip strong,.upload-strip span{display:block}.upload-strip strong{font-size:.92rem}.upload-strip span{max-width:100%;margin-top:3px;color:var(--soft);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-strip input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--radius);font-weight:800;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.btn-primary{color:var(--ink);background:var(--amber);box-shadow:0 14px 36px #fbbf2429}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary{color:var(--text);border:1px solid var(--line);background:#ffffff0f}.btn-secondary:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff1a}.composer-cta{width:100%}.inline-error{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid rgba(251,113,133,.28);border-radius:var(--radius);color:#fecdd3;background:#fb718514;font-size:.9rem;line-height:1.35}.inline-error svg{flex:0 0 auto;margin-top:1px}.results-grid{display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);gap:18px;align-items:start}.plan-panel,.scene-tile,.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.plan-panel{position:sticky;top:92px;display:grid;gap:16px;padding:18px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel-header span,.agent-score span,.metric-row span,.scene-meta span{color:var(--soft);font-size:.76rem;font-weight:800;text-transform:uppercase}.panel-header h2{margin:4px 0 0;font-size:1.34rem;line-height:1.15}.panel-header>strong{display:grid;place-items:center;min-width:48px;height:48px;border-radius:50%;color:var(--ink);background:var(--green);font-size:1rem}.plan-panel>p{margin:0;color:var(--muted);line-height:1.55}.metric-row,.swarm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--line)}.metric-row div,.swarm-metrics div{display:grid;gap:4px;min-height:72px;padding:12px;background:var(--panel-strong)}.metric-row strong,.swarm-metrics strong{font-size:1rem}.music-sections{display:grid;gap:8px}.music-sections div{display:grid;grid-template-columns:76px minmax(70px,.6fr) minmax(0,1fr);gap:10px;align-items:center;min-height:42px;padding:10px 0;border-bottom:1px solid var(--line)}.music-sections div:last-child{border-bottom:0}.music-sections span,.music-sections small{color:var(--soft);font-size:.78rem}.music-sections strong{font-size:.9rem}.action-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.audio-lane{display:grid;gap:12px;padding:12px;border:1px solid rgba(96,165,250,.22);border-radius:var(--radius);background:#60a5fa12}.audio-lane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.audio-lane-header span{color:var(--soft);font-size:.76rem;font-weight:800;text-transform:uppercase}.audio-lane-header strong{display:block;margin-top:3px}.audio-lane p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}.audio-step-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.audio-step{display:grid;gap:4px;min-height:58px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#090b0f6b}.audio-step span{color:var(--soft);font-size:.74rem;font-weight:800;text-transform:uppercase}.audio-step b{color:var(--muted);font-size:.84rem}.audio-step.ready{border-color:#34d3993d}.audio-step.ready b{color:var(--green)}.audio-step.working{border-color:#60a5fa57}.audio-step.working b{color:var(--blue)}.render-panel,.final-video-panel{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#0b0e13}.render-panel>div{display:grid;gap:4px}.render-panel span{color:var(--soft);font-size:.76rem;font-weight:800;text-transform:uppercase}.render-panel strong,.final-video-panel strong{font-size:.92rem}.render-panel small{color:var(--soft);font-size:.8rem;line-height:1.35}.download-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;color:var(--green);border:1px solid rgba(52,211,153,.26);border-radius:var(--radius);background:#34d39914;text-decoration:none;font-weight:800}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px}.scene-tile{display:grid;gap:14px;padding:16px;min-height:300px}.scene-tile-head{display:grid;gap:6px}.scene-tile-head span{width:fit-content;padding:5px 8px;border-radius:999px;color:var(--blue);background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);font-size:.76rem;font-weight:800}.scene-tile-head strong{font-size:1rem;line-height:1.25}.scene-tile p{margin:0;color:var(--muted);line-height:1.45}.scene-meta{display:flex;flex-wrap:wrap;gap:8px}.scene-meta span{padding:6px 8px;border-radius:999px;background:#ffffff0f}.generated-video{width:100%;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:var(--radius);background:#000}.prompt-details,.result-details{border:1px solid var(--line);border-radius:var(--radius);background:#0b0e13;overflow:hidden}.prompt-details summary,.result-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 12px;color:var(--muted);cursor:pointer;font-size:.84rem;font-weight:800}.prompt-details pre,.result-details pre{margin:0;padding:12px;color:#cbd5e1;border-top:1px solid var(--line);font-family:JetBrains Mono,monospace;font-size:.76rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.agent-desk,.agent-report{display:grid;gap:12px}.agent-desk{padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#0b0e13}.agent-desk.ready{border-color:#34d39947;background:#34d39912}.agent-desk.blocked{border-color:#fb718547;background:#fb718514}.agent-desk-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.agent-desk-header span,.agent-desk small{color:var(--soft);font-size:.76rem;font-weight:800;text-transform:uppercase}.agent-desk-header strong{display:block;margin-top:3px}.agent-desk-header b{color:var(--green);font-size:.78rem;text-transform:uppercase}.agent-desk p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.agent-workers{display:grid;gap:8px}.agent-worker{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px;min-height:30px;color:var(--muted);font-size:.76rem;font-weight:800}.agent-worker i{position:relative;height:7px;overflow:hidden;border-radius:999px;background:#ffffff12}.agent-worker i:after{content:"";position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--blue));animation:agent-work 1.25s ease-in-out infinite;animation-delay:var(--delay)}.agent-progress-list{display:grid;gap:6px}.agent-progress-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a}.agent-progress-row span{min-width:0;color:var(--muted);font-size:.8rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-progress-row b{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--soft);font-size:.72rem;font-weight:900;text-transform:uppercase}.agent-progress-row.working{border-color:#60a5fa61;background:#60a5fa14}.agent-progress-row.working b{color:var(--blue)}.agent-progress-row.working b:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--blue);animation:agent-pulse .9s ease-in-out infinite}.agent-progress-row.pass,.agent-progress-row.done{border-color:#34d39938}.agent-progress-row.pass b,.agent-progress-row.done b{color:var(--green)}.agent-progress-row.warn{border-color:#fbbf2442;background:#fbbf2412}.agent-progress-row.warn b{color:var(--amber)}.agent-progress-row.blocked{border-color:#fb718557;background:#fb718514}.agent-progress-row.blocked b{color:var(--coral)}.agent-improvement-panel{display:grid;gap:12px;padding:12px;border:1px solid rgba(251,191,36,.28);border-radius:var(--radius);background:#fbbf2414}.agent-improvement-panel.ready{border-color:#34d39947;background:#34d39912}.agent-improvement-panel>div:first-child{display:grid;gap:4px}.agent-improvement-panel span,.agent-improvement-panel small{color:var(--soft);font-size:.76rem;font-weight:800;text-transform:uppercase}.agent-improvement-panel small{font-size:.8rem;font-weight:700;line-height:1.4;text-transform:none}.agent-change-log{display:grid;gap:8px}.agent-change-log ul{margin:0;padding:12px 12px 12px 28px;color:var(--muted);border-top:1px solid var(--line);font-size:.84rem;line-height:1.45}.agent-change-log li+li{margin-top:6px}.agent-report{padding-top:4px}.agent-score{display:flex;align-items:center;justify-content:space-between}.agent-score strong{color:var(--green);font-size:1.35rem}.swarm-agent-list{display:grid;gap:8px}.result-details summary b{color:var(--green);font-size:.76rem;text-transform:uppercase}.empty-state{display:grid;place-items:center;gap:8px;min-height:180px;padding:24px;color:var(--muted);text-align:center}.empty-state svg{color:var(--blue)}.empty-state strong{color:var(--text)}.discover-workspace{display:grid;gap:18px}.discover-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.discover-header span,.discover-card-top span{color:var(--green);font-size:.76rem;font-weight:800;text-transform:uppercase}.discover-header h2{margin:4px 0 0;font-size:1.35rem}.discover-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:16px}.discover-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.discover-video,.discover-placeholder{width:100%;aspect-ratio:16 / 9;background:#000}.discover-placeholder{display:grid;place-items:center;color:var(--blue)}.discover-card-body{display:grid;gap:12px;padding:16px}.discover-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.discover-card-top small{color:var(--soft)}.discover-card h3,.discover-card p{margin:0}.discover-card h3{font-size:1.08rem}.discover-card p{color:var(--muted);line-height:1.45}.discover-meta{display:flex;flex-wrap:wrap;gap:8px}.discover-meta span{padding:6px 8px;border-radius:999px;color:var(--muted);background:#ffffff0f;font-size:.78rem;font-weight:800}.community-actions{display:flex;align-items:center;gap:10px}.community-actions>span,.love-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border-radius:999px;color:var(--muted);background:#ffffff0f;font-size:.82rem;font-weight:800}.love-button{border:1px solid rgba(251,113,133,.24);color:#fecdd3;cursor:pointer}.love-button:hover{background:#fb71851f}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.comment-form .btn-secondary{min-height:44px;padding:0}.comment-list{display:grid;gap:8px}.comment-item{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#0b0e13}.comment-item strong{color:var(--green);font-size:.78rem}.comment-item span{color:var(--muted);font-size:.86rem;line-height:1.4}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes agent-work{0%{transform:translate(-110%)}55%{transform:translate(92%)}to{transform:translate(250%)}}@keyframes agent-pulse{50%{opacity:.35;transform:scale(.72)}}@media (max-width: 1050px){.composer,.results-grid{grid-template-columns:1fr}.prompt-field{grid-row:auto}.plan-panel{position:static}}@media (max-width: 760px){.topbar{align-items:flex-start;flex-direction:column}.workspace{padding-top:24px}.studio-intro h1{font-size:2.35rem}.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{justify-content:flex-start}.control-row,.scene-grid,.discover-grid,.metric-row,.swarm-metrics,.action-row{grid-template-columns:1fr}.music-sections div{grid-template-columns:1fr;gap:4px}}
