:root{--bg: #0d0f12;--bg-elev: #161a20;--bg-elev-2: #1c222b;--line: #2a323e;--text: #e8edf4;--muted: #93a0b0;--accent: #7aa2ff;--ok: #3dd68c;--warn: #e7b549;--err: #ff6b7a;--draft: #6b7380;--shadow: 0 12px 40px rgba(0, 0, 0, .28);font-family:Segoe UI,PingFang SC,PingFang TC,Microsoft YaHei,Hiragino Sans,sans-serif;color:var(--text);background:var(--bg);line-height:1.45}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg)}a{color:var(--accent);text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:var(--text)}button.primary{background:#2b3d6b;border-color:#3d5aa0}button.danger{background:#3a1d24;border-color:#6b2c38}button:disabled{opacity:.5;cursor:not-allowed}.gate-logo{display:block;height:72px;width:auto;max-width:240px;margin:0 auto 12px;object-fit:contain}.lang-switch{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:12px}.lang-switch select{width:auto;min-width:132px}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px}.grid{display:grid;gap:16px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}label{display:block;margin:8px 0 4px;color:var(--muted);font-size:12px}input,textarea,select{width:100%;background:#10141a;border:1px solid var(--line);border-radius:8px;padding:8px 10px}input[type=checkbox],input[type=radio]{width:auto;min-width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:var(--accent)}.gate-check{display:flex;align-items:center;gap:10px;margin:10px 0}.gate-check label{display:inline;margin:0;color:var(--text);font-size:14px}.muted{color:var(--muted);font-size:13px}.banner{padding:10px 14px;border-radius:0;margin:0}.banner.warn{background:#e7b54929;color:var(--warn)}.error{color:var(--err)}.ok{color:var(--ok)}.cover{width:100%;height:220px;background:#000;object-fit:cover;border-radius:8px}.cover-empty{height:160px;display:flex;align-items:center;justify-content:center;background:#11161d;color:var(--muted);border-radius:8px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:11px;letter-spacing:.04em;border:1px solid transparent}.badge-DRAFT,.badge-READY{background:#2a2f36;color:#c5cdd8}.badge-QUEUED,.badge-GENERATING,.badge-ASSIGNED,.badge-RUNNING{background:#24324a;color:#9cbcff}.badge-COMPLETED{background:#1d3b2a;color:#8ee0b0}.badge-CANCELLED{background:#2a2a2a;color:#b5b5b5}.badge-GENERATED,.badge-QA,.badge-RETRY{background:#3a3118;color:#f0d48a}.badge-APPROVED{background:#163528;color:var(--ok)}.badge-FAILED,.badge-REJECTED{background:#3a1d24;color:var(--err)}.badge-NEEDS_REVIEW,.badge-PACK_GENERATING{background:#3a3118;color:#f0d48a}.badge-IDENTITY_LOCKED,.badge-PACK_READY{background:#163528;color:var(--ok)}.badge-ARCHIVED{background:#2a2f36;color:#93a0b0}figcaption{font-size:12px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20}.modal{width:min(420px,calc(100% - 32px))}.toast{position:fixed;right:20px;bottom:20px;background:var(--bg-elev-2);border:1px solid var(--line);padding:10px 14px;border-radius:12px;z-index:30}.gate{max-width:520px;margin:8vh auto}.app-root{height:100%;display:flex;flex-direction:column;min-height:0}.app-main{flex:1;min-height:0;overflow:auto}.app-main:has(.studio-page){overflow:hidden}.app-nav{display:flex;align-items:center;gap:16px;height:50px;padding:0 16px;border-bottom:1px solid var(--line);background:#101318;flex:0 0 auto}.app-brand{display:flex;align-items:center;gap:8px;color:inherit;min-width:0}.app-brand:hover{color:inherit}.app-logo{height:28px;width:auto;object-fit:contain}.app-brand-text{display:flex;flex-direction:column;line-height:1.1}.app-brand-text strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.app-brand-text em{font-style:normal;font-size:10px;color:var(--muted)}.app-tabs{display:flex;gap:2px;flex:1}.app-tabs a{background:transparent;border:0;border-radius:6px;padding:6px 10px;color:var(--muted);font-size:13px}.app-tabs a.on{color:var(--text);background:var(--bg-elev-2)}.lang-switch.compact{margin:0}.service-banner{margin:0;border-radius:0}.page-pad{max-width:1440px;margin:0 auto;padding:16px 24px 48px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.page-head h2,.page-pad h2{margin:0 0 4px;font-size:20px;font-weight:600}.create-card{max-width:420px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.project-card{position:relative;padding:0 0 12px;overflow:hidden;cursor:pointer}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-card .cover,.project-card .cover-empty{height:168px;border-radius:0;width:100%;object-fit:cover;background:#10141a}.cover-empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.project-name{margin:12px 16px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-summary,.project-updated{margin:0 16px 4px;font-size:12px}.project-overflow{position:absolute;top:10px;right:10px}.overflow-toggle{width:32px;height:32px;padding:0;background:#10141adb}.project-menu{position:absolute;right:0;top:36px;min-width:132px;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:8px;padding:6px;z-index:3;display:flex;flex-direction:column;gap:4px}.project-menu button{width:100%;text-align:left}.project-rename{margin:8px 16px 0}.empty-state{padding:32px 8px;color:var(--muted)}.skeleton .cover-empty,.skeleton .shot-preview{background:#1a2028}.skeleton h3,.skeleton strong,.skeleton .muted{background:#1a2028;border-radius:4px;color:transparent}.settings-system summary{cursor:pointer;font-weight:600}.settings-system .meta-grid{margin-top:12px}.activity-feed{padding:8px 16px 12px;overflow:auto;max-height:calc(var(--bottom, 168px) - 40px)}.activity-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) auto auto;gap:8px;align-items:center;padding:6px 0;font-size:12px}.activity-row strong,.activity-row span,.activity-row time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row time{color:var(--muted)}.activity-queue{margin:8px 0 0}.asset-name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-card .asset-tech{margin-top:8px}.studio-page{height:100%;min-height:0;display:flex;flex-direction:column}.studio-status{padding:8px 12px}.project-context{display:flex;align-items:center;gap:16px;height:48px;padding:0 16px;flex:0 0 48px;min-width:0;background:var(--bg);box-shadow:inset 0 -1px 0 var(--line)}.project-context-name{margin:0;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-context-tabs{display:flex;gap:4px;min-width:0}.project-context-tabs a{color:var(--muted);font-size:13px;padding:6px 10px;border-radius:6px}.project-context-tabs a.on{color:var(--text);background:var(--bg-elev-2)}.studio-board{flex:1;min-height:0;display:grid;grid-template-columns:var(--left, 240px) 5px minmax(0,1fr) 5px var(--right, 336px);grid-template-rows:minmax(0,1fr) 5px var(--bottom, 168px)}.studio-board.activity-collapsed{grid-template-rows:minmax(0,1fr) var(--bottom, 40px)}.studio-left,.studio-right,.studio-center,.studio-bottom{background:#12151a;overflow:auto;min-height:0}.studio-left{grid-column:1;grid-row:1;padding:12px 10px}.studio-center{grid-column:3;grid-row:1;padding:16px;background:#0e1116;min-width:0}.studio-center.is-stage{display:flex;flex-direction:column}.studio-right{grid-column:5;grid-row:1;padding:12px 14px}.studio-bottom{grid-column:1 / -1;grid-row:3;padding:0;overflow:hidden}.studio-board.activity-collapsed .studio-bottom{grid-row:2}.split-x{grid-row:1;cursor:col-resize;background:transparent;box-shadow:inset 1px 0 0 var(--line)}.split-left{grid-column:2}.split-right{grid-column:4}.split-y{grid-column:1 / -1;grid-row:2;cursor:row-resize;background:transparent;box-shadow:inset 0 1px 0 var(--line)}.studio-board.activity-collapsed .split-y{display:none}.inspector-idle{margin-top:8px}.scene-count{display:block;font-size:10px;color:var(--muted);font-weight:400}.activity-toggle{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:0;border-radius:0;padding:0 16px;text-align:left}.activity-toggle span:first-child{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.studio-bottom .activity-cols{padding:8px 16px 12px}.technical-details{margin-top:10px;color:var(--muted);font-size:12px}.technical-details summary{cursor:pointer}.panel-label{margin:12px 0 6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tree-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:4px;padding:5px 8px;color:var(--muted);font-size:12px}.tree-item.on,.tree-item:hover{background:var(--bg-elev-2);color:var(--text)}.tree-item.scene{padding-left:14px}.tree-item.shot{padding-left:26px;font-size:11px}.empty-inline{padding:4px 8px}.scene-group{margin-bottom:4px}.shot-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}.shot-board-item{display:flex;flex-direction:column;gap:6px}.shot-reorder{display:flex;gap:6px}.shot-reorder button{flex:1;font-size:12px;padding:4px 8px}.cut-preview{margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev)}.cut-preview .stage-preview{width:min(420px,62vh);max-width:100%;margin-top:8px}.cut-preview-blockers{margin:8px 0 0;padding-left:18px}.audio-outcome{margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:8px}.audio-outcome .audio-mode,.audio-outcome .audio-volume{display:flex;gap:8px;align-items:center;margin:8px 0}.audio-outcome select,.audio-outcome input[type=range]{flex:1}.shot-tile{background:var(--bg-elev);border:1px solid transparent;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;padding:0;cursor:pointer;text-align:left;color:inherit;overflow:hidden;transition:box-shadow .16s ease,transform .16s ease}.shot-tile:hover{box-shadow:inset 0 0 0 1px #3a414b,0 8px 18px #0000002e}.shot-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shot-tile.selected{box-shadow:inset 0 0 0 2px var(--accent),0 10px 22px #0000003d;background:#161b22}.shot-tile header{display:flex;justify-content:space-between;gap:6px;align-items:center;margin:8px 10px 4px}.shot-tile .shot-preview{border:0;border-radius:0}.shot-desc{margin:0 10px 6px;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shot-meta,.shot-duration{margin:0 10px 8px;font-size:11px;color:var(--muted)}.shot-duration{margin-top:-4px}.creator-state{font-size:10px;letter-spacing:.04em;padding:2px 6px;border-radius:999px;background:#2a2f36;color:#c5cdd8}.creator-state[data-state=generating],.creator-state[data-state=queued],.creator-state[data-state=running]{background:#24324a;color:#9cbcff}.creator-state[data-state=approved]{background:#163528;color:var(--ok)}.creator-state[data-state=review]{background:#3a3118;color:#f0d48a}.creator-state[data-state=completed]{background:#222831;color:#c5cdd8}.creator-state[data-state=cancelled],.creator-state[data-state=other]{background:#2a2a2a;color:#b5b5b5}.creator-state[data-state=failed]{background:#3a1d24;color:var(--err)}.inspector-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.inspector-head h3{margin:0}.inspector-preview{width:min(100%,128px)}.version-list{display:flex;flex-direction:column;gap:6px;max-height:min(28vh,240px);overflow:auto}.version-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center;width:100%;margin:0;background:transparent;border:1px solid var(--line);border-radius:8px;padding:6px;font-size:12px;text-align:left;color:inherit;transition:border-color .16s ease,background .16s ease}.version-item.approved:not(.on){box-shadow:inset 0 0 0 1px #3dd68c73}.version-item.on{background:#18202b;box-shadow:inset 0 0 0 1px var(--accent)}.version-thumb{width:40px;height:56px;border-radius:4px;overflow:hidden}.version-thumb.shot-preview,.version-item .shot-preview{aspect-ratio:9 / 16;height:56px;border-radius:4px}.version-copy{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.version-copy strong{font-size:13px}.version-flag{font-size:11px;color:var(--muted)}.version-flag.viewing{color:var(--text)}.version-flag.approved{color:var(--ok)}.version-item .when,.version-meta{margin-left:auto;color:var(--muted);font-size:11px}.shot-preview{width:100%;aspect-ratio:9 / 16;background:#07090c;border:1px solid var(--line);border-radius:6px;overflow:hidden;color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:center}.shot-preview img,.shot-preview video{width:100%;height:100%;object-fit:cover;background:#07090c}.shot-preview video{object-fit:contain}.stage{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.stage-preview{width:min(420px,62vh);max-width:100%}.stage-caption{margin:8px 0 0}.gen-state{text-align:center;padding:24px 12px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.media-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;padding:8px}.media-card strong{display:block;margin-top:6px;font-size:12px}.asset-type{margin:6px 0 0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.asset-tabs{flex-wrap:wrap;margin:12px 0}.preview-note{grid-column:1 / -1}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.meta-grid dt{color:var(--muted);font-size:11px}.meta-grid dd{margin:2px 0 0}.readonly{resize:vertical;opacity:.9}.ref-row{display:flex;gap:8px;flex-wrap:wrap}.ref-row figure{width:72px;margin:0}.mutation-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.mutation-actions button{margin:0}.internal-provider{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:13px}.internal-provider select{max-width:280px}.internal-frames{display:flex;flex-direction:column;gap:0}.export-stage{margin:12px 0;max-width:240px}.export-download{display:inline-block;margin:8px 10px 8px 0}.activity-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.activity-cols h4{margin:0 0 6px;font-size:12px;color:var(--muted);font-weight:600}.activity-cols h4 span{color:var(--text)}.activity-cols p{margin:0 0 4px;font-size:12px}.queue-counts{display:flex;gap:16px;margin:8px 0 16px;color:var(--muted);font-variant-numeric:tabular-nums}.queue-board{align-items:start;grid-template-columns:repeat(6,minmax(0,1fr))}.queue-row{margin-bottom:8px}.studio-right section{margin-bottom:14px}.studio-right h3{margin:0 0 6px;font-size:14px}.compact-create{display:flex;flex-direction:column;gap:6px;margin:8px 0}.compact-create label{display:flex;flex-direction:column;gap:4px;font-size:12px}.compact-create textarea,.compact-create input,.compact-create select{width:100%}@media(max-width:1100px){.queue-board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.studio-board,.studio-board.activity-collapsed{display:flex;flex-direction:column;overflow:auto}.split-x,.split-y{display:none}.studio-left,.studio-right,.studio-center,.studio-bottom{height:auto}.activity-cols,.queue-board{grid-template-columns:1fr 1fr}}