@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/hankengrotesk-var-CaVRRdDk.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/montserrat-var-l_AIctKy.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/poppins-400-cpxAROuN.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/poppins-700-Qrb0O0WB.woff2) format("woff2")}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/anton-400-Byf51wtH.woff2) format("woff2")}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/bebasneue-400-9mHNbWWO.woff2) format("woff2")}:root{--bg: #101010;--surface: #1a1a1a;--card: #1e1e1e;--input: #242424;--hover: #2a2a2a;--border: #2a2a2a;--text: #fafafa;--text-2: #a0a0a0;--text-3: #8a8a8a;--brand-yellow: #ffc252;--brand-orange: #fe803f;--brand-red: #ff413b;--accent: #fe803f;--on-light: #101010;--play: #4aa8ff;--danger: #ff6e69;--ok: #34d399;--brand-gradient: linear-gradient(135deg, #ffc252, #fe803f, #ff413b);--scroll-thumb: #3a3a3a;--scroll-thumb-hover: #4d4d4d;--radius: 8px;--radius-sm: 6px;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .16s;--top-h: 52px;--rail-w: 64px;--library-w: 260px;--inspector-w: 288px;--strip-h: 40px;--track-head-w: 82px;--ar: 9 / 16;--ar-num: .5625;--z-sticky: 10;--z-dropdown: 20;--z-modal-backdrop: 30;--z-modal: 40;--z-toast: 50;color-scheme:dark}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:content-box;border:2px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,sans-serif;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm)}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:disabled{opacity:.45;cursor:default}input[type=text]{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:6px 10px}input[type=text]::placeholder{color:var(--text-3)}.timecode{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums}.shell{height:100dvh;display:grid;grid-template-rows:var(--top-h) 1fr auto auto;grid-template-columns:var(--rail-w) auto 1fr var(--inspector-w);grid-template-areas:"top top top top" "rail library stage inspector" "strip strip strip strip" "timeline timeline timeline timeline"}.topbar{grid-area:top;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .logo{display:inline-flex;align-items:center;margin-right:8px;-webkit-user-select:none;user-select:none}.topbar .logo img{height:22px;width:auto;display:block}.project-name{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:500;padding:6px 10px;border-radius:var(--radius-sm)}.save-state{font-size:12px;color:var(--text-3);min-width:90px}.save-state.error{color:var(--danger)}.spacer{flex:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-2);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;background:var(--input);border:1px solid var(--border);color:var(--text);font-weight:500;font-size:13px;border-radius:var(--radius);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:hover:not(:disabled){background:var(--hover)}.btn-export{position:relative;height:32px;padding:0 18px;border-radius:var(--radius);font-weight:700;font-size:13px;color:var(--on-light);background:var(--brand-gradient);overflow:hidden;transition:filter var(--dur) var(--ease)}.btn-export:hover:not(:disabled){filter:brightness(1.08)}.rail{grid-area:rail;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:stretch;padding:8px;gap:4px}.rail-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 0 7px;color:var(--text-2);font-size:11px;border-radius:var(--radius);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.rail-btn:hover,.rail-btn.active{color:var(--text);background:var(--card)}.rail-btn.active:before{content:"";position:absolute;left:-8px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--accent)}.library{grid-area:library;width:var(--library-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.library.collapsed{display:none}.usage{margin-top:auto;padding:10px 12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.usage-track{height:6px;border-radius:3px;background:var(--card);overflow:hidden}.usage-fill{height:100%;border-radius:3px;background:var(--brand-gradient);transition:width var(--dur) var(--ease)}.usage.near .usage-fill{background:var(--brand-orange)}.usage.full .usage-fill{background:var(--brand-red)}.usage-label{font-size:11px;color:var(--text-2);font-variant-numeric:tabular-nums}.usage.full .usage-label{color:var(--brand-red)}.btn-back{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-2)}.btn-back svg{transform:rotate(90deg)}.btn-back:hover{background:var(--hover);color:var(--text)}.library-title{flex:0 0 auto;height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border-bottom:1px solid var(--border)}.library-title h2{margin:0;font-size:14px;font-weight:600}.library-title .count{font-size:11.5px;color:var(--text-3)}.library-head{padding:12px 12px 8px;display:flex;flex-direction:column;gap:8px}.btn-upload{display:flex;align-items:center;justify-content:center;gap:8px;height:36px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--card);color:var(--text);font-weight:500;font-size:13px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.btn-upload:hover:not(:disabled){border-color:var(--accent);background:var(--input)}.upload-status{font-size:12px;color:var(--text-2)}.upload-status.error{color:var(--danger)}.srt-import{display:flex;flex-direction:column;gap:6px;padding:12px 12px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.srt-import-btn{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-weight:600;font-size:13px;cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.srt-import-btn:hover{border-color:var(--accent);background:var(--input)}.subs-panel{display:flex;flex-direction:column;min-height:0;flex:1}.subs-style{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.subs-style-label{font-size:12px;color:var(--text-2);font-weight:600}.subs-empty{padding:12px;margin:0;font-size:12px;color:var(--text-2);line-height:1.5}.subs-list{list-style:none;margin:0;padding:4px 8px 16px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;display:flex;flex-direction:column;gap:4px}.subs-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:var(--card);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.subs-item:hover{background:var(--input)}.subs-item.active{border-color:var(--accent)}.subs-time{font-size:11px;color:var(--text-2);font-variant-numeric:tabular-nums}.subs-text{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subs-del{border:none;background:transparent;color:var(--text-2);font-size:18px;line-height:1;width:22px;height:22px;border-radius:6px;cursor:pointer}.subs-del:hover{background:var(--danger);color:var(--on-light)}.media-grid{flex:1;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 12px 16px;align-content:start}.media-card{display:flex;flex-direction:column;gap:5px;padding:0;min-width:0;text-align:left;border-radius:var(--radius)}.media-thumb{display:block;width:100%;position:relative;aspect-ratio:var(--ar);border-radius:var(--radius);background:var(--card) center / cover no-repeat;border:1px solid var(--border);overflow:hidden;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.media-card:hover .media-thumb{transform:translateY(-1px);border-color:var(--text-3)}.media-thumb .dur{position:absolute;left:6px;bottom:6px;font-size:11px;padding:1px 5px;border-radius:4px;background:#101010c7;color:var(--text)}.media-thumb .del{position:absolute;top:5px;right:5px;z-index:1;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#101010c7;color:var(--text-2);font-size:13px;opacity:0;transition:opacity var(--dur) var(--ease),color var(--dur) var(--ease)}.media-thumb .dl{position:absolute;top:5px;right:32px;z-index:1;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#101010c7;color:var(--text-2);opacity:0;transition:opacity var(--dur) var(--ease),color var(--dur) var(--ease)}.media-card:hover .dl,.media-thumb .dl:focus-visible{opacity:1}.media-thumb .dl:hover{color:var(--text)}.media-card:hover .del,.media-thumb .del:focus-visible{opacity:1}.media-thumb .del.left{left:5px;right:auto}.media-thumb .del:hover{color:var(--danger)}@media(pointer:coarse){.media-thumb .del{opacity:1}}.bulk-bar{position:absolute;top:0;left:0;right:0;z-index:var(--z-sticky, 30);display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border, #2a2a2a);box-shadow:0 6px 16px #00000073;font-size:13px}.bulk-bar .bulk-count{font-weight:700;color:var(--accent);white-space:nowrap}.bulk-styles{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bulk-styles .bulk-label{color:var(--text-2)}.bulk-chip{padding:4px 10px;border-radius:999px;background:var(--input);color:var(--text);font-size:12px;border:1px solid var(--border);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.bulk-chip:hover{background:var(--hover);border-color:var(--accent)}.bulk-volume{display:flex;align-items:center;gap:6px}.bulk-volume input[type=range]{width:110px;accent-color:var(--accent)}.bulk-db{min-width:44px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-2, var(--text));text-align:right}.bulk-volume .btn.active{background:var(--accent);color:var(--on-light);border-color:var(--accent)}.bulk-actions{display:flex;gap:8px;margin-left:auto}.silence-bar{position:absolute;top:0;left:0;right:0;z-index:var(--z-sticky, 30);display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border, #2a2a2a);box-shadow:0 6px 16px #00000073;font-size:13px}.silence-bar .silence-summary{font-weight:700;color:var(--brand-red);white-space:nowrap}.silence-bar .btn{min-height:32px}@media(pointer:coarse){.silence-bar .btn{min-height:44px;min-width:44px}}.subs-groups{display:flex;flex-direction:column;gap:12px}.subs-group{border:1px solid var(--border, #2a2a2a);border-radius:8px;overflow:hidden}.subs-group-head{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface)}.subs-group-name{font-weight:700;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.subs-group-count{font-size:11px;color:var(--text-2);background:var(--input);border-radius:999px;padding:1px 8px}.subs-group-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--input);color:var(--text-2);font-size:13px}.subs-group-btn:hover{background:var(--hover);color:var(--text)}.subs-group-btn.danger:hover{color:var(--danger)}.subs-group-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;font-size:12px;color:var(--text-2);background:var(--bg);border-top:1px solid var(--border, #2a2a2a)}.media-confirm{display:flex;flex-direction:column;gap:6px;padding:8px;font-size:12px;color:var(--text-2);border:1px solid var(--danger);border-radius:var(--radius);aspect-ratio:var(--ar);align-items:stretch;justify-content:center;text-align:center}.media-confirm .btn{justify-content:center;height:28px;font-size:12px}.media-confirm .btn.danger{border-color:var(--danger);color:var(--danger)}.add-btn{position:absolute;right:6px;bottom:6px;z-index:1;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-gradient);color:var(--on-light);font-size:18px;font-weight:700;line-height:1;box-shadow:0 2px 8px #0006;transition:transform var(--dur) var(--ease)}.add-btn:hover{transform:scale(1.1)}.media-name{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card.processing .media-thumb{border-style:dashed}.thumb-processing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--text);background:#1010109e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius);text-align:center;padding:6px}.thumb-spinner{width:22px;height:22px;flex:none;border-radius:50%;border:2px solid var(--input);border-top-color:var(--accent);animation:export-spin .9s linear infinite}.audio-row.processing .audio-name{color:var(--text-2)}.audio-processing{font-size:12px;color:var(--text-3);margin-left:auto}@media(prefers-reduced-motion:reduce){.thumb-spinner{animation-duration:2.4s}.preview-frame,.preview-handle,.preview-rot,.preview-rot-stem,.canvas-actions,.canvas-action{transition:none}}.media-card.uploading .media-thumb,.audio-row.uploading{border-style:dashed}.media-card.uploading.error .media-thumb,.audio-row.uploading.error{border-color:var(--danger);border-style:solid}.media-card.uploading.error .thumb-processing{color:var(--danger)}.audio-row.uploading{position:relative;cursor:default;flex-wrap:wrap}.audio-row.uploading .audio-name{color:var(--text-2)}.audio-row.uploading.error .audio-processing{color:var(--danger)}.audio-del{color:var(--text-3);font-size:12px;padding:4px;flex:none}.audio-del:hover{color:var(--danger)}.upload-bar{position:absolute;left:6px;right:6px;bottom:6px;height:4px;border-radius:999px;background:var(--input);overflow:hidden}.audio-row .upload-bar{position:static;width:100%;margin-top:2px}.upload-bar-fill{height:100%;width:0%;border-radius:inherit;background:var(--brand-gradient);transition:width .3s var(--ease)}.upload-bar.indeterminate .upload-bar-fill{width:40%;animation:export-slide 1.2s var(--ease) infinite}.upload-bar.failed .upload-bar-fill{width:100%;background:var(--danger);animation:none}.rail-btn{position:relative}.rail-badge{position:absolute;top:4px;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.media-grid,.audio-list{position:relative}.media-grid.drop-over,.audio-list.drop-over{outline:2px dashed var(--accent);outline-offset:-6px}.media-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:13px;color:var(--text);background:#1010108c;border-radius:var(--radius)}.media-empty{grid-column:1 / -1;color:var(--text-3);font-size:13px;padding:24px 8px;text-align:center}.audio-list{flex:1;overflow-y:auto;padding:4px 12px 16px;display:flex;flex-direction:column;gap:6px}.load-more{grid-column:1 / -1;height:1px}.audio-row{position:relative;display:flex;align-items:center;gap:8px;padding:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:grab;transition:border-color var(--dur) var(--ease)}.audio-row:hover{border-color:var(--text-3)}.audio-row:active{cursor:grabbing}.audio-row{min-height:52px}.audio-row .audio-icon{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--input);color:var(--text-2)}.audio-row .audio-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.audio-row .audio-name{min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-row .audio-dur{font-size:11px;color:var(--text-3)}.audio-row .dl-inline{display:flex;align-items:center;justify-content:center;padding:4px;color:var(--text-3)}.audio-row .dl-inline:hover{color:var(--text)}.audio-row .del-inline{color:var(--text-3);font-size:12px;padding:4px}.audio-row .del-inline:hover{color:var(--danger)}.audio-row .add-btn.inline{position:static;width:28px;height:28px;font-size:16px;background:#fe803f24;border:1px solid rgba(254,128,63,.45);color:var(--accent)}.audio-row .add-btn.inline:hover{background:#fe803f38}.audio-row.confirm{flex-wrap:wrap;gap:6px;font-size:12px;color:var(--text-2);border-color:var(--danger);cursor:default}.audio-row.confirm .btn{height:26px;font-size:12px}.audio-row.confirm .btn.danger{border-color:var(--danger);color:var(--danger)}.text-panel{padding:12px;display:flex;flex-direction:column;gap:10px}.text-style{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 12px 14px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);cursor:grab;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.text-style:hover{border-color:var(--text-3)}.text-style:active{cursor:grabbing}.text-style .preview{color:var(--text)}.text-style .label{font-size:12px;color:var(--text-2)}.text-style .add-btn{top:10px;bottom:auto}.stage{grid-area:stage;display:grid;grid-template-rows:1fr 44px;min-width:0;min-height:0;overflow:hidden;background:var(--bg)}.preview-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:20px}.transport{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid var(--border);background:var(--surface);padding:0 16px}.transport .time{font-size:13px;color:var(--text)}.transport .time .total{color:var(--text-2)}.transport .play-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);border-radius:50%;transition:background var(--dur) var(--ease)}.transport .play-btn:hover{background:var(--hover)}.preview-hover{position:absolute;border:1.5px solid var(--accent, #fe803f);border-radius:4px;background:#fe803f14;pointer-events:none}.inline-text-editor{z-index:5;border-radius:4px}.stage-box{position:relative;width:100%;height:100%;min-width:0;min-height:0;container-type:size;display:flex;align-items:center;touch-action:none}.stage-canvas{width:min(100cqw,calc(100cqh * var(--ar-num)));height:auto;aspect-ratio:var(--ar);min-width:0;background:#000;border-radius:12px;box-shadow:0 0 0 1px var(--border),0 24px 60px #0000008c;touch-action:none}.preview-frame{position:absolute;left:var(--x, 0);top:var(--y, 0);width:var(--w, 0);height:var(--h, 0);transform:rotate(var(--rot, 0deg));transform-origin:center;border:1.5px solid var(--accent);border-radius:2px;pointer-events:none}.preview-frame.editing{border-style:dashed}.preview-frame.editing .preview-handle,.preview-frame.editing .preview-rot,.preview-frame.editing .preview-rot-stem{display:none}.preview-handle{position:absolute;width:10px;height:10px;background:var(--accent);border-radius:2px;pointer-events:auto;touch-action:none}.preview-handle.nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.preview-handle.ne{left:100%;top:0;transform:translate(-50%,-50%);cursor:nesw-resize}.preview-handle.se{left:100%;top:100%;transform:translate(-50%,-50%);cursor:nwse-resize}.preview-handle.sw{left:0;top:100%;transform:translate(-50%,-50%);cursor:nesw-resize}.preview-rot-stem{position:absolute;left:50%;bottom:100%;width:1.5px;height:18px;background:var(--accent);transform:translate(-50%);pointer-events:none}.preview-rot{position:absolute;left:50%;bottom:calc(100% + 18px);width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);transform:translate(-50%,50%);cursor:grab;pointer-events:auto;touch-action:none}.preview-rot:active{cursor:grabbing}.preview-mask{position:absolute;left:var(--x, 0);top:var(--y, 0);width:var(--w, 0);height:var(--h, 0);transform:translate(-50%,-50%) rotate(var(--rot, 0deg));transform-origin:center;pointer-events:none}.preview-mask-edge{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px dashed var(--play);border-radius:var(--r, 0)}.preview-mask-handle,.preview-mask-rot,.preview-mask-center{position:absolute;background:var(--play);pointer-events:auto;touch-action:none}.preview-mask-handle{width:10px;height:10px;border-radius:2px}.preview-mask-handle.nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.preview-mask-handle.ne{left:100%;top:0;transform:translate(-50%,-50%);cursor:nesw-resize}.preview-mask-handle.se{left:100%;top:100%;transform:translate(-50%,-50%);cursor:nwse-resize}.preview-mask-handle.sw{left:0;top:100%;transform:translate(-50%,-50%);cursor:nesw-resize}.preview-mask-center{left:50%;top:50%;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg);transform:translate(-50%,-50%);cursor:move}.preview-mask-stem{position:absolute;left:50%;bottom:100%;width:1.5px;height:18px;background:var(--play);transform:translate(-50%);pointer-events:none}.preview-mask-rot{left:50%;bottom:calc(100% + 18px);width:14px;height:14px;border-radius:50%;border:2px solid var(--bg);transform:translate(-50%,50%);cursor:grab}.preview-mask-rot:active{cursor:grabbing}@media(pointer:coarse){.preview-handle:after,.preview-rot:after,.preview-mask-handle:after,.preview-mask-rot:after,.preview-mask-center:after{content:"";position:absolute;top:-17px;right:-17px;bottom:-17px;left:-17px}.preview-handle{width:12px;height:12px}.preview-rot{width:16px;height:16px}.preview-mask-handle{width:12px;height:12px}.preview-mask-rot,.preview-mask-center{width:16px;height:16px}}.canvas-actions{position:absolute;left:var(--x, 50%);top:var(--y, 50%);transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:calc(100% - 16px);padding:6px;background:#1e1e1ef5;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #00000080;z-index:4}.canvas-actions.above{transform:translate(-50%,-100%)}.canvas-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text);border-radius:8px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.canvas-action:hover:not(:disabled){background:var(--hover)}.canvas-action:disabled{color:#5a5a5a;cursor:default;opacity:1}.canvas-action.danger{color:var(--danger)}.canvas-action.active{background:var(--hover);color:var(--accent)}@media(pointer:coarse){.canvas-action{width:44px;height:44px}}.object-band{display:flex;align-items:center;gap:10px;height:34px;padding:0 16px;background:var(--bg)}.object-band .band-label{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-3);flex:none}.object-band .band-track{position:relative;flex:1;min-width:0;height:20px;background:var(--input);border-radius:var(--radius-sm)}.object-band .band-range{position:absolute;left:var(--a, 0%);right:calc(100% - var(--b, 100%));top:0;bottom:0;background:#fe803f47;border-radius:var(--radius-sm)}.object-band .band-handle{position:absolute;top:0;bottom:0;width:8px;background:var(--accent);border-radius:3px;cursor:ew-resize;touch-action:none}.object-band .band-handle.start{left:var(--a, 0%);transform:translate(-50%)}.object-band .band-handle.end{left:var(--b, 100%);transform:translate(-50%)}@media(pointer:coarse){.object-band{height:44px}.object-band .band-handle:after{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px}}.object-band .band-playhead{position:absolute;left:var(--p, 0%);top:-2px;bottom:-2px;width:2px;background:var(--play);pointer-events:none}.object-band .band-range-text{flex:none;font-size:11.5px;color:var(--text-3)}.format-chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;background:var(--input);border-radius:7px;font-size:12.5px;font-weight:600;color:var(--text)}.format-chip svg{color:var(--text-2);flex:none}.format-chip:hover{background:var(--hover)}.format-chip:hover svg{color:var(--text)}.format-picker{position:relative;z-index:var(--z-modal);width:min(520px,calc(100vw - 32px));padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px #0000008c}.format-picker h4{margin:0 0 4px;font-size:15px}.format-picker.sheet{position:fixed;left:0;right:0;bottom:0;width:auto;border-radius:14px 14px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom));max-height:50dvh;overflow-y:auto}.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:14px 0 10px}.format-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--card);border:1px solid var(--border);border-radius:10px;text-align:center}.format-option:hover{background:var(--hover)}.format-option.active{border-color:var(--accent)}.format-shape{display:block;height:34px;aspect-ratio:var(--ar);border:1.5px solid var(--text-2);border-radius:3px;margin-bottom:4px}.format-option.active .format-shape{border-color:var(--accent)}.format-name{font-size:12.5px;font-weight:600;color:var(--text)}.format-res{font-size:11px;color:var(--text-2)}.format-use{font-size:11px;color:var(--text-3)}.format-actions{display:flex;justify-content:flex-end;margin-top:14px}.guion-picker,.nuevo-video{width:min(560px,calc(100vw - 32px))}.nuevo-video{max-height:min(86dvh,900px);overflow-y:auto}.guion-list{margin:10px 0 4px}.guion-items{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:46dvh;overflow-y:auto}.guion-item{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:10px;text-align:left}.guion-item:hover{background:var(--hover)}.guion-item.active{border-color:var(--accent)}.guion-tema{font-size:13px;font-weight:600;color:var(--text)}.guion-meta{grid-column:1;font-size:11px;color:var(--text-3)}.guion-badge{grid-column:2;grid-row:1;align-self:center;padding:2px 8px;font-size:10.5px;color:var(--text-2);border:1px solid var(--border);border-radius:999px;white-space:nowrap}.guion-accion{grid-column:2;grid-row:2;align-self:center;font-size:11px;color:var(--accent)}.guion-paginacion{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.guion-estado{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.guion-elegido{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 2px}.nuevo-video .format-actions{gap:8px}.slider{width:100%;height:16px;accent-color:var(--accent);background:transparent}.slider::-webkit-slider-thumb{box-shadow:0 1px 4px #00000080}.slider::-moz-range-thumb{box-shadow:0 1px 4px #00000080}@media(pointer:coarse){.slider{height:24px}}@media(prefers-reduced-motion:reduce){.canvas-action,.preview-frame,.format-chip{transition:none}}.toolstrip{grid-area:strip;display:flex;align-items:center;gap:4px;height:40px;padding:0 10px;background:var(--surface);border-top:1px solid var(--border)}.tool-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;color:var(--text-2);border-radius:var(--radius-sm);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.tool-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.tool-btn:disabled{opacity:.4;cursor:default}.tool-btn.active{background:var(--hover);color:var(--accent)}.tool-sep{width:1px;height:18px;background:var(--border);margin:0 6px}.toolstrip .zoom-slider{width:110px}.shell.mobile .toolstrip .zoom-slider{width:80px}.tool-label{font-size:12px;color:var(--text-3)}.toolstrip input[type=range]{accent-color:var(--accent);width:110px}.toolstrip .caption-input{width:220px;font-size:13px;height:28px}.caption-styles{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.caption-style-chip{height:28px;padding:0 10px;border-radius:14px;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--text-2);font-size:12px;font-weight:600;white-space:nowrap}.caption-style-chip:hover{background:var(--hover);color:var(--text)}.caption-style-chip.active{border-color:transparent;color:var(--on-light);background:linear-gradient(90deg,#ffc252,#fe803f,#ff413b)}.insp-hint{display:block;font-size:12px;color:var(--text-3);margin:4px 0 8px}.timeline-zone{grid-area:timeline;height:155px;background:var(--surface);position:relative}.shell.tl-collapsed .timeline-zone{height:71px;cursor:pointer}.tl-toggle svg{transition:transform .14s ease}.shell.tl-collapsed .tl-toggle svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.tl-toggle svg{transition:none}}.timeline-row{display:flex;height:100%;min-height:0;position:relative}.timeline-canvas-wrap{position:relative;flex:1;min-width:0;height:100%}.track-headers{position:relative;width:var(--track-head-w);flex:none;height:100%;overflow:hidden;border-right:1px solid var(--border, rgba(255, 255, 255, .08));background:var(--surface)}.track-header{position:absolute;left:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;overflow:hidden;padding-left:20px;touch-action:none}.track-grip{position:absolute;left:0;top:0;bottom:0;width:20px;display:flex;align-items:center;justify-content:center;color:var(--text-3);cursor:grab;touch-action:none;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.track-grip:hover{color:var(--text);background:var(--hover)}.track-grip:active{cursor:grabbing;color:var(--accent)}@media(pointer:coarse){.track-grip:after{content:"";position:absolute;top:0;right:-6px;bottom:0;left:-6px}}.track-header.dragging{opacity:.5;cursor:grabbing}.track-reorder-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.track-reorder-overlay .reorder-band{position:absolute;left:0;right:0;background:#fe803f1f;border-top:1px solid rgba(254,128,63,.45);border-bottom:1px solid rgba(254,128,63,.45)}.track-reorder-overlay .reorder-line{position:absolute;left:0;right:0;height:2px;margin-top:-1px;background:var(--accent);box-shadow:0 0 6px #fe803fb3}.track-reorder-overlay .reorder-line:before{content:"";position:absolute;left:2px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.track-header-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border, rgba(255, 255, 255, .14));border-radius:5px;background:transparent;color:var(--text-2, var(--text));font-size:13px;line-height:1;cursor:pointer;padding:0}@media(pointer:coarse){.track-header-btn{position:relative}.track-header-btn:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}}.track-header-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.track-header-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.track-header-btn:disabled{opacity:.35;cursor:not-allowed}.track-header-btn.danger:hover:not(:disabled){border-color:#ff413b;color:#ff413b}.track-header-btn.active{border-color:var(--accent);color:var(--accent)}.track-header.hidden-track{opacity:.55}.track-confirm{position:fixed;left:50%;bottom:120px;transform:translate(-50%);z-index:var(--z-modal, 60);display:flex;flex-direction:column;gap:14px;width:min(340px,calc(100vw - 32px));padding:16px;border-radius:10px;background:#181818;border:1px solid var(--border, rgba(255, 255, 255, .12));box-shadow:0 8px 32px #00000080}.track-confirm-text{margin:0;font-size:13px;color:var(--text);text-align:center}.track-confirm-actions{display:flex;gap:8px}.track-confirm-actions .btn{flex:1}.band-drop-hint{position:absolute;left:0;right:0;z-index:1;pointer-events:none}.band-drop-hint.ok{background:#fe803f24;border:1px dashed var(--accent);border-left:none;border-right:none}.band-drop-hint.dim{background:#00000073}.timeline-zone.drop-active:after{content:"Suelta para agregar al timeline";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:6px;z-index:var(--z-sticky);border:2px dashed var(--accent);color:var(--text);font-weight:600;pointer-events:none}.proj-switch{position:relative}.proj-trigger{display:inline-flex;align-items:center;gap:6px;max-width:240px;padding:6px 10px;color:var(--text);font-weight:500;border-radius:var(--radius-sm);transition:background var(--dur) var(--ease)}.proj-trigger:hover{background:var(--hover)}.proj-trigger svg{color:var(--text-3);flex:0 0 auto}.proj-trigger-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--z-dropdown);width:340px;max-width:calc(100vw - 24px);background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 48px #0000008c;overflow:hidden}.proj-pop-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.proj-pop-title{font-weight:700;font-size:13px;flex:1}.proj-pop-head-actions{display:flex;gap:6px}.proj-pop-head-actions .btn{height:28px;padding:0 10px;font-size:12px}.proj-list{max-height:60vh;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.proj-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid transparent}.proj-row:hover{background:var(--input)}.proj-row.active{background:var(--input);border-color:var(--border)}.proj-row.confirm{flex-wrap:wrap;border-color:var(--danger);background:var(--surface)}.proj-confirm-text{flex:1;min-width:0;font-size:12px;color:var(--text-2)}.proj-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;padding:2px}.proj-name-text{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-meta{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}.proj-badge{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--accent)}.proj-rename{flex:1;min-width:0;height:30px;font-size:13px}.proj-actions{display:flex;gap:4px;flex:0 0 auto}.proj-act{padding:4px 8px;font-size:12px;color:var(--text-2);border-radius:var(--radius-sm);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.proj-act:hover:not(:disabled){background:var(--hover);color:var(--text)}.proj-act.danger:hover:not(:disabled){color:var(--danger)}.proj-row .btn.danger{border-color:var(--danger);color:var(--danger);height:28px;font-size:12px}.export-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.export-modal{z-index:var(--z-modal);width:min(92vw,340px);padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 48px #0000008c;display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:center}.export-modal h4{margin:0;font-size:15px}.export-modal .row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-2);text-align:left}.export-modal .row strong{color:var(--text)}.export-modal .actions{display:flex;gap:8px;justify-content:center;margin-top:4px}.export-modal a.btn-export{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.export-modal-label{margin:0;font-size:13px;color:var(--text-2)}.export-modal-label.error{color:var(--danger);overflow-wrap:break-word}.export-modal-label.warning{color:var(--accent);overflow-wrap:break-word}.export-modal-pct{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.export-spinner{width:34px;height:34px;margin:0 auto;border-radius:50%;border:3px solid var(--input);border-top-color:var(--accent);animation:export-spin .9s linear infinite}@keyframes export-spin{to{transform:rotate(360deg)}}.export-check{width:34px;height:34px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ok);color:var(--on-light);font-size:18px;font-weight:700}.export-bar{position:relative;height:8px;border-radius:999px;background:var(--input);overflow:hidden}.export-bar-fill{height:100%;width:0%;border-radius:inherit;background:var(--brand-gradient);transition:width .3s var(--ease)}.export-bar.indeterminate .export-bar-fill{width:40%;animation:export-slide 1.2s var(--ease) infinite}@keyframes export-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.shell.mobile{grid-template-rows:52px minmax(120px,1fr) auto auto 64px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top" "stage inspector" "strip strip" "timeline timeline" "dock dock"}.shell.mobile.kb-open{grid-template-rows:52px minmax(160px,1fr) auto auto 64px}.shell.mobile.kb-open .timeline-zone{height:76px}.shell.mobile.sheet-open .canvas-actions,.shell.mobile.sheet-open .object-band,.shell.mobile .rail,.shell.mobile .library{display:none}.shell.mobile .topbar{padding:0 10px;gap:6px}.shell.mobile .topbar .logo{display:none}.shell.mobile .proj-trigger{min-height:40px;padding:6px 8px}.shell.mobile .proj-trigger-name{max-width:28vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell.mobile .btn-export{padding:0 12px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.shell.mobile .save-state{font-size:11px}.shell.mobile .proj-pop{position:fixed;top:52px;left:12px;right:12px;width:auto}.shell.mobile .proj-act,.shell.mobile .proj-pop-head-actions .btn{min-height:40px}.shell.mobile .proj-name{min-height:44px}.shell.mobile .project-name{display:none}.shell.mobile .save-state{min-width:0}.shell.mobile .preview-wrap{padding:8px}.shell.mobile .transport{gap:4px;padding:0 8px}.shell.mobile .transport .time{font-size:11px}.shell.mobile .timeline-zone{height:168px}.dock{grid-area:dock;display:none;align-items:stretch;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.shell.mobile .dock{display:flex}.dock-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:var(--text-2);min-height:52px}.dock-btn.active{color:var(--text)}.dock-btn:active{color:var(--text);background:var(--card)}.media-thumb .sel{position:absolute;top:5px;right:5px;z-index:1;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(250,250,250,.85);background:#10101073;color:var(--on-light);font-size:12px;font-weight:700}.media-thumb.selected{border-color:var(--accent)}.media-thumb.selected .sel{background:var(--accent);border-color:var(--accent)}.sheet-tray{display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}.sheet-tray .tray-scroll{flex:1;display:flex;gap:8px;overflow-x:auto}.tray-thumb{position:relative;flex:0 0 auto;width:46px;aspect-ratio:var(--ar);border-radius:6px;background:var(--card) center / cover no-repeat;border:1px solid var(--border)}.tray-thumb .rm{position:absolute;top:-6px;right:-6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--text);color:var(--on-light);font-size:11px;font-weight:700;line-height:1}.library-sheet{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));top:auto;max-height:50dvh;z-index:var(--z-modal);background:var(--surface);border-top:1px solid var(--border);border-radius:14px 14px 0 0;box-shadow:0 -12px 32px #00000080;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}.library-sheet:before{content:"";flex:0 0 auto;width:36px;height:4px;margin:8px auto 2px;border-radius:999px;background:var(--text-3)}.library-sheet>*:not(.sheet-head){flex:1 1 auto;min-height:0}.library-sheet .sheet-head{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.library-sheet .sheet-head h3{margin:0;font-size:15px;flex:1}.library-sheet .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell.mobile .toolstrip{display:flex;flex-wrap:wrap;gap:2px;row-gap:4px;height:auto;min-height:44px;padding:4px 6px}.shell.mobile .toolstrip .tool-text{display:none}.shell.mobile .toolstrip .tool-btn{min-width:40px;min-height:44px;justify-content:center;padding:0 6px}.shell.mobile .toolstrip .tool-label{font-size:11px}.shell.mobile .toolstrip .caption-input{flex:1 1 120px;min-width:0;min-height:40px}.shell.mobile .toolstrip .caption-styles{flex:1 1 100%;min-width:0;order:10;display:flex;flex-wrap:wrap;gap:6px;padding-bottom:2px}.shell.mobile .toolstrip .caption-styles .caption-style-chip{flex:0 0 auto;min-height:40px}.shell.mobile .toolstrip input[type=range]{width:90px}.shell.mobile .bulk-bar,.shell.mobile .silence-bar{position:static;box-shadow:none}.inspector-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.insp-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:60px;padding:8px 4px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;transition:background var(--dur) var(--ease)}.insp-action:active{background:var(--hover)}.insp-action.danger{color:var(--danger)}.insp-field{display:flex;flex-direction:column;gap:6px;margin-top:12px}.insp-field label{font-size:12px;color:var(--text-2)}.insp-field input[type=text]{height:40px;font-size:15px}.insp-field input[type=range]{accent-color:var(--accent);height:32px}.insp-subtitle{margin-top:4px}.insp-field-xy{flex-direction:row;gap:12px}.insp-field-xy label{display:flex;align-items:center;gap:6px;flex:1}.inspector-card.collapsed .insp-styles .caption-styles{flex-wrap:wrap;align-items:center}.inspector-card.collapsed .insp-styles .caption-style-chip{flex:none;white-space:nowrap}.banner{display:flex;gap:12px;align-items:center;padding:7px 14px;font-size:13px;border-bottom:1px solid var(--border)}.banner.warn{background:#2b1d05;color:#ffd58a}.banner.info{background:#0d2237;color:#a8d4ff}.center-screen{height:100dvh;display:grid;place-items:center;text-align:center;padding:24px;color:var(--text-2)}.center-screen h2{color:var(--text);margin:0 0 8px}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.toasts{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;max-width:min(92vw,480px)}.toast{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius, 10px);box-shadow:0 6px 24px #00000073;color:var(--text);font-size:13px;line-height:1.4;pointer-events:auto;animation:toast-in .18s ease-out}.toast.warning{border-color:var(--accent)}.toast-close{flex:0 0 auto;width:24px;height:24px;border-radius:50%;color:var(--text-3);font-size:16px;line-height:1}.toast-close:hover{background:var(--hover);color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.stage-empty{position:absolute;top:20px;right:20px;bottom:20px;left:20px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;border:1px dashed var(--border);border-radius:12px;background:var(--bg);color:var(--text-2);transition:border-color var(--dur) var(--ease)}.stage-empty.drop-over{border-color:var(--accent);border-style:solid}.stage-empty-title{margin:0;font-size:15px;font-weight:600;color:var(--text)}.stage-empty-note{margin:0 0 4px;font-size:12px;color:var(--text-3);max-width:260px}.timeline-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:12.5px;color:var(--text-3)}.inspector-card{grid-area:inspector;container-type:inline-size;width:var(--inspector-w);background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:4px;padding:10px 12px;overflow-y:auto;min-height:0}.inspector-card .insp-head{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.inspector-card .insp-head .title{font-weight:600;font-size:14px}.inspector-card .insp-source{flex:1;min-width:0;text-align:right;font-size:11.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-card .inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 0}.inspector-card .insp-action{flex-direction:row;justify-content:flex-start;gap:8px;height:36px;padding:0 10px;background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text);text-align:left}.inspector-card .insp-action span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-card .insp-action:hover:not(:disabled){background:var(--hover)}.inspector-card .insp-action:disabled{color:#5a5a5a;opacity:1;cursor:default}.inspector-card .insp-action.danger{color:var(--danger)}.inspector-card .insp-action.active{color:var(--accent)}.inspector-card .insp-action{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:8px 6px;font-size:11px;color:var(--text-2);border-radius:var(--radius-sm);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.inspector-card .insp-action:hover:not(:disabled){background:var(--hover);color:var(--text)}.inspector-card .insp-action.danger:hover:not(:disabled){color:var(--danger)}.inspector-card .insp-action.active{background:var(--hover);color:var(--accent)}.inspector-card .insp-action.compact{min-width:40px;flex-direction:row;padding:6px}.insp-section{padding:8px 0;border-top:1px solid var(--border)}.insp-section-title{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.inspector-card .insp-field label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);margin-bottom:4px}.inspector-card .insp-field input[type=range]{width:100%;accent-color:var(--accent)}.insp-value{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--text)}.insp-reset{width:22px;height:22px;border-radius:50%;color:var(--text-3);font-size:13px;line-height:1;position:relative}@media(pointer:coarse){.insp-reset:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}}.insp-reset:hover{background:var(--hover);color:var(--text)}.insp-select{width:100%;min-height:34px;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--input);color:var(--text);font:inherit}.insp-select option{background:var(--card);color:var(--text)}.insp-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media(pointer:coarse){.insp-select{min-height:44px}}.insp-field-label{display:block;font-size:12px;color:var(--muted, #9aa);margin-bottom:6px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.pick-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:1px solid transparent;border-radius:8px;background:none;color:var(--text);font:inherit;cursor:pointer;position:relative}.pick-item:hover{background:var(--input)}.pick-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pick-sel{border-color:var(--accent)}.pick-tile{width:100%;aspect-ratio:1;border-radius:6px;display:block;background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%,transparent 75%,#2a2a2a 75%),linear-gradient(45deg,#2a2a2a 25%,transparent 25%,transparent 75%,#2a2a2a 75%);background-size:12px 12px;background-position:0 0,6px 6px;background-color:#1e1e1e}.pick-tile-vacio{display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.15;padding:4px;color:var(--muted, #9aa)}.pick-label{font-size:11px;line-height:1.2;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pick-badge{position:absolute;top:6px;right:6px;left:6px;text-align:center;font-size:9px;padding:1px 4px;border-radius:4px;background:#5a3a00;color:#ffd9a0}.pick-off{opacity:.45;cursor:not-allowed}.pick-off:hover{border-color:var(--border)}@media(pointer:coarse){.pick-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.insp-solo-escritorio{margin-left:6px;padding:1px 6px;border-radius:999px;border:1px solid var(--border);background:var(--input);color:var(--text-3);font-size:10px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.insp-kf{width:22px;height:22px;border-radius:50%;font-size:12px;line-height:1;position:relative;color:var(--text-3);opacity:.55}.insp-kf-anim{color:var(--accent);opacity:1}.insp-kf-on{color:var(--accent);opacity:1;text-shadow:0 0 6px var(--accent)}.insp-kf:hover{background:var(--hover);color:var(--text);opacity:1}@media(pointer:coarse){.insp-kf:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}}.inspector-card .insp-row{display:flex;align-items:center;gap:6px}.inspector-card .insp-row input[type=range]{flex:1}.shell.mobile .inspector-card{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));top:auto;width:auto;max-height:46dvh;z-index:var(--z-modal);padding:0 12px 10px;border-left:none;border-top:1px solid var(--border);border-radius:14px 14px 0 0;box-shadow:0 -12px 32px #00000080;overscroll-behavior:contain}.shell.mobile .inspector-card:before{content:"";align-self:center;flex:0 0 auto;width:36px;height:4px;margin:8px 0 4px;border-radius:999px;background:var(--text-3)}.shell.mobile .inspector-card .insp-action{min-height:44px}.shell.mobile .inspector-card.empty,.shell.mobile.sheet-open .inspector-card{display:none}.preview-stage{justify-content:center}.inspector-card.collapsed .inspector-actions,.inspector-card.collapsed .insp-section:not([aria-label=Texto]),.inspector-card.collapsed .insp-hint{display:none}.insp-spin{margin-left:auto;display:inline-flex;align-items:center;gap:3px;background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px}.insp-spin input[type=number]{width:44px;background:none;border:none;color:var(--text);font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.insp-spin input[type=number]:focus{outline:none}.insp-unit{font-size:11px;color:var(--text-3)}.inspector-card .insp-section:first-of-type{border-top:none}.insp-field textarea{width:100%;resize:vertical;min-height:42px;font:inherit;color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);padding:6px 8px;box-sizing:border-box}.ovr{display:flex;flex-direction:column;gap:6px;margin-top:10px}.ovr-group{display:flex;flex-direction:column;gap:4px}.ovr-group+.ovr-group{margin-top:6px;padding-top:10px;border-top:1px solid var(--border)}.ovr-group-label{font-size:11px;color:var(--text-3)}.ovr-row{display:flex;align-items:center;gap:8px;min-height:34px}.ovr-label{flex:0 0 85px;font-size:12px;color:var(--text-2);display:inline-flex;align-items:center;position:relative;padding-left:11px}.ovr-row.overridden .ovr-label{color:var(--text)}.ovr-dot{position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}.ovr-row .insp-reset{visibility:hidden}.ovr-row.overridden .insp-reset{visibility:visible}.ovr-control{flex:1;display:flex;align-items:center;gap:6px;justify-content:flex-end}.ovr-row.stacked{flex-direction:column;align-items:stretch;gap:6px}.ovr-row.stacked .ovr-head{display:flex;align-items:center;gap:8px}.ovr-row.stacked .ovr-head .ovr-label{flex:1}.ovr-row.stacked .ovr-control{justify-content:flex-start}.font-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2px 6px;width:100%}.font-chip{height:30px;padding:0 8px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;background:none;color:var(--text-2);font-size:13px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;justify-content:flex-start;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.font-chip:hover{background:var(--hover);color:var(--text)}.font-chip.active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text)}@media(prefers-reduced-motion:reduce){.font-chip{transition:none}}.ovr-control select{flex:1;min-width:0;font:inherit;font-size:13px;color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:6px;padding:5px 6px}.ovr-control input[type=color]{width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 16%,transparent);margin-right:auto}.ovr-control input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.ovr-control input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.ovr-control .insp-spin{margin-left:0}.ovr-control .insp-spin input[type=number]{width:40px}.ovr-control .insp-unit{width:14px}.ovr-toggles{display:inline-flex;gap:4px;flex-wrap:wrap}@container (max-width: 260px){.ovr-row{flex-wrap:wrap;row-gap:4px}.ovr-label{flex:1 0 100%}.ovr-control{justify-content:flex-start}.ovr-control .insp-spin{margin-left:auto}.ovr-control input[type=color]{margin-right:0}}.ovr-tg{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--text-2, var(--text));font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ovr-tg.on{background:var(--accent);color:var(--on-light);border-color:var(--accent)}.ovr-tg:disabled{opacity:.4;cursor:not-allowed}.ovr-reset-all{margin-top:6px;align-self:flex-start}@media(pointer:coarse){.ovr-tg{min-width:44px;height:44px}.ovr-control input[type=color]{width:44px;height:44px}.font-chip{height:44px;padding:0 10px}.caption-style-chip{height:44px;border-radius:22px;padding:0 14px}}.transcript{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0;min-width:0;outline:none}.transcript-empty{padding:16px;font-size:13px;line-height:1.5}.transcript-empty .muted,.transcript-actions .muted{color:var(--text-2)}.transcript-tabs{display:flex;gap:4px;flex-wrap:wrap}.transcript-tab{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input);color:var(--text-2);font-size:12px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcript-tab.active{background:var(--hover);color:var(--text);border-color:var(--accent)}.transcript-hint,.transcript-warn{margin:0;font-size:12px;line-height:1.45;color:var(--text-2)}.transcript-warn{color:var(--brand-yellow)}.transcript-body{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:4px 2px;-webkit-user-select:none;user-select:none}.transcript-para{margin:0 0 10px;font-size:14px;line-height:1.75;overflow-wrap:break-word;word-break:break-word}.transcript-time{border:0;background:none;padding:0 6px 0 0;color:var(--text-3);font-size:11px;font-variant-numeric:tabular-nums;cursor:pointer;vertical-align:baseline}.transcript-time:hover{color:var(--accent)}.transcript-word{padding:1px 2px;border-radius:3px;cursor:pointer}.transcript-word+.transcript-word{margin-left:4px}.transcript-word:hover{background:var(--hover)}.transcript-word.current{background:var(--accent);color:var(--on-light)}.transcript-word.selected{background:var(--danger);color:var(--on-light)}.transcript-word.untimed{color:var(--text-3);cursor:default}.transcript-word.untimed:hover{background:none}.transcript-edit{display:inline;max-width:100%;padding:0 2px;border:0;border-bottom:2px solid var(--accent);border-radius:3px 3px 0 0;background:var(--input);color:var(--text);font:inherit;line-height:inherit;vertical-align:baseline;outline:none;-webkit-user-select:text;user-select:text}.transcript-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--border);font-size:12px}@media(pointer:coarse){.transcript-para{font-size:15px;line-height:2.1}.transcript-word{padding:4px 3px}}