:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1017;--panel:#151a24;--panel-2:#1b2130;--line:#2a3244;--ink:#f4f6fb;--muted:#aab3c5;--accent:#87f;--accent-strong:#9e91ff;--success:#65d6a0;--warning:#f4bd62;--danger:#ff7b83;--info:#70b7ff;--radius:14px;--z-sticky:20;box-sizing:border-box;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:inherit}body{background:var(--bg);color:var(--ink);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);width:260px;z-index:var(--z-sticky);background:#11151e;padding:22px 16px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-brand{align-items:center;gap:10px;padding:0 8px 22px;font-size:1.05rem;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:54px;height:54px;font-size:1.4rem;font-weight:800;display:grid}.brand-mark.small{border-radius:8px;width:30px;height:30px;font-size:.85rem}.new-button{background:var(--accent);color:#fff;text-align:left;border:0;border-radius:10px;width:100%;padding:11px 14px;font-weight:700}.new-button:hover,.primary:hover,.approval-actions button:hover{background:var(--accent-strong)}.sidebar nav{flex-direction:column;gap:4px;margin-top:20px;display:flex}.project-link{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;flex-direction:column;gap:4px;padding:11px 12px;display:flex}.project-link span{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.project-link small{font-size:.75rem}.project-link:hover{background:var(--panel)}.project-link.active{background:var(--panel-2);color:var(--ink)}.app-shell>main{width:calc(100% - 260px);min-width:0;margin-left:260px}.workspace{max-width:1200px;margin:0 auto;padding:38px 42px 80px}.project-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:36px;display:flex}.project-header h1{letter-spacing:-.025em;text-wrap:balance;margin:5px 0 12px;font-size:2rem}.breadcrumb{color:var(--muted);margin:0;font-size:.82rem}.project-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:.8rem;display:flex}.project-meta>span:not(.badge){border-left:1px solid var(--line);padding-left:9px}.progress-ring{border:8px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.progress-ring strong{font-size:1.15rem}.progress-ring span{color:var(--muted);font-size:.65rem}.badge{color:var(--muted);background:#252c3b;border-radius:999px;align-items:center;padding:4px 8px;font-size:.7rem;font-weight:750;display:inline-flex}.status-approved,.status-completed,.status-downloaded,.status-replaced{color:#8de6b5;background:#16372b}.status-waiting_approval{color:#ffd482;background:#3c301b}.status-running,.status-active,.status-submitting,.status-queued{color:#8dc7ff;background:#172f48}.status-needs_attention,.status-failed,.status-submission_unknown{color:#ffadb2;background:#442429}.status-failed_retryable,.status-stale{color:#ffd187;background:#3e311e}.project-alert,.inline-error{color:#ffc3c6;background:#392027;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:13px 15px;font-size:.86rem;display:flex}.project-alert{flex-direction:column;gap:4px}.stage-list{position:relative}.stage-list:before{content:"";background:var(--line);width:1px;position:absolute;top:30px;bottom:30px;left:22px}.stage-panel{background:var(--panel);border-radius:var(--radius);opacity:.68;margin:0 0 14px 58px;position:relative;overflow:hidden}.stage-panel.active{opacity:1}.stage-panel:has(.status-approved){opacity:1}.stage-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.stage-panel>header>div{align-items:center;gap:10px;display:flex}.stage-panel h2{margin:0;font-size:1rem}.step-index{background:var(--panel-2);border:1px solid var(--line);width:44px;height:44px;color:var(--muted);border-radius:50%;place-items:center;font-weight:750;display:grid;position:absolute;left:-58px}.stage-panel.active .step-index{background:var(--accent);border-color:var(--accent);color:#fff}.header-state small{color:var(--muted);font-size:.72rem}.result-stack,.episode-list,.asset-grid,.shot-grid,.final-grid{padding:20px}.summary-line{align-items:baseline;gap:12px;display:flex}.summary-line strong{font-size:1.25rem}.summary-line span{color:var(--muted);font-size:.83rem}.stat-row{gap:30px;margin:22px 0;display:flex}.stat-row span{color:var(--muted);font-size:.8rem}.stat-row b{color:var(--ink);margin-bottom:2px;font-size:1.4rem;display:block}.chip-row{flex-wrap:wrap;gap:7px;display:flex}.chip{background:var(--panel-2);border-radius:999px;padding:6px 10px;font-size:.78rem}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.asset-grid figure{min-width:0;margin:0}.asset-image{aspect-ratio:4/3;color:var(--muted);background:#0e121a;border-radius:10px;place-items:center;font-size:.72rem;display:grid;overflow:hidden}.asset-image img{object-fit:cover;width:100%;height:100%}.asset-grid figcaption{flex-direction:column;gap:2px;padding:9px 2px;display:flex}.asset-grid figcaption strong{text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.asset-grid figcaption small{color:var(--muted);font-size:.7rem}.episode-list section+section{margin-top:20px}.episode-list h3{justify-content:space-between;margin:0 0 9px;font-size:.9rem;display:flex}.episode-list h3 span{color:var(--muted);font-weight:500}.shot-row{border-top:1px solid var(--line);grid-template-columns:100px 1fr 40px;gap:12px;padding:9px 0;font-size:.78rem;display:grid}.shot-row code{color:#b9aeff}.shot-row small{color:var(--muted);text-align:right}.cost-band{background:var(--panel-2);border-radius:10px;grid-template-columns:1fr auto;gap:3px 20px;padding:16px;display:grid}.cost-band span{color:var(--muted);font-size:.8rem}.cost-band strong{grid-area:1/2/3;font-size:1.65rem}.cost-band small{color:var(--muted)}.notice{color:#ffd890;background:#30291d;border-radius:8px;max-width:72ch;padding:12px;font-size:.8rem}.result-stack details{border-top:1px solid var(--line);padding:10px 0}.result-stack summary{cursor:pointer;color:var(--muted);font-size:.8rem}pre{white-space:pre-wrap;word-break:break-word;color:#d7dcef;background:#0e121a;border-radius:8px;max-height:320px;padding:13px;font-size:.72rem;line-height:1.6;overflow:auto}.shot-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.shot-card{background:var(--panel-2);border-radius:11px;overflow:hidden}.shot-preview{aspect-ratio:9/16;max-height:280px;color:var(--muted);background:#090c12;place-items:center;font-size:.8rem;display:grid}.shot-preview video,.final-grid video{object-fit:contain;background:#000;width:100%;height:100%}.shot-meta{align-items:center;gap:7px;padding:10px;display:flex}.shot-meta small{color:var(--muted);margin-left:auto}.error-copy{color:#ffb2b7;padding:0 10px;font-size:.76rem}.action-row{flex-wrap:wrap;gap:5px;padding:0 10px 10px;display:flex}.action-row button,.revision-box button,.recovery-bar button{color:var(--ink);background:#262e3e;border:0;border-radius:7px;padding:7px 9px;font-size:.72rem}.danger-text{color:#ffadb2!important}.final-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.final-grid article{background:var(--panel-2);border-radius:10px;overflow:hidden}.final-grid h3{padding:0 13px}.final-grid video{aspect-ratio:9/16;max-height:520px}.working{align-items:center;gap:13px;padding:20px;display:flex}.working>span{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.working strong{font-size:.85rem}.working p{color:var(--muted);margin:3px 0 0;font-size:.75rem}.stage-error{color:#ffc1c5;background:#382027;border-radius:9px;margin:18px;padding:13px}.stage-error p{margin:5px 0 0;font-size:.8rem}.approval-bar,.recovery-bar{border-top:1px solid var(--line);background:#121722;padding:18px 20px}.approval-bar>div:first-child{display:inline-block}.approval-bar strong{font-size:.86rem}.approval-bar p,.recovery-bar p{color:var(--muted);margin:4px 0;font-size:.76rem}.approval-actions{float:right}.approval-actions button,.primary{background:var(--accent);color:#fff;border:0;border-radius:9px;padding:10px 15px;font-weight:750}.revision-box{clear:both;gap:8px;padding-top:15px;display:flex}.revision-box textarea{resize:vertical;border:1px solid var(--line);min-height:42px;color:var(--ink);background:#0d1119;border-radius:8px;flex:1;padding:10px}.recovery-bar{justify-content:space-between;align-items:center;gap:18px;display:flex}.empty-copy{color:var(--muted);padding:20px}.onboarding{grid-template-columns:minmax(320px,1fr) minmax(430px,580px);align-items:center;gap:7vw;max-width:1280px;min-height:100vh;margin:auto;padding:60px;display:grid}.intro h1{letter-spacing:-.04em;text-wrap:balance;margin:28px 0 20px;font-size:3.2rem;line-height:1.1}.intro>p{color:var(--muted);max-width:56ch;line-height:1.75}.model-note{flex-direction:column;gap:5px;margin-top:34px;display:flex}.model-note span{color:var(--muted);font-size:.8rem}.project-form{background:var(--panel);border-radius:16px;flex-direction:column;gap:17px;padding:28px;display:flex}.form-heading h2{margin:0 0 5px}.form-heading p{color:var(--muted);margin:0;font-size:.78rem}.project-form label,.project-form legend{color:#d7dceb;font-size:.78rem;font-weight:650}.project-form input,.project-form select{border:1px solid var(--line);width:100%;color:var(--ink);background:#0d1119;border-radius:9px;margin-top:7px;padding:11px;display:block}.project-form input:focus,.project-form select:focus,.revision-box textarea:focus{border-color:var(--accent);outline:2px solid #87f5}fieldset{border:0;margin:0;padding:0}.segmented{gap:7px;margin-top:7px;display:flex}.segmented label{flex:1}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:10px;display:flex}.segmented input:checked+span{border-color:var(--accent);color:var(--ink);background:#282443}.segmented small{font-size:.65rem}.file-drop{cursor:pointer;border:1px dashed #46516a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:90px;display:flex!important}.file-drop input{display:none}.file-drop small{color:var(--muted);font-weight:400}.primary{padding:13px}.primary:disabled,button:disabled{opacity:.48;cursor:not-allowed}.inline-error.global{margin:20px}.page-loading{color:var(--muted);padding:60px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.onboarding{grid-template-columns:1fr;padding:36px 24px}.intro h1{font-size:2.5rem}.model-note{display:none}.sidebar{width:100%;height:auto;position:static}.app-shell{display:block}.app-shell>main{width:100%;margin-left:0}.sidebar nav{display:none}.workspace{padding:28px 20px}.stage-panel{margin-left:48px}.step-index{width:36px;height:36px;left:-48px}.stage-list:before{left:18px}.project-header{align-items:center}.project-header h1{font-size:1.55rem}.progress-ring{width:74px;height:74px}.revision-box{flex-direction:column}}@media (width<=560px){.onboarding{padding:22px 16px}.project-form{padding:20px}.intro h1{font-size:2rem}.project-header{align-items:flex-start}.progress-ring{display:none}.workspace{padding:22px 13px}.stage-panel{margin-left:42px}.stage-panel>header{padding:14px}.stage-panel>header>div{gap:6px}.approval-actions{float:none;margin-top:12px}.approval-actions button{width:100%}.shot-row{grid-template-columns:80px 1fr}.shot-row small{display:none}.stat-row{flex-wrap:wrap;gap:17px}.segmented{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
