:root{--bg:#080808;--panel:#121212;--panel-2:#181818;--line:#2c2c2c;--line-soft:#202020;--text:#f7f7f2;--muted:#9f9f98;--dim:#6f6f68;--accent:#d8ff63;--accent-ink:#111500;--danger:#ff7a68;--ok:#88e6c4;--warn:#ffd166}@font-face{font-family:LineFlow Inter;src:url(/fonts/inter-variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:LineFlow Lora;src:url(/fonts/lora-variable.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:LineFlow Libre Baskerville;src:url(/fonts/libre-baskerville-variable.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:LineFlow Playfair Display;src:url(/fonts/playfair-display-variable.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:LineFlow EB Garamond;src:url(/fonts/eb-garamond-variable.ttf) format("truetype");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:"LineFlow Noto Serif";src:url(/fonts/noto-serif-variable.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#181818,#111111);color:var(--text);cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}button:disabled{cursor:not-allowed;opacity:.5}a:hover,button:hover:not(:disabled){border-color:#4a4a4a;background:#1e1e1e;transform:translateY(-1px)}.lock-shell{display:grid;min-height:100vh;place-items:center;padding:20px;background:linear-gradient(90deg,rgba(216,255,99,.035),transparent 28%),repeating-linear-gradient(0deg,rgba(255,255,255,.017) 0 1px,transparent 1px 30px),var(--bg)}.lock-card{display:grid;width:min(100%,360px);grid-gap:14px;gap:14px;padding:22px;border:1px solid var(--line-soft);border-radius:8px;background:rgba(18,18,18,.96)}.lock-card h1,.lock-card p{margin:0}.lock-card h1{font-size:20px}.lock-card p{color:var(--muted);font-size:13px}.access-field{display:grid;grid-template-columns:22px 1fr;align-items:center;grid-gap:8px;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#090909;color:var(--muted)}.access-field input{min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.auth-error{padding:9px 11px;border:1px solid rgba(255,122,104,.35);border-radius:8px;color:#ffd3cc;font-size:13px}.mobile-stepbar{display:none}.studio-shell{display:grid;grid-template-columns:220px minmax(560px,1fr) 300px;min-height:100vh;background:linear-gradient(90deg,rgba(216,255,99,.035),transparent 28%),repeating-linear-gradient(0deg,rgba(255,255,255,.017) 0 1px,transparent 1px 30px),var(--bg)}.preview-panel,.sidebar,.workspace{min-width:0;border-right:1px solid var(--line-soft)}.sidebar{padding:14px;background:linear-gradient(180deg,rgba(216,255,99,.035),transparent 26%),#0d0d0d}.brand-block{display:flex;gap:10px;align-items:center;min-height:48px;margin-bottom:12px}.brand-mark{display:grid;flex:0 0 42px;width:34px;height:34px;place-items:center;border:1px solid #3a3a32;border-radius:8px;background:#191b13;color:var(--accent)}.brand-block h1,.brand-block p,.editor-header h3,.panel-title h3,.topbar h2{margin:0}.brand-block h1{font-size:15px;letter-spacing:0}.brand-block p{margin-top:3px;color:var(--muted);font-size:12px}.download-link,.primary-action,.render-button{width:100%;min-height:38px;border-color:#c8ed52;background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none;box-shadow:0 12px 30px rgba(216,255,99,.1)}.download-link:hover,.primary-action:hover:not(:disabled),.render-button:hover:not(:disabled){background:#e3ff86;border-color:#e3ff86}.blank-action{width:100%;min-height:34px;margin-top:8px;border-color:rgba(216,255,99,.28);background:rgba(216,255,99,.08);color:#efffba;font-weight:700}.blank-action:hover:not(:disabled){border-color:rgba(216,255,99,.48);background:rgba(216,255,99,.14)}.task-list{display:flex;flex-direction:column;gap:6px;margin-top:14px}.section-label{margin:6px 0 2px;color:var(--dim);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.task-item{justify-content:flex-start;width:100%;min-height:48px;padding:8px;text-align:left;background:rgba(18,18,18,.74)}.task-item.active{border-color:#636358;background:#202018}.task-item span{display:grid;min-width:0;grid-gap:4px;gap:4px}.task-item small,.task-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item strong{font-size:13px}.cleanup-button,.task-item small{color:var(--muted);font-size:12px}.cleanup-button{width:100%;min-height:32px}.danger-action{border-color:rgba(255,122,104,.32);color:#ffd1cc}.danger-action:hover:not(:disabled){border-color:rgba(255,122,104,.65);background:rgba(255,122,104,.12)}.empty-state{display:flex;align-items:center;justify-content:center;gap:8px;min-height:84px;border:1px dashed var(--line);border-radius:8px;color:var(--dim)}.process-card{margin-top:14px;padding:9px;border:1px solid var(--line-soft);border-radius:8px;background:rgba(18,18,18,.72)}.process-step{display:flex;align-items:center;gap:9px;min-height:27px;color:var(--dim);font-size:13px}.process-step span{display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--dim);font-size:10px;font-weight:800}.process-step.active{color:var(--text)}.process-step.active span{border-color:rgba(216,255,99,.55);color:var(--accent);background:rgba(216,255,99,.08)}.admin-panel{margin-top:12px;border:1px solid var(--line-soft);border-radius:8px;background:rgba(18,18,18,.72)}.admin-panel summary{display:flex;min-height:34px;align-items:center;gap:8px;padding:0 9px;color:var(--text);cursor:pointer;font-size:13px;font-weight:700;list-style:none}.admin-panel summary::-webkit-details-marker{display:none}.admin-create{display:grid;grid-gap:7px;gap:7px;padding:0 8px 8px}.admin-create input,.admin-create select{min-width:0;min-height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;outline:0;background:#090909;color:var(--text)}.admin-create button{min-height:32px;color:var(--muted)}.admin-note{margin:0 8px 8px;color:var(--muted);font-size:12px;line-height:1.4}.admin-user-list{display:grid;grid-gap:6px;gap:6px;padding:0 8px 8px}.admin-user{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:6px;gap:6px;padding:7px;border:1px solid var(--line-soft);border-radius:8px;background:#0b0b0b}.admin-user small,.admin-user span,.admin-user strong{display:block;min-width:0}.admin-user small,.admin-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user strong{font-size:12px}.admin-user small{margin-top:3px;color:var(--dim);font-size:11px}.admin-user button{min-height:26px;padding:0 7px;color:var(--muted);font-size:11px}.cost-summary,.worker-summary{display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px;padding:0 8px 8px}.cost-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;padding:0 8px 8px}.cost-actions a,.cost-actions button{display:inline-flex;min-width:0;min-height:28px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#101010;color:var(--muted);font-size:11px;text-decoration:none}.cost-groups{display:grid;grid-gap:6px;gap:6px;padding:0 8px 8px}.cost-group{display:grid;grid-gap:5px;gap:5px;padding:7px;border:1px solid var(--line-soft);border-radius:8px;background:#0b0b0b}.cost-group>strong{font-size:12px}.cost-entry,.cost-group span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px}.cost-entry small,.cost-group small{overflow:hidden;color:var(--dim);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cost-group b{color:var(--text);font-size:11px}.cost-entry-list{display:grid;grid-gap:6px;gap:6px;padding:0 8px 8px}.cost-entry{padding:7px;border:1px solid var(--line-soft);border-radius:8px;background:#0b0b0b}.cost-entry small,.cost-entry span,.cost-entry strong{display:block;min-width:0}.cost-entry strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.workspace{padding:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;margin-bottom:10px}.topbar h2{max-width:min(55vw,760px);margin-top:5px;overflow:hidden;font-size:18px;line-height:1.1;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.topbar-subtitle{margin:5px 0 0;color:var(--muted);font-size:13px}.topbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.topbar-actions button{padding:0 10px}.user-chip{min-height:32px;padding:0 10px;border:1px solid var(--line-soft);border-radius:8px;background:#101010;font-weight:700}.status-pill,.user-chip{display:inline-flex;align-items:center;color:var(--muted);font-size:12px}.status-pill{min-height:24px;padding:0 9px;border:1px solid var(--line);border-radius:999px}.status-done,.status-transcribed{border-color:rgba(136,230,196,.5);color:var(--ok)}.status-generatingBackground,.status-rendering,.status-transcribing,.status-visioning,.status-voicing{border-color:rgba(255,209,102,.55);color:var(--warn)}.status-failed{border-color:rgba(255,122,104,.55);color:var(--danger)}.notice{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px;padding:8px 10px;border:1px solid rgba(159,159,152,.28);border-radius:8px;background:rgba(255,255,255,.045);color:var(--text);font-size:13px}.notice>span{flex:1 1;min-width:0;overflow-wrap:anywhere}.notice button{flex:0 0 auto;width:26px;min-height:26px;padding:0;border-color:transparent;background:transparent;color:currentColor;opacity:.74}.notice button:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.notice-error{border-color:rgba(255,122,104,.35);background:rgba(255,122,104,.08);color:#ffd3cc}.notice-success{border-color:rgba(136,230,196,.38);background:rgba(136,230,196,.08);color:#cffff0}.notice-info{border-color:rgba(216,255,99,.28);background:rgba(216,255,99,.07);color:#efffba}.toast{position:fixed;top:18px;left:50%;z-index:50;display:flex;min-width:148px;transform:translateX(-50%);align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,122,104,.48);border-radius:8px;background:rgba(30,12,10,.96);box-shadow:0 12px 32px rgba(0,0,0,.42);color:#ffe1dc;font-size:14px;font-weight:700}.main-grid{display:grid;grid-template-columns:minmax(420px,1fr) 250px;grid-gap:10px;gap:10px}.workspace-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(112px,auto)) minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;margin-bottom:10px;padding:6px;border:1px solid var(--line-soft);border-radius:8px;background:#101010}.workspace-mode-switch button{min-height:32px;color:var(--muted);font-size:13px;font-weight:750}.workspace-mode-switch button.active{border-color:rgba(216,255,99,.5);background:rgba(216,255,99,.1);color:var(--accent)}.workspace-mode-switch span{overflow:hidden;color:var(--dim);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.editor-panel,.preview-panel,.settings-panel{border:1px solid var(--line-soft);border-radius:8px;background:rgba(18,18,18,.94);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.editor-panel{display:grid;grid-template-columns:1fr;align-content:start;grid-gap:8px 10px;gap:8px 10px;padding:10px}.panel-kicker{display:inline-flex;grid-column:1/-1;align-items:center;gap:8px;min-height:24px;color:var(--muted);font-size:13px;font-weight:700}.source-row{display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px;min-height:0;align-content:stretch;align-self:stretch;place-items:center}.material-row{display:grid;grid-column:1/-1;width:100%;min-width:0;justify-self:stretch;grid-template-columns:clamp(76px,20%,170px) clamp(84px,16%,130px) minmax(230px,1fr);grid-template-rows:300px;height:300px;justify-content:stretch;align-items:stretch;grid-gap:8px;gap:8px;overflow:hidden}.material-row>*{min-height:0}.video-frame{display:grid;width:min(100%,150px);max-height:100%;aspect-ratio:9/16;justify-self:center;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#050505}.video-frame img,.video-frame video{width:100%;height:100%;object-fit:contain}.video-empty{color:var(--dim);font-size:11px}.job-facts{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.asset-row,.job-facts{display:grid;min-height:0;align-content:stretch;align-self:stretch}.asset-row{width:100%;min-width:0;grid-template-columns:1fr;grid-template-rows:minmax(142px,1fr) minmax(142px,.92fr);height:100%;grid-gap:8px;gap:8px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-color:rgba(216,255,99,.36) transparent;scrollbar-width:thin}.asset-row:has(.asset-detail[open]){grid-template-rows:minmax(238px,1fr) minmax(118px,.35fr)}.asset-row::-webkit-scrollbar{width:5px}.asset-row::-webkit-scrollbar-track{background:transparent}.asset-row::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(216,255,99,.28)}.asset-card{display:grid;grid-template-columns:26px minmax(0,1fr);grid-gap:5px 7px;gap:5px 7px;min-height:0;overflow:auto;padding:7px;border:1px solid var(--line-soft);border-radius:8px;background:linear-gradient(180deg,#111111,#0d0d0d);scrollbar-width:thin}.template-quick-card{display:grid;min-height:0;align-content:start;grid-gap:8px;gap:8px;padding:12px;border:1px solid rgba(216,255,99,.18);border-radius:8px;background:linear-gradient(180deg,rgba(216,255,99,.07),rgba(255,255,255,.015)),#0d0d0d}.template-quick-card svg{color:var(--accent)}.template-quick-card strong{font-size:14px}.template-quick-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.template-quick-card div{display:grid;grid-gap:3px;gap:3px;padding:8px;border:1px solid var(--line-soft);border-radius:8px;background:#0a0a0a}.template-quick-card span{color:var(--dim);font-size:11px}.template-quick-card b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.template-quick-card .template-quick-section{gap:7px}.template-quick-card .template-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:6px;gap:6px;padding:0;border:0;background:transparent}.template-chip-grid button{display:inline-flex;min-width:0;min-height:30px;align-items:center;justify-content:center;gap:6px;padding:0 8px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.template-voiceover-section textarea{min-height:70px;padding:8px;resize:vertical;border:1px solid var(--line);border-radius:8px;outline:none;background:#080808;color:var(--text);font:12px/1.45 SFMono-Regular,Consolas,monospace}.unified-asset{align-content:start;min-height:0}.asset-icon{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--accent);background:#0b0b0b}.asset-copy{min-width:0}.asset-copy span,.asset-copy strong{display:block}.asset-copy strong{margin-bottom:3px;font-size:13px}.asset-copy span{overflow:hidden;color:var(--dim);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.asset-actions{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.asset-actions,.preset-list{display:grid;grid-gap:6px;gap:6px}.preset-list{grid-column:1/-1}.preset-option{display:grid;min-width:0;min-height:34px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;grid-gap:7px;gap:7px;padding:0 9px;border-color:rgba(216,255,99,.2);color:#ffffff;background:rgba(216,255,99,.06)}.preset-option svg{color:var(--accent)}.preset-option small,.preset-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-option span{font-size:12px;font-weight:700}.preset-option small{color:var(--dim);font-size:11px}.asset-actions button{min-width:0;min-height:28px;padding:0 8px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.asset-check{grid-column:1/-1;min-height:26px;margin:-1px 0 0;color:var(--dim);font-size:12px}.asset-check input{width:15px;height:15px}.asset-lines{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px}.asset-lines div{min-width:0;padding:6px;border:1px solid var(--line-soft);border-radius:8px;background:#0b0b0b}.asset-lines span,.asset-lines strong{display:block}.asset-lines span{margin-bottom:3px;color:var(--dim);font-size:11px}.asset-lines strong{overflow:hidden;font-size:12px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.asset-detail{grid-column:1/-1;display:grid;grid-gap:8px;gap:8px;padding-top:2px;min-width:0}.asset-detail summary{display:flex;min-height:28px;align-items:center;gap:8px;padding:0 8px;border:1px solid var(--line-soft);border-radius:8px;color:var(--muted);cursor:pointer;list-style:none;background:#0b0b0b;-webkit-user-select:none;-moz-user-select:none;user-select:none}.asset-detail summary::-webkit-details-marker{display:none}.asset-detail summary svg{color:var(--accent)}.asset-detail summary span{font-size:11.5px;font-weight:700}.asset-detail summary small{margin-left:auto;color:var(--dim);font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-detail textarea{min-height:46px;resize:vertical;font-family:inherit;font-size:13px;line-height:1.35}.asset-detail .color-field,.asset-detail .range-field,.asset-detail .select-field{margin-bottom:0}.background-adjustments[open]{display:grid;grid-gap:8px;gap:8px}.asset-detail button{min-height:32px;color:var(--muted)}.asset-detail-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:6px;gap:6px}.asset-detail-actions .muted-action{min-width:88px;border-color:rgba(255,255,255,.12);color:var(--dim);background:#0b0b0b}.asset-mode-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.asset-mode-control button{min-height:30px;padding:0 6px;border-color:var(--line-soft);font-size:12px}.asset-mode-control button.active{border-color:rgba(255,255,255,.4);color:#ffffff;background:#1b1b1b}.asset-hint{margin:0;color:var(--dim);font-size:12px;line-height:1.45}.asset-progress{overflow:hidden;width:100%;height:5px;border-radius:999px;background:#070707}.asset-progress span{display:block;height:100%;border-radius:inherit;background:#ffffff}.asset-waiting{grid-column:1/-1;display:flex;align-items:center;gap:7px;min-height:30px;padding:0 9px;border:1px solid rgba(216,255,99,.22);border-radius:8px;background:rgba(216,255,99,.07);color:#efffb0;font-size:12px;font-weight:650}.asset-waiting svg{color:var(--accent);animation:spinWait 1.1s linear infinite}.asset-actions .disabled-soft{opacity:.58}.metric{min-height:0;display:flex;flex-direction:column;justify-content:center;padding:7px;border:1px solid var(--line-soft);border-radius:8px;background:#101010}.metric span{display:block;margin-bottom:3px;color:var(--dim);font-size:11px}.metric strong{display:block;max-height:34px;overflow:hidden;overflow-wrap:anywhere;font-size:11.5px;font-weight:600;line-height:1.28}.editor-panel>.editor-header,.editor-panel>.subtitle-tabs,.editor-panel>textarea{grid-column:1/-1}.render-summary{display:grid;grid-gap:6px;gap:6px;margin-bottom:10px;grid-template-columns:1fr;margin:0 0 10px}.metric-icon{display:grid;grid-template-columns:20px 1fr;grid-gap:1px 7px;gap:1px 7px;min-height:44px;padding:8px;border:1px solid var(--line-soft);border-radius:8px;background:#101010}.metric-icon div{grid-row:1/3;display:grid;width:20px;height:20px;place-items:center;color:var(--accent)}.metric-icon span{color:var(--dim);font-size:11px}.metric-icon strong{overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:13px;font-weight:650;white-space:nowrap}.editor-header,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.panel-title.compact{justify-content:flex-start;margin-bottom:9px}.editor-header h3,.panel-title h3{font-size:14px}.editor-header button{padding:0 9px}.editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.editor-actions button{min-width:112px}.subtitle-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px;margin-bottom:8px}.subtitle-tabs button{min-height:30px;color:var(--muted);font-size:12px}.subtitle-tabs button.active{border-color:rgba(216,255,99,.55);background:rgba(216,255,99,.1);color:var(--accent)}textarea{width:100%;min-height:220px;resize:vertical;padding:10px;border:1px solid var(--line);border-radius:8px;outline:none;background:#090909;color:var(--text);font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#6f754b;box-shadow:0 0 0 3px rgba(216,255,99,.08)}.settings-panel{align-self:start;padding:10px}.mode-control{display:grid;grid-gap:6px;gap:6px;margin-bottom:10px}.mode-control>span{color:var(--muted);font-size:13px;font-weight:700}.mode-control>div{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px}.mode-control button{min-height:30px;color:var(--muted);font-size:12px}.mode-control button.active{border-color:rgba(216,255,99,.55);background:rgba(216,255,99,.1);color:var(--accent)}.template-panel-body{display:grid;grid-gap:10px;gap:10px}.template-callout{display:grid;grid-gap:4px;gap:4px;padding:10px;border:1px solid rgba(216,255,99,.18);border-radius:8px;background:rgba(216,255,99,.06)}.template-callout strong{font-size:14px}.template-callout span{color:var(--muted);font-size:12px;line-height:1.45}.template-card,.template-list{display:grid;grid-gap:8px;gap:8px}.template-card{min-height:0;padding:10px;text-align:left;border-color:var(--line-soft);background:#0d0d0d}.template-card.active,.template-card.applied{border-color:rgba(216,255,99,.55);background:linear-gradient(180deg,rgba(216,255,99,.1),rgba(216,255,99,.02)),#101010}.template-card-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:3px}.template-card-head strong{overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.template-card-head em{flex:0 0 auto;padding:2px 6px;border:1px solid rgba(216,255,99,.4);border-radius:999px;color:var(--accent);font-size:10px;font-style:normal;font-weight:800}.template-card-head small,.template-desc,.template-empty,.template-meta,.template-warning{color:var(--muted);font-size:12px;line-height:1.4}.template-desc{color:var(--text)}.template-meta{color:var(--dim)}.template-warning{color:#f1d58a}.template-palette{display:flex;gap:5px}.template-palette i{width:24px;height:14px;border:1px solid rgba(255,255,255,.18);border-radius:999px}.template-confirm{display:grid;grid-gap:8px;gap:8px;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:#101010}.template-confirm.active{border-color:rgba(216,255,99,.3)}.template-confirm.success{border-color:rgba(216,255,99,.45);background:linear-gradient(180deg,rgba(216,255,99,.1),rgba(216,255,99,.02)),#101010}.template-confirm.info{border-color:rgba(241,213,138,.42)}.template-confirm div{display:grid;grid-gap:4px;gap:4px}.template-confirm strong{font-size:13px}.template-confirm span{color:var(--muted);font-size:12px;line-height:1.45}.template-confirm button{min-height:34px}.template-confirm .muted-action{color:var(--muted);background:#0b0b0b}.ending-cut-card{display:grid;grid-gap:2px;gap:2px;padding:9px 10px;border:1px solid var(--line-soft);border-radius:8px;background:#0f0f0f}.ending-cut-card.compact{margin:0 0 10px}.ending-cut-card .check-row{min-height:26px;margin:0}.ending-cut-card small{padding-left:26px;color:var(--dim);font-size:12px;line-height:1.35}.mode-extra{display:grid;grid-gap:7px;gap:7px;margin:-2px 0 10px;padding:8px;border:1px solid var(--line-soft);border-radius:8px;background:#101010}.mode-extra .check-row,.mode-extra .number-field{margin:0}.hint-line{margin:0;color:var(--dim);font-size:12px;line-height:1.35}.text-field{display:grid;grid-gap:5px;gap:5px;color:var(--muted);font-size:13px}.text-field span{font-weight:700}.text-field input,.text-field textarea{min-height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;outline:none;background:#0b0b0b;color:var(--text);font:inherit}.text-field textarea{min-height:68px;padding:8px;resize:vertical;line-height:1.45}.text-field input:disabled,.text-field textarea:disabled{color:var(--dim);opacity:.58}.voiceover-field{grid-column:1/-1}.voiceover-toolbar{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(150px,220px) minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px}.voiceover-toolbar button{min-height:28px;padding:0 9px;color:var(--muted);font-size:12px}.voiceover-toolbar select{width:100%;min-height:28px;padding:0 24px 0 8px;border:1px solid var(--line);border-radius:8px;background:#0b0b0b;color:var(--text);font:inherit;font-size:12px}.voiceover-toolbar span{overflow:hidden;color:var(--dim);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.inline-select{display:flex;min-height:30px;align-items:center;gap:8px;padding:0 8px 0 10px;border:1px solid var(--line);background:#121212}.inline-select span{color:var(--muted);font-size:12px;white-space:nowrap}.inline-select select{width:92px;min-height:28px;padding:0 20px 0 6px;border:0;background:transparent;color:var(--text);font-size:12px}.select-field{grid-gap:4px;gap:4px}.color-field,.select-field{display:grid;margin-bottom:8px}.color-field{grid-template-columns:1fr 42px auto;align-items:center;grid-gap:8px;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.color-field input{width:42px;height:30px;padding:2px;border:1px solid var(--line);border-radius:8px;background:#0b0b0b}.color-field code{color:var(--dim);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600}.compact-color-field{grid-template-columns:minmax(0,1fr) 42px auto}.range-field{display:grid;grid-template-columns:minmax(0,1fr) 120px 38px;align-items:center;grid-gap:8px;gap:8px;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:700}.range-field input[type=range]{width:100%;accent-color:var(--accent)}.range-field output{color:var(--dim);font-size:11px;font-weight:700;text-align:right}.settings-details{margin-bottom:8px;border:1px solid var(--line-soft);border-radius:8px;background:#101010}.settings-details summary{display:flex;min-height:34px;align-items:center;gap:7px;padding:0 9px;color:var(--text);font-size:13px;font-weight:700;cursor:pointer;list-style:none}.settings-details summary::-webkit-details-marker{display:none}.settings-details .check-row,.settings-details .number-field{margin-right:8px;margin-left:8px}.settings-details .inline-note{margin:0 8px 7px;color:var(--muted);font-size:11px;line-height:1.4}.settings-details .check-row:last-child,.settings-details .number-field:last-child{margin-bottom:8px}.select-field span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.select-field select{min-height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;outline:none;background:#0b0b0b;color:var(--text);font:inherit}.number-field{display:grid;grid-template-columns:1fr 74px;align-items:center;grid-gap:8px;gap:8px;margin-bottom:6px;color:var(--muted);font-size:13px}.number-field input{width:74px;min-height:30px;padding:0 8px;border:1px solid var(--line);border-radius:8px;outline:none;background:#0b0b0b;color:var(--text)}.number-field input:disabled{color:var(--dim);cursor:not-allowed;opacity:.58}.check-row{display:flex;align-items:center;gap:9px;min-height:32px;margin:2px 0 8px;color:var(--muted);font-size:13px}.check-row input{width:17px;height:17px;accent-color:var(--accent)}.download-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;margin-top:8px;border:1px solid #c8ed52;border-radius:8px}.preview-panel{padding:14px;border-right:0;background:#0d0d0d}.phone-preview{position:relative;width:min(100%,252px);aspect-ratio:9/16;margin:2px auto 10px;overflow:hidden;border:1px solid #2e2e2e;border-radius:8px;background:#000000;box-shadow:0 26px 70px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.03)}.composition-preview-frame{position:absolute;top:0;left:0;border:0;background:#000000;pointer-events:none;transform-origin:top left}.preview-background,.preview-background img,.preview-background video,.preview-scrim{position:absolute;inset:0}.preview-background{z-index:0}.preview-background img,.preview-background video{width:100%;height:100%;object-fit:cover}.phone-preview .preview-background img,.phone-preview .preview-background video{inset:-3%;width:106%;height:106%}.preview-scrim{background:var(--preview-scrim-background)}.preview-scroll{top:var(--preview-scroll-start);z-index:1;width:var(--preview-width)}.preview-intro-title,.preview-scroll{position:absolute;left:50%;transform:translateX(-50%)}.preview-intro-title{top:22%;z-index:3;width:86%;color:var(--preview-text-color);-webkit-text-stroke:var(--preview-text-stroke-width) var(--preview-text-stroke-color);paint-order:stroke fill;font-family:var(--preview-font-family);font-size:calc(var(--preview-font-size) * 1.45);font-weight:820;line-height:1.12;text-align:center;pointer-events:none;text-wrap:balance}.preview-cards,.preview-rise{position:absolute;inset:0;z-index:1}.preview-card{position:absolute;left:50%;top:50%;width:var(--preview-width);transform:translate(-50%,-50%)}.preview-card.is-active{will-change:opacity,transform}.align-lowerThird .preview-card{top:62%}.preview-rise-content{position:absolute;left:50%;top:52%;width:var(--preview-width);transform:translate(-50%,-50%)}.preview-rise.lower-third .preview-rise-content{top:66%}.preview-rise-line{width:var(--preview-width);color:var(--preview-text-color);-webkit-text-stroke:var(--preview-text-stroke-width) var(--preview-text-stroke-color);paint-order:stroke fill;font-family:var(--preview-font-family);font-size:var(--preview-font-size);font-weight:var(--preview-font-weight);white-space:nowrap}.preview-line,.preview-rise-line,.preview-space{height:var(--preview-row-height);line-height:var(--preview-row-height);text-align:center}.preview-line,.preview-space{width:100%}.preview-line{overflow:hidden;color:var(--preview-text-color);-webkit-text-stroke:var(--preview-text-stroke-width) var(--preview-text-stroke-color);paint-order:stroke fill;font-family:var(--preview-font-family);font-size:var(--preview-font-size);font-weight:var(--preview-font-weight);white-space:nowrap}.preview-fade{position:absolute;left:0;right:0;z-index:2;height:var(--preview-fade);pointer-events:none}.preview-fade.top{top:0;background:linear-gradient(180deg,var(--preview-fade-color) 0,rgba(0,0,0,0) 100%)}.preview-fade.bottom{bottom:0;background:linear-gradient(0deg,var(--preview-fade-color) 0,rgba(0,0,0,0) 100%)}.preview-audio,.preview-player{display:grid;grid-gap:7px;gap:7px;margin:0 0 8px;padding:8px;border:1px solid var(--line-soft);border-radius:8px;background:#101010}.preview-player{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.preview-player button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 9px;border-radius:8px;color:var(--text);font-size:12px;font-weight:800}.preview-player label{display:grid;min-width:0;grid-gap:3px;gap:3px}.preview-player label span{color:var(--muted);font-size:11px;font-weight:700}.preview-player input[type=range]{width:100%;accent-color:var(--accent)}.preview-player strong{color:var(--text);font-size:11px;white-space:nowrap}.preview-player small{grid-column:1/-1;overflow:hidden;color:var(--dim);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.preview-audio>div{display:flex;min-width:0;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.preview-audio svg{flex:0 0 auto;color:var(--accent)}.preview-audio small{margin-left:auto;overflow:hidden;color:var(--dim);font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}@keyframes spinWait{to{transform:rotate(1turn)}}.side-details{margin-top:8px;border:1px solid var(--line-soft);border-radius:8px;background:#101010}.side-details summary{display:flex;min-height:36px;align-items:center;gap:8px;padding:0 10px;color:var(--text);font-size:13px;font-weight:700;cursor:pointer;list-style:none}.side-details summary::-webkit-details-marker{display:none}.side-details video{display:block;width:min(calc(100% - 16px),252px);aspect-ratio:9/16;margin:0 auto 8px;border:1px solid var(--line);border-radius:8px;background:#000000;object-fit:contain}.side-details div{max-height:150px;overflow:auto;padding:0 10px 8px}.side-details p{margin:0 0 8px;overflow-wrap:anywhere;color:var(--muted);font-size:12px;line-height:1.45}.side-details .error-line{color:#ffd1cc}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width:1180px){.studio-shell{grid-template-columns:240px minmax(0,1fr)}.main-grid{grid-template-columns:minmax(0,1fr) 230px}.material-row{grid-template-columns:clamp(72px,18%,128px) clamp(82px,15%,112px) minmax(220px,1fr);grid-template-rows:282px;height:282px}.asset-row{grid-template-rows:minmax(130px,1fr) minmax(136px,.95fr)}.video-frame{width:min(100%,118px)}.metric{padding:6px}.metric strong{max-height:30px;font-size:11px}.preview-panel{grid-column:1/-1;border-top:1px solid var(--line-soft)}}@media (max-width:880px){html{scroll-padding-top:58px}.asset-row,.main-grid,.material-row,.source-row,.studio-shell{grid-template-columns:1fr}.material-row{grid-template-rows:auto}.asset-row,.material-row{height:auto;overflow:visible}.editor-panel{grid-template-columns:1fr}.video-frame{width:96px}.studio-shell{padding-top:54px}.mobile-stepbar{position:fixed;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;padding:8px;border-bottom:1px solid var(--line-soft);background:rgba(8,8,8,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-stepbar a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.preview-panel,.sidebar,.workspace{border-right:0;border-bottom:1px solid var(--line-soft);padding:14px}.brand-block{min-height:44px;margin-bottom:12px}.topbar{align-items:flex-start;flex-direction:column}.topbar h2{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:18px;white-space:nowrap}.editor-actions,.topbar-actions{width:100%}.editor-actions button,.topbar-actions button{flex:1 1;min-width:0}.metric-icon{grid-template-columns:1fr}.metric-icon div{display:none}textarea{min-height:330px;font-size:13px}.phone-preview{width:min(100%,260px)}}@media (max-width:520px){.number-field{grid-template-columns:1fr 88px}}