@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#edf3ff;font-synthesis:none;text-rendering:optimizelegibility;--surface:#0f1527e6;--surface-bright:#161f38eb;--line:#9db1da29;--line-strong:#79ddff59;--muted:#97a6c2;--quiet:#71809d;--cyan:#79ddff;--violet:#a28aff;--pink:#f87abe;--green:#72e6bd;--danger:#ff7995;background:#070914;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{overscroll-behavior-y:none;background:#070914;min-width:320px;min-height:100%;overflow:clip auto}body{background:radial-gradient(circle at 10% -20%,#4e66e630,#0000 34%),radial-gradient(circle at 92% 4%,#ee5db51a,#0000 28%),#070914;min-width:320px;min-height:100dvh;margin:0;overflow-x:clip}#root{min-height:100dvh}button,input,textarea{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}label:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:3px}.app-shell{flex-direction:column;min-height:100dvh;padding-top:72px;display:flex;overflow-x:clip}.app-header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#070914e6;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;min-height:72px;padding:10px clamp(18px,4vw,54px);display:grid;position:fixed;inset:0 0 auto;box-shadow:0 10px 30px #0000002e}.brand-mark{width:42px;height:42px;color:var(--cyan);background:linear-gradient(140deg,#79ddff24,#a28aff1f);border:1px solid #79ddff40;border-radius:13px;place-items:center;display:grid;box-shadow:0 12px 34px #496fe12b}.brand-copy{line-height:1.1;display:grid}.brand-copy span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800}.brand-copy strong{letter-spacing:-.025em;margin-top:5px;font-family:Space Grotesk,sans-serif;font-size:1.06rem}.header-links{align-items:center;gap:7px;min-width:0;display:flex}.header-links a{color:#aebdd4;background:#79ddff09;border:1px solid #79ddff26;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 10px;font-size:.7rem;font-weight:740;text-decoration:none;transition:border-color .18s,color .18s,background .18s,transform .18s;display:inline-flex}.header-links a:hover{color:var(--cyan);background:#79ddff13;border-color:#79ddff57;transform:translateY(-1px)}.header-links a.header-donate{color:#ffc2e2;background:#f87abe0e;border-color:#f87abe33}.header-links a.header-donate:hover{background:#f87abe1a;border-color:#f87abe6b}.studio-version-link{z-index:2;color:#dcd4ff;background:#4a398921;border:1px solid #a28aff38;border-radius:999px;align-items:center;min-height:34px;padding:7px 12px;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:700;text-decoration:none;transition:border-color .18s,color .18s,background .18s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-version-link:hover{color:#fff;background:#664dbb38;border-color:#a28aff7a}.header-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.header-history{color:#c5d5ea;cursor:pointer;background:#79ddff0b;border:1px solid #79ddff2e;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 10px;font-size:.71rem;font-weight:760;display:inline-flex}.header-history:hover:not(:disabled){color:var(--cyan);background:#79ddff17;border-color:#79ddff61}.header-history:disabled{opacity:.34;cursor:not-allowed}.header-history small{color:#07111a;background:var(--cyan);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.58rem;display:grid}.header-redo{background:#a28aff0b;border-color:#a28aff2e}.header-redo:hover:not(:disabled){color:#c9bbff;background:#a28aff17;border-color:#a28aff66}.header-redo small{background:var(--violet)}.history-limit{color:#71809d;max-width:86px;font-size:.58rem;font-weight:650;line-height:1.25}.language-switch{color:#07111a;cursor:pointer;background:linear-gradient(120deg,#8ce8ff,#b9b0ff);border:1px solid #79ddff3b;border-radius:9px;place-items:center;min-width:38px;min-height:36px;padding:5px 9px;font-size:.66rem;font-weight:850;display:inline-grid;box-shadow:0 4px 14px #79ddff26}.language-switch:hover{filter:brightness(1.08)}.privacy-badge{color:var(--green);background:#236f5a17;border:1px solid #72e6bd33;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.76rem;font-weight:750;text-decoration:none;transition:border-color .18s,color .18s,background .18s,transform .18s;display:inline-flex}.privacy-badge:hover{color:#a8f5d8;background:#236f5a29;border-color:#72e6bd70;transform:translateY(-1px)}.studio-update-notice{z-index:90;color:#dce8f8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1122f7;border:1px solid #79ddff47;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;width:min(430px,100vw - 32px);padding:14px;display:grid;position:fixed;top:84px;right:clamp(16px,3vw,42px);box-shadow:0 18px 55px #0000006b,0 0 28px #79ddff14}.studio-update-notice>svg{color:var(--cyan);margin-top:2px}.studio-update-notice>div{gap:4px;min-width:0;display:grid}.studio-update-notice strong{font-size:.78rem}.studio-update-notice span{color:#93a2bc;font-size:.68rem;line-height:1.48}.studio-update-notice a{width:fit-content;color:var(--cyan);align-items:center;gap:5px;margin-top:3px;font-size:.67rem;font-weight:760;text-decoration:none;display:inline-flex}.studio-update-notice>button{border:1px solid var(--line);color:#9dabc1;cursor:pointer;background:#ffffff09;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}main{flex:1 0 auto;width:100%;margin:0 auto;padding:24px clamp(14px,3vw,42px) 38px}.project-bar{border:1px solid var(--line);background:#0c1120bd;border-radius:15px;grid-template-columns:minmax(220px,360px) 1fr auto;align-items:end;gap:18px;margin-bottom:18px;padding:15px 17px;display:grid}.project-bar>div:first-child{gap:6px;display:grid}.project-bar label,.timed-line label{color:var(--quiet);letter-spacing:.045em;text-transform:uppercase;font-size:.7rem;font-weight:760}.project-bar label span{color:#65738e;letter-spacing:0;text-transform:none;font-size:.62rem;font-weight:600}.project-bar input,.timed-line input{border:1px solid var(--line);color:#eef4ff;background:#ffffff09;width:100%}.project-bar input{border-radius:9px;padding:9px 11px;font-weight:680}.project-status{min-width:0;color:var(--muted);align-self:center;align-items:center;gap:8px;font-size:.78rem;display:flex}.project-status svg{color:var(--violet);flex:none}.project-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.project-actions .quiet-button{white-space:nowrap;min-height:38px;padding-inline:10px}.project-actions .project-embed-option{color:#aebdd4;cursor:pointer;letter-spacing:0;text-transform:none;background:#79ddff09;border:1px solid #79ddff26;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:7px 10px;font-size:.66rem;font-weight:700;display:inline-flex}.project-actions .project-embed-option input{width:15px;height:15px;accent-color:var(--cyan);margin:0}.project-actions .project-embed-option:has(input:disabled){opacity:.46;cursor:not-allowed}.project-actions .project-clear-button{color:#ffabc0;border-color:#ff799533}.project-actions .project-clear-button:hover{background:#ff799514;border-color:#ff79956b}.project-open-button{position:relative}.project-open-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.quiet-button,.primary-button,.secondary-button,.file-button,.sync-button,.icon-button,.play-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:760;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.quiet-button:hover,.primary-button:hover,.secondary-button:hover,.file-button:hover,.sync-button:hover,.icon-button:hover,.play-button:hover{transform:translateY(-1px)}.quiet-button{border:1px solid var(--line);color:#c6d0e5;background:#ffffff09;padding:10px 12px;font-size:.78rem}.primary-button,.file-button{color:#07111a;background:linear-gradient(120deg,#8ce8ff,#a6c7ff 52%,#c5b6ff);padding:11px 14px;font-size:.8rem}.primary-button:disabled{opacity:.46;cursor:default;filter:grayscale(.45);transform:none}.secondary-button{border:1px solid var(--line);color:#d4deef;background:#ffffff09;padding:10px 13px;font-size:.78rem}.secondary-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.file-button input,.secondary-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.setup-grid{grid-template-columns:minmax(280px,.72fr) minmax(440px,1.28fr);gap:18px;display:grid}.setup-card,.transport-panel,.line-editor,.export-panel{border:1px solid var(--line);background:linear-gradient(145deg,#11182ceb,#090e1ce8);border-radius:18px;box-shadow:0 22px 70px #00000021}.setup-card{grid-template-columns:auto 1fr;align-content:start;gap:14px;padding:22px;display:grid;position:relative;overflow:hidden}.setup-card:after{filter:blur(8px);content:"";pointer-events:none;background:#5778f01c;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-90px;right:-70px}.card-icon{border:1px solid var(--line);width:43px;height:43px;color:var(--cyan);background:#79ddff0f;border-radius:12px;place-items:center;display:grid}.setup-card small,.transport-topline small,.panel-heading small,.export-panel>small{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:.67rem;font-weight:820}.setup-card h2,.transport-topline h2,.panel-heading h2,.export-panel h2{letter-spacing:-.035em;margin:4px 0 0;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.setup-card p,.export-panel>p{color:var(--muted);margin:8px 0 0;font-size:.82rem;line-height:1.55}.setup-card>.file-button{z-index:1;grid-column:1/-1;margin-top:10px}.audio-card.needs-audio{border-color:#ff698ec7;animation:.62s ease-in-out 3 audio-attention;box-shadow:0 0 0 4px #ff698e1a,0 0 42px #ff497c33}.audio-card.needs-audio .file-button{box-shadow:0 0 0 3px #ffffff14,0 0 26px #79ddff40}.audio-warning{z-index:1;color:#ff9bb4;background:#86214429;border:1px solid #ff698e52;border-radius:10px;grid-column:1/-1;align-items:flex-start;gap:9px;padding:11px 12px;font-size:.74rem;line-height:1.45;display:flex}.audio-warning svg{flex:none;margin-top:2px}.audio-warning span{gap:2px;display:grid}.audio-warning strong{color:#ffc4d2}.audio-reconnect-note{z-index:1;color:#91a6b9;background:#72e6bd0b;border:1px solid #72e6bd38;border-radius:9px;grid-column:1/-1;align-items:flex-start;gap:9px;padding:10px 11px;font-size:.68rem;line-height:1.45;display:flex}.audio-reconnect-note svg{color:var(--green);flex:none;margin-top:1px}.audio-reconnect-note span{gap:2px;display:grid}.audio-reconnect-note strong{color:#cceee1}@keyframes audio-attention{0%,to{transform:translateY(0)}50%{transform:translateY(-2px);box-shadow:0 0 0 6px #ff698e21,0 0 48px #ff497c47}}.file-name{z-index:1;color:var(--quiet);text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:.73rem;overflow:hidden}.lyrics-card textarea{resize:vertical;border:1px solid var(--line);color:#ecf2ff;background:#0307128c;border-radius:11px;grid-column:1/-1;min-height:128px;padding:13px 14px;font-size:.84rem;line-height:1.55}.lyrics-card textarea::placeholder{color:#697793}.card-actions{z-index:1;flex-wrap:wrap;grid-column:1/-1;gap:9px;display:flex}.import-hint{z-index:1;color:#71809d;grid-column:1/-1;font-size:.67rem;line-height:1.5}.transport-panel{margin-top:18px;padding:21px 22px 18px}.transport-panel.fine-tuning-protected{background:linear-gradient(145deg,#17172feb,#090e1ce8);border-color:#a28aff3d}.transport-topline{justify-content:space-between;align-items:center;gap:18px;display:flex}.sync-state{color:var(--muted);align-items:center;gap:8px;font-size:.75rem;font-weight:730;display:inline-flex}.sync-state i{background:#6c7890;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #6c78901a}.sync-state.active{color:var(--green)}.sync-state.active i{background:var(--green);box-shadow:0 0 0 4px #72e6bd1f,0 0 15px #72e6bd66}.sync-state.protected{color:#b5a8f2}.sync-state.protected i{background:var(--violet);box-shadow:0 0 0 4px #a28aff1c}.player-row{grid-template-columns:38px 48px auto minmax(140px,1fr) auto auto;align-items:center;gap:10px;margin-top:18px;display:grid}.icon-button,.play-button{border:1px solid var(--line);background:#ffffff09;width:38px;height:38px;padding:0}.icon-button svg{width:17px}.play-button{color:#07111a;background:linear-gradient(135deg, var(--cyan), #b3b1ff);width:48px;height:48px}.play-button svg{width:20px}.timecode{color:#e0e8f8;font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:690}.timecode.muted{color:var(--quiet)}.waveform-wrap{border:1px solid var(--line);background:#03061099;border-radius:11px;height:68px;position:relative;overflow:hidden}.waveform-wrap canvas{width:100%;height:100%;position:absolute;inset:0}.waveform-wrap canvas.waveform-played{will-change:clip-path}.waveform-wrap input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.playback-rate-control{background:#ffffff06;border:1px solid #97aacd26;border-radius:9px;align-items:center;gap:3px;padding:3px;display:inline-flex}.playback-rate-control button{color:#8796af;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:42px;min-height:30px;padding:5px 7px;font-size:.66rem;font-weight:780}.playback-rate-control button:hover,.playback-rate-control button:focus-visible{color:#e7effc;background:#79ddff0f}.playback-rate-control button.active{color:#07111a;background:var(--cyan);box-shadow:0 0 14px #79ddff2e}.rate-control-group{gap:5px;display:grid}.rate-control-group>span{color:var(--quiet);letter-spacing:.045em;text-align:right;text-transform:uppercase;font-size:.61rem;font-weight:760}.rough-sync-guide{color:#8f9db7;text-align:center;background:#79ddff09;border:1px solid #79ddff2e;border-radius:10px;gap:4px;max-width:820px;margin:16px auto 0;padding:11px 14px;display:grid}.rough-sync-guide strong{color:#dce8f9;font-size:.75rem}.rough-sync-guide span{font-size:.7rem;line-height:1.5}.rough-sync-guide.protected{color:#9d97bd;background:#a28aff0b;border-color:#a28aff38}.rough-sync-guide.protected strong{color:#ddd7ff}.sync-controls{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;padding-top:16px;display:flex}.sync-button{color:#06151a;background:linear-gradient(120deg,#74e9c2,#83e7ff);min-height:40px;padding:10px 15px;font-size:.8rem}.sync-button.stop{color:#fff;background:linear-gradient(120deg,#c62d58,#ea4868)}.sync-button.mode-switch{color:#f0edff;background:linear-gradient(120deg,#7053c6f0,#a28affe0)}.key-guide{color:var(--quiet);align-items:center;gap:8px;margin-left:auto;font-size:.71rem;display:inline-flex}.key-guide+.key-guide{margin-left:0}.key-guide kbd{border:1px solid var(--line);color:#cfd8e9;text-align:center;background:#ffffff0b;border-bottom-width:3px;border-radius:7px;min-width:64px;padding:6px 8px;font-size:.65rem;font-weight:760}.key-guide.pressed kbd{border-color:var(--line-strong);color:#07111a;background:var(--cyan);transform:translateY(2px)}.key-guide.locked{color:#6f7189}.key-guide.locked kbd{color:#817c9e;background:#a28aff09;border-color:#a28aff24}.touch-sync-pad{display:none}.editor-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.line-editor{grid-column:1/-1;min-width:0;padding:21px 22px 22px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading>span{color:var(--muted);font-size:.76rem;font-weight:700}.vtt-mode-note{color:#8796b1;background:#79ddff09;border:1px solid #79ddff26;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;margin-top:13px;padding:8px 10px;font-size:.67rem;display:flex}.vtt-mode-note strong{color:var(--cyan)}.vtt-mode-note button{color:#9fcde0;cursor:pointer;background:#79ddff0d;border:1px solid #79ddff33;border-radius:7px;margin-left:auto;padding:5px 8px;font-size:.62rem;font-weight:740}.vtt-mode-note button:hover{color:var(--cyan);border-color:#79ddff61}.vtt-mode-note.enabled button{color:var(--green);background:#72e6bd0f;border-color:#72e6bd38}.vtt-reference-image{background:#a28aff09;border:1px solid #a28aff24;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}.vtt-reference-image>div{flex:280px;gap:2px;min-width:0;display:grid}.vtt-reference-image strong{color:#cbd6ea;font-size:.68rem}.vtt-reference-image>div span{color:#75849f;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.vtt-reference-image>label,.vtt-reference-image>button{border:1px solid var(--line);color:#aebbd0;cursor:pointer;background:#ffffff09;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:.62rem;font-weight:740;display:inline-flex}.vtt-reference-image>label:hover,.vtt-reference-image>button:hover{border-color:var(--line-strong);color:var(--cyan)}.vtt-reference-image input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.progress-track{background:#ffffff0e;border-radius:99px;height:4px;margin:17px 0 14px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--violet), var(--pink));height:100%;transition:width .25s;display:block}.line-list{contain:layout paint;overscroll-behavior:contain;scrollbar-color:#8c9ec64d transparent;gap:7px;max-height:510px;padding-right:5px;display:grid;position:relative;overflow:hidden auto}.timed-line{background:#ffffff06;border:1px solid #0000;border-radius:11px;grid-template-columns:56px 32px minmax(180px,1fr) 116px 116px 34px;align-items:end;gap:9px;padding:9px;display:grid}.timed-line.with-vtt-style{grid-template-columns:56px 32px minmax(180px,1fr) 116px 116px 34px}.timed-line:hover{background:#ffffff0a}.timed-line.active{box-shadow:inset 3px 0 0 var(--cyan);background:#79ddff11;border-color:#79ddff61}.timed-line.complete:not(.active){background:#4db6930b}.timed-line-spacer{pointer-events:none;background:#79ddff03;border:1px dashed #79ddff14;border-radius:11px;min-height:60px}.line-select{min-height:42px;color:var(--quiet);cursor:pointer;background:#ffffff09;border:0;border-radius:8px;justify-content:space-between;align-self:stretch;align-items:center;padding:0 8px;display:flex}.line-select>span{font-size:.73rem;font-weight:820}.line-select i{color:#07111a;background:var(--green);border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.line-row-actions{grid-template-rows:repeat(3,minmax(24px,1fr));align-self:stretch;gap:3px;display:grid}.line-row-actions button{border:1px solid var(--line);color:#93a2bd;cursor:pointer;background:#ffffff06;border-radius:6px;place-items:center;min-width:32px;min-height:24px;padding:0;transition:border-color .16s,color .16s,background .16s;display:grid}.line-row-actions button:hover:not(:disabled),.line-row-actions button:focus-visible{border-color:var(--line-strong);color:var(--cyan);background:#79ddff12}.line-row-actions button.add-line-button{color:var(--green)}.line-row-actions button:disabled{opacity:.22;cursor:not-allowed}.line-delete-button{color:#b37485;cursor:pointer;background:#ff799509;border:1px solid #ff799529;border-radius:8px;place-items:center;width:34px;min-height:42px;padding:0;transition:border-color .16s,color .16s,background .16s;display:grid}.line-delete-button:hover,.line-delete-button:focus-visible{color:#ff9caf;background:#ff799517;border-color:#ff79956b}.line-text{border-radius:8px;min-height:42px;padding:9px 11px;font-size:.82rem}.timed-line label{gap:4px;display:grid}.timed-line label input{font-variant-numeric:tabular-nums;border-radius:8px;min-height:42px;padding:8px 9px;font-size:.75rem}.line-vtt-style{grid-column:3/-1;gap:4px;display:grid}.line-vtt-style>span{color:var(--quiet);letter-spacing:.045em;text-transform:uppercase;font-size:.7rem;font-weight:760}.line-vtt-primary-controls{grid-template-columns:34px 86px minmax(100px,1fr) auto 31px;gap:5px;display:grid}.line-vtt-layout-controls{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.line-vtt-layout-controls>span{color:#71809d;font-size:.62rem}.line-format-buttons{align-items:center;gap:4px;display:inline-flex}.timed-line .line-vtt-style input[type=color]{cursor:pointer;border-radius:8px;width:34px;min-height:42px;padding:3px}.line-vtt-style select{border:1px solid var(--line);color:#dbe5f5;background:#10172a;border-radius:8px;min-width:0;min-height:42px;padding:7px 6px;font-size:.68rem}.line-vtt-style button{border:1px solid var(--line);color:#aebbd0;cursor:pointer;background:#ffffff09;border-radius:8px;place-items:center;width:31px;min-height:42px;padding:0;display:grid}.line-vtt-style button:hover:not(:disabled){border-color:var(--line-strong);color:var(--cyan)}.line-vtt-style button:disabled{opacity:.3;cursor:not-allowed}.line-vtt-style .line-format-buttons button{border-radius:7px;min-height:30px;font-family:Arial,sans-serif;font-size:.74rem}.line-vtt-style .line-format-buttons button.active{color:#07111a;background:var(--cyan);border-color:#79ddff7a;box-shadow:0 0 12px #79ddff29}.timed-line .line-font-upload{border:1px solid var(--line);color:#b8c6dc;cursor:pointer;letter-spacing:0;text-transform:none;white-space:nowrap;background:#ffffff09;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:42px;padding:0 9px;font-size:.65rem;display:flex}.timed-line .line-font-upload:hover{border-color:var(--line-strong);color:var(--cyan)}.line-font-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.line-vtt-preview{background:#04070f61;border:1px solid #79ddff1f;border-radius:8px;grid-column:3/-1;grid-template-columns:minmax(145px,190px) minmax(260px,1fr);align-items:center;gap:12px;min-height:44px;padding:8px 9px;display:grid;overflow:hidden}.line-vtt-preview-info{gap:2px;min-width:0;display:grid}.line-vtt-preview small{color:var(--quiet);letter-spacing:.055em;text-transform:uppercase;font-size:.61rem;font-weight:760}.line-vtt-preview-info em{color:#8292ae;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-style:normal;overflow:hidden}.line-vtt-preview-info>span{color:#6e7d99;margin-top:3px;font-size:.59rem;line-height:1.35}.youtube-vtt-preview-note{color:#8998b2;background:#f5b75f0b;border:1px solid #f5b75f38;border-radius:7px;gap:3px;margin:8px 0 0;padding:7px 8px;font-size:.64rem;line-height:1.4;display:grid}.youtube-vtt-preview-note strong{color:#f2c47d;font-size:.66rem}.youtube-vtt-preview-note a{color:#9cddf2;align-items:center;gap:4px;width:fit-content;font-weight:760;text-decoration:none;display:inline-flex}.youtube-vtt-preview-note a:hover,.youtube-vtt-preview-note a:focus-visible{color:var(--cyan);text-underline-offset:2px;text-decoration:underline}.line-vtt-preview-stage{--cue-translate-x:-50%;--cue-translate-y:-50%;aspect-ratio:16/9;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#79ddff09,#a28aff09),repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#97aacd12 25%),#080d1b;border:1px solid #79ddff33;border-radius:8px;justify-self:end;width:min(100%,560px);min-height:92px;padding:0;position:relative;overflow:hidden}.line-vtt-preview-stage:active{cursor:grabbing}.line-vtt-preview-stage:before{z-index:1;content:"";pointer-events:none;background:#04081224;position:absolute;inset:0}.line-vtt-preview-stage:after{z-index:1;content:"";pointer-events:none;background:#e1edff1c;height:1px;position:absolute;inset:50% 0 auto}.line-vtt-preview-stage>img{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.youtube-vtt-position-guide{z-index:2;pointer-events:none;position:absolute;inset:0}.youtube-vtt-anchor-zone{position:absolute;top:3%;bottom:3%}.youtube-vtt-anchor-zone.zone-left-fill{background:linear-gradient(90deg,#79ddff21,#79ddff0e);width:30%;left:3%}.youtube-vtt-anchor-zone.zone-center-fill{background:repeating-linear-gradient(135deg,#a28aff0b 0 8px,#a28aff1b 8px 10px);border-inline:1px dotted #a28aff57;width:34%;left:33%}.youtube-vtt-anchor-zone.zone-center-fill:after{content:"";background:linear-gradient(#a28aff38,#a28affcc,#a28aff38);width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 14px #a28aff6b}.youtube-vtt-anchor-zone.zone-right-fill{background:linear-gradient(90deg,#f87abe0e,#f87abe21);width:30%;right:3%}.youtube-vtt-safe-frame{border:1px dashed #f5b75fa3;border-radius:5px;position:absolute;inset:3%;box-shadow:inset 0 0 22px #f5b75f09}.youtube-vtt-anchor-boundary{border-left:1px dotted #79ddff66;width:1px;position:absolute;top:3%;bottom:3%}.youtube-vtt-anchor-boundary.boundary-left{left:33%}.youtube-vtt-anchor-boundary.boundary-right{left:67%}.youtube-vtt-position-guide em{letter-spacing:.03em;text-shadow:0 1px 5px #040812;text-transform:uppercase;font-size:clamp(.58rem,.8vw,.68rem);font-style:normal;font-weight:800;position:absolute;top:5%}.youtube-vtt-position-guide .zone-left{color:#a8ecffe0;left:5%}.youtube-vtt-position-guide .zone-center{color:#ccbfffe0;left:50%;transform:translate(-50%)}.youtube-vtt-position-guide .zone-right{color:#ffafd7e0;right:5%}.line-vtt-preview-cue{z-index:4;font-synthesis:weight style;text-align:center;text-overflow:clip;white-space:nowrap;max-width:94%;transform:translate(var(--cue-translate-x), var(--cue-translate-y));pointer-events:none;border-radius:4px;padding:3px 6px;line-height:1.25;transition:color .16s,background-color .16s,font-size .16s;display:block;position:absolute;overflow:visible}.line-vtt-preview-cue.previous-cue-context{z-index:3;opacity:.38;filter:saturate(.72)}.line-vtt-preview-stage.anchor-x-left{--cue-translate-x:0%}.line-vtt-preview-stage.anchor-x-center{--cue-translate-x:-50%}.line-vtt-preview-stage.anchor-x-right{--cue-translate-x:-100%}.line-vtt-preview-stage.anchor-y-top{--cue-translate-y:0%}.line-vtt-preview-stage.anchor-y-middle{--cue-translate-y:-50%}.line-vtt-preview-stage.anchor-y-bottom{--cue-translate-y:-100%}.single-vtt-workbench{background:linear-gradient(145deg,#11182ceb,#090e1cf0);border:1px solid #79ddff33;border-radius:18px;grid-column:1/-1;min-width:0;padding:22px;box-shadow:0 22px 70px #00000021}.single-vtt-heading{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.single-vtt-heading small,.single-vtt-card-title small,.single-vtt-preview-topline small{color:var(--cyan);letter-spacing:.09em;text-transform:uppercase;font-size:.66rem;font-weight:820}.single-vtt-heading h2{letter-spacing:-.035em;margin:4px 0 0;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.single-vtt-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:.76rem;line-height:1.5}.single-vtt-export-toggle{color:#d8e5f5;cursor:pointer;background:#72e6bd0a;border:1px solid #72e6bd33;border-radius:10px;flex:0 0 min(310px,36vw);align-items:center;gap:10px;padding:10px 12px;display:flex}.single-vtt-export-toggle input{width:16px;height:16px;accent-color:var(--green);flex:none}.single-vtt-export-toggle span{gap:2px;display:grid}.single-vtt-export-toggle strong{font-size:.7rem}.single-vtt-export-toggle small{color:#8494ae;font-size:.6rem;line-height:1.35}.single-vtt-grid{grid-template-columns:minmax(340px,.9fr) minmax(440px,1.1fr);gap:16px;margin-top:17px;display:grid}.single-vtt-editor,.single-vtt-preview-card{background:#04081247;border:1px solid #97aacd21;border-radius:13px;min-width:0;padding:16px}.single-vtt-editor{align-content:start;gap:14px;display:grid}.single-vtt-card-title{align-items:center;gap:9px;display:flex}.single-vtt-card-title>svg{color:var(--cyan);flex:none}.single-vtt-card-title>span{gap:3px;min-width:0;display:grid}.single-vtt-card-title strong{color:#e4edf9;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.single-vtt-primary-controls{grid-template-columns:80px minmax(100px,.55fr) minmax(150px,1fr);gap:8px;display:grid}.single-vtt-primary-controls label,.single-vtt-position-values label{color:#7f8fac;letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:.63rem;font-weight:760;display:grid}.single-vtt-primary-controls input,.single-vtt-primary-controls select{border:1px solid var(--line);color:#eaf2ff;background:#ffffff08;border-radius:8px;width:100%;min-height:38px;padding:7px 8px}.single-vtt-primary-controls input[type=color]{cursor:pointer;padding:3px}.single-vtt-format-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.single-vtt-format-row>div{gap:5px;display:flex}.single-vtt-format-row button,.single-vtt-font-upload,.single-vtt-image-actions label,.single-vtt-image-actions button{color:#b6c5dc;cursor:pointer;background:#ffffff08;border:1px solid #97aacd26;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:7px 9px;font-size:.64rem;font-weight:740;display:inline-flex}.single-vtt-format-row>div button{width:35px;padding:0}.single-vtt-format-row button.active{color:#07111a;background:var(--cyan);border-color:#79ddff66}.single-vtt-font-upload input,.single-vtt-image-actions input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.single-vtt-reset{margin-left:auto}.single-vtt-reset:disabled{opacity:.35;cursor:not-allowed}.single-vtt-position-values{grid-template-columns:1fr 1fr;gap:10px;display:grid}.single-vtt-position-values label{grid-template-columns:1fr auto;align-items:center}.single-vtt-position-values input{width:100%;accent-color:var(--cyan);grid-column:1/-1}.single-vtt-position-values output{color:#d7e5f6;font-variant-numeric:tabular-nums;font-size:.64rem}.single-vtt-placeholder{color:#7f90ab;margin:2px 0 0;font-size:.72rem;line-height:1.5}.single-vtt-cue-navigation{background:#0000001f;border:1px solid #97aacd21;border-radius:9px}.single-vtt-cue-navigation summary{color:#b8c8de;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:.82rem;font-weight:760;list-style:none;display:flex}.single-vtt-cue-navigation summary::-webkit-details-marker{display:none}.single-vtt-cue-navigation summary span{min-width:24px;color:var(--cyan);text-align:center;background:#79ddff14;border-radius:999px;padding:2px 6px}.single-vtt-cue-navigation>div{gap:6px;max-height:300px;padding:0 7px 7px;display:grid;overflow:auto}.single-vtt-cue-navigation button{color:#aebcd1;text-align:left;background:#ffffff05;border:1px solid #0000;border-radius:7px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:44px;padding:10px 12px;display:grid}.single-vtt-cue-navigation button:hover,.single-vtt-cue-navigation button.active{color:#e7f1ff;background:#79ddff0e;border-color:#79ddff38}.single-vtt-cue-navigation button b{color:var(--cyan);font-size:.78rem}.single-vtt-cue-navigation button span{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.single-vtt-cue-navigation button small{color:#7586a2;font-variant-numeric:tabular-nums;font-size:.72rem}.single-vtt-global-actions{flex-wrap:wrap;gap:7px;display:flex}.single-vtt-global-actions button{color:#d4a7be;background:#f87abe09;border:1px solid #f87abe2e;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:7px 9px;font-size:.62rem;font-weight:730;display:inline-flex}.single-vtt-preview-card{align-content:start;gap:8px;display:grid}.single-vtt-preview-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.single-vtt-preview-topline>div:first-child{gap:3px;display:grid}.single-vtt-preview-topline strong{color:#dfe9f8;font-size:.7rem}.single-vtt-preview-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.preview-context-toggle{color:#8fa0b9;cursor:pointer;align-items:center;gap:6px;max-width:250px;font-size:.58rem;line-height:1.25;display:inline-flex}.preview-context-toggle input{width:14px;height:14px;accent-color:var(--cyan);flex:none}.overlap-preview-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.overlap-preview-image-actions{align-items:center;gap:6px;display:inline-flex}.overlap-preview-image-actions label,.overlap-preview-image-actions button{color:#d9b7b1;cursor:pointer;background:#e286760b;border:1px solid #e2867633;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:6px 9px;font-size:.66rem;font-weight:730;display:inline-flex;position:relative}.overlap-preview-image-actions input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.overlap-cue-navigation{margin-top:2px}.vtt-preview-mode-switch{background:#03070f8a;border:1px solid #97aacd29;border-radius:9px;padding:3px;display:inline-flex}.vtt-preview-mode-switch button{color:#8292ad;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:29px;padding:5px 8px;font-size:.61rem;font-weight:780}.vtt-preview-mode-switch button:hover,.vtt-preview-mode-switch button:focus-visible{color:#e8f2ff}.vtt-preview-mode-switch button.active{color:#06131b;background:linear-gradient(120deg,var(--cyan),var(--violet));box-shadow:0 0 12px #79ddff26}.single-vtt-image-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.single-vtt-image-actions label{position:relative}.single-vtt-image-actions button{color:#ffb8c8}.single-vtt-image-name{color:#7586a2;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.line-vtt-preview-stage.single-vtt-preview-stage{border-radius:10px;justify-self:stretch;width:100%;min-height:220px}.line-vtt-preview-stage.single-vtt-preview-stage:disabled{cursor:default;opacity:.75}.single-vtt-youtube-note{margin-top:0}.youtube-ttml-region{z-index:2;box-sizing:border-box;pointer-events:none;background:linear-gradient(135deg,#f5b75f0b,#a28aff13);border:1px dashed #f5b75fe6;border-radius:5px;position:absolute;box-shadow:inset 0 0 22px #f5b75f09,0 0 12px #f5b75f14}.youtube-ttml-region>span{color:#ffd391;letter-spacing:.025em;text-overflow:ellipsis;text-transform:none;white-space:nowrap;background:#05070dd6;border-radius:4px;max-width:calc(100% - 10px);padding:3px 5px;font-size:.61rem;font-style:normal;font-weight:820;line-height:1.15;position:absolute;top:4px;left:5px;overflow:hidden}.youtube-vtt-preview-note.webvtt-free-note,.overlap-preview-note.webvtt-free-note{color:#8ba1bd;background:#79ddff09;border-color:#79ddff33}.youtube-vtt-preview-note.webvtt-free-note strong{color:var(--cyan)}.youtube-vtt-preview-note.ttml-region-note,.overlap-preview-note.ttml-region-note{background:#f5b75f0e;border-color:#f5b75f47}.line-vtt-position-marker{z-index:5;background:var(--pink);pointer-events:none;border:1px solid #07111a;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ff668c2e}.empty-state{border:1px dashed var(--line);min-height:240px;color:var(--quiet);text-align:center;border-radius:12px;align-content:center;place-items:center;padding:30px;display:grid}.empty-state svg{color:#647596}.empty-state h3{color:#ccd6e8;margin:13px 0 5px;font-size:1rem}.empty-state p{max-width:380px;margin:0;font-size:.78rem;line-height:1.55}.fine-tune-panel{border:1px solid var(--line);background:linear-gradient(145deg,#11182ceb,#090e1ce8);border-radius:18px;grid-column:1/-1;min-width:0;padding:22px;box-shadow:0 22px 70px #00000021}.fine-tune-panel.locked{background:#0d1220ad;border-style:dashed}.fine-tune-panel.open{border-color:#79ddff3d}.fine-tune-heading{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.fine-tune-heading small{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:.67rem;font-weight:820}.fine-tune-heading h2{letter-spacing:-.035em;margin:4px 0 0;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.fine-tune-heading p{max-width:650px;color:var(--muted);margin:8px 0 0;font-size:.78rem;line-height:1.5}.timeline-settings{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.timeline-settings label{color:var(--quiet);letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:.67rem;font-weight:760;display:grid}.timeline-settings input{width:120px;accent-color:var(--cyan)}.timeline-settings .timeline-rate{align-self:end}.timeline-view-zoom{color:var(--quiet);letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:.67rem;font-weight:760;display:grid}.timeline-view-zoom>div{background:#ffffff06;border:1px solid #97aacd29;border-radius:9px;grid-template-columns:30px 48px 30px;align-items:center;display:grid;overflow:hidden}.timeline-view-zoom button{color:#ccefff;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:36px;padding:0;display:grid}.timeline-view-zoom button:hover:not(:disabled),.timeline-view-zoom button:focus-visible:not(:disabled){color:#07111a;background:var(--cyan)}.timeline-view-zoom button:disabled{opacity:.28;cursor:not-allowed}.timeline-view-zoom output{color:#dce8f9;font-variant-numeric:tabular-nums;text-align:center;font-size:.68rem}.fine-tune-vtt-advice{color:#92a1bc;background:#79ddff0a;border:1px solid #79ddff33;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px;padding:11px 12px;display:grid}.fine-tune-vtt-advice>svg{width:18px;height:18px;color:var(--cyan)}.fine-tune-vtt-advice>div{gap:3px;min-width:0;display:grid}.fine-tune-vtt-advice strong{color:#dce8f9;font-size:.75rem}.fine-tune-vtt-advice a{width:fit-content;color:var(--cyan);align-items:center;gap:4px;font-size:.66rem;font-weight:760;text-decoration:none;display:inline-flex}.fine-tune-vtt-advice a:hover,.fine-tune-vtt-advice a:focus-visible{color:#fff;text-underline-offset:3px;text-decoration:underline}.fine-tune-vtt-advice button{color:#a9ddef;cursor:pointer;background:#79ddff0f;border:1px solid #79ddff42;border-radius:7px;min-height:32px;padding:6px 9px;font-size:.66rem;font-weight:760}.fine-tune-vtt-advice button:hover,.fine-tune-vtt-advice button:focus-visible{color:var(--cyan);border-color:#79ddff7a}.fine-tune-vtt-advice.enabled{background:#ffaf5c0b;border-color:#ffbf703d}.fine-tune-vtt-advice.enabled>svg{color:#ffc178}.fine-tune-vtt-advice.disabled{background:#72e6bd0a;border-color:#72e6bd38}.fine-tune-vtt-advice.disabled>svg{color:var(--green)}.fine-tune-vtt-advice+.fine-tune-key-control{margin-top:12px}.fine-tune-key-control{color:#969fba;background:#a28aff0b;border:1px solid #a28aff38;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.fine-tune-key-control kbd{color:#eeeaff;text-align:center;background:#a28aff17;border:1px solid #a28aff47;border-bottom-width:3px;border-radius:7px;min-width:76px;padding:7px 9px;font-size:.67rem;font-weight:800}.fine-tune-key-control strong{color:#e6e1ff;font-size:.75rem}.fine-tune-key-control>a{color:#c9bbff;border:1px solid #a28aff38;border-radius:8px;place-items:center;width:30px;height:30px;text-decoration:none;display:grid}.fine-tune-key-control>a:hover,.fine-tune-key-control>a:focus-visible{color:#fff;background:#a28aff1a;border-color:#a28aff80}.fine-tune-key-control>b{color:#b9afd9;white-space:nowrap;font-size:.68rem}.fine-tune-key-control.active{background:#72e6bd0d;border-color:#72e6bd4d}.fine-tune-key-control.active kbd{color:#07111a;background:var(--green);border-color:#72e6bd61;transform:translateY(2px)}.fine-tune-key-control.active>b{color:var(--green)}.fine-tune-key-control+.timeline-playback{margin-top:12px}.timeline-lock{min-height:250px;color:var(--quiet);text-align:center;align-content:center;place-items:center;padding:30px;display:grid}.timeline-lock-visual{border:1px solid var(--line);background:repeating-linear-gradient(90deg,#7180a014 0 32px,#7180a005 32px 64px);border-radius:12px;place-items:center;width:min(430px,100%);height:82px;display:grid;position:relative;overflow:hidden}.timeline-lock-visual:after{background:var(--line);content:"";height:1px;position:absolute;inset:50% 0 auto}.timeline-lock-visual svg{z-index:1;color:#70809c;position:relative}.timeline-lock-visual span{z-index:1;font-size:.68rem;font-weight:700;position:absolute;bottom:8px;right:10px}.timeline-lock>p{max-width:560px;margin:16px 0 14px;font-size:.77rem;line-height:1.55}.timeline-lock .primary-button:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6);transform:none}.timeline-playback{grid-template-columns:auto auto auto minmax(220px,.7fr) minmax(260px,1fr);align-items:center;gap:12px;margin-top:18px;display:grid}.timeline-playback>span{color:#e1e9f8;font-variant-numeric:tabular-nums;font-size:.77rem;font-weight:720}.timeline-cue-actions{justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.timeline-cue-actions button{color:#ccefff;cursor:pointer;white-space:nowrap;background:#79ddff11;border:1px solid #79ddff40;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 10px;font-size:.68rem;font-weight:770;display:inline-flex}.timeline-cue-actions button:last-child{color:#ffd7e9;background:#ff79b80e;border-color:#ff79b840}.timeline-cue-actions button:hover,.timeline-cue-actions button:focus-visible{color:#fff;background:#79ddff1f;border-color:#79ddff8f}.timeline-cue-actions button:last-child:hover,.timeline-cue-actions button:last-child:focus-visible{background:#ff79b81c;border-color:#ff79b88f}.timeline-rewind-button{color:#c8d5e8;cursor:pointer;white-space:nowrap;background:#97aacd0b;border:1px solid #97aacd33;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 10px;font-size:.67rem;font-weight:760;display:inline-flex}.timeline-rewind-button:hover,.timeline-rewind-button:focus-visible{color:#fff;background:#79ddff14;border-color:#79ddff6b}.timeline-playback-guidance{justify-items:end;gap:4px;min-width:0;display:grid}.cue-editing-link{color:#93a5c0;text-align:right;align-items:center;gap:5px;font-size:.66rem;font-weight:730;line-height:1.4;text-decoration:none;display:inline-flex}.cue-editing-link:hover,.cue-editing-link:focus-visible{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.fine-tune-latency-tip{color:#c8d8e8;text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin:0;font-size:.69rem;display:flex}.fine-tune-latency-tip>svg{color:var(--cyan);flex:none}.fine-tune-latency-tip a{color:var(--cyan);align-items:center;gap:4px;font-weight:760;text-decoration:none;display:inline-flex}.fine-tune-latency-tip a:hover,.fine-tune-latency-tip a:focus-visible{color:#fff;text-underline-offset:3px;text-decoration:underline}.timeline-created-cue-editor{background:linear-gradient(100deg,#72e6bd11,#79ddff09);border:1px solid #72e6bd4d;border-radius:10px;grid-template-columns:auto minmax(220px,1fr) auto;align-items:end;gap:12px;margin-top:10px;padding:10px 11px;display:grid;box-shadow:inset 3px 0 #72e6bdb8}.timeline-created-cue-meta{color:var(--green);align-items:center;gap:8px;display:flex}.timeline-created-cue-meta>span{gap:2px;display:grid}.timeline-created-cue-meta strong{color:#e5fff6;white-space:nowrap;font-size:.72rem}.timeline-created-cue-meta small{color:#92b8ad;font-variant-numeric:tabular-nums;font-size:.62rem}.timeline-created-cue-editor label{color:#8fa0ba;letter-spacing:.045em;text-transform:uppercase;gap:4px;min-width:0;font-size:.61rem;font-weight:760;display:grid}.timeline-created-cue-editor input{color:#f3f7ff;background:#0408138c;border:1px solid #79ddff3d;border-radius:8px;width:100%;min-height:38px;padding:7px 10px}.timeline-created-cue-editor input:focus{border-color:#79ddff94;outline:2px solid #79ddff1f}.timeline-created-cue-editor>button{color:#dffff4;cursor:pointer;background:#72e6bd17;border:1px solid #72e6bd4d;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 11px;font-size:.68rem;font-weight:780;display:inline-flex}.timeline-created-cue-editor>button:hover,.timeline-created-cue-editor>button:focus-visible{color:#fff;background:#72e6bd26;border-color:#72e6bd94}.timeline-viewport{border:1px solid var(--line);scrollbar-color:#7d93be73 #ffffff06;background:#080c19;border-radius:12px;margin-top:12px;position:relative;overflow:auto hidden}.timeline-viewport,.overlap-timeline-scroll{overflow-anchor:none}.timeline-track{contain:layout paint;cursor:crosshair;min-width:100%;height:146px;position:relative}.timeline-ruler{border-bottom:1px solid var(--line);background:#ffffff05;height:38px;position:absolute;inset:0 0 auto}.timeline-ruler:after{background:repeating-linear-gradient(90deg, #97aacd33 0 1px, transparent 1px var(--timeline-subtick-width));content:"";pointer-events:none;height:13px;position:absolute;inset:auto 0 0}.timeline-ruler>span{color:#667590;font-variant-numeric:tabular-nums;border-left:1px solid #97aacd29;height:100%;padding:7px 0 0 5px;font-size:.61rem;position:absolute;top:0}.timeline-ruler>span>i{background:#97aacd0e;width:1px;height:108px;position:absolute;bottom:-108px;left:-1px}.timeline-ruler>span.major{color:#8391aa}.timeline-blocks{position:absolute;inset:55px 0 20px}.timeline-block{color:#dff7ff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#268cb8b8,#5c51b4c2);border:1px solid #8ac2ff57;border-radius:8px;align-items:stretch;min-width:8px;height:58px;padding:0;transition:border-color .16s,box-shadow .16s;display:flex;position:absolute;top:0;overflow:hidden;box-shadow:0 8px 20px #0003}.timeline-block:nth-child(3n+2){background:linear-gradient(135deg,#4d66c7c2,#914db5bd);border-color:#b495ff61}.timeline-block:nth-child(3n){background:linear-gradient(135deg,#7a4eb9bf,#be458db8);border-color:#ff8dca5c}.timeline-block:active{cursor:grabbing}.timeline-block.active{z-index:3;border-color:#fff;box-shadow:0 0 0 2px #79ddff59,0 10px 30px #00000047}.timeline-block.move-holding{z-index:5;border-color:var(--danger);cursor:wait;box-shadow:0 0 0 2px #ff799557,0 10px 30px #00000047}.timeline-block.move-ready{z-index:5;border-color:var(--green);cursor:grabbing;box-shadow:0 0 0 2px #72e6bd61,0 10px 30px #00000047}.block-label{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;flex:1;align-items:center;gap:6px;min-width:0;padding:0 6px;font-size:.66rem;font-weight:690;display:flex;overflow:hidden}.block-label b{color:#07111a;background:#ffffffc7;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:.58rem;display:grid}.resize-handle{cursor:ew-resize;touch-action:none;background:0 0;flex:0 0 20px;height:100%;position:relative}.resize-handle:after{content:"";background:#ffffff2b;transition:background .16s;position:absolute;inset:0 6px}.resize-handle:hover:after{background:#ffffff85}.timeline-playhead{z-index:6;pointer-events:none;will-change:transform;background:#ff668c;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 12px #ff668ccc}.timeline-playhead:before{content:"";background:#ff668c;border-radius:0 0 5px 5px;width:12px;height:8px;position:absolute;top:0;left:-5px}.timeline-legend{color:var(--quiet);grid-template-columns:minmax(190px,1fr) minmax(260px,1.35fr) minmax(190px,1fr);align-items:center;gap:14px;margin-top:11px;font-size:.68rem;display:grid}.timeline-legend-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.timeline-legend-actions span{align-items:center;gap:6px;display:inline-flex}.timeline-legend i{border-radius:3px;width:18px;height:8px;display:inline-block}.move-swatch{background:linear-gradient(90deg,#328cb7,#6559b4)}.edge-swatch{background:#7083aa40;border-inline:3px solid #ffffffad}.timeline-lyrics-preview{text-align:center;background:#ffffff05;border:1px solid #97aacd1f;border-radius:9px;min-width:0;min-height:45px;position:relative;overflow:hidden}.timeline-preview-sizer{visibility:hidden;pointer-events:none;width:100%;min-height:45px;display:grid}.timeline-preview-sizer>.timeline-preview-content{grid-area:1/1}.timeline-preview-content{box-sizing:border-box;grid-template-rows:12px 12px minmax(20px,1fr);place-items:center;gap:3px;min-width:0;min-height:45px;padding:8px 12px;display:grid}.timeline-preview-current{position:absolute;inset:0}.timeline-lyrics-preview small{color:#667590;letter-spacing:.07em;text-transform:uppercase;font-size:.56rem;font-weight:790}.timeline-preview-style{color:#8292ae;font-size:.59rem;font-style:normal}.timeline-preview-placeholder{visibility:hidden;-webkit-user-select:none;user-select:none}.timeline-lyrics-preview span{color:#7e8ca7;font-synthesis:weight style;overflow-wrap:anywhere;max-width:100%;font-size:.74rem;font-weight:680;line-height:1.25;display:block}.timeline-lyrics-preview.active{background:#79ddff0b;border-color:#79ddff38;box-shadow:inset 0 0 18px #79ddff09}.timeline-lyrics-preview.active span{color:#e7f8ff}.timeline-lyrics-preview.empty{background:0 0;border-color:#0000}.timeline-lyrics-preview.no-lyrics{background:#97aacd06;border-color:#97aacd1a}.timeline-lyrics-preview.no-lyrics span{color:#8795ad}.timeline-lyrics-preview.instrumental{background:#a28aff0b;border-color:#a28aff38}.instrumental-progress{background:#97aacd21;border-radius:999px;width:min(78%,520px);height:5px;overflow:hidden}.timeline-lyrics-preview .instrumental-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--pink));transform-origin:0;will-change:transform;width:100%;height:100%;display:block;box-shadow:0 0 12px #a28aff59}.timeline-legend>strong{color:var(--cyan);text-align:right;justify-self:end;font-size:.68rem}.timeline-drag-tooltip{z-index:100;color:#dce7f8;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d1bf5;border:1px solid #79ddff61;border-radius:10px;width:194px;padding:10px 11px;position:fixed;box-shadow:0 12px 35px #0000006b,0 0 22px #79ddff1a}.timeline-drag-tooltip small{color:#8796b1;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:.62rem;font-weight:780;display:block}.timeline-drag-tooltip div{color:#8290a9;justify-content:space-between;align-items:center;gap:12px;min-height:22px;font-size:.69rem;display:flex}.timeline-drag-tooltip strong{color:#dce7f8;font-variant-numeric:tabular-nums;font-size:.78rem}.timeline-drag-tooltip div.changing span,.timeline-drag-tooltip div.changing strong{color:var(--cyan)}.export-credit-panel{z-index:80;color:#dfeaf8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0a181ff7,#101128f7);border:1px solid #72e6bd61;border-radius:16px;gap:13px;width:min(680px,100vw - 28px);padding:18px 20px 16px;display:grid;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 22px 70px #00000080,0 0 34px #72e6bd14}.export-credit-close{color:#aab8cc;cursor:pointer;background:#ffffff08;border:1px solid #97aacd2e;border-radius:8px;place-items:center;width:31px;height:31px;padding:0;display:grid;position:absolute;top:10px;right:10px}.export-credit-close:hover,.export-credit-close:focus-visible{color:#fff;border-color:#ffffff59}.export-credit-heading{grid-template-columns:auto 1fr;align-items:start;gap:11px;padding-right:30px;display:grid}.export-credit-heading>svg{color:var(--green);margin-top:2px}.export-credit-heading>div{gap:5px;display:grid}.export-credit-heading strong{color:#effff9;font-family:Space Grotesk,sans-serif;font-size:.95rem}.export-credit-heading span{color:#a8b6cb;font-size:.73rem;line-height:1.55}.export-credit-actions{flex-wrap:wrap;gap:7px;display:flex}.export-credit-actions button{color:#dffff4;cursor:pointer;background:#72e6bd0f;border:1px solid #72e6bd38;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 10px;font-size:.68rem;font-weight:760;display:inline-flex}.export-credit-actions button:hover,.export-credit-actions button:focus-visible{color:#fff;background:#72e6bd1f;border-color:#72e6bd80}.export-credit-actions button:last-child{color:#b8c4d6;background:#97aacd09;border-color:#97aacd2e;margin-left:auto}.export-credit-panel>small{color:var(--green);font-size:.65rem;font-weight:730}.youtube-export-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02050cc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.youtube-export-dialog{color:#dce7f7;background:linear-gradient(145deg,#121b30fc,#070b18fc);border:1px solid #79ddff47;border-radius:18px;gap:10px;width:min(860px,100%);max-height:min(820px,100vh - 40px);padding:24px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 90px #0000008c}.youtube-export-dialog>small{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:840}.youtube-export-dialog h2{letter-spacing:-.035em;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.55rem}.youtube-export-dialog>p{color:#8f9eb7;max-width:720px;margin:0;font-size:.76rem;line-height:1.55}.youtube-export-close{color:#aebbd0;cursor:pointer;background:#ffffff09;border:1px solid #97aacd2e;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:13px;right:13px}.youtube-export-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.youtube-export-options>button{color:#dce8f9;cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #79ddff2b;border-radius:12px;grid-template-columns:1fr auto;align-content:space-between;gap:12px;min-height:142px;padding:15px;display:grid}.youtube-export-options>button:hover,.youtube-export-options>button:focus-visible{background:#79ddff12;border-color:#79ddff7a;transform:translateY(-2px)}.youtube-export-options>button>span{grid-column:1/-1;gap:5px;display:grid}.youtube-export-options b{color:var(--cyan);font-family:Space Grotesk,sans-serif;font-size:1.15rem}.youtube-export-options em{color:#bdc9db;font-size:.7rem;font-style:normal;font-weight:730}.youtube-export-options small{color:#7f8fa8;font-size:.65rem;line-height:1.45}.youtube-export-options svg{color:var(--violet);align-self:end}.youtube-export-dialog .youtube-export-footnote{color:#71839f;padding-top:3px;font-size:.65rem}.youtube-export-dialog.overlap-youtube-export-dialog{background:linear-gradient(145deg,#261219fc,#0c070cfc);border-color:#e2867657}.overlap-youtube-export-dialog>small,.overlap-youtube-export-dialog .youtube-export-options b{color:#ed9b82}.overlap-youtube-export-dialog .youtube-export-options>button{border-color:#e2867633}.overlap-youtube-export-dialog .youtube-export-options>button:hover,.overlap-youtube-export-dialog .youtube-export-options>button:focus-visible{background:#d85f7014;border-color:#e2867685}.overlap-youtube-export-dialog .youtube-export-options svg{color:#d76772}.export-panel{grid-area:auto/1/auto/-1;padding:22px}.export-heading p{margin-bottom:0}.export-layout{grid-template-columns:minmax(0,1.35fr) minmax(420px,.8fr);align-items:start;gap:18px;margin-top:16px;display:grid}.export-settings{border:1px solid var(--line);background:#ffffff05;border-radius:11px;margin:0}.export-settings summary{color:#bdc9dd;cursor:pointer;padding:11px 12px;font-size:.74rem;font-weight:760}.export-settings[open] summary{border-bottom:1px solid var(--line)}.export-settings-content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;padding:11px;display:grid}.format-setting-group{background:#080d1b57;border:1px solid #97aacd1c;border-radius:9px;padding:11px}.format-setting-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.format-setting-heading strong{color:#dce7f8;font-size:.72rem}.format-setting-heading b{color:var(--cyan);text-transform:uppercase;background:#79ddff14;border-radius:5px;padding:3px 6px;font-size:.61rem}.format-setting-group>p{color:#71809d;margin:6px 0 10px;font-size:.64rem;line-height:1.45}.setting-toggle{color:#aab8ce;cursor:pointer;align-items:center;gap:8px;font-size:.68rem;display:flex}.setting-toggle input{width:15px;height:15px;accent-color:var(--cyan);margin:0}.format-setting-fields{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.format-setting-fields>label:not(.setting-toggle){color:#7f8da8;gap:5px;font-size:.62rem;font-weight:700;display:grid}.format-setting-fields input:not([type=checkbox]):not([type=color]):not([type=range]){border:1px solid var(--line);color:#dce7f8;background:#0b1120;border-radius:7px;width:100%;min-width:0;padding:7px 8px;font-size:.69rem}.color-control{align-items:center;gap:7px;display:flex}.color-control input{border:1px solid var(--line);cursor:pointer;background:#0b1120;border-radius:6px;width:30px;height:28px;padding:2px}.color-control code{color:#9baac2;font-size:.61rem}.format-setting-fields .range-setting{grid-column:1/-1;grid-template-columns:1fr auto}.range-setting output{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:.64rem}.range-setting input{width:100%;accent-color:var(--cyan);grid-column:1/-1}.format-setting-fields>.setting-toggle{grid-column:1/-1}.metadata-fields{grid-template-columns:1fr}.font-loader{border-top:1px solid var(--line);gap:7px;margin-top:12px;padding-top:11px;display:grid}.font-upload-button{width:100%;padding:8px 10px}.font-loader>p{color:#71809d;margin:0;font-size:.62rem;line-height:1.45}.loaded-fonts{flex-wrap:wrap;gap:5px;display:flex}.loaded-fonts span{color:#8ed9c0;text-overflow:ellipsis;white-space:nowrap;background:#72e6bd0e;border:1px solid #72e6bd29;border-radius:999px;max-width:100%;padding:4px 7px;font-size:.59rem;overflow:hidden}.export-actions{align-content:start;gap:14px;display:grid}.format-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.format-list button{border:1px solid var(--line);color:#dce5f6;cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 12px;display:flex}.format-list button:hover:not(:disabled){border-color:var(--line-strong);background:#79ddff0e;transform:translate(2px)}.format-list button:disabled{opacity:.38;cursor:not-allowed}.format-list button>span{gap:2px;display:grid}.format-list strong{color:var(--cyan);text-transform:uppercase;font-size:.87rem}.format-list small{color:var(--quiet);font-size:.68rem}.local-note{color:var(--green);background:#236f5a12;border:1px solid #72e6bd26;border-radius:10px;align-items:flex-start;gap:9px;margin:0;padding:12px;display:flex}.local-note svg{flex:none;margin-top:2px}.local-note p{color:#9ab7ae;margin:0;font-size:.71rem;line-height:1.5}.local-note strong{color:var(--green)}.danger-link{color:#a57a88;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:0 auto;font-size:.71rem;text-decoration:underline;display:block}.danger-link:hover{color:var(--danger)}.site-footer{border-top:1px solid var(--line);background:linear-gradient(#0a0e1bd1,#060811fa);flex:none;margin-top:0}.site-footer-inner{grid-template-columns:minmax(230px,.85fr) minmax(420px,1.45fr) minmax(250px,.9fr);align-items:start;gap:28px;width:min(1500px,100%);margin:0 auto;padding:30px clamp(18px,3vw,42px) 22px;display:grid}.footer-intro{align-items:center;gap:12px;display:flex}.footer-mark{width:42px;height:42px;color:var(--cyan);background:linear-gradient(140deg,#79ddff1a,#a28aff1a);border:1px solid #79ddff38;border-radius:12px;flex:none;place-items:center;display:grid}.footer-mark svg{width:21px}.footer-intro>div:last-child{gap:4px;display:grid}.footer-intro strong{color:#e8effc;font-family:Space Grotesk,sans-serif;font-size:.86rem}.footer-intro span{color:var(--quiet);font-size:.68rem;line-height:1.45}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.footer-nav a{color:#aab8ce;background:#ffffff06;border:1px solid #97aacd1c;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px 11px;text-decoration:none;transition:border-color .18s,color .18s,background .18s,transform .18s;display:grid}.footer-nav a:hover{color:var(--cyan);background:#79ddff0b;border-color:#79ddff40;transform:translateY(-1px)}.footer-nav a>svg:first-child{color:var(--cyan)}.footer-nav a>svg:last-child{color:#667590}.footer-nav a span{gap:2px;min-width:0;display:grid}.footer-nav a strong{color:#d9e4f5;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.footer-nav a small{color:var(--quiet);text-overflow:ellipsis;white-space:nowrap;font-size:.59rem;overflow:hidden}.footer-support{background:#f87abe09;border:1px solid #f87abe21;border-radius:11px;padding:12px 13px}.footer-support>strong{color:#f2d6e7;font-size:.74rem}.footer-support p{color:#8492aa;margin:6px 0 11px;font-size:.65rem;line-height:1.5}.footer-support>div{flex-wrap:wrap;gap:7px;display:flex}.footer-support a{color:#bceeff;background:#79ddff0b;border:1px solid #79ddff29;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:.66rem;font-weight:740;text-decoration:none;display:inline-flex}.footer-support a:hover{border-color:#79ddff57}.footer-support a.donate{color:#ffc2e2;background:#f87abe0f;border-color:#f87abe33}.footer-support a.donate:hover{border-color:#f87abe66}.footer-contact{border-top:1px solid #f87abe21;margin-top:13px;padding-top:12px;gap:4px!important;display:grid!important}.footer-contact>strong{color:#e9dbea;font-size:.7rem}.footer-contact>p{margin:0}.contact-email{color:#bac6da;-webkit-user-select:text;user-select:text;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem}.footer-contact>div{flex-wrap:wrap;gap:7px;margin-top:5px;display:flex}.footer-contact button{color:#d8ceff;cursor:pointer;background:#a28aff0e;border:1px solid #a28aff2e;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:.66rem;font-weight:740;display:inline-flex}.footer-bottom{color:#64738f;border-top:1px solid #97aacd1a;grid-column:1/-1;justify-content:space-between;gap:24px;padding-top:17px;font-size:.62rem;line-height:1.5;display:flex}.footer-bottom span:last-child{text-align:right;max-width:720px}.footer-copyright{align-items:center;gap:8px;display:inline-flex}.footer-copyright img{object-fit:cover;border:1px solid #97aacd29;border-radius:7px;flex:none;width:25px;height:25px;box-shadow:0 5px 15px #0003}.changelog-shell{flex-direction:column;min-height:100dvh;padding-top:72px;display:flex}.changelog-header{grid-template-columns:auto 1fr auto}.changelog-header .language-switch{grid-column:3}.changelog-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.changelog-brand .brand-mark{flex:none}.changelog-nav{justify-content:center;align-items:center;gap:clamp(14px,2.4vw,30px);display:flex}.changelog-nav a{color:#aebcd2;font-size:.72rem;font-weight:740;text-decoration:none}.changelog-nav a:hover,.changelog-nav a.active{color:#fff}.changelog-nav a.active{text-decoration:underline;-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan);text-underline-offset:7px}.changelog-main{flex:1 0 auto;width:100%;margin:0;padding:0}.changelog-hero{max-width:1120px;margin:0 auto;padding:94px clamp(20px,4vw,54px) 62px calc(clamp(20px,4vw,54px) + 44px)}.changelog-hero>p{color:var(--cyan);letter-spacing:.085em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 20px;font-size:.73rem;font-weight:820;display:inline-flex}.changelog-hero h1{letter-spacing:-.062em;max-width:900px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,7vw,6.7rem);line-height:.96}.changelog-hero>span{max-width:760px;color:var(--muted);margin-top:22px;font-size:clamp(.98rem,1.8vw,1.18rem);line-height:1.7;display:block}.lyrics-release-list{max-width:1120px;margin:0 auto;padding:0 clamp(14px,4vw,54px) 90px;scroll-margin-top:92px}.lyrics-release-list>article{grid-template-columns:30px minmax(0,1fr);gap:14px;display:grid}.lyrics-release-rail{justify-content:center;display:flex;position:relative}.lyrics-release-rail span{z-index:2;background:var(--violet);border:3px solid #090d19;border-radius:50%;width:12px;height:12px;margin-top:34px;position:relative;box-shadow:0 0 0 1px #a28affa6,0 0 24px #a28aff57}.lyrics-release-rail i{background:var(--line);width:1px;position:absolute;top:45px;bottom:0}.lyrics-release-list>article:last-child .lyrics-release-rail i{display:none}.lyrics-release-list>article.current .lyrics-release-rail span{background:var(--green);box-shadow:0 0 0 1px #72e6bda8,0 0 25px #72e6bd61}.lyrics-release-card{border:1px solid var(--line);background:linear-gradient(145deg,#141c32e6,#090e1be6);border-radius:17px;margin-bottom:18px;padding:27px 29px;box-shadow:0 20px 55px #0000001f}.lyrics-release-list>article.current .lyrics-release-card{background:linear-gradient(145deg,#1837377a,#09111deb);border-color:#72e6bd38}.lyrics-release-card header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.lyrics-release-card header>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lyrics-release-card header strong{letter-spacing:-.035em;font-family:Space Grotesk,sans-serif;font-size:1.42rem}.lyrics-release-card header em{color:#cbbfff;background:#a28aff14;border:1px solid #a28aff40;border-radius:999px;padding:4px 8px;font-size:.62rem;font-style:normal;font-weight:760}.lyrics-release-list>article.current header em{color:#bdf3de;background:#236f5a1a;border-color:#72e6bd40}.lyrics-release-card header small{color:var(--quiet);text-align:right;font-size:.68rem}.lyrics-release-card h2{letter-spacing:-.035em;margin:16px 0 7px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,2.8vw,2rem)}.lyrics-release-card>p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.66}.lyrics-release-card ul{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:18px 0 0;padding:17px 0 0;list-style:none;display:grid}.lyrics-release-card li{color:#c8d4e7;align-items:flex-start;gap:8px;font-size:.74rem;line-height:1.5;display:flex}.lyrics-release-card li svg{color:var(--green);flex:none;margin-top:1px}.usage-tips-section{max-width:1120px;margin:0 auto;padding:8px clamp(20px,4vw,54px) 86px;scroll-margin-top:92px}.usage-tips-heading{max-width:780px;margin:0 0 26px 44px}.usage-tips-heading>p{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px;font-size:.7rem;font-weight:820;display:inline-flex}.usage-tips-heading h2{letter-spacing:-.05em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4.5vw,3.7rem)}.usage-tips-heading>span{color:var(--muted);margin-top:10px;font-size:.82rem;line-height:1.65;display:block}.usage-tip-grid{gap:14px;display:grid}.usage-tip-grid :is(article,details.usage-tip-card){background:linear-gradient(135deg,#10182ce0,#090e1beb);border:1px solid #97aacd24;border-radius:15px;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:23px 25px;scroll-margin-top:92px;display:grid}.usage-tip-grid :is(article,details.usage-tip-card):target{border-color:#79ddff7a;box-shadow:0 0 0 3px #79ddff14,0 18px 52px #0003}.usage-tip-grid :is(article,details.usage-tip-card)>svg{width:22px;height:22px;color:var(--cyan);margin-top:2px}.usage-tip-grid :is(article,details.usage-tip-card):nth-child(2)>svg{color:var(--violet)}.usage-tip-grid :is(article,details.usage-tip-card):nth-child(3)>svg{color:var(--pink)}.usage-tip-grid :is(article,details.usage-tip-card)>div{min-width:0}.usage-tip-grid small{color:var(--cyan);letter-spacing:.07em;text-transform:uppercase;font-size:.62rem;font-weight:780}.usage-tip-grid h3{letter-spacing:-.025em;margin:5px 0 8px;font-family:Space Grotesk,sans-serif;font-size:1.08rem}.usage-tip-grid p{color:#aab7cd;margin:7px 0 0;font-size:.76rem;line-height:1.64}.usage-tip-grid code{overflow-wrap:anywhere;color:#e4ddff;background:#a28aff11;border:1px solid #a28aff33;border-radius:8px;width:fit-content;max-width:100%;margin-top:12px;padding:8px 10px;font-size:.72rem;display:block}.youtube-grid-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 8px;padding:0;list-style:none;display:grid}.youtube-grid-legend li{background:#05091352;border:1px solid #97aacd24;border-radius:10px;align-content:start;gap:5px;min-width:0;padding:11px 12px;display:grid}.youtube-grid-legend li:before{content:"";border-radius:999px;width:100%;height:3px}.youtube-grid-legend li.left-zone:before{background:var(--cyan);box-shadow:0 0 12px #79ddff47}.youtube-grid-legend li.center-zone:before{background:var(--violet);box-shadow:0 0 12px #a28aff47}.youtube-grid-legend li.right-zone:before{background:var(--pink);box-shadow:0 0 12px #f87abe47}.youtube-grid-legend strong{color:#e8effb;font-size:.72rem}.youtube-grid-legend span{color:#8e9db7;font-size:.69rem;line-height:1.5}.changelog-beta{background:linear-gradient(120deg,#79ddff14,#f87abe1a);border:1px solid #f87abe42;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;max-width:1012px;margin:0 auto 58px;padding:25px 27px;scroll-margin-top:92px;display:grid;box-shadow:0 22px 60px #0000002b}.changelog-beta>svg{color:var(--pink)}.changelog-beta small{color:var(--pink);letter-spacing:.085em;text-transform:uppercase;font-size:.66rem;font-weight:820}.changelog-beta h2{letter-spacing:-.025em;margin:5px 0 8px;font-family:Space Grotesk,sans-serif;font-size:1.3rem}.changelog-beta p{color:#aab7cd;margin:5px 0 0;font-size:.75rem;line-height:1.56}.changelog-beta>a,.usage-inline-link{color:#ffe1f1;white-space:nowrap;background:#f87abe14;border:1px solid #f87abe4d;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:.72rem;font-weight:780;text-decoration:none;display:inline-flex}.usage-inline-link{width:fit-content;margin-top:12px}.studio-changelog-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;max-width:1600px;margin:0 auto;padding:0 clamp(14px,3vw,42px) 94px;scroll-margin-top:92px;display:grid}.studio-changelog-column{background:linear-gradient(155deg,#0d13248f,#080c1838);border:1px solid #97aacd1f;border-radius:20px;min-width:0;padding:18px 14px 0;position:relative}.studio-changelog-column.overlap-column{--cyan:#e28676;--violet:#bd7187;--green:#e28676;background:radial-gradient(circle at 80% 0,#972a392e,#0000 24rem),linear-gradient(155deg,#1c0d14b8,#0a080d80);border-color:#d85f7033}.studio-column-heading{border-bottom:1px solid #97aacd21;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 14px 19px 44px;padding-bottom:15px;display:grid}.studio-column-heading>svg{width:25px;height:25px;color:var(--cyan)}.studio-column-heading>div{gap:3px;display:grid}.studio-column-heading small{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:820}.studio-column-heading h2{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.45rem,2.5vw,2.2rem)}.studio-column-heading>a{color:#ffd8d1;white-space:nowrap;background:#d85f7012;border:1px solid #d85f7047;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:.66rem;font-weight:760;text-decoration:none;display:inline-flex}.studio-changelog-columns .lyrics-release-list{max-width:none;margin:0;padding:0 0 16px}.studio-changelog-columns .lyrics-release-card{padding:22px 21px}.studio-changelog-columns .lyrics-release-card h2{font-size:clamp(1.15rem,1.8vw,1.55rem)}.studio-changelog-columns .lyrics-release-card ul{grid-template-columns:1fr}.overlap-release-list>article.current .lyrics-release-card{background:linear-gradient(145deg,#5b1d2747,#110a0ff0);border-color:#e286764d}.overlap-release-list>article.current .lyrics-release-rail span{background:#e28676;box-shadow:0 0 0 1px #e28676b8,0 0 25px #d85f7057}.overlap-release-list .lyrics-release-card li svg{color:#e28676}.hash-alias{position:absolute;top:-92px}.usage-tips-section{max-width:1600px}.usage-tip-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.usage-tip-grid .usage-tip-card.shared,.usage-lane-heading.shared,.usage-specific-headings{grid-column:1/-1}.usage-tip-grid .usage-tip-card.lyrics-specific{grid-column:1}.usage-tip-grid .usage-tip-card.overlap-specific{background:linear-gradient(135deg,#2f121bd1,#0c090ef0);border-color:#d85f7033;grid-column:2}.usage-lane-heading,.usage-specific-headings{align-items:center;gap:12px;display:grid}.usage-lane-heading{background:linear-gradient(110deg,#79ddff0f,#a28aff0d);border:1px solid #79ddff2b;border-radius:13px;grid-template-columns:auto 1fr;padding:14px 17px}.usage-lane-heading>svg{color:var(--cyan)}.usage-lane-heading>span{gap:2px;display:grid}.usage-lane-heading small{color:var(--cyan)}.usage-lane-heading strong{color:#e5edf9;font-family:Space Grotesk,sans-serif;font-size:1rem}.usage-tip-grid .usage-tip-card.shared,.usage-lane-heading.shared{background:linear-gradient(135deg,#102638 0%,#191d30 50%,#321923 100%);border-color:#515065}.usage-specific-headings{grid-template-columns:1fr 1fr;margin-top:18px}.usage-specific-headings>span{color:#dce6f4;background:#ffffff06;border:1px solid #97aacd21;border-radius:12px;align-items:center;gap:9px;padding:12px 15px;font-family:Space Grotesk,sans-serif;display:flex}.usage-specific-headings>span:last-child{color:#ffe0da;background:#d85f700d;border-color:#d85f7033}.usage-specific-headings svg{width:18px;color:var(--cyan)}.usage-specific-headings>span:last-child svg{color:#e28676}.changelog-next{background:linear-gradient(120deg,#2f79ab1a,#6c41b51a);border:1px solid #79ddff2e;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;max-width:1012px;margin:0 auto 90px;padding:27px 30px;display:grid}.changelog-next>svg{color:var(--cyan)}.changelog-next h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.changelog-next p{color:var(--muted);margin:5px 0 0;font-size:.75rem}.changelog-next a{border:1px solid var(--line-strong);color:#e9f7ff;background:#79ddff0f;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:.72rem;font-weight:780;text-decoration:none;display:inline-flex}.changelog-footer{border-top:1px solid var(--line);color:#74829d;justify-content:space-between;align-items:center;gap:24px;padding:25px clamp(20px,4vw,54px) 34px;font-size:.67rem;display:flex}.changelog-footer>span{align-items:center;gap:9px;display:inline-flex}.changelog-footer img{border-radius:7px;width:26px;height:26px}.changelog-footer nav{gap:16px;display:flex}.changelog-footer a{color:#aebcd2;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.changelog-footer a:hover{color:#fff}@media (width<=1180px){.studio-changelog-columns{grid-template-columns:1fr;max-width:900px}}@media (width<=980px){.single-vtt-grid,.setup-grid,.export-layout,.export-settings-content{grid-template-columns:1fr}.format-list{grid-template-columns:repeat(2,1fr)}.key-guide{margin-left:0}.site-footer-inner{grid-template-columns:1fr 1fr}.footer-nav{grid-row:span 2;grid-template-columns:1fr}.footer-support{grid-column:1}.changelog-nav{gap:13px}.usage-tip-grid{grid-template-columns:1fr}.usage-tip-grid .usage-tip-card.shared,.usage-tip-grid .usage-tip-card.lyrics-specific,.usage-tip-grid .usage-tip-card.overlap-specific,.usage-lane-heading.shared,.usage-specific-headings{grid-column:1}.usage-specific-headings{grid-template-columns:1fr}}@media (width<=1720px){.app-header{gap:9px;padding-inline:clamp(14px,2.4vw,34px)}.header-links{gap:6px}.header-links a{width:36px;min-width:36px;padding-inline:7px}.header-links span{display:none}.header-actions{gap:6px}.header-history{width:36px;min-width:36px;padding-inline:7px;position:relative}.header-history span,.history-limit{display:none}.header-history small{margin:-25px 0 0 25px;position:absolute}.privacy-badge{justify-content:center;width:36px;min-width:36px;padding:7px;font-size:0}.studio-version-link{font-size:.64rem}}@media (width<=1500px){.project-bar,.overlap-projectbar{grid-template-columns:minmax(220px,360px) minmax(0,1fr)}.project-actions,.overlap-projectbar>div{grid-column:1/-1;justify-content:flex-start}.project-actions .project-embed-option,.overlap-projectbar>div .overlap-embed-option{margin-right:auto}}@media (width<=720px){.app-shell{padding-top:101px}.app-header{min-height:64px}.studio-version-link{min-height:25px;padding:4px 9px;font-size:.59rem;top:calc(100% + 6px);bottom:auto;transform:translate(-50%)}.studio-update-notice,.export-credit-panel{top:105px}.language-switch{min-width:34px;padding-inline:7px}main{padding-top:14px}.project-bar{grid-template-columns:1fr auto}.project-status{grid-area:2/1/auto/-1}.project-actions{grid-column:1/-1;justify-content:stretch}.project-actions .quiet-button{flex:150px}.player-row{grid-template-columns:38px 48px 1fr auto}.waveform-wrap{grid-area:2/1/auto/-1}.timecode:not(.muted){justify-self:end}.transport-rate{grid-column:1/-1;justify-self:end}.timed-line,.timed-line.with-vtt-style{grid-template-columns:48px 32px 1fr 1fr 34px}.line-text{grid-column:3/-1}.line-select,.line-row-actions{grid-row:1/3}.line-vtt-style,.line-vtt-preview{grid-column:3/-1}.sync-controls{align-items:stretch}.sync-button,.sync-controls>.secondary-button{flex:220px}.touch-sync-pad{color:#dff8ff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#22709759,#4e409a61);border:1px solid #79ddff57;border-radius:13px;flex:100%;align-content:center;place-items:center;gap:4px;min-height:86px;padding:14px 18px;display:grid}.touch-sync-pad span{font-size:.82rem;font-weight:800}.touch-sync-pad small{color:#93a6c2;font-size:.65rem}.touch-sync-pad.pressed{color:#07111a;background:var(--green);border-color:#72e6bdb3;transform:translateY(2px)}.touch-sync-pad.pressed small{color:#07111ab8}.touch-sync-pad:disabled{display:none}.key-guide{flex:170px}.fine-tune-heading{display:grid}.fine-tune-vtt-advice{grid-template-columns:auto 1fr}.fine-tune-vtt-advice button{grid-column:1/-1;justify-self:start}.fine-tune-key-control{grid-template-columns:auto 1fr}.fine-tune-key-control>b{grid-column:2}.timeline-settings{justify-content:space-between}.timeline-playback{grid-template-columns:auto auto 1fr}.timeline-cue-actions{grid-column:1/-1;justify-content:flex-start}.timeline-playback-guidance{grid-column:1/-1;justify-items:start}.timeline-playback-guidance>span,.fine-tune-latency-tip{text-align:left;justify-content:flex-start}.timeline-created-cue-editor{grid-template-columns:auto minmax(0,1fr)}.timeline-created-cue-editor>button{grid-column:2;justify-self:end}.timeline-legend{grid-template-columns:1fr}.timeline-legend-actions,.timeline-legend>strong{text-align:center;justify-self:center}.single-vtt-heading{display:grid}.single-vtt-export-toggle{flex-basis:auto;width:100%}.single-vtt-grid{grid-template-columns:1fr}.single-vtt-preview-tools{justify-content:flex-start;width:100%}.youtube-export-options{grid-template-columns:1fr}.youtube-export-options>button{min-height:108px}.site-footer-inner{grid-template-columns:1fr}.footer-nav,.footer-support{grid-area:auto/1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:5px}.footer-bottom span:last-child{text-align:left}.changelog-shell{padding-top:64px}.changelog-nav{display:none}.changelog-hero{padding:68px 20px 44px 56px}.lyrics-release-list{padding-inline:12px}.lyrics-release-card{padding:22px 19px}.lyrics-release-card ul{grid-template-columns:1fr}.usage-tips-section{padding:4px 14px 64px}.usage-tips-heading{margin-left:42px}.usage-tip-grid :is(article,details.usage-tip-card){padding:20px 18px}.youtube-grid-legend{grid-template-columns:1fr}.changelog-beta{grid-template-columns:auto minmax(0,1fr);margin:0 14px 48px;padding:22px 19px}.changelog-beta>a{grid-column:2;justify-self:start}.changelog-next{grid-template-columns:auto 1fr;margin:0 14px 64px;padding:23px 20px}.changelog-next a{grid-column:1/-1;justify-self:start}.changelog-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.brand-copy,.privacy-badge{display:none}.setup-card,.transport-panel,.line-editor,.export-panel{border-radius:14px;padding:17px}.card-actions{display:grid}.transport-topline{align-items:flex-start}.sync-state{margin-top:4px;font-size:0}.timed-line{grid-template-columns:40px 30px 1fr 1fr 30px;gap:6px;padding:7px}.timed-line.with-vtt-style{grid-template-columns:40px 30px 1fr 1fr 30px}.line-row-actions button{min-width:30px}.line-delete-button{width:30px}.line-vtt-primary-controls{grid-template-columns:34px minmax(90px,1fr) 31px}.line-vtt-style .line-size-select{grid-area:1/2}.line-vtt-style .line-font-select{grid-area:2/1/auto/-1}.line-vtt-style .line-font-upload{grid-area:3/1/auto/3}.line-vtt-style .line-style-reset{grid-area:1/3}.line-vtt-preview{grid-template-columns:1fr;gap:4px}.line-vtt-preview-stage{justify-self:stretch;width:100%}.single-vtt-workbench{border-radius:14px;padding:17px}.single-vtt-primary-controls{grid-template-columns:70px 1fr}.single-vtt-primary-controls label:last-child{grid-column:1/-1}.single-vtt-position-values{grid-template-columns:1fr}.single-vtt-preview-topline{flex-direction:column;align-items:flex-start}.single-vtt-image-actions{justify-content:flex-start}.vtt-preview-mode-switch{width:100%}.vtt-preview-mode-switch button{flex:50%}.youtube-export-backdrop{padding:10px}.youtube-export-dialog{border-radius:14px;max-height:calc(100vh - 20px);padding:20px 15px 15px}.line-vtt-preview-stage.single-vtt-preview-stage{min-height:150px}.timeline-playback{grid-template-columns:auto auto 1fr;gap:8px}.timeline-cue-actions{justify-content:flex-end}.timeline-cue-actions button{width:36px;min-width:36px;padding-inline:0}.timeline-cue-actions button span{display:none}.timeline-created-cue-editor{grid-template-columns:1fr;align-items:stretch}.timeline-created-cue-editor>button{grid-column:1;justify-self:stretch}.format-list,.footer-nav{grid-template-columns:1fr}}@media (pointer:coarse){.resize-handle{flex-basis:28px}.resize-handle:after{inset-inline:10px}.touch-sync-pad:not(:disabled){display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.overlap-shell{--cyan:#e28676;--pink:#d85f70;--violet:#bd7187;--line:#e0706b2b;--line-strong:#e0706b52;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 18% 4%,#9126343d,#0000 31rem),radial-gradient(circle at 82% 13%,#c44e4921,#0000 29rem),linear-gradient(155deg,#10090e,#08070b 62%);min-height:100dvh;padding-top:76px;overflow-x:clip}.overlap-header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#12090eeb;grid-template-columns:minmax(230px,auto) 1fr auto;align-items:center;gap:18px;min-height:76px;padding:11px clamp(18px,3.2vw,48px);display:grid;position:fixed;inset:0 0 auto;box-shadow:0 12px 34px #00000047}.overlap-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.overlap-brand .brand-mark{flex:none}.overlap-beta-badge{color:#ffd9ed;letter-spacing:.08em;text-transform:uppercase;background:#f87abe1a;border:1px solid #f87abe61;border-radius:999px;align-items:center;min-height:22px;padding:3px 7px;font-size:.58rem;font-weight:840;display:inline-flex}.overlap-beta-badge b{font:inherit;margin-left:4px}.overlap-header nav{justify-content:center;gap:7px;display:flex}.overlap-header nav a,.overlap-header-actions>a,.overlap-header-actions>button{border:1px solid var(--line);color:#aebdd4;cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 11px;font-size:.72rem;font-weight:760;text-decoration:none;transition:all .18s;display:inline-flex}.overlap-header nav a:hover,.overlap-header nav a.active,.overlap-header-actions>a:hover,.overlap-header-actions>button:hover{color:#fff;background:#d85f701c;border-color:#e286766b}.overlap-header nav a.active{background:linear-gradient(120deg,#e286761a,#d85f7024);border-color:#d85f7075}.overlap-header-actions{align-items:center;gap:7px;display:flex}.overlap-header-actions>button{color:#20090e;background:linear-gradient(120deg,#e9967f,#d96a74);min-width:40px}.overlap-header-actions .overlap-version-link{color:#ffd9d2;background:#d85f7017;border-color:#e286764d}.overlap-header-actions .overlap-donate{color:#ffc3df;background:#f87abe12;border-color:#f87abe4d}.overlap-header-actions .overlap-local{color:var(--green);background:#236f5a17;border-color:#72e6bd3d;border-radius:999px}.overlap-main{gap:18px;padding:22px clamp(14px,2.7vw,40px) 48px;display:grid}.overlap-beta-notice{color:#bcaeb4;background:linear-gradient(110deg,#d85f701a,#e286760b);border:1px solid #d85f7047;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 14px;display:grid}.overlap-beta-notice>svg{color:var(--pink)}.overlap-beta-notice>div{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.overlap-beta-notice strong{color:#ffe1dd;font-size:.73rem}.overlap-beta-notice span{font-size:.69rem;line-height:1.45}.overlap-beta-notice>a{color:#f6c8bf;white-space:nowrap;font-size:.68rem;font-weight:780;text-decoration:none}.overlap-beta-notice>a:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.overlap-projectbar,.overlap-transport,.overlap-workspace,.overlap-editor,.overlap-preview-panel,.overlap-export{border:1px solid var(--line);background:linear-gradient(145deg,#231218f0,#0e090ef5);border-radius:17px;box-shadow:0 22px 64px #0000002e}.overlap-projectbar{grid-template-columns:minmax(220px,360px) 1fr auto;align-items:end;gap:17px;padding:14px 16px;display:grid}.overlap-projectbar>label,.overlap-editor label{color:#7f90ac;letter-spacing:.045em;text-transform:uppercase;gap:6px;font-size:.69rem;font-weight:780;display:grid}.overlap-projectbar input,.overlap-editor input,.overlap-editor textarea,.overlap-editor select,.overlap-lane-label input[type=text]{border:1px solid var(--line);color:#fff2ef;background:#09040899;border-radius:9px}.overlap-projectbar>label input{min-height:40px;padding:9px 11px;font-weight:700}.overlap-projectbar>p{color:#9eacc4;align-self:center;align-items:center;gap:8px;margin:0;font-size:.74rem;display:flex}.overlap-projectbar>p svg{color:var(--green)}.overlap-projectbar>div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.overlap-projectbar button,.overlap-projectbar>div label,.overlap-toolbar button,.overlap-empty button,.overlap-editor-actions button,.overlap-export button{border:1px solid var(--line);color:#d5e0f1;cursor:pointer;text-transform:none;letter-spacing:0;background:#ffffff09;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 11px;font-size:.72rem;font-weight:760;display:inline-flex}.overlap-projectbar>div label{position:relative}.overlap-projectbar>div .overlap-embed-option{color:#e0b5ae;border-color:#e2867633}.overlap-projectbar>div .overlap-embed-option input{accent-color:#e28676;width:15px;height:15px;margin:0}.overlap-projectbar>div .overlap-embed-option:has(input:disabled){opacity:.46;cursor:not-allowed}.overlap-projectbar .overlap-clear-project{color:#ffabb6;border-color:#ff79953d}.overlap-projectbar input[type=file],.overlap-audio-load input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.overlap-transport{grid-template-columns:minmax(320px,auto) auto auto minmax(180px,1fr) minmax(160px,auto);align-items:center;gap:13px;padding:17px 19px;display:grid}.overlap-section-heading{align-items:center;gap:12px;min-width:0;display:flex}.overlap-section-heading>span{width:40px;height:40px;color:var(--cyan);background:#d85f7014;border:1px solid #e2867645;border-radius:11px;flex:none;place-items:center;display:grid}.overlap-section-heading>div{min-width:0}.overlap-section-heading small,.overlap-workspace-topline small,.overlap-export small{color:var(--cyan);letter-spacing:.095em;text-transform:uppercase;font-size:.65rem;font-weight:820}.overlap-section-heading h1,.overlap-section-heading h2,.overlap-workspace-topline h2,.overlap-export h2{letter-spacing:-.025em;text-overflow:ellipsis;margin:3px 0 0;font-family:Space Grotesk,sans-serif;font-size:1.08rem;overflow:hidden}.overlap-section-heading.compact h2{white-space:nowrap}.overlap-audio-load{color:#ffe5df;cursor:pointer;background:#d85f7017;border:1px solid #e286764d;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 11px;font-size:.72rem;font-weight:760;display:inline-flex;position:relative}.overlap-play{color:#220a0f;cursor:pointer;background:linear-gradient(130deg,#ed9b82,#d76772);border:0;border-radius:11px;place-items:center;width:42px;height:42px;padding:0;display:grid}.overlap-transport>strong{color:#dce9fb;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.76rem}.overlap-scrubber{width:100%;accent-color:var(--cyan)}.overlap-transport>span{color:#7989a4;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.overlap-transport audio{display:none}.overlap-transport-options{flex-wrap:wrap;grid-column:2/-1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.overlap-transport-options>span{color:#9f8e97;font-size:.67rem;font-weight:760}.overlap-transport-options .playback-rate-control{background:#ffffff06;border-color:#e286762e}.overlap-transport-options .playback-rate-control button:hover,.overlap-transport-options .playback-rate-control button:focus-visible{color:#fff;background:#d85f701f}.overlap-transport-options .playback-rate-control button.active{color:#24090f;background:linear-gradient(120deg,#ed9b82,#d76772);box-shadow:0 0 14px #d85f7033}.overlap-workspace{overflow:hidden}.overlap-workspace-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:17px 18px;display:flex}.overlap-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.overlap-toolbar button:first-child{color:#ffe0d9;background:#d85f701a;border-color:#e2867652}.overlap-toolbar button:disabled,.overlap-export button:disabled{opacity:.38;cursor:not-allowed}.overlap-toolbar label{color:#8292ac;align-items:center;gap:8px;font-size:.67rem;font-weight:720;display:flex}.overlap-toolbar input{width:116px;accent-color:var(--pink)}.overlap-view-switch{border:1px solid var(--line);background:#09040880;border-radius:10px;padding:3px;display:inline-flex}.overlap-view-switch button{background:0 0;border:0;min-height:31px;padding:5px 8px}.overlap-view-switch button.active{color:#220a0f;background:linear-gradient(120deg,#ed9b82,#d76772)}.overlap-view-zoom{color:#8292ac;gap:4px;font-size:.64rem;font-weight:760;display:grid}.overlap-view-zoom>div{border:1px solid var(--line);background:#09040880;border-radius:9px;grid-template-columns:28px 45px 28px;align-items:center;display:grid;overflow:hidden}.overlap-view-zoom button{background:0 0;border:0;border-radius:0;width:28px;min-height:30px;padding:0}.overlap-view-zoom button:hover:not(:disabled),.overlap-view-zoom button:focus-visible:not(:disabled){color:#260a10;background:var(--cyan)}.overlap-view-zoom output{color:#ffe4df;font-variant-numeric:tabular-nums;text-align:center;font-size:.64rem}.overlap-explainer{border-bottom:1px solid var(--line);color:#aa98a0;background:#12080d66;flex-wrap:wrap;align-items:center;gap:9px 14px;min-height:42px;padding:8px 18px;font-size:.65rem;display:flex}.overlap-explainer>span{color:#c5d1e2;align-items:center;gap:6px;font-weight:750;display:inline-flex}.overlap-explainer i{border-radius:3px;width:9px;height:9px;box-shadow:0 0 10px}.overlap-explainer i.lead{color:#79ddff;background:#79ddff}.overlap-explainer i.backing{color:#f87abe;background:#f87abe}.overlap-explainer i.adlib{color:#a28aff;background:#a28aff}.overlap-explainer p{flex:380px;margin:0;line-height:1.4}.overlap-explainer strong{color:#ffd18b;font-size:.64rem}.overlap-track-shell{grid-template-columns:208px minmax(0,1fr);min-height:250px;display:grid}.overlap-track-shell.compact-mode{min-height:110px}.overlap-lanes{z-index:3;border-right:1px solid var(--line);background:#140a0ff7;position:relative;box-shadow:12px 0 25px #0003}.overlap-lane-ruler{border-bottom:1px solid var(--line);color:#8998b0;justify-content:space-between;align-items:center;height:44px;padding:0 11px 0 14px;font-size:.7rem;display:flex}.overlap-lane-ruler button,.overlap-lane-label button{border:1px solid var(--line);color:#a8b8cf;cursor:pointer;background:#ffffff08;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid}.overlap-lane-label{cursor:pointer;border-bottom:1px solid #9db1da1a;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:7px;height:66px;padding:8px 9px 8px 12px;transition:background .15s;display:grid}.overlap-lane-label:hover,.overlap-lane-label.selected{background:#d85f7013}.overlap-lane-label.selected{box-shadow:inset 3px 0 0 var(--cyan)}.overlap-lane-label>svg{color:var(--cyan)}.overlap-lane-label>strong{color:#e5edf9;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.overlap-lane-label input:not([type=color]){color:#e5edf9;background:0 0;border:0;width:100%;min-width:0;padding:5px 6px;font-size:.72rem;font-weight:750}.overlap-lane-label small{color:#6e7d97;white-space:nowrap;font-size:.59rem}.overlap-lane-label button:disabled{opacity:.25}.overlap-timeline-scroll{scrollbar-color:#d85f706b #ffffff09;overflow:auto}.overlap-timeline{cursor:crosshair;min-width:100%;position:relative}.overlap-ruler{border-bottom:1px solid var(--line);background:#10070cdb;height:44px;position:relative}.overlap-ruler span{color:#6f819e;font-variant-numeric:tabular-nums;font-size:.58rem;position:absolute;bottom:8px;transform:translate(6px)}.overlap-lane-grid{background-image:linear-gradient(90deg,#e2867614 1px,#0000 1px),linear-gradient(#c7929914 1px,#0000 1px);min-height:66px;position:relative}.overlap-playhead{z-index:4;background:linear-gradient(var(--pink),#f08a76);pointer-events:none;will-change:transform;width:2px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 14px #d85f708c}.overlap-playhead i{background:var(--pink);border-radius:2px 2px 6px 6px;width:10px;height:8px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.overlap-cue{--cue-color:#79ddff;border:1px solid color-mix(in srgb,var(--cue-color) 64%,transparent);color:#eff8ff;min-width:24px;height:50px;box-shadow:inset 3px 0 0 var(--cue-color),0 7px 18px #0000002e;cursor:grab;text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border-radius:10px;padding:0;display:block;position:absolute;overflow:hidden}.overlap-cue:active{cursor:grabbing}.overlap-cue:hover,.overlap-cue.selected{border-color:var(--cue-color);filter:brightness(1.12)}.overlap-cue.selected{outline-offset:2px;outline:2px solid #ffffffc7}.overlap-cue.track-guard{cursor:ns-resize;box-shadow:inset 3px 0 0 var(--cue-color),0 0 0 2px #72e6bdb8,0 7px 18px #0000002e}.overlap-cue-segments{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.overlap-cue-segments i{background:linear-gradient(100deg,color-mix(in srgb,var(--cue-color) 37%,#11172a),color-mix(in srgb,var(--cue-color) 16%,#181c33));opacity:1;position:absolute;inset-block:0}.overlap-cue-segments i.overlapping{opacity:.56;background-image:repeating-linear-gradient(120deg,color-mix(in srgb,var(--cue-color) 42%,#11172a) 0 8px,color-mix(in srgb,var(--cue-color) 18%,#181c33) 8px 14px)}.overlap-cue-copy{z-index:2;pointer-events:none;align-content:center;gap:2px;height:100%;padding:7px 24px;display:grid;position:relative}.overlap-cue-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;font-weight:780;overflow:hidden}.overlap-cue-copy small{color:#e8f3ffa6;font-variant-numeric:tabular-nums;font-size:.55rem}.overlap-cue-resize{z-index:4;cursor:ew-resize;touch-action:none;width:20px;position:absolute;inset-block:0}.overlap-cue-resize.start{left:0}.overlap-cue-resize.end{right:0}.overlap-cue-resize:after{content:"";background:#ffffff40;border-radius:99px;transition:background .16s,transform .16s;position:absolute;inset:7px}.overlap-cue-resize:hover:after{background:#ffffffc7;transform:scaleX(1.35)}.overlap-empty{border-top:1px solid var(--line);color:#8899b5;justify-content:center;align-items:center;gap:15px;padding:22px;display:flex}.overlap-empty>svg{color:var(--violet)}.overlap-empty>div{flex:0 520px;gap:3px;display:grid}.overlap-empty strong{color:#d9e4f4;font-size:.76rem}.overlap-empty span{font-size:.68rem;line-height:1.45}.overlap-empty button{color:#ddd5ff;background:#a28aff14;border-color:#a28aff4a}.overlap-detail-grid{grid-template-columns:minmax(420px,.95fr) minmax(420px,1.05fr);gap:18px;display:grid}.overlap-editor,.overlap-preview-panel{padding:18px}.overlap-editor{align-content:start;gap:14px;display:grid}.overlap-editor-text textarea{resize:vertical;text-transform:none;min-height:78px;padding:10px 11px;font-size:.8rem;line-height:1.45}.overlap-editor-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.overlap-editor-row input,.overlap-editor-row select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-variant-numeric:tabular-nums;width:100%;min-height:38px;padding:8px 9px;font-size:.74rem}.overlap-editor-row.position{grid-template-columns:1fr 1fr}.overlap-editor-row.position label{grid-template-columns:1fr auto;align-items:center}.overlap-editor-row.position label input{height:auto;min-height:0;accent-color:var(--cyan);grid-column:1/-1;padding:0}.overlap-editor-row output{color:#c8d7ed;font-variant-numeric:tabular-nums;font-size:.65rem}.overlap-style-row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.overlap-style-row label{color:#8091ad;gap:5px;font-size:.64rem;font-weight:750;display:grid}.overlap-style-row label:first-child{grid-template-columns:auto auto;align-items:center}.overlap-style-row input[type=color]{width:38px;height:36px;padding:2px}.overlap-style-row input[type=number]{width:82px;min-height:36px;padding:7px 8px}.overlap-style-row button{border:1px solid var(--line);color:#9cabc1;cursor:pointer;background:#ffffff09;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid}.overlap-style-row button.active{color:#06131d;background:var(--cyan);border-color:#79ddff80}.overlap-editor-actions{gap:8px;display:flex}.overlap-editor-actions button:last-child{color:#ffb5c4;background:#ff79950f;border-color:#ff799540}.overlap-editor-placeholder{color:#7d8da7;margin:6px 0 0;font-size:.75rem;line-height:1.55}.overlap-preview-panel{align-content:start;gap:14px;display:grid}.overlap-preview-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.overlap-shell .vtt-preview-mode-switch button.active{color:#24090f;background:linear-gradient(120deg,#ed9b82,#d76772)}.overlap-preview{aspect-ratio:16/9;background:radial-gradient(circle at 50% 45%,#922b3a38,#0000 40%),linear-gradient(150deg,#26131a,#09070b 68%);border:1px solid #e286763d;border-radius:12px;width:100%;position:relative;overflow:hidden}.overlap-preview>img{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.overlap-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 70%,#00000042);position:absolute;inset:0}.overlap-preview-safe-area{z-index:1;border:1px dashed #97aacd1f;border-radius:4px;position:absolute;inset:8%}.overlap-preview>span{z-index:2;background:rgb(0 0 0/var(--caption-background-opacity,.78));text-align:center;white-space:nowrap;border-radius:4px;max-width:92%;padding:3px 6px;line-height:1.24;display:block;position:absolute}.overlap-preview>span.previous-cue-context{z-index:1;opacity:.38;filter:saturate(.72)}.overlap-ttml-region{z-index:1;background:#d85f7009;box-shadow:inset 0 0 16px #d85f7009}.overlap-ttml-region>span{color:#ffd5cb}.overlap-preview-note{color:#8495ae;background:#79ddff06;border:1px solid #79ddff29;border-radius:8px;margin:-4px 0 0;padding:8px 9px;font-size:.65rem;line-height:1.45}.overlap-active-list{flex-wrap:wrap;gap:6px;display:flex}.overlap-active-list button{border:1px solid var(--line);color:#9fadc2;cursor:pointer;background:#ffffff06;border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:6px 8px;font-size:.61rem;display:inline-flex;overflow:hidden}.overlap-active-list i{border-radius:50%;flex:none;width:7px;height:7px}.overlap-active-list span{color:#d5deeb;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.overlap-export{background:linear-gradient(115deg,#8729352e,#1c0e14f2 58%,#67243224);border-color:#e2867642;justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.overlap-export p{color:#8c9bb3;margin:6px 0 0;font-size:.72rem;line-height:1.5}.overlap-export button{color:#24090f;background:linear-gradient(120deg,#ed9b82,#d76772);border-color:#e2867666;min-height:44px}.overlap-export-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.overlap-export .youtube-export-trigger{color:#f7d8d2;background:#d85f7014}.overlap-export .youtube-export-trigger:hover,.overlap-export .youtube-export-trigger:focus-visible{background:#d85f7029}.overlap-footer{border-top:1px solid var(--line);color:#7887a0;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(18px,3.2vw,48px) 30px;font-size:.67rem;display:flex}.overlap-footer>span,.overlap-footer nav,.overlap-footer a{align-items:center;gap:8px;display:flex}.overlap-footer img{border-radius:8px;width:27px;height:27px}.overlap-footer a{color:#aab9cf;text-decoration:none}.overlap-site-footer{border-top-color:var(--line);background:linear-gradient(#180b11e6,#080509fc)}.overlap-site-footer .footer-mark,.overlap-site-footer .footer-nav a>svg:first-child{color:var(--cyan)}.overlap-site-footer .footer-nav a:hover{color:#ffd9d2;background:#d85f700f;border-color:#e286764d}.overlap-site-footer .footer-support{background:#d85f700a;border-color:#d85f702e}.overlap-site-footer .footer-support a{color:#ffd7cf;background:#d85f700f;border-color:#e2867633}@media (width<=1080px){.overlap-header{grid-template-columns:auto 1fr auto}.overlap-header nav span,.overlap-header-actions span{display:none}.overlap-header nav a,.overlap-header-actions>a{width:38px;padding-inline:8px}.overlap-transport{grid-template-columns:1fr auto auto}.overlap-audio-load{justify-self:end}.overlap-scrubber{grid-column:1/-1}.overlap-transport>span{text-align:left;grid-column:1/-1}.overlap-transport-options{grid-column:1/-1;justify-content:flex-start}.overlap-detail-grid{grid-template-columns:1fr}}@media (width<=760px){.overlap-shell{padding-top:68px}.overlap-header{min-height:68px;padding-inline:12px}.overlap-header .brand-copy{display:none}.overlap-header{grid-template-columns:auto 1fr auto}.overlap-header nav{justify-content:flex-start}.overlap-header-actions>a:first-child{display:none}.overlap-main{padding:13px 10px 36px}.overlap-beta-notice{grid-template-columns:auto minmax(0,1fr);align-items:start}.overlap-beta-notice>a{grid-column:2}.overlap-projectbar{grid-template-columns:1fr;align-items:stretch}.overlap-projectbar>div{justify-content:stretch}.overlap-projectbar button,.overlap-projectbar>div label{flex:130px}.overlap-transport{grid-template-columns:1fr auto auto;padding:15px}.overlap-section-heading{grid-column:1/-1}.overlap-audio-load{justify-self:start}.overlap-workspace-topline,.overlap-preview-heading{flex-direction:column;align-items:flex-start}.overlap-preview-tools{justify-content:flex-start;width:100%}.overlap-preview-heading .vtt-preview-mode-switch{width:100%}.overlap-preview-heading .vtt-preview-mode-switch button{flex:50%}.overlap-toolbar{justify-content:flex-start}.overlap-view-zoom{flex:170px}.overlap-track-shell{grid-template-columns:152px minmax(0,1fr)}.overlap-lane-label{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:7px}.overlap-lane-label small{display:none}.overlap-empty{flex-direction:column;align-items:flex-start}.overlap-editor,.overlap-preview-panel{padding:15px}.overlap-editor-row{grid-template-columns:1fr 1fr}.overlap-editor-row label:last-child{grid-column:1/-1}.overlap-cue-resize{width:28px}.overlap-cue-resize:after{inset-inline:11px}.overlap-cue-copy{padding-inline:31px}.overlap-export{flex-direction:column;align-items:stretch}.overlap-export-actions{justify-content:stretch}.overlap-export-actions button{flex:220px}.overlap-footer{flex-direction:column;align-items:flex-start}}@media (width<=430px){.overlap-beta-badge>span{display:none}.overlap-beta-badge b{margin-left:0}.overlap-header-actions .overlap-local{display:none}.overlap-track-shell{grid-template-columns:124px minmax(0,1fr)}.overlap-lane-label button{display:none}.overlap-lane-label{grid-template-columns:auto minmax(0,1fr)}.overlap-toolbar label{width:100%}.overlap-toolbar input{flex:1}.overlap-editor-row,.overlap-editor-row.position{grid-template-columns:1fr}.overlap-editor-row label:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){.overlap-playhead{box-shadow:none}}.youtube-beta-preview{aspect-ratio:16/9;touch-action:none;background:#152332;border:1px solid #51667e;border-radius:10px;width:100%;display:block}.youtube-beta-controls{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.youtube-beta-controls label{gap:5px;font-size:12px;display:grid}.youtube-beta-controls input{color:#eff6ff;background:#101a2a;border:1px solid #59718b;border-radius:5px;max-width:110px;padding:7px}.youtube-beta p{margin:10px 0;font-size:12px;line-height:1.6}.youtube-beta .legend{flex-wrap:wrap;gap:14px;display:flex}.youtube-beta button{color:#fff;cursor:pointer;background:#173646;border:1px solid #5aa5b0;border-radius:8px;padding:8px 12px}.youtube-beta button:disabled{opacity:.45;cursor:default}.youtube-beta pre{white-space:pre-wrap}.youtube-editor-note{font-size:13px;line-height:1.6}.collapsible-workspace-content[hidden]{display:none!important}.workspace-collapse-toggle{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:#64bef012;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:.75rem;display:inline-flex}.workspace-collapse-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.workspace-collapse-toggle:disabled{opacity:.5;cursor:not-allowed}.transport-topline>.workspace-collapse-toggle{margin-left:auto}.line-editor>.panel-heading,.transport-topline{flex-wrap:wrap}@media (width<=600px){.workspace-collapse-toggle{min-height:40px}.transport-topline>.workspace-collapse-toggle{margin-left:0}}.position-editor-sidebar{flex-direction:column;gap:8px;min-width:0;display:flex}.position-editor-sidebar>article{flex:1}.position-editor-sidebar>article[hidden]{display:none!important}.position-editor-toggle{border:1px solid var(--line);min-height:44px;color:inherit;cursor:pointer;background:#79ddff0f;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;display:flex}.position-editor-toggle>span:first-child{font-size:1.5rem;line-height:1}.single-vtt-grid.sidebar-collapsed,.overlap-detail-grid.sidebar-collapsed{grid-template-columns:44px minmax(0,1fr)}.position-editor-sidebar.collapsed .position-editor-toggle{flex-direction:column;padding:12px 8px}.position-editor-sidebar.collapsed .position-editor-toggle>span:last-child{writing-mode:vertical-rl}@media (width<=1080px){.single-vtt-grid.sidebar-collapsed,.overlap-detail-grid.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.position-editor-sidebar.collapsed .position-editor-toggle{flex-direction:row}.position-editor-sidebar.collapsed .position-editor-toggle>span:last-child{writing-mode:horizontal-tb}}.fine-tune-key-control{grid-template-columns:auto minmax(0,1fr) auto}.overlap-beta-notice{grid-template-columns:auto minmax(0,1fr)}@media (width<=600px){.fine-tune-key-control{grid-template-columns:auto minmax(0,1fr)}.fine-tune-key-control>b{grid-column:2}}.safe-editing-help{color:#c8d8e8;font-size:.69rem}:root{--studio-text-font:"Manrope", system-ui, sans-serif;--studio-text-size:.875rem}body{font-family:var(--studio-text-font)}:is(p,label,input,select,textarea,button,.import-hint,.safe-editing-help,.fine-tune-key-control,.usage-tips-heading>span,.function-guide details>div,.function-guide summary,.lyrics-release-card li):not(:where(.vtt-preview-stage *,.youtube-preview *,.overlap-preview-stage *,svg *,h1 *,h2 *,h3 *)),.usage-tip-grid p,.function-guide p,.safe-editing-help{font-family:var(--studio-text-font);font-size:var(--studio-text-size)}.step-number{background:var(--cyan);color:#071521;width:28px;height:28px;font-family:var(--studio-text-font);letter-spacing:0;border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;margin-right:5px;font-size:.875rem;font-weight:800;line-height:1;display:inline-flex}.single-vtt-heading h2.positioning-subheading{color:var(--cyan);font-family:var(--studio-text-font);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.67rem;font-weight:820}.vtt-style-checkbox-label{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.usage-tip-grid details.usage-tip-card{padding:0;display:block}.usage-tip-card>summary{cursor:pointer;align-items:center;gap:14px;padding:20px 24px;display:flex}.usage-tip-card>summary:before{content:"▸";color:var(--cyan)}.usage-tip-card[open]>summary:before{content:"▾"}.usage-tip-card>summary::-webkit-details-marker{display:none}.usage-tip-card>summary>svg{width:20px;color:var(--cyan);flex:0 0 20px}.usage-tip-card>summary>span{gap:5px;display:grid}.usage-tip-card>summary strong{font-size:var(--studio-text-size)}.usage-tip-card>div{padding:0 24px 22px}.usage-tip-card.guide-arrival{animation:2s ease-out guide-arrival}@media (prefers-reduced-motion:reduce){.usage-tip-card.guide-arrival{outline:2px solid var(--cyan);animation:none}}.older-releases{min-width:0;margin:16px 0 0}.older-releases>summary{cursor:pointer;border:1px solid var(--line);color:var(--cyan);font-size:var(--studio-text-size);background:var(--surface);border-radius:12px;padding:16px 20px}.older-releases>.lyrics-release-list{margin-top:20px}.sync-controls .touch-sync-pad{border:1px solid var(--line);width:38px;min-height:38px;color:var(--cyan);background:#172333;border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.sync-controls .touch-sync-pad:disabled{display:none}.timeline-wheel-toggle{font:inherit;color:#dbe9f5;cursor:pointer;background:#172333;border:1px solid #50657b;border-radius:8px;margin-bottom:8px;padding:8px 12px}.timeline-wheel-toggle[aria-pressed=true]{color:#071521;background:#79ddff;border-color:#79ddff}.caption-opacity-control{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.caption-opacity-control input{width:110px;accent-color:var(--cyan)}.caption-opacity-control output{font-variant-numeric:tabular-nums;min-width:4ch}.timing-confirm.export-choice-dialog{box-sizing:border-box;width:min(760px,100%);max-width:760px;max-height:calc(100dvh - 40px);overflow-y:auto}.export-choice-dialog>.export-choice-fields{min-width:0;display:block}.export-choice-dialog .format-setting-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.export-choice-dialog .format-setting-fields>*,.export-choice-dialog .font-loader>*{min-width:0}.export-choice-dialog input:not([type=checkbox]):not([type=radio]):not([type=file]){box-sizing:border-box;max-width:100%}.export-choice-dialog .font-loader{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.export-choice-dialog .font-loader p{overflow-wrap:anywhere;flex:240px;margin:0}.export-choice-dialog>.export-choice-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.export-choice-dialog>label{align-items:center;gap:6px;margin-right:18px;display:inline-flex}@media (width<=520px){.export-choice-dialog .format-setting-fields{grid-template-columns:1fr}}.timeline-floating-panel{z-index:9000;color:#e3edff;width:min(460px,100vw - 16px);max-height:calc(100dvh - 16px);font:inherit;background:#101827;border:1px solid #51637b;border-radius:12px;padding:16px;position:fixed;overflow:auto;box-shadow:0 12px 40px #0009}.cue-action-menu{width:min(270px,100vw - 16px)}.cue-action-menu-items{gap:5px;margin-top:10px;display:grid}.cue-action-menu-items button{text-align:left;align-items:center;gap:8px;width:100%;padding:10px;display:flex}.cue-action-menu-items hr{border:0;border-top:1px solid #354459;width:100%;margin:6px 0}.shortcut-panel dl{gap:12px;display:grid}.shortcut-panel dl>div{grid-template-columns:minmax(125px,1fr) 2fr;align-items:start;gap:12px;display:grid}.shortcut-panel dd{margin:0}.shortcut-panel kbd{white-space:normal}.shortcut-toggle{align-items:center;gap:6px;display:inline-flex}.timeline-wheel-toggle[aria-pressed=true]{color:#07111a;background:var(--cyan)}.timeline-floating-panel button,.shortcut-toggle{color:#e3edff;font:inherit;cursor:pointer;background:#1c2b3e;border:1px solid #40536c;border-radius:8px;padding:8px 12px}.timeline-floating-panel button:hover:not(:disabled),.shortcut-toggle:hover{background:#2b425c}.timeline-floating-panel button:disabled{opacity:.45;cursor:not-allowed}.timeline-floating-panel button:focus-visible,.shortcut-toggle:focus-visible{outline-offset:2px;outline:2px solid #7de2ff}.timeline-playback>.cue-menu-toggle{color:#e3edff;cursor:pointer;background:#1c2b3e;border:1px solid #40536c;border-radius:8px;flex:0 0 36px;justify-content:center;justify-self:start;align-items:center;width:36px;min-width:36px;max-width:36px;height:36px;padding:0;display:inline-flex}.cue-menu-toggle:hover{background:#2b425c}.cue-menu-toggle:focus-visible{outline-offset:2px;outline:2px solid #7de2ff}.timeline-wheel-help{align-items:center;gap:8px;margin-bottom:8px;display:inline-flex}.timeline-wheel-help .timeline-wheel-toggle{justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;display:inline-flex}.export-choice-dialog>.export-choice-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;margin-block:20px;display:flex}.export-choice-question{flex:280px;align-items:center;gap:12px;min-width:0;display:flex}.export-choice-question .studio-info-link{flex-shrink:0}.export-choice-options{flex-shrink:0;align-items:center;gap:20px;margin-left:auto;display:flex}.export-choice-options label{cursor:pointer;align-items:center;gap:8px;min-height:36px;display:inline-flex}.export-choice-options input{margin:0}
