/* Commercial studio theme. All surfaces share the same light/dark tokens. */
:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--panel2:#f8fafc;--line:#e4e9f1;--muted:#7a879b;--text:#18273d;--accent:#2563eb;--accent-bg:#edf3ff;--green:#158464;--yellow:#d77916;--surface:#fff;--surface-alt:#f6f8fc;--surface-hover:#edf2fa;--border:#e3e9f2;--soft-text:#65758e;--heading:#10213a;--sidebar-bg:#fff;--shadow:0 8px 26px #1b386206;--orange:#ff8c38}
:root[data-theme=dark]{color-scheme:dark;--bg:#0d1522;--panel:#172235;--panel2:#1c2b41;--line:#2a3a50;--muted:#8294af;--text:#e2eaf6;--accent:#5791ff;--accent-bg:#203555;--green:#7bd7b5;--yellow:#ffb56c;--surface:#172235;--surface-alt:#131f31;--surface-hover:#24374e;--border:#2b3c54;--soft-text:#9aacc5;--heading:#f1f6ff;--sidebar-bg:#111c2d;--shadow:0 8px 26px #0001;--orange:#ff9b50}
body{background:var(--bg);color:var(--text);font-size:13px;letter-spacing:.05px}body,button,input,textarea,select{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}button{color:var(--text)}button:disabled{opacity:.4}input[type=text],input[type=number],select,textarea{background:var(--surface-alt);color:var(--text);border-color:var(--border)}select{font-size:11px}textarea::placeholder,input::placeholder{color:var(--muted)}.main{background:var(--bg)}.sidebar{background:var(--sidebar-bg);border-color:var(--border);padding-top:25px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.brand{padding-bottom:25px}.brand strong{color:var(--heading);position:relative}.brand-pro{font-size:8px;letter-spacing:.7px;color:var(--accent);background:var(--accent-bg);padding:2px 4px;vertical-align:top;position:absolute;top:4px;left:52px;border-radius:3px}.brand small{color:var(--muted);letter-spacing:1.5px;font-size:8px;margin-top:4px}.brand-mark{background:var(--accent);color:#fff;box-shadow:0 4px 10px #2563eb24}.project-switch{width:calc(100% - 6px);text-align:left;background:var(--surface-alt);border-color:var(--border);color:var(--text);margin-bottom:26px}.project-switch small,.avatar-row small{color:var(--muted)}.project-icon{color:var(--accent)!important}.project-switch svg:last-child{margin-left:auto}.nav-label{color:var(--muted);font-size:10px;letter-spacing:1px}.step-link{color:var(--soft-text);font-size:12px;padding:12px 13px;position:relative}.step-link.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.step-link.active:before{content:'';position:absolute;left:-7px;top:15px;bottom:15px;width:3px;border-radius:3px;background:var(--accent)}.step-link.locked{color:var(--muted)}.step-link.done .nav-number{color:var(--green)}.step-link .nav-number{color:var(--muted)}.sidebar-rule{background:var(--border);margin:19px 13px}.utility{color:var(--soft-text);font-size:11px}.utility:hover{background:var(--surface-hover)}.saved-card{background:var(--accent-bg);border:0;padding:16px 13px}.saved-card span{color:var(--accent);font-size:10px}.saved-card p{color:var(--soft-text);font-size:10px}.avatar{color:var(--accent);background:var(--accent-bg)}.avatar-row strong{color:var(--heading)}.sidebar-bottom{padding-top:10px}.topbar{height:70px;background:var(--surface);border-color:var(--border)}.breadcrumb{color:var(--muted);min-width:0}.breadcrumb b{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px}.crumb-project{background:transparent;border:0;padding:0;color:var(--soft-text);font-size:12px;white-space:nowrap}.crumb-project:hover{color:var(--accent)}.top-actions{gap:16px}.saved-state{color:var(--muted)}.theme-switch{display:flex;gap:2px;background:var(--surface-alt);border:1px solid var(--border);padding:3px;border-radius:7px;white-space:nowrap}.theme-switch button{border:0;background:transparent;border-radius:4px;padding:4px 9px;color:var(--soft-text);font-size:10px}.theme-switch button.active{color:var(--accent);background:var(--surface);box-shadow:0 1px 4px #19385b14}.workspace{padding-top:26px}.eyebrow{color:var(--accent);font-size:9px;letter-spacing:1.5px}.intro h1{color:var(--heading);font-size:26px;font-weight:650}.intro p{color:var(--soft-text);font-size:11px}.pill{background:var(--surface-hover);color:var(--soft-text);border:1px solid transparent}.pill.purple{color:var(--accent);background:var(--accent-bg)}.pill.green{color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface))}.pill.amber{color:var(--yellow);background:color-mix(in srgb,var(--yellow) 10%,var(--surface))}.pill-button{cursor:pointer;border-color:var(--border)}.pill.red{background:#fae9ee;color:#b83655}.stepper{grid-template-columns:repeat(6,minmax(0,1fr));border-color:var(--border);background:var(--surface);box-shadow:var(--shadow);margin-bottom:23px}.step-tab{border-color:var(--border);color:var(--soft-text);padding:16px 12px;gap:8px}.step-tab.active{background:var(--accent-bg);color:var(--accent)}.step-tab.active:after{background:var(--accent);height:3px}.step-tab strong{font-size:11px}.step-tab small{color:var(--muted);font-size:9px}.step-dot{border-color:var(--border);color:var(--muted);width:25px;height:25px}.step-tab.active .step-dot{background:var(--accent);border-color:var(--accent);color:#fff}.step-tab.done .step-dot{color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface));border-color:color-mix(in srgb,var(--green) 23%,var(--surface))}.step-tab.skipped .step-dot{color:var(--muted);background:var(--surface-alt);border-style:dashed}.btn{background:var(--surface);color:var(--text);border-color:var(--border);font-weight:500;border-radius:7px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 8px #2563eb15}.btn.soft{background:var(--accent-bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 20%,var(--surface))}.btn.ghost{background:transparent;color:var(--soft-text);border-color:transparent}.btn.danger{background:#fff2f3;border-color:#efd0d4;color:#b9344c}.icon-btn{color:var(--soft-text)}.icon-btn:hover{background:var(--surface-hover)}.panel,.aside-card,.node-card,.shot-row,.video-card{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}.panel-title,.node-foot,.editor-meta{border-color:var(--border)}.panel-title h2,.aside-card h3{color:var(--heading)}.panel-title .count,.field-label small{color:var(--muted)}.field-label{color:var(--soft-text)}.note,.modal-note,.stage-subtitle{color:var(--soft-text)}.section-heading h2{color:var(--heading);font-size:13px}.section-heading p{color:var(--muted)}.summary-row{color:var(--soft-text)}.summary-row b{color:var(--text)}.summary-line,.summary-progress{background:var(--border)}.summary-progress div{background:var(--accent)}.flow-mini{color:var(--soft-text)}.flow-mini .current{color:var(--accent);font-weight:600}.flow-mini .arrow{color:var(--muted)}.aside-card{padding:19px 17px;margin-bottom:15px}.aside-card .note{font-size:10px;line-height:2}.project-aside>p.note{color:var(--muted)!important}.setting-card{background:var(--surface);border-color:var(--border);margin-top:18px;align-items:center}.setting-content h3{color:var(--heading)}.setting-content p{color:var(--soft-text)}.setting-icon{background:var(--accent-bg);color:var(--accent)}.switch{background:var(--border);height:20px;width:35px}.switch:before{background:var(--muted);height:14px;width:14px}.switch.on{background:var(--accent)}.switch.on:before{background:#fff;transform:translateX(15px)}.template-box{background:var(--surface);border-color:var(--border)}.template-box b{color:var(--text)}.template-box small{color:var(--muted)}.read-only,.script-preview{background:var(--surface-alt)!important;color:var(--text)!important;border-color:var(--border)}.beat-card{background:var(--surface);border-color:var(--border);padding:13px}.beat-card span{color:var(--accent);font-size:8px}.beat-card strong{color:var(--heading);font-weight:550}.beat-card small{color:var(--muted)}.footer-bar{background:color-mix(in srgb,var(--surface) 96%,transparent);border-color:var(--border)}.footer-message{color:var(--soft-text)}.footer-message svg{color:var(--accent)}.filter-tabs{background:var(--surface-alt);border-color:var(--border)}.filter-tabs button{color:var(--soft-text)}.filter-tabs button.active{color:var(--accent);background:var(--surface);box-shadow:0 1px 4px #2035520d}.help-strip{background:var(--accent-bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 14%,var(--surface))}.node-card:hover{border-color:var(--accent)}.node-type,.node-settings label,.node-foot{color:var(--muted)}.node-name{color:var(--heading)}.node-name svg{color:var(--accent)}.node-prompt{color:var(--soft-text)}.node-image{background:var(--surface-alt)}.empty-visual{color:var(--muted)!important}.image-tag{background:#0f213bd9;border-color:#9eb8db33;color:#e4eefe;font-size:8px}.node-settings select:disabled{color:var(--accent);opacity:.75}.reference-upload{background:var(--surface-alt);border-color:var(--border);color:var(--soft-text)}.reference-upload:hover{border-color:var(--accent)}.ref-thumb button{background:var(--accent);color:#fff}.approve-btn{color:var(--soft-text)}.approve-btn.approved{color:var(--green)}.empty-state{background:var(--surface);border-color:var(--border)}.empty-state svg{color:var(--accent)}.empty-state h3{color:var(--heading)}.empty-state p,.empty-note{color:var(--soft-text)}.shot-number{border-color:var(--border);background:var(--accent-bg);color:var(--accent)}.shot-number small{color:var(--soft-text)}.shot-copy h3{color:var(--heading)}.shot-copy p{color:var(--soft-text)}.shot-stats{color:var(--soft-text)}.shot-stats b{color:var(--text)}.binding-chip{background:var(--surface-alt);border-color:var(--border);color:var(--soft-text)}.binding-chip.missing{background:#fff2e5;color:#b96b0f;border-color:#eecd9e}.context-menu{background:var(--surface);border-color:var(--border);box-shadow:0 10px 40px #10284a24}.context-menu button{color:var(--text)}.context-menu button:hover{background:var(--accent-bg);color:var(--accent)}.context-menu hr{border-color:var(--border)}.context-menu .danger{color:#d3445c}.modal-backdrop{background:#0b173f62}.modal{background:var(--surface);border-color:var(--border);box-shadow:0 24px 90px #0c224838}.modal-header,.modal-footer{border-color:var(--border)}.modal-header h2{color:var(--heading)}.modal-body label{color:var(--soft-text)}.binding-options label{background:var(--surface-alt);border-color:var(--border);color:var(--text)}.flow-guide article{background:var(--surface-alt);border-color:var(--border)}.flow-guide h3{color:var(--accent)}.flow-guide p{color:var(--soft-text)}.modal .preview-image{background:var(--surface-alt)}.video-demo{background:var(--surface-alt)}.video-demo span{background:#12223bd9;color:#fff}.script-status{color:var(--green)}#toast{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 6px 30px #10284a24;max-width:600px;border-left:3px solid var(--accent)}
/* Project library: portrait cards are the first step of every workflow. */
.projects-page{padding:38px 36px 50px;max-width:1550px;margin:auto}.projects-intro{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:36px}.projects-intro .eyebrow{letter-spacing:2px;font-size:9px}.projects-intro h1{font-size:34px;letter-spacing:1px;font-weight:700;margin:8px 0 9px;color:var(--heading)}.heading-dot{color:var(--accent);margin-left:3px}.projects-intro p{color:var(--soft-text);font-size:12px;margin:0}.project-summary{display:flex;gap:30px}.project-summary span{display:flex;flex-direction:column;color:var(--muted);font-size:10px;gap:2px}.project-summary b{font-size:25px;line-height:1.4;font-weight:650;color:var(--heading);letter-spacing:1px}.project-summary span:first-child b{color:var(--accent)}.project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px}.project-list-label{color:var(--heading);font-size:13px;font-weight:600}.project-list-label>span{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--muted);font-size:10px;font-weight:400;min-width:23px;text-align:center;margin-left:5px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:20px;max-width:1400px}.project-create-card{aspect-ratio:3/4;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1.5px dashed #9bb9f4;background:var(--accent-bg);border-radius:12px;color:var(--accent);position:relative;padding:25px 10px}.create-circle{height:58px;width:58px;border-radius:15px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 15%,var(--surface));display:grid;place-items:center;margin-bottom:20px;box-shadow:0 5px 16px #2563eb09}.project-create-card strong{font-size:14px;font-weight:600}.project-create-card small{font-size:10px;color:var(--soft-text);margin-top:7px}.create-footer{position:absolute;bottom:20px;left:15px;right:15px;font-size:9px;color:var(--accent);display:flex;justify-content:center;gap:8px;align-items:center}.project-card{aspect-ratio:3/4;min-height:300px;min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.project-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #1b386215}.project-cover{background:linear-gradient(145deg,#1b3a85,#367bf5);display:block;border:0;position:relative;flex:1;min-height:210px;text-align:left;color:#fff;overflow:hidden;width:100%}.project-cover>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.project-cover:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#091d498c);pointer-events:none}.project-cover.cover-1{background:linear-gradient(135deg,#eb8645,#a13a23)}.project-cover.cover-2{background:linear-gradient(135deg,#275f69,#183343)}.project-cover.cover-3{background:linear-gradient(135deg,#5c6edb,#25316e)}.project-cover-art{position:absolute;inset:0;padding:43px 24px}.project-cover-art>span{font-size:19px;line-height:1.3;letter-spacing:1px;font-weight:700;color:#ffffffa6;position:relative;z-index:1}.project-cover-art>b{position:absolute;right:2px;bottom:-26px;font-size:150px;letter-spacing:-8px;line-height:1;color:#ffffff13;font-weight:750}.project-cover-art>svg{position:absolute;right:25px;top:75px;transform:rotate(15deg);color:#ffffff36;width:95px;height:95px;stroke-width:1}.project-cover-label{position:absolute;top:12px;left:12px;font-size:8px;border:1px solid #ffffff40;border-radius:4px;padding:2px 5px;color:#fff;background:#ffffff12}.project-cover-bottom{position:absolute;left:12px;right:12px;bottom:13px;z-index:2;display:flex;justify-content:space-between;align-items:center}.project-cover-bottom .pill{background:#ffffffeb;color:#2457b8;font-size:8px}.project-card-info{padding:12px 13px 14px;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:0 5px}.project-name{font-size:12px;font-weight:600;text-align:left;background:transparent;border:0;padding:0;color:var(--heading);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-card-info .icon-btn{width:22px;height:22px}.project-card-info p{grid-column:span 2;font-size:9px;color:var(--muted);margin:7px 0 0;display:flex;justify-content:space-between}.project-card-info .summary-progress{grid-column:span 2;height:3px;margin-top:9px}.projects-empty-note{display:flex;align-items:center;gap:9px;color:var(--soft-text);font-size:11px;padding:25px 2px}.projects-empty-note svg{color:var(--accent)}.project-flow-strip{margin-top:38px;border-top:1px solid var(--border);padding-top:23px;display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:var(--muted)}.project-flow-strip>span{color:var(--soft-text);font-size:11px;margin-right:auto}.project-flow-strip small{font-size:9px}.project-flow-strip>svg:first-child{color:var(--accent)}
/* Script intake: layout follows the supplied upload/paste reference. */
.script-import-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:19px;box-shadow:var(--shadow)}.dropzone{border:1px dashed #c8d3e3;background:var(--surface-alt);border-radius:10px;min-height:265px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 20px;transition:background .2s,border-color .2s}.dropzone.dragging{border-color:var(--accent);background:var(--accent-bg);box-shadow:inset 0 0 0 2px var(--accent)}.upload-illustration{height:73px;width:90px;position:relative;margin-bottom:12px}.paper{position:absolute;display:grid;place-items:center;border-radius:6px;box-shadow:0 5px 12px #152e5712;border:1px solid var(--border);background:var(--surface);color:var(--soft-text);width:42px;height:56px;top:9px;left:16px}.paper-back{transform:rotate(-13deg);background:var(--accent-bg);color:var(--accent)}.paper-front{left:38px;top:12px;transform:rotate(10deg)}.paper-plus{position:absolute;top:0;right:0;height:23px;width:23px;display:grid;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-bg);font-size:17px;font-weight:500}.import-links{display:flex;gap:6px;align-items:center}.import-links .btn{font-size:13px;color:var(--heading);min-height:30px;padding:3px 7px}.import-links .btn:last-child{color:var(--accent)}.import-links>span{height:13px;background:var(--border);width:1px}.drop-hint{font-size:10px;color:var(--muted);margin:4px 0 0;text-align:center;display:flex;align-items:center;gap:3px}.drop-hint .icon-btn{height:20px;width:20px}.imported-preview{width:100%;max-width:520px;margin-top:16px;padding:13px 15px;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;grid-template-columns:1fr auto;align-items:start;gap:0 10px}.imported-preview>span{color:var(--green);font-size:10px;display:flex;align-items:center;gap:5px}.imported-preview>p{color:var(--soft-text);font-size:10px;line-height:1.8;margin:6px 0 0;grid-column:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.imported-preview>.btn{grid-column:2;grid-row:1/3;align-self:center}.dropzone.has-script{padding-top:20px;padding-bottom:20px;min-height:300px}.has-script .upload-illustration{height:55px;transform:scale(.85);margin-bottom:8px}.import-controls{display:flex;gap:10px;align-items:center;padding-top:18px}.script-control-select{display:flex;align-items:center;gap:5px;background:var(--surface-alt);border:1px solid var(--border);border-radius:30px;padding:2px 10px;color:var(--soft-text)}.script-control-select select{border:0;background:transparent;width:auto;font-size:11px;padding:4px 0;min-width:48px;height:29px;color:var(--heading)}.dimension-hint{font-size:9px;color:var(--muted)}.import-controls>.btn{margin-left:auto}.script-route-note{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--border);border-radius:9px;padding:16px 17px;background:var(--surface);margin-top:18px}.script-route-note>svg{color:var(--accent);margin-top:2px;flex-shrink:0}.script-route-note b{color:var(--heading);font-size:11px;font-weight:550}.script-route-note p{margin:3px 0 0;font-size:10px;color:var(--soft-text);line-height:1.8}.script-layout{padding-bottom:35px}.custom-style-label{display:flex;align-items:center;gap:12px;margin-top:14px}.custom-style-label input{flex:1}.character-extras{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:10px;padding-top:6px;gap:2px}.character-extras .btn{font-size:9px;padding:3px 1px;min-height:25px;color:var(--accent)}.voice-upload{background:var(--surface-alt);padding:14px;border:1px dashed var(--border);border-radius:8px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.voice-upload>small{font-size:10px;color:var(--soft-text)}.voice-upload audio{width:100%;height:36px}
/* Explicit route choice after shot planning. */
.route-choice{padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:20px}.route-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.route-heading>span{display:flex;align-items:center;gap:7px;color:var(--heading);font-size:12px;font-weight:600}.route-heading>span svg{color:var(--accent)}.route-heading small{font-size:9px;color:var(--muted)}.route-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.route-options>button{padding:13px 11px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:7px;background:var(--surface-alt);text-align:left;color:var(--soft-text)}.route-options>button.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.route-options b{font-size:11px;font-weight:550;display:block}.route-options small{font-size:9px;display:block;color:var(--soft-text);margin-top:3px}.route-options i{margin-left:auto;width:17px;height:17px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.route-options .selected i{background:var(--accent);color:#fff;border-color:var(--accent)}
/* Video production: asset rail, script editor, preview, and shot timeline. */
.video-workspace{max-width:1800px}.video-layout{display:block}.video-production{display:grid;grid-template-columns:156px minmax(0,1fr) 240px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;min-height:590px}.video-resources{grid-column:1;grid-row:1/3;padding:17px 12px;background:var(--surface-alt);border-right:1px solid var(--border);min-width:0}.resource-top{display:flex;justify-content:space-between;color:var(--heading);font-size:11px;margin-bottom:12px}.resource-top b{font-weight:600}.resource-top span{color:var(--muted);font-size:9px}.resource-tabs{display:flex;gap:2px;margin:0 -4px 14px}.resource-tabs>button{padding:4px 5px;border:0;background:transparent;border-radius:4px;color:var(--soft-text);font-size:9px}.resource-tabs>button.active{background:var(--accent-bg);color:var(--accent)}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 7px;align-content:start;max-height:520px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.resource-card{padding:0;border:1px solid var(--border);background:var(--surface);border-radius:7px;overflow:hidden;min-width:0;text-align:left}.resource-card>div{aspect-ratio:3/4;position:relative;display:grid;place-items:center;background:var(--surface-hover);color:var(--muted)}.resource-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.resource-card strong{display:block;padding:5px;font-size:9px;font-weight:500;color:var(--heading);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.voice-dot{position:absolute;right:3px;bottom:3px;background:var(--accent);color:#fff;line-height:14px;width:14px;text-align:center;border-radius:50%;font-size:9px}.resource-note{font-size:9px;color:var(--muted);line-height:1.9;margin:18px 0 0}.clip-editor{grid-column:2;min-width:0;padding:22px 20px 19px}.clip-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:16px}.clip-title>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clip-title h2{font-size:18px;line-height:1.5;color:var(--heading);margin:0;font-weight:650;letter-spacing:.3px}.clip-number{color:var(--accent)}.clip-title .pill{font-size:8px}.clip-references{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.clip-ref{position:relative;height:43px;width:43px;border:1px solid var(--border);border-radius:7px;overflow:hidden;padding:0;background:var(--surface-alt)}.clip-ref img{height:100%;width:100%;object-fit:cover}.clip-ref small{position:absolute;bottom:0;left:0;right:0;font-size:7px;white-space:nowrap;overflow:hidden;background:#0c1c37a6;color:#fff;text-align:center;line-height:1.5}.clip-copy{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;padding:13px 14px;min-height:175px}.clip-copy-label{display:flex;align-items:center;gap:6px;color:var(--soft-text);font-size:10px;margin-bottom:9px}.clip-copy-label .btn{margin-left:auto;min-height:23px;font-size:9px;padding:2px 4px}.clip-script{font-size:11px;color:var(--text);line-height:2;white-space:pre-wrap;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.clip-voices{display:flex;gap:5px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:9px;margin-top:10px}.clip-voices .binding-chip{font-size:8px;background:var(--surface);padding:3px 5px}.video-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;flex-wrap:wrap}.video-mode-bar .filter-tabs button{font-size:10px;padding:5px 8px}.video-mode-bar>span{font-size:9px;color:var(--muted)}.generation-params{display:grid;grid-template-columns:1.6fr .9fr .9fr .9fr;gap:8px;margin-top:15px}.generation-params>label{position:relative;font-size:9px;color:var(--soft-text)}.generation-params select,.generation-params input{margin-top:5px;font-size:10px;padding:5px 6px;height:32px;background:var(--surface);border-color:var(--border);width:100%;border-radius:5px;line-height:1.5}.generation-params input{padding-right:22px}.generation-params label>span{position:absolute;bottom:7px;right:7px;color:var(--muted);font-size:9px}.clip-generation-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:16px}.clip-generation-footer p{font-size:9px;color:var(--muted);line-height:1.8;margin:0}.clip-generation-footer .btn{font-size:10px;padding:8px 11px}.clip-player{grid-column:3;padding:22px 19px;background:var(--surface-alt);border-left:1px solid var(--border);min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:0}.clip-preview-frame{border:1px solid var(--border);background:var(--surface);position:relative;width:100%;max-height:340px;overflow:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center}.clip-preview-frame>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.2}.clip-preview-frame>img.motion-cover{opacity:.95}.preview-play{position:relative;z-index:1;border:1px dashed var(--border);height:43px;width:43px;border-radius:11px;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--soft-text);display:grid;place-items:center}.clip-preview-frame>span{position:absolute;bottom:25%;font-size:9px;color:var(--soft-text);background:color-mix(in srgb,var(--surface) 90%,transparent);padding:4px 7px;border-radius:4px}.player-controls{display:flex;gap:10px;align-items:center;margin:14px 0;width:100%;color:var(--soft-text)}.player-controls small{font-size:9px}.player-track{flex:1;position:relative;height:2px;background:var(--border)}.player-track:after{content:'';height:13px;width:2px;background:var(--accent);position:absolute;top:-5px;left:20%}.player-track>span{display:block;width:20%;height:2px;background:var(--accent)}.player-output{display:flex;justify-content:space-between;width:100%;font-size:9px;color:var(--muted);gap:7px}.player-output b{font-size:10px;color:var(--text);font-weight:500}.player-note{font-size:9px;color:var(--muted);line-height:1.9;margin:12px 0}.clip-player>.field-label{display:block;width:100%;font-size:9px;margin-top:8px}.clip-player>.field-label select{margin-top:5px;background:var(--surface);height:30px;font-size:10px}.clip-timeline{grid-column:2/4;border-top:1px solid var(--border);padding:16px 19px 18px;min-width:0;background:var(--surface)}.timeline-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.timeline-heading>div{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--heading)}.timeline-heading strong{font-weight:550}.timeline-heading svg{color:var(--accent)}.timeline-heading span{font-size:9px;color:var(--muted);font-weight:400}.timeline-track{display:flex;gap:10px;overflow:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.timeline-clip{width:112px;flex-shrink:0;min-width:0;display:block;border:0;background:transparent;padding:0;text-align:left}.timeline-clip>div{height:65px;position:relative;background:var(--surface-alt);color:var(--muted);border:1.5px solid var(--border);border-radius:7px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.timeline-clip.selected>div{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.timeline-clip img{position:absolute;width:100%;height:100%;object-fit:cover}.timeline-clip>div>span:not(.timeline-status){font-size:8px}.timeline-clip>div>b{position:absolute;top:5px;left:5px;background:var(--surface);color:var(--soft-text);border:1px solid var(--border);font-size:8px;line-height:15px;border-radius:4px;padding:0 4px;font-weight:400}.timeline-status{position:absolute;right:5px;bottom:5px;color:var(--muted);background:var(--surface);border-radius:3px;padding:1px 3px}.timeline-status.ready{background:var(--green);color:#fff}.timeline-clip>small{font-size:9px;color:var(--soft-text);display:block;margin-top:7px;padding-left:3px}.timeline-clip.selected>small{color:var(--accent)}.generation-review{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:8px;padding:0 15px;background:var(--surface-alt)}.generation-review>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border);font-size:11px}.generation-review>div:last-child{border-bottom:0}.generation-review span{color:var(--soft-text)}.generation-review b{color:var(--text);font-weight:500;text-align:right}
@media(min-width:1600px){.video-production{grid-template-columns:200px minmax(0,1fr) 300px}.clip-preview-frame{max-height:400px}.clip-script{max-height:250px}.clip-editor{padding:27px}.clip-copy{min-height:230px}.resource-card strong{font-size:10px}.resource-tabs>button{font-size:10px;padding:5px 7px}}
@media(max-width:1250px){.projects-page{padding:30px 24px}.projects-intro{margin-bottom:30px}.project-grid{gap:17px;grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.project-summary{gap:22px}.step-tab{padding:14px 8px;gap:5px}.step-tab strong{font-size:10px}.step-tab small{font-size:8px}.step-dot{height:23px;width:23px}.video-production{grid-template-columns:132px minmax(0,1fr) 205px}.video-resources{padding:15px 9px}.resource-tabs{gap:0}.resource-tabs>button{font-size:8px;padding:4px}.clip-editor{padding:19px 15px}.clip-player{padding:19px 14px}.clip-title h2{font-size:17px}.clip-title .pill{font-size:7px}.generation-params{grid-template-columns:1.5fr .85fr .85fr .9fr;gap:6px}.generation-params select{font-size:9px}.clip-script{font-size:10px;line-height:2}.clip-copy{padding:10px 11px}.video-mode-bar>span{font-size:8px}.project-flow-strip small{font-size:8px}.dimension-hint{display:none}.import-controls .btn{font-size:11px}.clip-generation-footer p{font-size:8px}}
@media(max-width:1050px){.video-production{grid-template-columns:125px minmax(0,1fr) 180px}.clip-editor{padding:16px 12px}.clip-player{padding:16px 12px}.generation-params{grid-template-columns:1fr 1fr}.clip-title h2{font-size:16px}.clip-generation-footer{flex-wrap:wrap}.clip-generation-footer .btn{margin-left:auto}.clip-copy{min-height:180px}.projects-intro h1{font-size:30px}.project-summary{gap:16px}.project-summary b{font-size:22px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.resource-grid{gap:8px 5px}.step-tab{gap:4px}.step-tab small{display:none}.content-layout{gap:16px}.step-dot{height:22px;width:22px}.clip-preview-frame{max-height:290px}}
@media(max-width:900px){.video-production{grid-template-columns:125px minmax(0,1fr)}.video-resources{grid-row:1/4}.clip-editor{grid-column:2;grid-row:1}.clip-player{grid-column:2;grid-row:2;border-left:0;border-top:1px solid var(--border);display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 15px;align-items:start}.clip-preview-frame{grid-column:1;grid-row:1/5;max-height:180px}.player-controls{margin:0;grid-column:2}.player-output,.player-note{grid-column:2;margin:0}.clip-player>.field-label{grid-column:2;margin:0}.clip-timeline{grid-column:2;grid-row:3}.resource-grid{max-height:none}.clip-script{max-height:180px}.generation-params{grid-template-columns:1.5fr 1fr 1fr 1fr}.clip-generation-footer{flex-wrap:nowrap}.projects-intro{align-items:flex-start}.project-summary{padding-top:9px}.project-summary span:last-child{display:none}.projects-intro p{font-size:11px}.project-flow-strip{gap:8px}.project-flow-strip>span{width:calc(100% - 40px)}.top-actions{gap:9px}.theme-switch button{padding:4px 7px;font-size:9px}.step-tab{gap:5px;padding:13px 5px}.step-tab strong{font-size:9px}}
@media(max-width:740px){.topbar{height:63px;padding:0 15px}.breadcrumb b{max-width:130px;font-size:10px}.crumb-project{font-size:10px}.top-actions{gap:7px}.theme-switch{padding:2px}.theme-switch button{font-size:9px;padding:3px 6px}.top-actions .btn{font-size:9px;gap:4px;padding:6px 8px}.top-actions .btn svg{width:12px}.workspace{padding:21px 15px 0}.intro h1{font-size:23px}.intro p{font-size:10px}.intro{margin-bottom:18px}.step-tab{padding:11px 3px;gap:6px}.step-tab strong{font-size:9px}.step-dot{width:22px;height:22px;font-size:9px}.stepper{border-radius:8px;margin-bottom:18px}.projects-page{padding:27px 16px 35px}.projects-intro{gap:16px;margin-bottom:27px}.projects-intro h1{font-size:29px}.projects-intro p{font-size:10px;max-width:220px;line-height:1.9}.project-summary{gap:13px;padding-top:8px}.project-summary span{font-size:8px}.project-summary b{font-size:21px}.project-summary span:nth-child(2){display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.project-create-card,.project-card{min-height:265px}.project-cover{min-height:175px}.project-cover-art{padding:39px 16px}.project-cover-art>span{font-size:17px}.project-cover-art>b{font-size:120px}.project-cover-art>svg{right:12px;width:80px;height:80px}.project-card-info{padding:10px}.project-name{font-size:11px}.project-toolbar{margin-bottom:16px}.project-toolbar .btn{font-size:10px;padding:7px 10px}.project-toolbar .btn.ghost{font-size:9px}.create-circle{height:48px;width:48px;margin-bottom:16px}.project-create-card strong{font-size:12px}.project-create-card small{font-size:9px}.create-footer{font-size:8px;bottom:15px;gap:4px;left:7px;right:7px}.project-create-card small{max-width:135px;text-align:center}.project-flow-strip{margin-top:25px;padding-top:19px;gap:7px}.projects-empty-note{font-size:10px;line-height:1.9;align-items:flex-start;padding-top:20px}.projects-empty-note svg{flex-shrink:0;margin-top:2px}.script-import-card{padding:13px}.dropzone{min-height:260px;padding:28px 12px}.dropzone.has-script{min-height:310px}.import-controls{gap:6px;padding-top:14px;flex-wrap:wrap}.script-control-select{padding:1px 7px;gap:4px}.script-control-select select{font-size:10px}.script-control-select>span svg{width:13px}.import-controls>.btn{font-size:10px;padding:8px 10px}.imported-preview{padding:11px;display:block}.imported-preview>.btn{margin-top:7px;padding-left:0}.drop-hint{font-size:9px;flex-wrap:wrap;justify-content:center}.script-route-note{padding:14px;gap:9px}.script-route-note p{font-size:9px}.script-route-note b{font-size:10px}.setting-content h3{font-size:11px}.setting-content p{font-size:10px}.setting-card{padding:13px}.template-box{flex-wrap:wrap;gap:10px}.template-box .inline-actions{margin-left:auto}.mini-beats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.beat-card{padding:12px}.beat-card strong{font-size:11px}.beat-card small{font-size:9px}.route-choice{padding:13px}.route-heading{align-items:flex-start}.route-heading>span{font-size:11px}.route-heading small{max-width:100px;text-align:right;font-size:8px}.route-options{gap:9px}.route-options>button{gap:7px;align-items:flex-start;padding:12px 9px;position:relative}.route-options>button>svg{width:17px;height:17px;flex-shrink:0}.route-options b{font-size:10px;line-height:1.8}.route-options small{font-size:8px;line-height:1.8}.route-options i{height:13px;width:13px;position:absolute;right:6px;top:6px}.route-options i svg{height:9px;width:9px}.character-extras{flex-wrap:wrap;justify-content:flex-start;gap:5px}.character-extras .btn{font-size:9px}.video-production{display:flex;flex-direction:column;min-height:0}.video-resources{padding:12px 13px;border-right:0;border-bottom:1px solid var(--border)}.resource-top{display:inline-flex;gap:9px;margin-right:10px;margin-bottom:9px}.resource-tabs{display:inline-flex;margin:0 0 9px}.resource-tabs>button{font-size:9px;padding:3px 7px}.resource-grid{display:flex;gap:8px;overflow:auto;max-height:none}.resource-card{width:58px;min-width:58px;flex-shrink:0}.resource-card>div{aspect-ratio:1/1}.resource-card strong{font-size:8px;padding:4px}.resource-note{display:none}.clip-editor{padding:18px 14px}.clip-title{margin-bottom:13px}.clip-title h2{font-size:18px}.clip-title .pill{font-size:8px}.clip-references{margin-bottom:13px}.clip-ref{height:37px;width:37px}.clip-copy{padding:11px 12px;min-height:150px}.clip-script{font-size:11px;max-height:190px;line-height:2}.clip-copy-label{font-size:9px}.clip-voices .binding-chip{font-size:8px}.video-mode-bar{margin-top:17px;gap:8px}.video-mode-bar>span{font-size:8px}.video-mode-bar .filter-tabs button{font-size:10px}.generation-params{grid-template-columns:1.5fr 1fr 1fr 1fr;margin-top:13px}.generation-params>label{font-size:8px}.generation-params select,.generation-params input{font-size:9px;padding:5px 4px;height:31px}.generation-params input{padding-right:14px}.generation-params label>span{right:4px;font-size:8px}.clip-generation-footer{gap:8px}.clip-generation-footer p{font-size:8px;max-width:190px}.clip-generation-footer .btn{font-size:9px;padding:7px 10px}.clip-player{padding:15px;border-top:1px solid var(--border);display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 17px;min-height:175px}.clip-preview-frame{max-height:170px}.preview-play{width:30px;height:30px;border-radius:8px}.preview-play svg{width:18px}.clip-preview-frame>span{font-size:7px;bottom:16%;max-width:90%;padding:3px}.player-note{font-size:9px}.clip-timeline{padding:15px}.timeline-heading span{font-size:8px}.timeline-clip{width:100px}.timeline-clip>div{height:58px}.timeline-clip>small{font-size:8px}.footer-actions .btn{font-size:9px;padding:8px 9px}.footer-message{font-size:9px;max-width:43%}.modal .generation-review>div{font-size:10px;gap:10px}}
@media(min-width:901px){.video-workspace .intro{margin-bottom:16px;min-height:45px}.video-workspace .intro h1{font-size:23px;margin-bottom:0}.video-workspace .intro p{display:none}.video-workspace .intro .eyebrow{margin-bottom:3px;font-size:8px}.video-workspace>.stepper{display:none}.video-production{height:calc(100vh - 250px);min-height:450px;max-height:780px;grid-template-rows:minmax(0,1fr) 110px}.clip-editor{display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-top:16px;padding-bottom:15px}.clip-title{margin-bottom:10px;flex-shrink:0}.clip-references{margin-bottom:12px;flex-shrink:0}.clip-copy{flex:1;min-height:100px;display:flex;flex-direction:column;overflow:hidden}.clip-script{flex:1;min-height:0;max-height:none}.clip-copy-label{flex-shrink:0;margin-bottom:5px}.clip-voices{flex-shrink:0;padding-top:6px;margin-top:6px}.video-mode-bar{margin-top:13px;flex-shrink:0}.generation-params{margin-top:10px;flex-shrink:0}.clip-generation-footer{margin-top:11px;flex-shrink:0}.clip-player{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-top:16px;padding-bottom:15px}.clip-preview-frame{width:auto;height:clamp(140px,calc(100vh - 505px),330px);flex-shrink:0;max-width:100%;max-height:none}.clip-preview-frame>span{font-size:8px;white-space:nowrap;max-width:98%}.clip-player .player-note{margin:8px 0}.clip-timeline{padding-top:11px;padding-bottom:10px}.timeline-heading{margin-bottom:8px}.timeline-clip>div{height:49px}.timeline-clip>small{margin-top:5px}.resource-grid{max-height:calc(100% - 110px)}.resource-note{margin-top:12px}.video-layout{padding-bottom:90px}}
@media(min-width:901px){.clip-copy{min-height:170px;flex-shrink:0}.clip-script{min-height:75px}.clip-generation-footer{position:sticky;bottom:-15px;background:var(--surface);padding:8px 0 3px;z-index:2}.clip-editor{overscroll-behavior:contain}.clip-player{overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}