:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f3f6f4;background:#0d0f0f;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0d0f0f;--surface: #141717;--surface-2: #191d1c;--surface-3: #202524;--border: #2b302f;--border-strong: #3a413f;--text: #f3f6f4;--muted: #959e9b;--muted-2: #66706d;--accent: #b9f24a;--accent-strong: #9edb29;--accent-ink: #10160a;--cyan: #68d8d6;--coral: #ff7a61;--warning: #ffcc66;--danger: #ff6b75;--radius: 6px;letter-spacing:0}*{box-sizing:border-box;letter-spacing:0}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg)}button,textarea,select,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100vh;background:var(--bg)}.app-header{position:sticky;top:0;z-index:50;height:66px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(300px,1fr);align-items:center;padding:0 28px;border-bottom:1px solid var(--border);background:#0d0f0ff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.header-actions,.primary-nav,.primary-nav button,.connection-status,.page-heading,.page-heading-actions,.secondary-button,.panel-header,.status-pill,.prompt-footer,.prompt-footer button,.upload-zone,.cost-row,.primary-button,.canvas-toolbar,.canvas-toolbar>div,.stage-meta,.stage-meta>div,.player-controls,.section-heading,.section-heading>div,.section-heading button,.task-card-body>div,.editor-project-bar,.project-identity,.project-summary,.project-summary span,.project-actions,.editor-panel-heading,.assist-button,.audio-preview,.caption-toggle-line,.reset-button,.editor-submit-bar,.readiness,.editor-submit-actions,.editor-progress-banner,.editor-progress-banner button{display:flex;align-items:center}.brand{gap:9px;min-width:0}.brand-mark{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 34px;border-radius:var(--radius);color:var(--accent-ink);background:var(--accent)}.brand-name{font-size:18px;font-weight:760;white-space:nowrap}.brand-suffix{padding-left:9px;border-left:1px solid var(--border-strong);color:var(--muted);font-size:10px;font-weight:700}.primary-nav{height:42px;padding:3px;gap:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.primary-nav button{height:34px;min-width:126px;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:4px;color:var(--muted);background:transparent;cursor:pointer;transition:color .16s ease,background-color .16s ease}.primary-nav button:hover{color:var(--text);background:var(--surface-3)}.primary-nav button.is-active{color:var(--accent-ink);font-weight:700;background:var(--accent)}.header-actions{justify-content:flex-end;gap:10px}.quota-button{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(183,255,59,.28);border-radius:4px;color:#dbe8d2;background:#b7ff3b12;cursor:pointer}.quota-button span{color:var(--muted);font-size:10px}.quota-button strong{color:var(--accent);font-size:12px}.quota-button:hover{background:#b7ff3b1f}.connection-status{gap:8px;margin-right:4px;color:#a7b1ae;font-size:12px;white-space:nowrap}.connection-status>span,.live-dot{width:7px;height:7px;display:inline-block;flex:0 0 7px;border-radius:50%;background:#62d68a;box-shadow:0 0 0 3px #62d68a1f}.connection-status.is-offline{color:#c7a6a9}.connection-status.is-offline>span{background:var(--danger);box-shadow:0 0 0 3px #ff6b751f}.icon-button{position:relative;width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 36px;padding:0;border:1px solid var(--border);border-radius:var(--radius);color:#c4cbc9;background:var(--surface);cursor:pointer;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.icon-button:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-3)}.notification-dot{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--coral)}.profile-button{width:36px;height:36px;border:1px solid #46504d;border-radius:50%;color:#10160a;font-size:13px;font-weight:800;background:var(--accent);cursor:pointer}.page-shell{width:min(1680px,calc(100% - 48px));margin:0 auto;padding:30px 0 40px}.page-heading{min-height:74px;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading>div:first-child{min-width:0}.eyebrow,.panel-kicker{display:block;margin-bottom:6px;color:var(--cyan);font-size:10px;line-height:1.2;font-weight:800;text-transform:uppercase}.page-heading h1{margin:0;font-size:27px;line-height:1.2;font-weight:740}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.page-heading-actions{justify-content:flex-end;gap:9px;flex-wrap:wrap}.secondary-button,.assist-button,.reset-button{height:36px;justify-content:center;gap:7px;padding:0 13px;border:1px solid var(--border);border-radius:var(--radius);color:#c9d0ce;background:var(--surface);cursor:pointer;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.secondary-button:hover,.assist-button:hover,.reset-button:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-3)}.generation-layout{min-height:820px;display:grid;grid-template-columns:384px minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.control-panel{min-width:0;display:grid;grid-template-rows:auto 1fr auto;border-right:1px solid var(--border);background:#121515}.panel-header{height:74px;justify-content:space-between;gap:14px;padding:0 20px;border-bottom:1px solid var(--border)}.panel-header h2{margin:0;font-size:16px;font-weight:700}.panel-header .panel-kicker{margin-bottom:4px;color:var(--muted-2)}.status-pill{width:fit-content;min-height:24px;justify-content:center;gap:5px;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:10px;line-height:1;font-weight:700;white-space:nowrap}.status-success{color:#b7eec7;border-color:#62d68a3d;background:#62d68a1a}.status-neutral{color:#bdc5c2;border-color:var(--border-strong);background:#141717cc}.status-warning{color:#ffe0a1;border-color:#ffcc6647;background:#ffcc661a}.status-danger{color:#ffc3c8;border-color:#ff6b7547;background:#ff6b751a}.control-scroll{min-height:0;overflow-y:auto;padding:20px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.field-group{min-width:0;margin-bottom:18px}.field-label{min-height:18px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;color:#c5ccca;font-size:12px;font-weight:650}.field-optional{color:var(--muted-2);font-size:10px;font-weight:500}.channel-choice-meta{min-height:30px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:7px;color:var(--muted);font-size:10px}.channel-choice-meta>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-choice-meta>button{height:28px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--border-strong);border-radius:4px;color:var(--text);font-size:10px;background:var(--surface-3);cursor:pointer}.channel-choice-meta>button:hover{border-color:var(--cyan)}.prompt-field{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);transition:border-color .16s ease}.prompt-field:focus-within{border-color:#596460}.prompt-field.has-error{border-color:#ff6b75bf}.prompt-field textarea,.compact-textarea,.large-textarea{width:100%;resize:vertical;border:0;outline:0;color:var(--text);background:transparent}.prompt-field textarea{min-height:145px;padding:14px;line-height:1.65;font-size:13px}.reference-mention-menu{position:absolute;z-index:8;top:10px;right:10px;width:min(282px,calc(100% - 20px));max-height:176px;overflow-y:auto;padding:5px;border:1px solid #43504c;border-radius:6px;background:#101515;box-shadow:0 14px 32px #0000006b;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.reference-mention-option{width:100%;min-height:54px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:6px;border:1px solid transparent;border-radius:5px;color:var(--text);text-align:left;background:transparent;cursor:pointer}.reference-mention-option:hover,.reference-mention-option.is-active{border-color:#68d8d657;background:#68d8d61a}.reference-mention-option img{width:42px;height:42px;display:block;object-fit:cover;border-radius:4px}.reference-mention-option span{min-width:0;display:grid;gap:4px}.reference-mention-option strong,.reference-mention-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-mention-option strong{color:#d8f5f3;font-size:12px}.reference-mention-option small{color:var(--muted);font-size:10px}.reference-mention-empty{min-height:48px;display:grid;place-items:center;color:var(--muted);font-size:11px}textarea::placeholder{color:#65706c}.prompt-footer{min-height:38px;justify-content:space-between;gap:12px;padding:0 10px 0 8px;border-top:1px solid var(--border);color:var(--muted-2);font-size:10px}.prompt-footer button{height:28px;gap:6px;padding:0 7px;border:0;border-radius:4px;color:var(--accent);background:transparent;cursor:pointer}.prompt-footer button:hover{background:#b9f24a14}.field-error{display:block;margin-top:6px;color:var(--danger);font-size:11px}.upload-zone{min-height:60px;justify-content:flex-start;gap:10px;padding:10px;border:1px dashed #3a4441;border-radius:var(--radius);color:var(--muted);background:#191d1c9e;cursor:pointer;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.upload-zone:hover{color:#ced5d3;border-color:#5a6964;background:var(--surface-2)}.upload-zone>span:nth-child(3){min-width:0;flex:1}.upload-zone strong,.upload-zone small{display:block}.upload-zone strong{overflow:hidden;color:#d3d9d7;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.upload-zone small{margin-top:4px;color:var(--muted-2);font-size:10px}.upload-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:4px;color:var(--cyan);background:#68d8d614}.reference-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:8px}.reference-thumb{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--border);border-radius:4px;background:var(--surface-2)}.reference-thumb img{width:100%;height:100%;display:block;object-fit:cover}.reference-thumb>span{position:absolute;left:4px;bottom:4px;width:16px;height:16px;display:grid;place-items:center;border-radius:3px;color:#0b0e0d;font-size:9px;font-weight:800;background:var(--accent)}.reference-thumb button{position:absolute;top:3px;right:3px;width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:3px;color:#fff;background:#050707c2;cursor:pointer}.control-divider{height:1px;margin:2px 0 18px;background:var(--border)}.segmented{min-width:0;height:38px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.segmented button{min-width:0;height:30px;padding:0 7px;overflow:hidden;border:0;border-radius:3px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap;background:transparent;cursor:pointer}.segmented button:hover{color:var(--text)}.segmented button.is-active{color:var(--text);background:#313735}.ratio-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ratio-options button{height:55px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);font-size:10px;background:var(--surface-2);cursor:pointer}.ratio-options button:hover{border-color:var(--border-strong);color:var(--text)}.ratio-options button.is-active{color:var(--accent);border-color:#b9f24a75;background:#b9f24a0f}.ratio-shape{display:block;border:1px solid currentColor;border-radius:1px}.ratio-16-9{width:25px;height:14px}.ratio-9-16{width:13px;height:22px}.ratio-1-1{width:19px;height:19px}.two-column-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.two-column-fields .field-group{margin-bottom:16px}.select-wrap{position:relative}.select-wrap select{width:100%;height:38px;padding:0 34px 0 11px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--radius);color:#d5dbd9;font-size:11px;text-overflow:ellipsis;white-space:nowrap;outline:0;background:var(--surface-2);cursor:pointer}.select-wrap select:hover,.select-wrap select:focus{border-color:var(--border-strong)}.select-wrap>svg{position:absolute;top:50%;right:10px;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.toggle-row{min-width:0;height:34px;display:flex;align-items:center;gap:8px;padding:0;border:0;color:#b9c1be;font-size:11px;text-align:left;background:transparent;cursor:pointer}.toggle-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch{width:30px;height:17px;display:inline-flex;align-items:center;flex:0 0 30px;padding:2px;border:1px solid #424a48;border-radius:999px;background:#252a29;transition:border-color .15s ease,background-color .15s ease}.switch>span{width:11px;height:11px;display:block;border-radius:50%;background:#8d9693;transition:transform .15s ease,background-color .15s ease}.switch.is-on{border-color:#b9f24ab3;background:#b9f24a2e}.switch.is-on>span{background:var(--accent);transform:translate(13px)}.panel-submit{padding:15px 20px 18px;border-top:1px solid var(--border);background:#121515}.cost-row{min-height:20px;justify-content:space-between;gap:12px;margin-bottom:9px;color:var(--muted-2);font-size:9px}.cost-row>span:first-child{display:flex;align-items:center;gap:5px}.cost-row svg{color:var(--warning)}.primary-button{height:42px;justify-content:center;gap:8px;padding:0 18px;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent-ink);font-size:12px;font-weight:800;background:var(--accent);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.primary-button:not(:disabled):hover{border-color:#cbff65;background:#cbff65}.primary-button:not(:disabled):active{transform:translateY(1px)}.panel-submit .primary-button{width:100%}.button-spinner{width:15px;height:15px;display:inline-block;border:2px solid rgba(16,22,10,.28);border-top-color:var(--accent-ink);border-radius:50%;animation:spin .7s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#040606c7}.channel-dialog{width:min(100%,420px);overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:0 24px 70px #0000007a}.channel-dialog-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border)}.channel-dialog-header span{display:block;margin-bottom:4px;color:var(--muted);font-size:10px}.channel-dialog-header h2{margin:0;font-size:17px}.channel-dialog-form{display:grid;gap:15px;padding:18px}.channel-dialog-form label{display:grid;gap:7px;color:#c5ccca;font-size:11px;font-weight:650}.channel-dialog-form input{width:100%;height:40px;padding:0 11px;border:1px solid var(--border);border-radius:4px;color:var(--text);background:var(--surface-2)}.channel-dialog-form input:focus{border-color:var(--cyan)}.channel-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.channel-dialog-actions .primary-button,.channel-dialog-actions .secondary-button{min-width:92px}.redeem-success{min-height:38px;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(98,214,138,.25);border-radius:4px;color:#b7eec7;font-size:11px;background:#62d68a14}@keyframes spin{to{transform:rotate(360deg)}}.canvas-area{min-width:0;display:grid;grid-template-rows:54px auto 1fr;background:#101212}.canvas-toolbar{height:54px;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;background:var(--surface)}.canvas-toolbar>div{min-width:0;gap:9px}.canvas-toolbar>div:first-child span:nth-child(2){color:#d5dcda;font-weight:700}.toolbar-divider{width:1px;height:18px;background:var(--border)}.channel-label{overflow:hidden;color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap}.stage-wrap{min-height:440px;display:grid;place-items:center;padding:28px 32px;border-bottom:1px solid var(--border);background-color:#0b0d0d;background-image:linear-gradient(#1d2221 1px,transparent 1px),linear-gradient(90deg,#1d2221 1px,transparent 1px);background-size:28px 28px}.preview-stage{position:relative;width:min(100%,980px);max-height:560px;overflow:hidden;border:1px solid #39413f;border-radius:var(--radius);background:#050606;box-shadow:0 22px 60px #00000057}.preview-stage.stage-16-9{aspect-ratio:16 / 9}.preview-stage.stage-9-16{width:min(42%,330px);aspect-ratio:9 / 16}.preview-stage.stage-1-1{width:min(62%,560px);aspect-ratio:1 / 1}.preview-stage>img,.preview-stage>video{width:100%;height:100%;display:block;object-fit:cover}.preview-stage>video{position:relative;z-index:2;background:#050606}.stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 -120px 90px #00000085,inset 0 0 80px #00000038}.stage-play{position:absolute;top:50%;left:50%;width:54px;height:54px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#101412;background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transform:translate(-50%,-50%);transition:transform .16s ease,background-color .16s ease}.stage-play:hover{background:#fff;transform:translate(-50%,-50%) scale(1.05)}.stage-meta{position:absolute;right:0;bottom:0;left:0;min-height:56px;justify-content:space-between;gap:16px;padding:12px 15px}.stage-meta>div{min-width:0;gap:9px}.stage-meta>div:first-child>span:last-child{overflow:hidden;color:#fff;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.player-controls{flex:0 0 auto;gap:12px;color:#ffffffdb;font-size:10px}.render-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;color:#fff;text-align:center;background:#070909d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.render-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:12px;border:1px solid rgba(185,242,74,.36);border-radius:50%;color:var(--accent);background:#b9f24a14}.render-overlay strong{font-size:15px}.render-overlay>span:nth-child(3){margin-top:6px;color:#9ca7a3;font-size:10px}.render-progress{width:min(70%,380px);height:5px;overflow:hidden;margin-top:18px;border-radius:999px;background:#313735}.render-progress span,.banner-progress span{height:100%;display:block;background:var(--accent);transition:width .18s linear}.render-overlay b{margin-top:8px;color:var(--accent);font-size:11px}.recent-section{min-width:0;padding:20px 22px 24px;background:var(--surface)}.section-heading{justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading>div{gap:10px}.section-heading h2{margin:0;font-size:14px}.section-heading span{color:var(--muted-2);font-size:10px}.section-heading button{gap:5px;padding:0;border:0;color:var(--muted);font-size:10px;background:transparent;cursor:pointer}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.task-card{position:relative;min-width:0;display:grid;grid-template-columns:92px minmax(0,1fr) 36px;align-items:center;gap:12px;min-height:88px;padding:9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);transition:border-color .16s ease,background-color .16s ease}.task-card:hover{border-color:var(--border-strong);background:#1d2221}.task-thumb{position:relative;width:92px;height:66px;overflow:hidden;border-radius:4px;background:#080a0a}.task-thumb img,.task-thumb video{width:100%;height:100%;display:block;object-fit:cover}.task-thumb button{position:absolute;top:50%;left:50%;width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;background:#090b0b94;cursor:pointer;transform:translate(-50%,-50%)}.task-card-body{min-width:0}.task-card-body>div{min-width:0;gap:7px}.task-id{overflow:hidden;color:var(--muted-2);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.task-card h3{margin:7px 0 4px;overflow:hidden;color:#e6eae8;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.task-card p{margin:0;color:var(--muted-2);font-size:9px}.task-download{width:32px;height:32px;flex-basis:32px}.director-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.director-spec>div{min-width:0;padding:10px 11px;border:1px solid var(--border);border-radius:5px;background:#111413}.director-spec span,.director-spec strong{display:block}.director-spec span{margin-bottom:5px;color:var(--muted-2);font-size:10px}.director-spec strong{overflow:hidden;color:#e6eae8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.reference-binding-hint{margin:0;padding:9px 10px;border-left:2px solid var(--warning);color:#cabf9c;font-size:10px;line-height:1.55;background:#ffcc660f}.generation-error{display:flex;align-items:flex-start;gap:7px;padding:9px 10px;border:1px solid rgba(255,107,117,.24);border-radius:5px;color:#ffc3c8;font-size:11px;line-height:1.45;background:#ff6b7514}.generation-error svg{flex:0 0 auto;margin-top:1px}.render-overlay.is-failed{color:#ffd4d7;background:#1d080be0}.task-progress-ring{position:absolute;top:50%;left:50%;display:grid;width:38px;height:38px;place-items:center;border:2px solid rgba(185,242,74,.58);border-radius:50%;color:#fff;font-size:9px;font-weight:700;background:#070908b3;transform:translate(-50%,-50%)}.task-card .task-error-text{margin-top:5px;overflow:hidden;color:#ff9aa2;text-overflow:ellipsis;white-space:nowrap}.task-inline-actions{display:flex;flex-wrap:wrap;gap:5px!important;margin-top:7px}.task-inline-actions button{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:9px;background:#111413;cursor:pointer}.task-inline-actions button:hover{color:var(--text);border-color:var(--border-strong)}.task-empty{grid-column:1 / -1;min-height:160px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed var(--border);color:var(--muted-2);text-align:center}.task-empty strong{color:var(--muted);font-size:12px}.task-empty span{font-size:10px}.app-loading,.login-shell{min-height:100vh;display:grid;place-items:center;background:#0d0f0f}.app-loading{grid-auto-flow:column;gap:10px;color:var(--muted);font-size:13px}.login-panel{width:min(420px,calc(100% - 32px));padding:28px;border:1px solid var(--border);border-radius:6px;background:#141717;box-shadow:0 24px 70px #00000059}.login-brand{justify-content:flex-start;margin-bottom:34px}.login-heading span{color:var(--accent);font-size:11px;font-weight:700}.login-heading h1{margin:7px 0 24px;color:var(--text);font-size:24px}.login-form{display:grid;gap:15px}.login-form label{display:grid;gap:7px;color:var(--muted);font-size:11px}.login-form input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:5px;color:var(--text);background:#0d1010}.login-form input:focus{border-color:var(--accent)}.login-form .primary-button{width:100%;margin-top:5px}.login-switch{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.login-switch button{padding:3px;border:0;color:var(--cyan);font-weight:700;background:transparent;cursor:pointer}.registration-complete{display:grid;gap:20px}.registration-complete>span{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius);color:var(--accent-ink);background:var(--accent)}.registration-complete h1{margin:0;font-size:24px}.registration-complete p{margin:8px 0 0;color:var(--muted);font-size:12px}.registration-complete .primary-button{width:100%}.admin-page{width:min(1440px,calc(100% - 48px))}.admin-view-tabs{display:flex;justify-content:flex-start;margin-bottom:12px}.admin-view-tabs .segmented{width:min(100%,360px)}.admin-review-shell{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.admin-summary{min-height:98px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border);background:#121515}.admin-summary>div{min-width:0;display:grid;align-content:center;gap:7px;padding:18px 22px;border-right:1px solid var(--border)}.admin-summary>div:last-child{border-right:0}.admin-summary span{color:var(--muted);font-size:10px;font-weight:700}.admin-summary strong{font-size:24px;line-height:1}.admin-toolbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--border)}.admin-toolbar>span{color:var(--muted-2);font-size:10px;white-space:nowrap}.admin-toolbar .segmented{width:fit-content}.admin-error{min-height:44px;display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(255,107,117,.25);color:#ffc3c8;font-size:11px;background:#ff6b7514}.admin-table-wrap{min-height:360px;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-table th,.admin-table td{padding:15px 18px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table th{color:var(--muted-2);font-size:9px;font-weight:800;background:#101313}.admin-table th:first-child{width:22%}.admin-table th:nth-child(2){width:13%}.admin-table th:nth-child(3){width:20%}.admin-table th:nth-child(4){width:24%}.admin-table th:last-child{width:21%}.user-quota-table th:first-child{width:17%}.user-quota-table th:nth-child(2){width:11%}.user-quota-table th:nth-child(3){width:15%}.user-quota-table th:nth-child(4){width:17%}.user-quota-table th:nth-child(5){width:20%}.user-quota-table th:last-child{width:20%}.redeem-code-table th:first-child{width:21%}.redeem-code-table th:nth-child(2){width:9%}.redeem-code-table th:nth-child(3){width:11%}.redeem-code-table th:nth-child(4){width:19%}.redeem-code-table th:nth-child(5){width:25%}.redeem-code-table th:last-child{width:15%}.admin-table td{color:#cbd2d0;font-size:11px}.admin-table td>strong,.admin-table td>span,.admin-table td>small{display:block}.admin-table td>strong{overflow-wrap:anywhere;color:var(--text);font-size:12px}.admin-table td>span,.admin-table td>small{margin-top:4px;color:var(--muted-2);font-size:9px}.admin-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.quota-editor{display:flex;align-items:center;gap:6px}.quota-editor input{width:88px;height:34px;padding:0 9px;border:1px solid var(--border-strong);border-radius:4px;color:var(--text);background:var(--surface-2)}.quota-editor .icon-button{width:34px;height:34px}.redeem-generator{min-height:76px;display:flex;align-items:end;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.redeem-generator label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.redeem-generator input{width:130px;height:38px;padding:0 10px;border:1px solid var(--border-strong);border-radius:4px;color:var(--text);background:var(--surface-2)}.redeem-generator .primary-button{height:38px}.generated-code-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;padding:1px 0;border-bottom:1px solid var(--border);background:var(--border)}.generated-code-list>div{min-width:0;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:8px;padding:8px 12px;background:#121515}.generated-code-list code{overflow-wrap:anywhere;color:#e8efed;font-size:11px}.generated-code-list span{color:var(--accent);font-size:10px;font-weight:750}.generated-code-list .icon-button{width:30px;height:30px}.admin-action{height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid var(--border-strong);border-radius:4px;color:#cbd2d0;font-size:10px;font-weight:700;background:var(--surface-2);cursor:pointer}.admin-action.approve{color:#b7eec7;border-color:#62d68a4d}.admin-action.reject,.admin-action.disable{color:#ffc3c8;border-color:#ff6b754d}.admin-action:not(:disabled):hover{background:var(--surface-3)}.admin-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted-2)}.admin-empty strong{font-size:11px}@media(max-width:640px){.director-spec{grid-template-columns:1fr}.login-panel{padding:22px 18px}.task-card{align-items:start}.task-inline-actions{grid-column:auto}}.editor-page{width:min(1780px,calc(100% - 48px))}.editor-project-bar{min-height:64px;justify-content:space-between;gap:20px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.project-identity{min-width:0;gap:10px}.project-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:4px;color:var(--cyan);background:#68d8d617}.project-identity strong,.project-identity span{display:block}.project-identity strong{max-width:360px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.project-identity span{margin-top:4px;color:var(--muted-2);font-size:9px}.project-summary{min-width:0;justify-content:center;gap:18px;color:var(--muted);font-size:10px}.project-summary span{gap:6px;white-space:nowrap}.project-summary svg{color:var(--cyan)}.project-actions{justify-content:flex-end;gap:8px}.editor-progress-banner{min-height:60px;display:grid;grid-template-columns:38px minmax(220px,1fr) minmax(180px,430px) 42px auto;gap:12px;margin-bottom:12px;padding:10px 13px;border:1px solid rgba(104,216,214,.25);border-radius:var(--radius);background:#68d8d60f}.editor-progress-banner.is-complete{border-color:#62d68a47;background:#62d68a0f}.progress-banner-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:4px;color:var(--cyan);background:#68d8d61a}.editor-progress-banner.is-complete .progress-banner-icon{color:#62d68a;background:#62d68a1a}.editor-progress-banner>div:nth-child(2){min-width:0}.editor-progress-banner strong,.editor-progress-banner>div:nth-child(2) span{display:block}.editor-progress-banner strong{font-size:11px}.editor-progress-banner>div:nth-child(2) span{margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.banner-progress{height:5px;overflow:hidden;border-radius:999px;background:#303634}.editor-progress-banner>b{color:var(--cyan);font-size:10px;text-align:right}.editor-progress-banner button{height:32px;gap:6px;padding:0 10px;border:1px solid rgba(98,214,138,.3);border-radius:var(--radius);color:#b7eec7;font-size:10px;background:#62d68a14;cursor:pointer}.editor-grid{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:10px;align-items:stretch}.editor-panel{min-width:0;min-height:680px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.editor-panel-heading{min-height:70px;gap:9px;padding:12px 14px;border-bottom:1px solid var(--border);background:#171a1a}.editor-number{color:var(--muted-2);font-size:9px;font-weight:800}.editor-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:4px;color:var(--accent);background:#b9f24a14}.editor-panel-heading>div{min-width:0}.editor-panel-heading h2,.editor-panel-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-panel-heading h2{margin:0;font-size:13px;font-weight:700}.editor-panel-heading p{margin:4px 0 0;color:var(--muted-2);font-size:9px}.editor-panel-content{min-height:0;display:flex;flex:1;flex-direction:column;padding:15px}.editor-panel-content .field-group{margin-bottom:15px}.compact-textarea,.large-textarea{padding:10px 11px;border:1px solid var(--border);border-radius:var(--radius);line-height:1.6;background:var(--surface-2)}.compact-textarea{min-height:76px;font-size:11px}.large-textarea{min-height:210px;font-size:11px}.compact-textarea:focus,.large-textarea:focus{border-color:var(--border-strong)}.assist-button{width:100%;margin-bottom:15px;color:var(--accent);border-color:#b9f24a3d;background:#b9f24a0f}.grow-field{flex:1}.input-meta{display:block;margin-top:6px;color:var(--muted-2);font-size:9px;text-align:right}.material-drop{min-height:122px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-bottom:16px;padding:14px;overflow:hidden;border:1px dashed #3c4642;border-radius:var(--radius);color:var(--muted);text-align:center;background:var(--surface-2);cursor:pointer}.material-drop:hover{border-color:#596560}.material-drop>span{width:36px;height:36px;display:grid;place-items:center;border-radius:4px;color:var(--cyan);background:#68d8d614}.material-drop strong,.material-drop small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-drop strong{color:#d6dcda;font-size:11px}.material-drop small{color:var(--muted-2);font-size:9px}.audio-preview{width:100%;height:38px;gap:8px;margin:0 0 15px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius);color:#ced5d2;font-size:10px;background:var(--surface-2);cursor:pointer}.audio-preview>span{margin-left:auto;color:var(--muted-2)}.range-field>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:10px}.range-field input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;outline:0;background:#343a38;accent-color:var(--accent)}.range-field input[type=range]::-webkit-slider-thumb{width:14px;height:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #111414;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);cursor:pointer}.range-field>div:last-child>span{color:var(--accent);font-size:10px;text-align:right}.caption-toggle-line{min-height:54px;justify-content:space-between;gap:12px;margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid var(--border)}.caption-toggle-line strong,.caption-toggle-line span{display:block}.caption-toggle-line strong{font-size:11px}.caption-toggle-line span{margin-top:4px;color:var(--muted-2);font-size:9px}.caption-toggle-line .toggle-row{width:30px;flex:0 0 30px}.color-swatches{display:flex;gap:8px}.color-swatches button{position:relative;width:31px;height:31px;padding:0;border:2px solid var(--surface);border-radius:4px;background:var(--swatch-color);box-shadow:0 0 0 1px var(--border-strong);cursor:pointer}.color-swatches button.is-active:after{position:absolute;right:-4px;bottom:-4px;width:12px;height:12px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:50%;content:"";background:var(--cyan)}.caption-preview{position:relative;aspect-ratio:16 / 8;overflow:hidden;margin-top:13px;border:1px solid var(--border);border-radius:var(--radius);background:#080909}.caption-preview:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";box-shadow:inset 0 -70px 50px #00000085}.caption-preview img{width:100%;height:100%;display:block;object-fit:cover}.caption-preview span{position:absolute;z-index:1;right:12px;bottom:14px;left:12px;overflow:hidden;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px black,0 0 8px black}.reset-button{width:100%;margin-top:13px;color:var(--muted);font-size:10px}.editor-submit-bar{position:sticky;z-index:30;bottom:12px;min-height:70px;justify-content:space-between;gap:24px;margin-top:12px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:#141717f5;box-shadow:0 14px 42px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.readiness{min-width:0;gap:10px}.readiness>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:4px;color:var(--muted-2);background:var(--surface-3)}.readiness>span.is-ready{color:#62d68a;background:#62d68a17}.readiness strong,.readiness>div span{display:block}.readiness strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.readiness>div span{margin-top:4px;overflow:hidden;color:var(--muted-2);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.editor-submit-actions{flex:0 0 auto;gap:9px}.editor-submit-actions .primary-button{min-width:170px}@media(max-width:1360px){.task-grid{grid-template-columns:1fr}.recent-section{padding-bottom:20px}.editor-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.editor-panel{min-height:650px}}@media(max-width:1024px){.app-header{grid-template-columns:auto 1fr auto;padding:0 18px}.brand-suffix,.connection-status{display:none}.primary-nav{justify-self:center}.primary-nav button{min-width:112px}.page-shell,.editor-page,.admin-page{width:min(100% - 28px,960px)}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-summary>div:nth-child(2){border-right:0}.admin-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.generation-layout{min-height:0;grid-template-columns:1fr;overflow:visible}.control-panel{border-right:0;border-bottom:1px solid var(--border)}.control-scroll{max-height:none;overflow:visible}.stage-wrap{min-height:380px}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-project-bar{display:grid;grid-template-columns:1fr auto}.project-summary{grid-column:1 / -1;grid-row:2;justify-content:flex-start;padding-top:10px;border-top:1px solid var(--border)}.editor-progress-banner{grid-template-columns:38px minmax(0,1fr) 42px}.banner-progress{grid-column:1 / -1;grid-row:2}.editor-progress-banner button{grid-column:1 / -1;width:fit-content}}@media(max-width:720px){.app-header{height:58px;grid-template-columns:auto 1fr auto;padding:0 12px}.brand{gap:0}.brand-mark{width:32px;height:32px;flex-basis:32px}.brand-name,.header-actions .icon-button{display:none}.primary-nav{height:38px;justify-self:center}.primary-nav button{min-width:0;width:34px;height:30px;padding:0;font-size:11px}.primary-nav button span{display:none}.profile-button{width:32px;height:32px}.quota-button{min-width:44px;padding:0 7px}.quota-button span{display:none}.page-shell,.editor-page,.admin-page{width:calc(100% - 20px);padding-top:20px}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar .segmented{width:100%;overflow-x:auto}.admin-toolbar .segmented button{min-width:82px}.redeem-generator{display:grid;grid-template-columns:1fr 1fr;align-items:end}.redeem-generator input{width:100%}.redeem-generator .primary-button{grid-column:1 / -1;width:100%}.generated-code-list{grid-template-columns:1fr}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table thead{display:none}.admin-table tr{padding:10px 14px;border-bottom:1px solid var(--border)}.admin-table td{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:40px;align-items:center;padding:7px 0;border:0}.admin-table td:before{content:attr(data-label);color:var(--muted-2);font-size:9px;font-weight:700}.admin-table td>*{grid-column:2}.page-heading{min-height:0;align-items:flex-end;margin-bottom:18px}.page-heading h1{font-size:23px}.page-heading p{display:none}.page-heading-actions{gap:6px}.page-heading-actions .secondary-button{width:36px;padding:0;font-size:0}.panel-header,.control-scroll,.panel-submit{padding-right:14px;padding-left:14px}.channel-choice-meta{grid-template-columns:auto minmax(0,1fr)}.channel-choice-meta>button{grid-column:1 / -1;width:100%;justify-content:center}.two-column-fields,.toggle-grid{grid-template-columns:1fr}.stage-wrap{min-height:280px;padding:18px 12px;background-size:22px 22px}.preview-stage.stage-9-16{width:min(76%,300px)}.preview-stage.stage-1-1{width:min(88%,480px)}.stage-meta{min-height:48px;padding:9px 10px}.stage-meta>div:first-child>span:last-child,.player-controls svg{display:none}.recent-section{padding:16px 12px}.task-grid{grid-template-columns:1fr}.task-card{grid-template-columns:82px minmax(0,1fr) 32px}.task-thumb{width:82px;height:60px}.editor-project-bar{grid-template-columns:1fr;gap:12px}.project-actions{justify-content:flex-start}.project-summary{grid-column:auto;grid-row:auto;flex-wrap:wrap;gap:9px 15px}.editor-progress-banner{grid-template-columns:34px minmax(0,1fr) 38px}.editor-grid{grid-template-columns:1fr}.editor-panel{min-height:0}.large-textarea{min-height:150px}.editor-submit-bar{bottom:8px;align-items:stretch;flex-direction:column;gap:12px}.editor-submit-actions{width:100%}.editor-submit-actions .secondary-button{width:42px;padding:0;font-size:0}.editor-submit-actions .primary-button{min-width:0;flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}