*{box-sizing:border-box;margin:0}:root{color-scheme:dark;--bg: #1a1b1e;--panel: #232428;--panel-2: #2a2c31;--border: #3a3d44;--text: #e6e7ea;--text-dim: #9a9ca3;--accent: #4f8cff;--video-clip: #3a6ea5;--audio-clip: #3f9e6e}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;overflow:hidden}.app{display:flex;flex-direction:column;height:100%}.top{display:flex;min-height:0}.split-divider{flex:0 0 6px;cursor:row-resize;background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);touch-action:none}.split-divider:hover,.split-divider:active{background:var(--accent)}.media-bin{width:280px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--panel);position:relative;transition:width .18s ease}.media-bin.collapsed{width:26px;overflow:hidden}.media-bin.collapsed>*:not(.media-expand){display:none}.media-expand{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;padding-top:12px;writing-mode:vertical-rl;font-size:11px;color:var(--text-dim);cursor:e-resize;-webkit-user-select:none;user-select:none}.media-expand:hover{background:#ffffff0f;color:#fff}.media-head-actions{display:flex;align-items:center;gap:5px}.media-collapse-btn{font-size:14px;line-height:1;padding:2px 7px}.media-bin.drag-over{outline:2px dashed var(--accent);outline-offset:-4px}.media-bin-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-weight:600;border-bottom:1px solid var(--border)}.file-menu{position:relative}.file-menu-list{position:absolute;top:calc(100% + 4px);right:0;z-index:30;display:flex;flex-direction:column;gap:2px;min-width:180px;padding:4px;background:#1c1d22;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000073;font-weight:400}.file-menu-list button,.file-menu-toggle{display:flex;align-items:center;gap:7px;width:100%;padding:6px 10px;text-align:left;font-size:12px;border:none;border-radius:5px;background:transparent}.file-menu-hint{margin-left:auto;color:var(--text-dim);font-size:10px}.menu-danger{color:#e0556b}.transition-dot{position:relative;width:18px;height:18px;padding:0;border-radius:50%;border:1px solid #7da7d9;background:#1d2733;color:#cfe3ff;font-size:12px;font-weight:700;line-height:1;cursor:pointer;z-index:4;box-shadow:0 0 0 2px #00000073}.transition-dot:hover{transform:scale(1.25);background:#2c3e55;color:#fff}.transition-dot.off{border-color:var(--border);color:var(--text-dim);background:#26272d}.transition-dot.has{background:#5cb3ff;border-color:#5cb3ff;color:#04121f}.transition-dot.sel{box-shadow:0 0 0 2px #fff,0 0 0 4px #00000073}.transition-inspector .env-toggle{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:3px}.transition-inspector .env-toggle button{min-width:26px}.transition-inspector .transition-durs{display:flex;gap:4px;padding:0}.transition-durs{display:flex;gap:4px;padding:2px 8px 4px}.transition-durs button{flex:1;width:auto;text-align:center;border:1px solid var(--border)}.transition-durs button.on{background:#5cb3ff;border-color:#5cb3ff;color:#04121f}.transition-band{position:absolute;background:#5cb3ff29;border-left:1px solid rgba(92,179,255,.55);border-right:1px solid rgba(92,179,255,.55);z-index:2;pointer-events:none}.transition-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;pointer-events:auto}.transition-handle-l{left:-3px}.transition-handle-r{right:-3px}.transition-handle:hover{background:#5cb3ff8c}.fade-grip{position:absolute;top:2px;width:11px;height:11px;border-radius:50%;background:#fff6;border:1px solid rgba(0,0,0,.55);cursor:ew-resize;z-index:3}.fade-grip:hover{background:#fff}.file-menu-list button:hover,.file-menu-toggle:hover{background:#ffffff14}.file-menu-sep{height:1px;margin:3px 6px;background:var(--border)}.file-menu-toggle{display:flex;align-items:center;gap:7px;cursor:pointer}.media-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.media-bin-footer{display:flex;justify-content:flex-end;padding:7px 10px;border-top:1px solid var(--border)}.import-menu{position:relative}.import-menu .file-menu-list{top:auto;bottom:calc(100% + 4px)}.url-import{display:flex;flex:1;gap:6px;align-items:center}.url-import input{flex:1;min-width:0;padding:5px 8px;font-size:12px;color:var(--text);background:#16171b;border:1px solid var(--border);border-radius:6px}.url-import button{white-space:nowrap}.url-pitch span{flex:1;min-width:0;font-size:11px;line-height:1.35;color:var(--text-dim)}.media-empty{color:var(--text-dim);text-align:center;padding:24px 8px;line-height:1.6}.media-item{display:flex;gap:8px;align-items:center;padding:6px;border-radius:6px;background:var(--panel-2);cursor:grab;border:1px solid transparent}.media-item:hover{border-color:var(--accent)}.media-thumb{width:72px;height:44px;object-fit:cover;border-radius:4px;background:#000;flex-shrink:0}.media-thumb-audio{display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#2d6a4f,#40916c)}.media-meta{min-width:0}.media-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-duration{color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums}.player{flex:1;display:flex;min-width:0;background:#111214}.player-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;padding:12px;position:relative;container-type:size}.player-stage canvas{width:100%;height:100%;display:block;border-radius:4px;background:#000;box-shadow:0 4px 24px #00000080}.transport{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#121316a8;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000073;transition:opacity .25s ease}.player-stage:not(:hover) .transport{opacity:0}.transport button{font-size:16px;width:38px;height:30px}.transport .play-btn{width:48px}.edit-actions{position:absolute;bottom:16px;right:16px;z-index:5;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#121316a8;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000073}.timecode{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:5;pointer-events:none;white-space:nowrap;padding:3px 9px;border-radius:7px;background:#12131699;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;font-size:13px}.timecode-total{color:var(--text-dim)}.timecode-out{color:#e0556b;margin-left:7px}.timeline{flex:1 1 0;min-height:0;display:flex;flex-direction:column;background:var(--panel);position:relative}.edit-stack{flex:0 0 auto;width:452px;max-width:45%;padding:12px 10px;display:flex;flex-direction:column;align-items:stretch;gap:6px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.edit-stack .keyframe-section{flex-wrap:wrap;padding:4px 8px;background:color-mix(in srgb,var(--env-color) 12%,rgba(18,19,22,.72));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.insp-sec{border-radius:7px;background:color-mix(in srgb,var(--env-color) 11%,rgba(18,19,22,.72));border:1px solid color-mix(in srgb,var(--env-color) 30%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px}.insp-sec.off{background:#18191cb3;border-color:#ffffff1a}.insp-sec.off .kf-label,.insp-sec.off>.insp-head .env-dot{filter:grayscale(.7);opacity:.65}.insp-head{display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:7px;cursor:pointer;user-select:none;-webkit-user-select:none}.insp-head:hover{background:#ffffff09}.insp-chips{margin-left:auto;display:flex;align-items:center;gap:6px;min-width:0}.insp-chip{font-size:11px;color:color-mix(in srgb,var(--env-color) 80%,#fff);background:#ffffff0f;border-radius:10px;padding:1px 8px;font-variant-numeric:tabular-nums;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-chev{color:var(--text-dim);font-size:10px;transition:transform .15s}.insp-chev.closed{transform:rotate(-90deg)}.insp-switch{width:30px;height:17px;border-radius:10px;background:#33353a;border:1px solid var(--border);position:relative;padding:0;flex:none;transition:background .15s}.insp-switch:after{content:"";position:absolute;top:1px;left:1px;width:13px;height:13px;border-radius:50%;background:#c5c7cc;transition:left .15s}.insp-switch.on{background:var(--env-color);border-color:var(--env-color)}.insp-switch.on:after{left:14px;background:#0b1218}.insp-body{display:flex;flex-direction:column;gap:7px;padding:2px 9px 8px}.insp-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.insp-sec input[type=range]{accent-color:var(--env-color);width:100px}.insp-sec .env-toggle button.on,.insp-sec .insp-row>button.on{background:var(--env-color);border-color:var(--env-color);color:#06121f}.env-toggle button.tweaked{border-color:color-mix(in srgb,#ffd166 55%,transparent);color:#ffd166}.zoom-control{position:absolute;bottom:18px;right:18px;z-index:6;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:#121316a8;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoom-control input[type=range]{width:110px}.zoom-control button{width:26px;padding:4px 0;font-size:14px;line-height:1}.version{color:var(--text-dim);font-size:10px;font-weight:400;margin-left:4px}.timeline-body{flex:1;display:flex;min-height:0;overflow:hidden}.track-headers{width:230px;flex-shrink:0;border-right:1px solid var(--border);background:var(--panel);z-index:3;overflow:hidden}.headers-scroll{will-change:transform}.ruler-spacer{border-bottom:1px solid var(--border);position:relative;z-index:1;background:var(--panel)}.add-tracks{display:flex;align-items:center;gap:4px;padding:0 6px}.add-tracks button,.add-tracks .title-select{font-size:11px;padding:2px 6px;white-space:nowrap}.track-header{background:var(--panel-2);border-radius:4px;padding:4px 6px;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden}.track-header-row{display:flex;align-items:center;gap:4px}.track-name{flex:1;min-width:0;background:transparent;border:none;color:var(--text);font-size:12px;font-weight:600;padding:2px}.track-name:focus{outline:1px solid var(--accent);border-radius:3px}.track-toggle{width:22px;height:20px;font-size:10px;font-weight:700;padding:0;color:var(--text-dim)}.track-toggle.on{background:var(--accent);color:#fff}.track-delete{width:20px;height:20px;padding:0;font-size:10px;color:var(--text-dim)}.track-sliders{gap:8px}.track-sliders label{display:flex;align-items:center;gap:3px;flex:1;min-width:0}.track-sliders input[type=range]{flex:1;min-width:0;height:14px}.slider-icon{font-size:10px}.lanes-viewport{flex:1;overflow:auto;position:relative}.lanes-viewport::-webkit-scrollbar{width:12px;height:12px}.lanes-viewport::-webkit-scrollbar-thumb{background:#ffffff38;border:3px solid transparent;border-radius:7px;background-clip:content-box}.lanes-viewport::-webkit-scrollbar-thumb:hover{background:#fff6;background-clip:content-box}.lanes-content{position:relative;min-height:100%;cursor:ew-resize;touch-action:none}.ruler{position:sticky;top:0;z-index:2;background:var(--panel);border-bottom:1px solid var(--border);cursor:ew-resize;-webkit-user-select:none;user-select:none}.ruler-tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--border);padding-left:4px;color:var(--text-dim);font-size:10px;pointer-events:none}.lanes{position:relative;z-index:0}.lane{position:absolute;left:0;right:0;background:#ffffff08;border-radius:4px}.lane-video{background:#4f8cff0f}.lane-audio{background:#3f9e6e0f}.skip-rail{position:sticky;top:28px;flex:none;background:#ffffff08;border-bottom:1px solid var(--border);cursor:crosshair;z-index:3}.skip-header{position:relative;z-index:1;display:flex;align-items:center;padding:0 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#b9a6ff;background:var(--panel);border-bottom:1px solid var(--border)}.skip-seg{position:absolute;top:1px;bottom:1px;display:flex;align-items:center;border-radius:3px;cursor:grab;overflow:hidden;font-size:10px;font-weight:700;color:#fff}.skip-manual{background:#e0556b}.skip-auto{background:#8b6df0}.skip-selected{outline:2px solid #fff;outline-offset:-2px}.skip-seg-label{flex:1;padding:0 2px;white-space:nowrap;overflow:hidden;pointer-events:none}.skip-delete{flex:none;padding:0 3px;background:transparent;border:0;color:#fff;font-size:12px;line-height:1;cursor:pointer;opacity:0}.skip-seg:hover .skip-delete{opacity:.85}.skip-resize{flex:none;align-self:stretch;width:6px;cursor:ew-resize}.skip-band{position:absolute;bottom:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(45deg,#e0556b33 0,#e0556b33 6px,#e0556b12 6px,#e0556b12 12px);border-left:1px solid rgba(224,85,107,.55);border-right:1px solid rgba(224,85,107,.55)}.skip-band-auto{background:repeating-linear-gradient(45deg,#8b6df033 0,#8b6df033 6px,#8b6df012 6px,#8b6df012 12px);border-left-color:#8b6df08c;border-right-color:#8b6df08c}.autoskip-threshold{position:absolute;left:0;height:0;border-top:1px dashed #8b6df0;cursor:ns-resize;z-index:3}.autoskip-threshold-label{position:absolute;left:4px;top:-13px;font-size:9px;font-weight:700;color:#b9a6ff;background:#0000008c;padding:0 3px;border-radius:2px;white-space:nowrap;pointer-events:none}.autoskip-min{display:flex;align-items:center;gap:2px;font-size:12px;color:var(--text-dim)}.autoskip-min input{width:44px}.env-dot-skip{background:#8b6df0}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#f55;z-index:2;pointer-events:none}.playhead:before{content:"";position:absolute;top:0;left:-5px;border:5px solid transparent;border-top:7px solid #ff5555}.playhead-grip{position:absolute;top:0;width:16px;z-index:4;cursor:ew-resize;touch-action:none}.lanes{cursor:ew-resize}.clip{position:absolute;border-radius:5px;overflow:hidden;cursor:grab;border:1px solid rgba(255,255,255,.25);-webkit-user-select:none;user-select:none;touch-action:none}.clip:active{cursor:grabbing}.clip-video{background:var(--video-clip)}.clip-audio{background:var(--audio-clip)}.clip.selected{outline:2px solid #ffd166;outline-offset:-1px;z-index:1}.clip-strip{position:absolute;top:0;left:0;pointer-events:none}.clip-image{position:absolute;top:0;left:0;right:0;background-repeat:repeat-x;background-size:auto 100%;background-position:center;pointer-events:none}.clip-wave{position:absolute;left:0;pointer-events:none}.clip-wave-overlay{background:linear-gradient(transparent,#0000008c)}.clip-label{position:absolute;left:0;right:0;bottom:0;padding:2px 8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#00000059;pointer-events:none}.clip-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:2}.clip-handle-l{left:0}.clip-handle-r{right:0}.clip-handle:hover{background:#ffffff4d}.envelope{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;z-index:3}.env{opacity:.4}.env.env-active{opacity:1}.env-line{fill:none;stroke-width:2;pointer-events:none}.env-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:ns-resize}.env-point{stroke:#1a1b1e;stroke-width:1.5;pointer-events:none}.env-point-hit{fill:transparent;pointer-events:all;cursor:grab}.env-point-hit:hover+.env-point{r:7}.env-opacity .env-line{stroke:#ffd166}.env-opacity .env-point{fill:#ffd166}.env-volume .env-line{stroke:#41d98d}.env-volume .env-point{fill:#41d98d}.env-zoom .env-line{stroke:#5cb3ff}.env-zoom .env-point{fill:#5cb3ff}.env-rotation .env-line{stroke:#ff9f43}.env-rotation .env-point{fill:#ff9f43}.env-position .env-line{stroke:#ff6fb5;stroke-dasharray:4 4}.env-position .env-point{fill:#ff6fb5}.env-position .env-hit{cursor:copy}.env-speed .env-line{stroke:#ff7a1a}.env-speed .env-point{fill:#ff7a1a}.env-filter .env-line{stroke:#c792ea}.env-filter .env-point{fill:#c792ea}.marker-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff59;border-left:1px dashed rgba(255,255,255,.25);z-index:1;pointer-events:none}.tag-header{display:flex;align-items:center;padding:0 8px;border-radius:4px;background:var(--panel-2);color:var(--text-dim);font-size:11px;font-weight:600}.tag-lane{position:absolute;left:0;background:#2dd4bf12;border:1px dashed rgba(45,212,191,.25);border-radius:4px;cursor:copy;z-index:1}.tag{position:absolute;top:2px;bottom:2px;display:flex;align-items:center;gap:3px;padding:0 3px 0 6px;border-radius:3px;background:#2dd4bfeb;color:#06241f;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;cursor:grab;touch-action:none}.tag-flag{border-left:3px solid #06241f}.tag-span{background:#2dd4bf47;border:1px solid rgba(45,212,191,.9);color:#aef7ec}.tag-selected{outline:2px solid #fff;outline-offset:-1px;z-index:2}.tag-label{overflow:hidden;text-overflow:ellipsis}.tag-input{width:84px;min-width:40px;font:inherit;background:#06241f;color:#aef7ec;border:none;border-radius:2px;padding:0 3px}.tag-delete{border:none;background:transparent;color:inherit;font-size:13px;line-height:1;padding:0 1px;cursor:pointer;opacity:0}.tag:hover .tag-delete{opacity:.7}.tag-delete:hover{opacity:1}.tag-resize{position:absolute;right:0;top:0;bottom:0;width:7px;cursor:ew-resize}.transcript-header{display:flex;align-items:center;padding:0 8px;border-radius:4px;background:var(--panel-2);color:var(--text-dim);font-size:11px;font-weight:600}.transcript-search{display:flex;align-items:center;gap:3px;width:100%}.transcript-search-icon{flex-shrink:0;font-size:11px}.transcript-search-input{flex:1;min-width:0;height:18px;padding:0 5px;border:1px solid var(--border);border-radius:3px;background:var(--panel);color:var(--text);font-size:11px}.transcript-search-input:focus{outline:none;border-color:#9682e6e6}.transcript-search-count{flex-shrink:0;font-size:10px;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}.transcript-search-nav{flex-shrink:0;width:16px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:3px;background:var(--panel);color:var(--text);font-size:13px;line-height:1;cursor:pointer}.transcript-search-nav:hover:not(:disabled){border-color:#9682e6e6;color:#fff}.transcript-search-nav:disabled{opacity:.4;cursor:default}.transcript-cue.is-match{background:#f0be50eb;color:#1a1206;box-shadow:0 0 0 1px #ffdc82e6}.transcript-cue.is-match:hover{background:#facd5f}.transcript-lane{position:absolute;left:0;background:#b4a0ff0f;border:1px dashed rgba(180,160,255,.22);border-radius:4px;z-index:1;pointer-events:none}.transcript-cue{position:absolute;top:2px;bottom:2px;display:flex;align-items:center;padding:0 5px;border-radius:3px;background:#9682e6d9;color:#fff;font-size:11px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;pointer-events:auto}.transcript-cue:hover{background:#aa96faf2}.transcript-empty{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:11px;font-style:italic;color:var(--text-dim);pointer-events:none}.transcribe-btn.empty{color:#e0a04f;border-color:#e0a04f80}.transcribe-btn{margin-top:3px;padding:1px 6px;font-size:10px;border-radius:4px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-dim);cursor:pointer}.transcribe-btn:hover:not(:disabled){color:var(--text);border-color:#8a7fd8}.transcribe-btn.done{color:#b9a9ff;border-color:#9682e680}.transcribe-btn:disabled{cursor:default;opacity:.8}.relink-btn{display:block;margin-top:3px;padding:1px 6px;font-size:10px;border-radius:4px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-dim);cursor:pointer}.relink-btn:hover{color:var(--text);border-color:#8a7fd8}.relink-btn.missing{color:#e0a04f;border-color:#e0a04f99}.app-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg, #14151a);color:var(--text-dim);font-size:13px}.app-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(150,130,230,.25);border-top-color:#8a7fd8;animation:app-spin .8s linear infinite}@keyframes app-spin{to{transform:rotate(360deg)}}.clip-title{background:linear-gradient(135deg,#6b4fd8,#9b59b6)}.title-clip-body{position:absolute;top:0;right:0;bottom:16px;left:0;display:flex;align-items:center;gap:8px;padding:0 12px;overflow:hidden}.title-clip-glyph{font-size:22px;font-weight:800;font-family:Georgia,serif;opacity:.8}.title-clip-text{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-select,select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:4px 6px;font-family:inherit;font-size:12px}.time-field{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim)}.time-field input{width:64px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:11px;font-variant-numeric:tabular-nums;padding:3px 4px}.title-input{background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;padding:3px 6px;width:130px}.title-input-sub{width:100px}.export{position:absolute;top:12px;right:16px;z-index:6}.export-btn{white-space:nowrap}.export-dialog{position:absolute;top:38px;right:0;width:250px;max-width:calc(100cqw - 24px);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;z-index:20;box-shadow:0 8px 30px #00000080}.export-dialog select{width:100%}.export-heading{font-weight:700}.export-hint{font-size:11px;color:var(--text);line-height:1.4}.export-note{font-size:11px;color:var(--text-dim);line-height:1.4}.export-skip-note{font-size:11px;color:#e0556b;line-height:1.4}.export-start{background:var(--accent);color:#fff;font-weight:600;white-space:nowrap;padding:8px 12px}.export-captions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-top:1px solid var(--border);padding-top:8px;font-size:11px;color:var(--text-dim);line-height:1.4}.export-captions span{flex:1 1 100%}.export-captions button{font-size:11px;padding:3px 10px}.shortcuts{position:absolute;top:46px;right:16px;z-index:6}.shortcuts-btn{white-space:nowrap;font-size:11px;color:var(--text-dim)}.shortcuts-panel{position:absolute;top:32px;right:0;width:300px;max-width:calc(100cqw - 24px);max-height:60cqh;overflow-y:auto;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:5px;z-index:20;box-shadow:0 8px 30px #00000080}.shortcuts-heading{font-weight:700;margin-bottom:3px}.shortcut-row{display:flex;gap:8px;align-items:baseline;font-size:11px}.shortcut-row kbd{flex:0 0 auto;min-width:108px;padding:1px 5px;background:var(--panel);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:10px;color:var(--text)}.shortcut-row span{color:var(--text-dim)}.export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.export-progress-box{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:20px 28px;display:flex;flex-direction:column;gap:12px;align-items:center;min-width:260px}.export-progress-box progress{width:100%}.new-project-btn{color:var(--text-dim);font-size:11px}.keyframe-section{--env-color: #5cb3ff;display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:5px;background:color-mix(in srgb,var(--env-color) 9%,transparent);border:1px solid color-mix(in srgb,var(--env-color) 30%,transparent)}.kf-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--env-color)}.env-slider{display:flex;align-items:center;gap:6px}.env-value{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;min-width:36px;color:var(--env-color)}.keyframe-section input[type=range]{accent-color:var(--env-color)}.keyframe-section .env-toggle button.on{background:var(--env-color);border-color:var(--env-color);color:#06121f}.env-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:1px}.env-dot-volume{background:#41d98d}.env-dot-opacity{background:#ffd166}.env-dot-zoom{background:#5cb3ff}.env-dot-rotation{background:#ff9f43}.env-dot-position{background:#ff6fb5}.env-dot-speed{background:#ff7a1a}.env-dot-filter{background:#c792ea}.env-dot-scale{background:#4dd0e1}.env-dot-key{background:#39d353}.key-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;border:1px solid rgba(255,255,255,.5);vertical-align:-1px}.preview-overlay.key-pick{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;pointer-events:auto}.cut-flag{position:absolute;top:2px;width:14px;height:16px;margin-left:-7px;border-radius:3px 3px 6px 6px;background:#e5534b;color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center;cursor:grab;z-index:3;touch-action:none}.cut-flag.selected{outline:2px solid #fff}.shortcuts.help{top:72px}.shortcuts.switcher{top:98px}.switcher-panel{min-width:180px}.switcher-angle{display:block;width:100%;text-align:left;margin:2px 0}.switcher-angle.on{background:#e5534b;color:#fff}.switcher-foot{display:flex;align-items:center;gap:6px;margin-top:6px}.key-pick-hint{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:#39d353;background:#0000008c;padding:2px 8px;border-radius:10px;pointer-events:none}.env-scale .env-line{stroke:#4dd0e1}.env-scale .env-point{fill:#4dd0e1}.filter-adjust input[type=range]{width:56px}.keyframe-section input[type=range]{width:90px}.font-control{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700}.font-control input[type=range]{width:70px}input[type=color]{width:26px;height:24px;padding:1px;border:1px solid var(--border);border-radius:4px;background:var(--panel-2);cursor:pointer}.canvas-wrap{position:relative;width:min(100%,calc(100cqh * var(--aspect, 1.7778)));aspect-ratio:var(--aspect, 1.7778);margin:auto;overflow:hidden}.ease-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-dim)}.env-point-selected{stroke:#fff;stroke-width:2.5}.env-guide{stroke:#ffffff4d;stroke-dasharray:3 3;pointer-events:none}.env-guide-label{fill:#ffffff80;font-size:8px;pointer-events:none}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.zoom-rect{position:absolute;border:2px solid #5cb3ff;box-shadow:0 0 0 9999px #00000059;cursor:move;pointer-events:auto;touch-action:none}.zoom-rect-label{position:absolute;top:4px;left:6px;font-size:11px;font-weight:700;color:#5cb3ff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.zoom-rect-handle{position:absolute;right:1px;bottom:1px;width:14px;height:14px;background:#5cb3ff;border:2px solid #fff;border-radius:3px;cursor:nwse-resize;pointer-events:auto;touch-action:none}.zoom-reset{position:absolute;top:8px;left:8px;pointer-events:auto;font-size:11px}.pip-rect{position:absolute;border:2px solid #4dd0e1;cursor:move;pointer-events:auto;touch-action:none}.pip-rect-label{position:absolute;top:4px;left:6px;font-size:11px;font-weight:700;color:#4dd0e1;text-shadow:0 1px 2px rgba(0,0,0,.8)}.pip-rect-handle{position:absolute;right:1px;bottom:1px;width:14px;height:14px;background:#4dd0e1;border:2px solid #fff;border-radius:3px;cursor:nwse-resize;pointer-events:auto;touch-action:none}.title-overlay-box{position:absolute;transform:translate(-50%,-50%);border:1.5px dashed rgba(255,255,255,.65);border-radius:4px;cursor:move;pointer-events:auto;touch-action:none}.title-overlay-tag{position:absolute;top:2px;left:4px;font-size:11px;color:#ffffffb3}.title-rotate-handle{position:absolute;left:50%;top:-26px;transform:translate(-50%);width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:#0b0d12;background:#ffffffeb;border:1.5px solid rgba(255,255,255,.65);border-radius:50%;cursor:grab;pointer-events:auto;touch-action:none}.title-rotate-handle:before{content:"";position:absolute;top:15px;left:50%;width:1.5px;height:10px;background:#ffffffa6}.title-rotate-label{position:absolute;top:2px;right:4px;font-size:11px;font-weight:700;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.8)}.lane-title{background:#9b59b614}.title-opacity{display:flex;align-items:center;gap:3px;flex:0 0 70px}.title-opacity input[type=range]{width:100%;min-width:0}.env-toggle{display:flex;flex-wrap:wrap;gap:2px}.env-toggle button{font-size:11px;padding:2px 8px}.env-toggle button.on{background:var(--accent);color:#fff}.env-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.env-status button{font-size:11px;padding:2px 8px}.env-hint{font-size:10px;color:var(--text-dim)}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:4px 10px;cursor:pointer;font-family:inherit}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}input[type=range]{accent-color:var(--accent)}