:root{color:#f5f5f4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#111;--panel:#1a1a1a;--panel-2:#222;--panel-3:#2b2b2b;--line:#353535;--line-strong:#4a4a4a;--text:#f5f5f4;--muted:#aaa7a0;--muted-2:#77736c;--blue:#4f8cff;--red:#ef4444;--green:#22c55e;--amber:#f59e0b;--chrome:#181818;--chrome-2:#141414;--control-bg:#242424;--control-bg-hover:#303030;--control-border-hover:#575757;--field-bg:#151515;--field-bg-focus:#111;--tooltip-bg:#252525;--tooltip-border:#ffffff24;--overlay-bg:#0000007a;--notice-bg:#202020;--popover-bg:#222;--context-menu-bg:#181818f5;--context-menu-text:#dedede;--context-menu-hover-bg:#2a2a2a;--context-menu-hover-text:#fff;--modal-bg:#1c1c1c;--surface-soft:#ffffff08;--surface-hover:#ffffff0f;--surface-hover-strong:#ffffff14;--selection-bg:#4f8cff1a;--selection-border:#4f8cff40;--accent-bg:#4f8cff26;--accent-border:#4f8cff59;--warning-bg:#eab3081f;--warning-border:#eab30885;--warning-border-soft:#eab30840;--warning-ring:#eab30838;--danger-bg:#ef44441a;--danger-bg-strong:#ef444429;--danger-border:#ef444466;--danger-border-strong:#ef44448c;--danger-text:#fca5a5;--danger-text-strong:#fecaca;--dialog-border:#ffffff24;--subtle-border:#ffffff1f;--hairline:#ffffff0a;--shadow-sm:0 12px 34px #00000061;--shadow-md:0 18px 34px #00000059;--shadow-lg:0 24px 70px #00000070;--timeline-bg:#151515;--timeline-header-bg:#181818;--timeline-ruler-bg:#202020;--timeline-track-bg:#111;--timeline-waveform-bg:#0f0f0f;--timeline-grid:#ffffff09;--timeline-waveform-grid:#ffffff08;--ruler-mark:#555;--ruler-mark-minor:#ffffff0b;--ruler-mark-major:#ffffff1f;--ruler-mark-second:#ffffff3b;--ruler-text:#d4d4d4;--ruler-fraction-text:#9ca3af;--zoom-track:#3a3a3a;--zoom-fill-start:#e7e5e4;--zoom-fill-end:#93c5fd;--zoom-thumb-border:#181818;--zoom-thumb-bg:#f5f5f4;--kbd-bg:#0f0f0f;--accent-contrast-text:#fff;--accent-strong:#4f8cff;--style-badge:#a78bfa;--cue-selected-ring:#ffffffe0;--cue-shadow:0 1px 2px #00000047;--cue-shadow-hover:0 6px 18px #0000006b;--timeline-snap:#5eead4;--timeline-snap-glow:#5eead48c;--playhead-glow:#ef444473;background:#111;font-family:Inter,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:light){:root{color:#17202a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--panel:#fff;--panel-2:#f1f3f5;--panel-3:#e7ebef;--line:#d7dde5;--line-strong:#b8c2cf;--text:#17202a;--muted:#5f6977;--muted-2:#87909d;--blue:#2563eb;--red:#dc2626;--green:#16a34a;--amber:#d97706;--chrome:#fff;--chrome-2:#eef2f6;--control-bg:#f8fafc;--control-bg-hover:#eef2f7;--control-border-hover:#9aa6b2;--field-bg:#fff;--field-bg-focus:#fff;--tooltip-bg:#fff;--tooltip-border:#17202a29;--overlay-bg:#0f172a5c;--notice-bg:#fff;--popover-bg:#fff;--context-menu-bg:#fffffff5;--context-menu-text:#273241;--context-menu-hover-bg:#eef2f7;--context-menu-hover-text:#17202a;--modal-bg:#fff;--surface-soft:#0f172a09;--surface-hover:#0f172a0f;--surface-hover-strong:#0f172a14;--selection-bg:#2563eb17;--selection-border:#2563eb42;--accent-bg:#2563eb1f;--accent-border:#2563eb52;--warning-bg:#d977061f;--warning-border:#d977066b;--warning-border-soft:#d977063d;--warning-ring:#d977062e;--danger-bg:#dc262617;--danger-bg-strong:#dc26261f;--danger-border:#dc262652;--danger-border-strong:#dc26266b;--danger-text:#b91c1c;--danger-text-strong:#7f1d1d;--dialog-border:#17202a24;--subtle-border:#17202a1f;--hairline:#17202a0f;--shadow-sm:0 12px 34px #0f172a24;--shadow-md:0 18px 34px #0f172a24;--shadow-lg:0 24px 70px #0f172a2e;--timeline-bg:#eef2f6;--timeline-header-bg:#f8fafc;--timeline-ruler-bg:#e8edf3;--timeline-track-bg:#f8fafc;--timeline-waveform-bg:#f1f5f9;--timeline-grid:#222f3e12;--timeline-waveform-grid:#222f3e0f;--ruler-mark:#a8b4c1;--ruler-mark-minor:#222f3e12;--ruler-mark-major:#222f3e29;--ruler-mark-second:#222f3e47;--ruler-text:#334155;--ruler-fraction-text:#64748b;--zoom-track:#cbd5e1;--zoom-fill-start:#dbeafe;--zoom-fill-end:#2563eb;--zoom-thumb-border:#fff;--zoom-thumb-bg:#fff;--kbd-bg:#f8fafc;--accent-contrast-text:#17202a;--accent-strong:#2563eb;--style-badge:#7c3aed;--cue-selected-ring:#0f172ac7;--cue-shadow:0 1px 2px #0f172a24;--cue-shadow-hover:0 6px 18px #0f172a38;--timeline-snap:#0d9488;--timeline-snap-glow:#0d948866;--playhead-glow:#dc262659;background:#f6f7f9}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}::-webkit-scrollbar-corner{background:0 0}html,body,#root{background:var(--bg);width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:var(--control-bg);color:var(--text);cursor:pointer;border-radius:6px}.clear-button{background:0 0;border:none!important}button:hover:not(:disabled){background:var(--control-bg-hover);border-color:var(--control-border-hover)}button:disabled{cursor:not-allowed;opacity:.45}.tooltipButtonWrap{justify-content:center;align-items:center;display:inline-flex}.buttonTooltip{z-index:2600;border:1px solid var(--tooltip-border);background:var(--tooltip-bg);max-width:min(260px,100vw - 24px);color:var(--text);box-shadow:var(--shadow-sm);pointer-events:none;text-align:center;white-space:normal;border-radius:6px;padding:6px 8px;font-size:.72rem;font-weight:700;line-height:1.25;position:fixed}.buttonTooltip-top{transform:translate(-50%,-100%)}.buttonTooltip-bottom{transform:translate(-50%)}.buttonTooltip:after{content:"";border-right:1px solid var(--tooltip-border);border-bottom:1px solid var(--tooltip-border);background:var(--tooltip-bg);width:7px;height:7px;position:absolute;left:50%}.buttonTooltip-top:after{bottom:-5px;transform:translate(-50%)rotate(45deg)}.buttonTooltip-bottom:after{top:-5px;transform:translate(-50%)rotate(225deg)}input,textarea,select{border:1px solid var(--line);background:var(--field-bg);color:var(--text);border-radius:6px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue)}.appShell{width:100%;height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);grid-template-rows:48px minmax(0, 1fr) 6px var(--timeline-height,260px);background:var(--bg);display:grid}.appShellDropActive{outline:2px solid var(--blue);outline-offset:-2px}.dropOverlay{z-index:300;background:var(--overlay-bg);pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dropOverlayInner{border:1px solid var(--blue);background:var(--chrome);width:min(460px,100vw - 48px);min-height:132px;box-shadow:var(--shadow-lg);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:22px;display:flex}.dropOverlayInner strong{font-size:1rem}.dropOverlayInner span{max-width:34rem;color:var(--muted);font-size:.82rem;line-height:1.35}.dropNotice{z-index:260;border:1px solid var(--line-strong);background:var(--notice-bg);max-width:min(420px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-sm);border-radius:8px;padding:10px 12px;font-size:.82rem;line-height:1.35;position:fixed;top:60px;right:16px}.topBar{background:var(--chrome);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 12px;display:grid}.topMediaPanel,.topActions,.panelHeader,.timelineStatus,.previewTransport,.timelineTools,.segmentedControl,.iconToolbar{align-items:center;display:flex}.topMediaPanel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;height:100%;display:grid}.mediaSummary{flex-direction:column;gap:1px;min-width:0;display:flex}.mediaSummary strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.88rem;line-height:1.15;overflow:hidden}.mediaSummary span{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.2;overflow:hidden}.topActions{flex-shrink:0;gap:8px}.topActions>button,.topActions .exportMenu>button,.timelineTools button{align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:.78rem;font-weight:600;display:inline-flex}.topActions>.historyButton{justify-content:center;width:30px;padding:0}.topActions>.installButton{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent-strong)}.topActions>.installButton:hover:not(:disabled){border-color:var(--accent-strong)}.subtleButton{color:var(--muted)}@media (width<=1180px){.topActions .btnLabel{display:none}.topActions>button,.topActions .exportMenu>button{padding:0 8px}}.workspace{grid-template-columns:var(--sidebar-width,360px) 6px minmax(0, 1fr);min-height:0;display:grid}.sidebar{background:var(--panel);grid-template-rows:42px minmax(0,1fr);min-width:0;min-height:0;display:grid}.sidebarResizeHandle,.timelineResizeHandle{background:var(--chrome-2);touch-action:none;z-index:50;position:relative}.sidebarResizeHandle{cursor:col-resize;border-left:1px solid var(--line);border-right:1px solid var(--line)}.timelineResizeHandle{cursor:row-resize;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sidebarResizeHandle:after,.timelineResizeHandle:after{content:"";background:var(--line-strong);opacity:0;border-radius:999px;transition:opacity .12s,background .12s;position:absolute}.sidebarResizeHandle:after{width:2px;top:12px;bottom:12px;left:50%;transform:translate(-50%)}.timelineResizeHandle:after{height:2px;top:50%;left:12px;right:12px;transform:translateY(-50%)}.sidebarResizeHandle:hover:after,.timelineResizeHandle:hover:after{opacity:1;background:var(--blue)}.sidebarTabs,.mobilePaneTabs{border-bottom:1px solid var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.mobilePaneTabs{background:var(--panel);display:none}.sidebarTabs button,.mobilePaneTabs button{border:0;border-right:1px solid var(--line);min-width:0;color:var(--muted);white-space:nowrap;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:0 4px;font-size:.74rem;font-weight:600;display:flex;overflow:hidden}.sidebarTabs button svg,.mobilePaneTabs button svg{flex-shrink:0}.sidebarTabs button:last-child,.mobilePaneTabs button:last-child{border-right:0}.sidebarTabs .activeTab,.mobilePaneTabs .activeTab{color:var(--text);background:var(--control-bg);box-shadow:inset 0 -2px 0 var(--blue)}.mainStage{background:#0b0b0b;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid}.segmentedControl{background:var(--field-bg-focus);border:1px solid var(--line);border-radius:7px;gap:3px;padding:3px}.segmentedControl button{min-height:28px;color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:0 9px;font-size:.76rem;display:inline-flex}.segmentedControl .selected{color:var(--text);background:var(--control-bg-hover)}.videoPreview,.lyricPreview,.previewEmpty{background:#050505;min-height:0;position:relative;overflow:hidden}.previewEmpty{color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:16px;display:flex}.previewEmpty strong,.previewEmpty span{display:block}.previewEmpty strong{color:var(--text);margin-bottom:3px}.previewMedia{object-fit:contain;width:100%;height:100%}.previewPlaybackMedia{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.previewClickTarget{z-index:8;background:0 0;border:0;border-radius:0;position:absolute;inset:0}.previewClickTarget:hover:not(:disabled),.previewClickTarget:active:not(:disabled),.previewClickTarget:focus-visible{background:0 0;border-color:#0000;outline:none}.previewPlayIndicator{color:#fff;z-index:12;pointer-events:none;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.previewError{color:#fca5a5;text-align:center;z-index:18;background:#0f0f0fe6;border:1px solid #ef444473;border-radius:7px;gap:5px;width:min(360px,100% - 32px);padding:14px 16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.previewError strong{color:#fecaca;font-size:.86rem}.previewError span{color:var(--muted);font-size:.76rem;line-height:1.35}.audioPreview{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.audioMeters{align-items:center;gap:8px;height:120px;display:flex}.audioMeters span{background:linear-gradient(#4f8cff,#22c55e);border-radius:999px;width:12px}.audioMeters span:first-child{height:40px}.audioMeters span:nth-child(2){height:86px}.audioMeters span:nth-child(3){height:62px}.audioMeters span:nth-child(4){height:112px}.audioMeters span:nth-child(5){height:78px}.audioMeters span:nth-child(6){height:96px}.audioMeters span:nth-child(7){height:54px}.audioMeters span:nth-child(8){height:72px}.noMediaPreview{z-index:10;color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.noMediaPreview:hover,.noMediaPreview:focus-visible{color:var(--text);background:0 0;border-color:#0000}.noMediaPreview span{font-size:.82rem;font-weight:600}.subtitleStyledLayer{z-index:16;pointer-events:none;position:absolute;inset:0;overflow:hidden}.subtitleStyledCue{word-break:break-word}.subtitleCueFrame{position:absolute;inset:0}.subtitleStyledCue.typesetCue{pointer-events:auto;touch-action:none;outline-offset:3px;outline:1px dashed #fff6}.typesetCue-move{cursor:move}.typesetCue-rotate,.typesetCue-rotate3d,.typesetCue-scale{cursor:crosshair}.typesetClipSurface{z-index:1;pointer-events:auto;touch-action:none;cursor:crosshair;position:absolute;inset:0}.typesetClipOverlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.typesetHandle{z-index:3;pointer-events:auto;touch-action:none;cursor:grab;background:#4f8cff;border:1px solid #fff;width:11px;height:11px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 3px #0009}.typesetHandle-circle,.typesetHandle-control{border-radius:50%}.typesetHandle-control{background:#b06ef5;width:8px;height:8px;margin:-4px 0 0 -4px}.typesetHandle-diamond{transform:rotate(45deg)}.typesetToolbar button.typesetToolbarAction{border-left:1px solid #ffffff26;border-radius:0}.typesetToolbar{z-index:20;background:#0000009e;border:1px solid #ffffff1f;border-radius:7px;gap:2px;padding:3px;display:inline-flex;position:absolute;top:10px;left:10px}.typesetToolbar button{color:#ffffff8c;background:0 0;border:0;justify-content:center;align-items:center;width:26px;height:24px;padding:0;display:inline-flex}.typesetToolbar button.selected{color:#fff;background:#ffffff29}.previewTransport{z-index:20;color:#fff;font-variant-numeric:tabular-nums;background:#0000009e;border:1px solid #ffffff1f;border-radius:7px;gap:8px;padding:6px 8px;font-size:.78rem;position:absolute;bottom:14px;right:14px}.previewTransport button{justify-content:center;align-items:center;width:28px;height:24px;padding:0;display:inline-flex}.lyricPreview{background:radial-gradient(130% 90% at 50% -15%,#4f8cff33,#0000 55%),radial-gradient(110% 80% at 50% 120%,#22c55e24,#0000 52%),#060606;place-items:center;padding:clamp(28px,6vh,72px) 32px;display:grid}.lyricPreview:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 44%,#0000 52%,#000000a8);position:absolute;inset:0}.lyricStage{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,4vh,44px);width:min(1120px,92%);display:flex;position:relative}.lyricPast{color:#ffffff4d;min-height:1.4em;font-size:clamp(1rem,1.8vw,1.5rem);font-weight:600;line-height:1.3}.lyricNow{text-align:center;max-width:min(1040px,100%)}.lyricLine{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(2rem,5.2vw,5.8rem);font-weight:800;line-height:1.08;animation:.46s cubic-bezier(.22,1,.36,1) lyricLineIn}@keyframes lyricLineIn{0%{opacity:0;filter:blur(7px);transform:translateY(16px)scale(.985)}to{opacity:1;filter:blur();transform:none}}.lyricWord{transition:color .2s,opacity .2s,text-shadow .2s}.lyricWord-upcoming{color:#ffffff52}.lyricWord-sung{color:#fffffff0}.lyricWord-active{color:#fff;text-shadow:0 0 26px #63a0ff99,0 2px 12px #0000008c}.lyricPlaceholder{justify-content:center;align-items:center;gap:12px;min-height:clamp(2.4rem,6vw,6.4rem);margin:0;display:flex}.lyricPlaceholder span{background:#ffffff4d;border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite lyricPulse}.lyricPlaceholder span:nth-child(2){animation-delay:.2s}.lyricPlaceholder span:nth-child(3){animation-delay:.4s}@keyframes lyricPulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.85;transform:translateY(-5px)}}.lyricUpcoming{color:#ffffff6b;text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(820px,100%);font-size:clamp(.95rem,1.7vw,1.4rem);font-weight:600;line-height:1.25;display:flex}.lyricUpcoming span{opacity:calc(1 - (var(--upcoming-index,0) * .26));transition:opacity .24s}.previewFullscreen{z-index:1000;position:fixed;inset:0}.previewFullscreen .previewTransport{opacity:.18;transition:opacity .24s}.previewFullscreen:hover .previewTransport,.previewFullscreen:focus-within .previewTransport{opacity:1}.previewFullscreenActive .timelineShell{visibility:hidden}.previewFullscreenActive .timelineViewport::-webkit-scrollbar{display:none}.panel{background:var(--panel);flex-direction:column;height:100%;min-height:0;display:flex;container:panel/inline-size}.panelHeader{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;min-height:44px;padding:0 14px}.panelHeader h2{letter-spacing:-.01em;color:var(--text);margin:0;font-size:.85rem;font-weight:600}.panelHeader button{min-height:28px;padding:0 10px;font-size:.75rem;font-weight:600}.iconToolbar{flex-shrink:0;gap:2px}.iconToolbar>button,.iconToolbar>.tooltipButtonWrap>button{width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .1s;display:inline-flex}.iconToolbar>button:hover,.iconToolbar>.tooltipButtonWrap>button:hover{background:var(--surface-hover);color:var(--text)}.captionFindBar{border-bottom:1px solid var(--line);min-height:38px;color:var(--muted);grid-template-columns:16px minmax(0,1fr) auto 24px 24px 24px;align-items:center;gap:6px;padding:6px 12px;display:grid}.captionFindBar input{min-width:0;height:26px;padding:0 7px;font-size:.76rem}.captionFindBar button{width:24px;height:24px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.captionFindBar button:hover:not(:disabled),.captionFindBar button:focus-visible:not(:disabled){background:var(--surface-hover);color:var(--text)}.captionFindCount{font-variant-numeric:tabular-nums;text-align:right;min-width:38px;color:var(--muted-2);font-size:.68rem}.captionList{flex:1;min-height:0;padding:10px 12px;overflow-y:auto}.captionItem{cursor:default;background:0 0;border:1px solid #0000;border-radius:8px;margin-bottom:4px;padding:12px 14px;transition:all .1s ease-out;position:relative;overflow:hidden}.captionItem:before{content:"";background:var(--caption-track-color,var(--blue));opacity:0;border-radius:0 4px 4px 0;width:3px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:8px;bottom:8px;left:0;transform:translate(-100%)}.captionItem:hover{background:var(--surface-soft)}.captionItemSelected{background:var(--selection-bg);border-color:var(--selection-border)}.captionItemActive{background:var(--caption-track-bg,var(--surface-hover));border-color:var(--caption-track-border,transparent)}.captionItemFindMatch{border-color:var(--warning-border-soft)}.captionItemFindCurrent{background:var(--warning-bg);border-color:var(--warning-border);box-shadow:inset 0 0 0 1px var(--warning-ring)}.captionItemActive:before{opacity:1;transform:translate(0)}.captionItemSelected.captionItemActive{background:var(--caption-track-bg-strong,var(--accent-bg));border-color:var(--caption-track-border,var(--accent-border))}.captionTimingRow{opacity:.65;align-items:center;gap:8px;margin-bottom:6px;transition:opacity .2s;display:flex}.captionItem:hover .captionTimingRow,.captionItemActive .captionTimingRow,.captionItemSelected .captionTimingRow{opacity:1}.captionTimingRow button{width:22px;height:22px;color:var(--muted-2);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:all .15s;display:inline-flex}.captionTimingRow .tooltipButtonWrap{margin-left:auto}.captionTimingRow .tooltipButtonWrap button{margin-left:0}.captionItem:hover .captionTimingRow button{opacity:1;color:var(--muted)}.captionTimingRow button:hover{color:var(--red);background:var(--danger-bg)}.captionItem textarea{resize:none;width:100%;min-height:42px;color:var(--text);background:0 0;border:none;outline:none;padding:0;font-size:.85rem;line-height:1.5;display:block}.timeInput{background:var(--surface-soft);text-align:center;width:88px;height:22px;color:var(--muted);border:1px solid #0000;border-radius:4px;padding:0 4px;font-family:inherit;font-size:.72rem;transition:all .15s}.timeInput:hover{background:var(--surface-hover-strong);color:var(--text)}.timeInput:focus{background:var(--field-bg-focus);border-color:var(--blue);color:var(--text)}.captionTimingRow span{color:var(--muted-2);font-size:.7rem}.captionTimingRow .captionSyncBadge{color:var(--caption-track-color);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.captionTimingRow .captionSyncBadgePartial{opacity:.45}.exportMenu{position:relative}.exportMenuItems{border:1px solid var(--line);background:var(--popover-bg);width:210px;box-shadow:var(--shadow-md);z-index:40;border-radius:7px;flex-direction:column;gap:2px;padding:5px;display:none;position:absolute;top:calc(100% + 4px);right:0}.exportMenuOpen .exportMenuItems{display:flex}.exportMenuItems button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:7px 9px;font-size:.76rem;display:flex}.exportMenuItems button:hover{color:var(--text);background:var(--control-bg-hover)}.exportFormatName{flex:auto;min-width:0}.karaokeBadge,.stylingBadge{color:var(--accent-strong);flex:none;align-items:center;margin-left:auto;display:inline-flex}.stylingBadge{color:var(--style-badge)}.aidioBadge{background-color:var(--muted);flex:none;width:13px;height:13px;margin-left:auto;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}.captionContextMenu{z-index:1500;border:1px solid var(--subtle-border);background:var(--context-menu-bg);min-width:220px;max-width:260px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;flex-direction:column;gap:2px;padding:5px;display:flex;position:fixed;overflow-y:auto}.captionContextMenuLabel{border-bottom:1px solid var(--line);color:var(--muted);margin-bottom:2px;padding:7px 9px 8px;font-size:.7rem;font-weight:700;line-height:1.2}.captionContextMenu button{width:100%;min-height:28px;color:var(--context-menu-text);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;padding:0 9px;font-size:.76rem}.captionContextMenu button:hover:not(:disabled),.captionContextMenu button:focus-visible:not(:disabled){background:var(--context-menu-hover-bg);color:var(--context-menu-hover-text)}.captionContextMenu button.danger{color:var(--danger-text)}.captionContextMenu button.danger:hover:not(:disabled),.captionContextMenu button.danger:focus-visible:not(:disabled){background:var(--danger-bg-strong);color:var(--danger-text-strong)}.captionContextMenu button:disabled{cursor:not-allowed;opacity:.42}.captionContextMenu .contextMenuItemWithShortcut{align-items:center;gap:10px;display:flex}.captionContextMenu .contextMenuItemWithShortcut>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.contextMenuShortcut{color:currentColor;opacity:.5;margin-left:auto;font-size:.68rem;font-weight:700}.captionContextSubmenu{flex-direction:column;display:flex}.captionContextSubmenuToggle{justify-content:space-between;align-items:center;gap:8px;display:flex}.captionContextSubmenuChevron{color:var(--muted);opacity:.5;flex-shrink:0}.captionStyleSubmenu{z-index:1501;min-width:180px;max-width:240px}.captionContextMenu .captionContextSubmenuItem{align-items:center;gap:6px;display:flex}.captionContextSubmenuCheck{color:var(--blue);opacity:0;flex-shrink:0}.captionContextSubmenuCheck.visible{opacity:1}.markerContextMenu{min-width:188px}.markerContextMenu>button{align-items:center;gap:10px;display:flex}.markerContextMenu>button>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.markerColorGrid{grid-template-columns:repeat(4,1fr);gap:6px;padding:5px 5px 8px;display:grid}.captionContextMenu .markerColorSwatch{background:var(--marker-color);color:#080c14d1;text-align:center;border:1px solid #ffffff29;border-radius:6px;justify-content:center;align-items:center;width:100%;height:26px;min-height:26px;padding:0;line-height:1;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff42}.captionContextMenu button.markerColorSwatch:hover:not(:disabled),.captionContextMenu button.markerColorSwatch:focus-visible:not(:disabled){background:var(--marker-color);color:#080c14d1;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff42,0 0 0 2px #fff3}.markerColorSwatch svg{margin:auto;display:block}.markerColorSwatchSelected{outline-offset:1px;outline:2px solid #ffffffad}.modalOverlay{z-index:1800;background:var(--overlay-bg);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.captionShiftDialog{border:1px solid var(--dialog-border);background:var(--modal-bg);width:min(360px,100vw - 40px);box-shadow:var(--shadow-lg);border-radius:8px;gap:12px;padding:16px;display:grid}.captionShiftDialogHeader{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.captionShiftDialogHeader h2{color:var(--text);margin:0;font-size:.94rem;line-height:1.25}.captionShiftDialogHeader span{color:var(--muted);font-size:.72rem;font-weight:700}.captionShiftError{color:var(--danger-text);font-size:.76rem;line-height:1.35}.captionShiftActions{justify-content:flex-end;gap:8px;display:flex}.captionShiftActions button{min-height:30px;padding:0 12px;font-size:.78rem;font-weight:700}.confirmDialog{width:min(400px,100vw - 40px)}.confirmDialogMessage{color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;font-size:.8rem;line-height:1.45}.confirmDialogMessage ol{margin:6px 0 0;padding-left:18px}.confirmDialogMessage strong{color:var(--text)}.confirmDialogMessage svg{vertical-align:-2px}.captionShiftActions button.confirmDialogDanger{border-color:var(--danger-border-strong);background:var(--danger-bg-strong);color:var(--danger-text-strong)}.captionShiftActions button.confirmDialogDanger:hover:not(:disabled){background:var(--danger-border)}.emptyPanel{height:100%;min-height:200px;color:var(--muted-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.emptyPanel.compact{height:auto;min-height:100px}.emptyPanel strong{color:var(--text);font-size:.9rem;font-weight:600}.emptyPanel span{max-width:200px;font-size:.8rem;line-height:1.4}.settingsGrid{flex-direction:column;gap:10px;padding:11px 12px;display:flex;overflow-y:auto}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--muted);font-size:.72rem;font-weight:700}.field input,.field select{width:100%;min-width:0;min-height:32px;padding:0 8px;font-size:.76rem}.jsonEditor{background:var(--panel-2);flex:1;min-height:0;overflow:hidden}.jsonHeaderControls{min-width:0;color:var(--muted);flex:1;justify-content:space-between;align-items:center;gap:10px;font-size:.75rem;display:flex}.jsonSplitControl,.jsonPagination,.jsonSplitMeta{align-items:center;gap:8px;min-width:0;display:flex}.jsonSplitControl{flex-shrink:0}.jsonSplitMeta{justify-content:flex-end;gap:12px}.jsonSplitControl span,.jsonPagination span,.jsonSplitInfo{white-space:nowrap}.jsonSplitInfo{color:var(--muted-2);font-variant-numeric:tabular-nums}.jsonPagination{justify-content:flex-end}.jsonSplitInput{background:var(--field-bg);border-radius:4px;width:56px;height:24px;padding:0 6px;font-size:.75rem}.jsonPagination button{border-radius:4px;min-width:28px;height:24px;padding:0 8px;font-size:.75rem}.errorBanner{border-bottom:1px solid var(--danger-border);background:var(--danger-bg-strong);color:var(--danger-text);padding:8px 12px;font-size:.76rem}.timelineShell{background:var(--timeline-bg);-webkit-user-select:none;user-select:none;grid-template-rows:minmax(0,1fr) 34px;grid-template-columns:210px minmax(0,1fr);min-height:0;display:grid}.trackHeaders{border-right:1px solid var(--line);background:var(--timeline-header-bg);scrollbar-width:none;grid-area:1/1;overflow:hidden auto}.trackHeaders::-webkit-scrollbar{display:none}.trackHeader{border-bottom:1px solid var(--line);grid-template-columns:18px minmax(0,1fr) 24px 24px 24px;align-items:center;gap:7px;height:54px;padding:0 9px;display:grid}.trackName,.trackNameInput{min-width:0}.trackName{text-overflow:ellipsis;white-space:nowrap;cursor:text;font-size:.76rem;overflow:hidden}.trackNameInput{-webkit-user-select:text;user-select:text;width:100%;height:26px;padding:0 6px;font-size:.76rem;font-weight:700}.trackHeader button{width:24px;height:24px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.trackDeleteButton:not(:disabled){color:var(--danger-text)}.trackAddButton{width:calc(100% - 18px);height:32px;color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:6px 9px;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.waveformHeader{border-top:1px solid var(--hairline);border-bottom:1px solid var(--line);background:var(--timeline-bg);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;height:48px;padding:0 8px;display:grid}.waveformHeaderWithAction{grid-template-columns:18px minmax(0,1fr) 24px}.waveformHeaderColor{border-radius:999px;width:18px;height:3px;box-shadow:0 0 10px}.waveformHeader strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.waveformHeader button{width:24px;height:24px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.waveformHeader button:hover,.waveformHeader button:focus-visible{color:var(--text)}.trackColorPicker{border:1px solid var(--line-strong);cursor:pointer;border-radius:50%;width:18px;height:18px;position:relative}.trackColorPicker input{opacity:0;cursor:pointer;border:0;width:24px;height:24px;padding:0;position:absolute;inset:-3px}.timelineViewport{overscroll-behavior:contain;background:var(--timeline-ruler-bg);grid-area:1/2;overflow:auto}.timelineContent{min-width:100%;position:relative}.timelineRuler{background:linear-gradient(180deg, #ffffff09, transparent 42%), var(--timeline-ruler-bg);z-index:25;height:35px;position:sticky;top:-1px;left:0;right:0;overflow:visible}.timelineRuler:after{content:"";background:var(--line);pointer-events:none;z-index:0;height:1px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #0000003d}.rulerMark{border-left:1px solid var(--ruler-mark);pointer-events:none;z-index:1;position:absolute;top:0;bottom:0}.rulerMarkMinor{border-left-color:var(--ruler-mark-minor);top:22px}.rulerMarkMajor{border-left-color:var(--ruler-mark-major);top:13px}.rulerMarkSecond{border-left-color:var(--ruler-mark-second);top:12px}.rulerMarkSecond.rulerMarkLabeled{top:0}.rulerMarkLabeled{z-index:2}.rulerMark span{box-sizing:border-box;width:max-content;max-width:var(--ruler-label-width,64px);background:var(--timeline-ruler-bg);box-shadow:0 0 0 3px var(--timeline-ruler-bg);color:var(--ruler-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-overflow:clip;white-space:nowrap;z-index:3;border-radius:3px;padding:0 4px;font-size:.65rem;font-weight:600;line-height:1;display:block;position:absolute;top:5px;left:5px;overflow:hidden}.rulerMarkMajor span{color:var(--ruler-fraction-text);font-size:.6rem;font-weight:500;top:3px}.rulerMarkEnd span{text-align:right;left:auto;right:5px}.timelineTrack{border-bottom:1px solid var(--line);background:linear-gradient(90deg, var(--timeline-grid) 1px, transparent 1px), var(--timeline-track-bg);background-size:var(--timeline-grid-step,72px) 100%;position:absolute;left:0;right:0}.timelineTrackLocked{opacity:.6}.timelineWaveformTrack{border-bottom:1px solid var(--line);background:linear-gradient(90deg, var(--timeline-waveform-grid) 1px, transparent 1px), var(--timeline-waveform-bg);background-size:var(--timeline-grid-step,72px) 100%;position:absolute;left:0;right:0;overflow:hidden}.waveformLane{width:100%;height:100%;position:relative}.waveformCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}.waveformStatus{color:var(--muted);pointer-events:none;font-size:.68rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cueBlock{color:#fff;cursor:grab;min-width:12px;box-shadow:inset 0 1px 0 #fff3, inset 0 -8px 14px -10px #0000008c, var(--cue-shadow);border:1px solid;border-radius:7px;align-items:center;transition:box-shadow .14s,filter .14s;display:flex;position:absolute;top:9px;bottom:9px;overflow:hidden}.cueBlock:hover{filter:brightness(1.1)saturate(1.04);box-shadow:inset 0 1px 0 #ffffff42, inset 0 -8px 14px -10px #0000008c, var(--cue-shadow-hover)}.cueBlock:active{cursor:grabbing}.cueBlock:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.cueBlockSelected,.cueBlockSelected:hover{outline:2px solid var(--cue-selected-ring);z-index:20;box-shadow:inset 0 1px 0 #ffffff4d, 0 0 0 4px var(--selection-border), var(--cue-shadow-hover)}.cueBlockText{z-index:1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #00000073;pointer-events:none;min-width:0;padding:0 10px;font-size:.76rem;font-weight:500;position:relative;overflow:hidden}.cueResize{cursor:ew-resize;z-index:3;justify-content:center;align-items:center;width:9px;display:flex;position:absolute;top:0;bottom:0}.cueResizeLeft{left:0}.cueResizeRight{right:0}.cueResize:after{content:"";background:#fff0;border-radius:2px;width:2px;height:42%;transition:background .12s,height .12s}.cueBlock:hover .cueResize:after{background:#ffffff80}.cueResize:hover:after{background:#fffffff2;height:62%}.playhead{background:var(--red);width:2px;box-shadow:0 0 8px var(--playhead-glow);will-change:transform;z-index:1000;pointer-events:none;position:absolute;top:34px;bottom:0;left:0;transform:translate(0,0)}.markerLine{background:linear-gradient(180deg, color-mix(in srgb, var(--marker-color) 68%, transparent), color-mix(in srgb, var(--marker-color) 10%, transparent));z-index:22;pointer-events:none;width:1px;margin-left:-.5px;position:absolute;top:34px;bottom:0}.timelineSnapGuide{background:linear-gradient(var(--timeline-snap) 55%, transparent 55%);width:1px;box-shadow:0 0 6px var(--timeline-snap-glow);z-index:900;pointer-events:none;background-size:100% 7px;margin-left:-.5px;position:absolute;top:34px;bottom:0}.playheadRuler{background:var(--red);will-change:transform;z-index:1000;pointer-events:none;width:2px;position:absolute;top:0;bottom:-1px;left:0;transform:translate(0,0)}.timelineSelection{z-index:4;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--accent-strong) 17%, transparent), color-mix(in srgb, color-mix(in srgb, var(--accent-strong) 72%, #a855f7) 11%, transparent));border-inline:1.5px solid color-mix(in srgb, var(--accent-strong) 55%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--accent-strong) 18%, transparent);border-radius:4px;position:absolute;top:34px;bottom:0}.timelineSelectionEdge{z-index:4;pointer-events:none;background:color-mix(in srgb, var(--accent-strong) 60%, transparent);width:1.5px;box-shadow:0 0 8px color-mix(in srgb, var(--accent-strong) 30%, transparent);margin-left:-.75px;position:absolute;top:34px;bottom:0}.playheadRuler span{background:var(--red);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 2px #0006);z-index:1001;width:10px;height:10px;display:block;position:absolute;top:0;left:-4px}.markerLane{z-index:40;pointer-events:none;height:18px;position:absolute;left:0;right:0}.markerFlag{background:linear-gradient(155deg, color-mix(in srgb, var(--marker-color) 82%, white), var(--marker-color));width:11px;height:11px;min-height:0;box-shadow:0 1px 3px #00000061, 0 0 6px color-mix(in srgb, var(--marker-color) 28%, transparent);cursor:grab;pointer-events:auto;touch-action:none;border:0;border-radius:3px;margin-left:-5.5px;padding:0;transition:transform .12s,box-shadow .12s,filter .12s;position:absolute;top:3px;transform:rotate(45deg)}.markerFlag:hover{filter:brightness(1.08);transform:rotate(45deg)scale(1.12)}.markerFlag:active{cursor:grabbing}.markerFlag:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.markerFlagSelected{box-shadow:0 0 0 2px color-mix(in srgb, var(--marker-color) 35%, transparent), 0 1px 4px #0000006b, 0 0 8px color-mix(in srgb, var(--marker-color) 42%, transparent);transform:rotate(45deg)scale(1.12)}.timelineTools{border-top:1px solid var(--line);background:var(--timeline-header-bg);grid-area:2/1/auto/-1;justify-content:flex-end;align-items:center;gap:8px;padding:0 26px;display:flex}.timelineTools button{border-radius:5px;gap:5px;min-height:24px;padding:0 8px;font-size:.74rem}.timelineStatus{min-width:0;color:var(--muted-2);font-variant-numeric:tabular-nums;white-space:nowrap;flex:auto;gap:12px;margin-right:auto;font-size:.72rem;font-weight:500;overflow:hidden}.timelineStatus span{text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.timelineStatus span:last-child{flex-shrink:0}.timelineTools .timelineIconButton{justify-content:center;width:26px;padding:0}.zoomControlGroup{flex-shrink:0;align-items:center;gap:4px;height:26px;padding:0;display:flex}.zoomControlGroup .timelineIconButton{background:0 0;border:none;width:22px;height:22px}.zoomControlGroup .timelineIconButton:hover{background:var(--control-bg-hover)}.timelineActionButton{flex-shrink:0;padding:0 10px}.timelineActionButton span{font-weight:500}.zoomSlider{cursor:pointer;touch-action:none;align-items:center;width:100px;height:24px;display:flex;position:relative}.zoomSliderTrack{background:var(--zoom-track);border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #00000059}.zoomSliderFill{border-radius:inherit;background:linear-gradient(90deg, var(--zoom-fill-start), var(--zoom-fill-end));position:absolute;inset:0 auto 0 0}.zoomSliderThumb{border:2px solid var(--zoom-thumb-border);background:var(--zoom-thumb-bg);pointer-events:none;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #00000073}.zoomSlider:focus-visible .zoomSliderThumb{outline:2px solid var(--blue);outline-offset:2px}.hiddenInput,.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.appShell{grid-template-rows:auto 40px minmax(0, 1fr) 12px min(var(--timeline-height,220px), 42dvh)}.topBar{min-height:48px;padding:6px 10px}.mobilePaneTabs{display:grid}.workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sidebarResizeHandle,.sidebarTabs{display:none}.sidebar{grid-template-rows:minmax(0,1fr)}.workspaceMobile-preview .sidebar,.workspaceMobile-panel .mainStage{display:none}.timelineResizeHandle:after{opacity:1;width:40px;height:3px;left:50%;right:auto;transform:translate(-50%,-50%)}.timelineShell{grid-template-columns:150px minmax(0,1fr)}.trackHeader{grid-template-rows:20px 24px;grid-template-columns:14px repeat(3,24px) minmax(0,1fr);align-content:center;gap:2px 4px;padding:0 6px}.trackHeader>.trackColorPicker{grid-area:1/1;width:14px;height:14px}.trackHeader>.trackName,.trackHeader>.trackNameInput{grid-area:1/2/auto/-1}.trackHeader>.trackNameInput{height:20px}.trackHeader>span:first-of-type{grid-area:2/2}.trackHeader>span:nth-of-type(2){grid-area:2/3}.trackHeader>span:nth-of-type(3){grid-area:2/4}.dropNotice{max-width:none;inset:auto 12px 12px}.exportMenuItems{max-height:60dvh;overflow-y:auto}}@media (width<=600px){.topBar{grid-template-columns:minmax(0,1fr);gap:6px}.topMediaPanel{gap:8px}.topActions{justify-content:flex-end;gap:6px}.segmentLabel{display:none}.segmentedControl button{padding:0 8px}.previewTransport{bottom:8px;right:8px}.typesetToolbar{max-width:calc(100% - 12px);top:6px;left:6px;overflow-x:auto}.timelineShell{grid-template-columns:112px minmax(0,1fr)}.trackAddButton{width:calc(100% - 12px);margin:6px;padding:0 6px}.timelineTools{gap:6px;padding:0 10px}.zoomSlider{width:64px}.timelineActionButton span{display:none}}@media (pointer:coarse){.timelineRuler,.cueBlockSelected,.cueResize{touch-action:none}.timelineShell,.sidebar{-webkit-touch-callout:none}.cueResize{width:16px}.cueBlockSelected .cueResize:after{background:#ffffffb3}.typesetHandle{width:18px;height:18px;margin:-9px 0 0 -9px}.typesetHandle-control{width:14px;height:14px;margin:-7px 0 0 -7px}.iconToolbar>button,.iconToolbar>.tooltipButtonWrap>button{width:32px;height:32px}.previewTransport button{width:34px;height:30px}.topActions>button,.topActions .exportMenu>button,.segmentedControl button{min-height:34px}.topActions>.historyButton{width:34px}}@media (hover:none){.buttonTooltip{display:none}}.karaokeLane{pointer-events:none;z-index:30;height:6px;position:absolute;left:0;right:0}.karaokeLaneLine{background:#ffffff24;border-radius:2px;height:2px;position:absolute;top:2px;overflow:hidden}.karaokeLaneLineActive{background:#ffcf5c2e;height:6px;top:0;box-shadow:0 0 7px #ffcf5c66}.karaokeLaneWord{border-radius:2px;transition:background .12s;position:absolute;top:0;bottom:0}.karaokeLaneWord-sung{background:#ffcf5c8c}.karaokeLaneWord-active{background:#ffcf5c;box-shadow:0 0 6px #ffcf5cd9}.karaokeLaneWord-upcoming{background:0 0}.karaokePanel{--karaoke-accent:var(--blue)}.captionViewToggle{background:var(--field-bg-focus);border:1px solid var(--line);border-radius:7px;gap:3px;min-width:0;padding:3px;display:inline-flex}.captionViewToggle button{min-width:0;min-height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;padding:0 9px;font-size:.74rem;font-weight:600;display:inline-flex}.captionViewToggle button svg{flex-shrink:0}.captionViewToggleLabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.captionViewToggle button:hover{color:var(--text)}.captionViewToggle button.selected{color:var(--text);background:var(--control-bg-hover)}@container panel (width<=352px){.captionViewToggleLabel{display:none}.captionViewToggle button{padding:0 7px}}@media (pointer:coarse){@container panel (width<=460px){.captionViewToggleLabel{display:none}.captionViewToggle button{padding:0 9px}}}.karaokeLineCount{text-align:center;font-variant-numeric:tabular-nums;min-width:46px;color:var(--muted);font-size:.72rem}.karaokeBody{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 12px;display:flex;overflow-y:auto}.karaokeWordGrid{flex-wrap:wrap;gap:7px;display:flex}.karaokeEmptyLine{color:var(--muted-2);margin:0;font-size:.8rem}.karaokeWord{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 9px;transition:border-color .12s,background .12s,color .12s,box-shadow .12s;display:flex}.karaokeWord:hover{border-color:var(--line-strong);color:var(--text)}.karaokeWordText{font-size:.86rem;font-weight:600;line-height:1.1}.karaokeWordTime{font-variant-numeric:tabular-nums;color:var(--muted-2);font-size:.62rem}.karaokeWord-synced{color:var(--text);border-color:color-mix(in srgb, var(--karaoke-accent) 45%, var(--line));background:color-mix(in srgb, var(--karaoke-accent) 12%, var(--panel-2))}.karaokeWord-synced .karaokeWordTime{color:color-mix(in srgb, var(--karaoke-accent) 70%, var(--muted))}.karaokeWord-active{color:var(--accent-contrast-text);border-color:var(--karaoke-accent);background:color-mix(in srgb, var(--karaoke-accent) 24%, var(--panel-2));box-shadow:0 0 0 1px var(--karaoke-accent), 0 0 18px color-mix(in srgb, var(--karaoke-accent) 40%, transparent)}.karaokeProgress{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;font-size:.72rem;display:flex}.karaokeDone{color:color-mix(in srgb, var(--karaoke-accent) 70%, var(--text));font-weight:600}.karaokeTapRow{align-items:center;gap:8px;display:flex}.karaokeTapRow>.tooltipButtonWrap>button{border:1px solid var(--line);background:var(--panel-2);width:36px;height:36px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.karaokeTapRow>.tooltipButtonWrap>button:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.karaokeTapButton{border:1px solid var(--karaoke-accent);background:color-mix(in srgb, var(--karaoke-accent) 20%, var(--panel-2));min-height:44px;color:var(--accent-contrast-text);cursor:pointer;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:9px;font-size:.9rem;font-weight:700;transition:background .12s,box-shadow .12s,opacity .12s;display:inline-flex}.karaokeTapButton:hover:not(:disabled){background:color-mix(in srgb, var(--karaoke-accent) 34%, var(--panel-2));box-shadow:0 0 22px color-mix(in srgb, var(--karaoke-accent) 36%, transparent)}.karaokeTapButton:active:not(:disabled){transform:translateY(1px)}.karaokeTapButton:disabled{opacity:.45;cursor:default}.karaokeNudgeRow{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.karaokeNudgeRow>.tooltipButtonWrap>button{border:1px solid var(--line);background:var(--panel-2);width:34px;height:30px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.karaokeNudgeRow>.tooltipButtonWrap>button:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.karaokeNudgeLabel{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.karaokeTransport{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.karaokeTransport>.tooltipButtonWrap>button{border:1px solid var(--line);background:var(--panel-2);width:32px;height:30px;color:var(--text);border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.karaokeSpeed{background:var(--field-bg-focus);border:1px solid var(--line);border-radius:7px;gap:3px;padding:3px;display:inline-flex}.karaokeSpeed button{min-width:38px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:.72rem;font-weight:600}.karaokeSpeed button.selected{color:var(--text);background:var(--control-bg-hover)}.karaokeHint{color:var(--muted-2);margin:0;font-size:.72rem;line-height:1.5}.karaokeHint kbd,.karaokeTapButton kbd{border:1px solid var(--line-strong);background:var(--kbd-bg);color:var(--muted);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:.68rem;display:inline-block}.karaokeTapButton kbd{color:var(--accent-contrast-text);background:#00000047;border-color:#ffffff47}.stylePickerRow{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:10px 12px;display:grid}.stylePickerRow .tooltipButtonWrap>button{white-space:nowrap;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:.74rem;font-weight:600;display:inline-flex}.styleEditor{gap:12px}.styleFieldRow{grid-template-columns:1fr 1fr;gap:8px;display:grid}.styleFieldRow3{grid-template-columns:repeat(3,1fr)}.styleToggleRow{gap:6px;display:flex}.styleToggle{border:1px solid var(--line);background:var(--panel-2);width:40px;height:30px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:.86rem;display:inline-flex}.styleToggle.selected{color:var(--accent-contrast-text);border-color:var(--blue);background:var(--accent-bg)}.styleColorRow{align-items:center;gap:8px;display:flex}.styleColorSwatch{border:1px solid var(--line-strong);cursor:pointer;border-radius:5px;flex-shrink:0;width:30px;height:24px;position:relative;overflow:hidden}.styleColorSwatch input{opacity:0;cursor:pointer;border:0;width:42px;height:36px;padding:0;position:absolute;inset:-4px}.field input.styleAlpha{appearance:none;cursor:pointer;--style-alpha-percent:calc(var(--style-alpha-value,0) * 1%);background:0 0;border:0;border-radius:0;flex:1;width:100%;min-width:0;height:24px;min-height:24px;padding:0}.styleAlpha::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--zoom-fill-start), var(--zoom-fill-end)) 0 / var(--style-alpha-percent) 100% no-repeat, var(--zoom-track);border-radius:999px;height:4px;box-shadow:inset 0 1px 1px #00000059}.styleAlpha::-webkit-slider-thumb{border:2px solid var(--zoom-thumb-border);appearance:none;background:var(--zoom-thumb-bg);border-radius:50%;width:13px;height:13px;margin-top:-4.5px;box-shadow:0 1px 5px #00000073}.styleAlpha::-moz-range-track{background:var(--zoom-track);border-radius:999px;height:4px;box-shadow:inset 0 1px 1px #00000059}.styleAlpha::-moz-range-progress{background:linear-gradient(90deg, var(--zoom-fill-start), var(--zoom-fill-end));border-radius:999px;height:4px}.styleAlpha::-moz-range-thumb{border:2px solid var(--zoom-thumb-border);background:var(--zoom-thumb-bg);border-radius:50%;width:9px;height:9px;box-shadow:0 1px 5px #00000073}.styleAlpha:focus-visible{outline:none}.styleAlpha:focus-visible::-webkit-slider-thumb{outline:2px solid var(--blue);outline-offset:2px}.styleAlpha:focus-visible::-moz-range-thumb{outline:2px solid var(--blue);outline-offset:2px}.styleColorValue{text-align:right;width:36px;color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:.7rem}.alignmentGrid{grid-template-columns:repeat(3,36px);gap:4px;width:max-content;display:grid}.alignmentGrid button{border:1px solid var(--line);background:var(--panel-2);border-radius:5px;justify-content:center;align-items:center;width:36px;height:26px;padding:0;display:inline-flex}.alignmentGrid button span{background:var(--muted-2);border-radius:1px;width:6px;height:6px}.alignmentGrid button.selected{border-color:var(--blue);background:var(--accent-bg)}.alignmentGrid button.selected span{background:var(--blue)}.styleSegmented{grid-template-columns:1fr 1fr;width:100%;display:grid}.styleSegmented button{justify-content:center}.styleAdvanced{border-top:1px solid var(--line);gap:10px;padding-top:10px;display:grid}.styleAdvanced summary{cursor:pointer;color:var(--muted);font-size:.72rem;font-weight:700;list-style:none}.styleAdvanced summary::-webkit-details-marker{display:none}.captionStyleSelect{background:var(--surface-soft);min-width:0;max-width:116px;height:22px;color:var(--muted);border:1px solid #0000;border-radius:4px;margin-left:auto;padding:0 4px;font-size:.68rem}.captionStyleSelect:hover{background:var(--surface-hover-strong);color:var(--text)}