:root{--bg:#080808;--sf:#101010;--sf2:#181818;--sf3:#202020;--fg:#e2e2e2;--fg2:gray;--muted:#3a3a3a;--border:#1c1c1c;--border2:#272727;--accent:#926dff;--adim:#926dff1c;--aglow:#926dff47;--ok:#22c55e;--font:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--r:6px}@supports (color:lab(0% 0 0)){:root{--accent:lab(55.2505% 51.5658 -83.4364);--adim:lab(55.2505% 51.5658 -83.4364/.11);--aglow:lab(55.2505% 51.5658 -83.4364/.28)}}[data-theme=light]{--bg:#ededed;--sf:#fff;--sf2:#f5f5f5;--sf3:#ebebeb;--fg:#111;--fg2:#606060;--muted:silver;--border:#e0e0e0;--border2:#d4d4d4;--adim:#926dff17;--aglow:#926dff38}@supports (color:lab(0% 0 0)){[data-theme=light]{--adim:lab(55.2505% 51.5658 -83.4364/.09);--aglow:lab(55.2505% 51.5658 -83.4364/.22)}}html[data-theme-anim] body,html[data-theme-anim] .r-inputs,html[data-theme-anim] .r-ctrl,html[data-theme-anim] .r-audio,html[data-theme-anim] .audio-mock,html[data-theme-anim] .vig-inp,html[data-theme-anim] .vg-wrap,html[data-theme-anim] .modal,html[data-theme-anim] .modal-hd{transition:background .2s,color .2s,border-color .2s!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:13px;line-height:1.4}#__next,.app{flex-direction:column;min-height:100vh;display:flex}.r-inputs{background:var(--sf);border-bottom:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:6px;padding:10px 28px;display:flex;overflow-x:auto}.vig{flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.vig-inner{flex-direction:column;display:flex}.vig-lbl{font:500 10px/1 var(--mono);color:var(--fg2);white-space:nowrap;letter-spacing:.03em;margin-bottom:5px}.vig-lbl .stamp{color:var(--accent)}.vig-inp{background:var(--sf2);border:1px solid var(--border2);color:var(--fg);font:13px var(--font);border-radius:4px;outline:none;width:196px;padding:5px 9px;transition:border-color .15s}.vig-inp:focus{border-color:var(--accent)}.vig-inp::placeholder{color:var(--muted)}.vig-sep{background:var(--border2);flex-shrink:0;align-self:flex-end;width:1px;height:28px}.r-actions{flex-shrink:0;align-self:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.ibtn{width:26px;height:26px;color:var(--fg2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex}.ibtn:hover{background:var(--sf2);border-color:var(--border2);color:var(--fg)}.ibtn.pin-on{color:var(--accent);background:var(--adim);border-color:#926dff66;border-color:lab(55.2505% 51.5658 -83.4364/.4)}.ibtn.vol-on{color:var(--fg)}.ibtn-lg{border-radius:var(--r);border:1px solid var(--border2);background:var(--sf2);width:30px;height:30px;color:var(--fg2);cursor:pointer;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:flex}.ibtn-lg:hover{color:var(--fg);border-color:var(--sf3);background:var(--sf3)}.r-ctrl{background:var(--sf);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 28px;display:flex}.ctrl-l,.ctrl-r{align-items:center;gap:8px;display:flex}.ctrl-div{background:var(--border2);flex-shrink:0;width:1px;height:22px;margin:0 2px}.btn{border-radius:var(--r);border:1px solid var(--border2);background:var(--sf2);color:var(--fg);font:500 13px var(--font);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 13px;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--sf3);border-color:#333}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-play{background:var(--accent);border-color:var(--accent);color:#000;padding:7px 16px;font-weight:700}.btn-play:hover{opacity:.88}.btn-ghost{color:var(--fg2);background:0 0;border-color:#0000;padding:6px 9px}.btn-ghost:hover{background:var(--sf2);color:var(--fg);border-color:#0000}.bgrp{display:flex}.bgrp .btn{font:400 12px var(--mono);border-right-width:0;border-radius:0;padding:6px 10px}.bgrp .btn:first-child{border-radius:var(--r) 0 0 var(--r)}.bgrp .btn:last-child{border-radius:0 var(--r) var(--r) 0;border-right-width:1px}.btn-sync{transition:background .15s,border-color .15s,color .15s}.btn-sync.on{background:var(--adim);color:var(--accent);border-color:#926dff80;border-color:lab(55.2505% 51.5658 -83.4364/.5)}.btn-sync.on:hover{background:#926dff2b;background:lab(55.2505% 51.5658 -83.4364/.17)}.sync-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.sync-slash{transition:opacity .15s}.dropdown{position:relative}.dd-menu{background:var(--sf2);border:1px solid var(--border2);border-radius:var(--r);z-index:50;opacity:0;pointer-events:none;min-width:100%;transition:opacity .15s ease-out,transform .15s ease-out;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;transform:translateY(-6px);box-shadow:0 8px 24px #00000073}.dd-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.dd-item{font:400 12px var(--mono);color:var(--fg);cursor:pointer;padding:7px 14px;transition:background .1s}.dd-item:hover{background:var(--sf3)}.dd-item.sel{color:var(--accent)}.sync-banner{font:500 11px/1 var(--mono);color:var(--accent);letter-spacing:.04em;opacity:0;background:#926dff0f;background:lab(55.2505% 51.5658 -83.4364/.06);border-bottom:1px solid #926dff2e;border-bottom:1px solid lab(55.2505% 51.5658 -83.4364/.18);flex-shrink:0;align-items:center;gap:10px;max-height:0;padding:0 28px;transition:max-height .2s ease-out,opacity .2s ease-out,padding .2s ease-out;display:flex;overflow:hidden}.sync-banner.show{opacity:1;max-height:44px;padding:7px 28px}.r-audio{background:var(--sf);border-bottom:1px solid var(--border);flex-shrink:0;padding:9px 28px;display:none}.r-audio.show{display:block}.audio-mock{background:var(--sf2);border:1px solid var(--border2);border-radius:var(--r);align-items:center;gap:12px;padding:8px 12px;display:flex}.audio-lbl{font:500 10px/1 var(--mono);color:var(--fg2);white-space:nowrap;flex-shrink:0}.audio-wave{cursor:pointer;flex:1;align-items:center;gap:1.5px;height:28px;display:flex;position:relative;overflow:hidden}.wb{background:var(--border2);border-radius:2px;flex-shrink:0;width:2.5px}.audio-over{background:linear-gradient(to right, var(--adim), transparent);pointer-events:none;height:100%;position:absolute;top:0;left:0}.audio-needle{background:var(--accent);pointer-events:none;border-radius:1px;width:1.5px;position:absolute;top:4px;bottom:4px}.audio-time{font:400 11px/1 var(--mono);color:var(--fg2);white-space:nowrap;flex-shrink:0}.vg-wrap{background:var(--bg);flex:1;padding:18px 28px 24px}.vg{gap:14px;display:grid}.vg.equal{grid-template-columns:repeat(var(--vc,2), 1fr)}.vg.pinned{grid-template-columns:2.15fr 1fr;grid-template-rows:repeat(var(--sc,1), auto)}.vg.pinned .vc.main{grid-area:1/1/-1;align-self:start}.vg.pinned .vc:not(.main){grid-column:2;align-self:start}.vc{background:var(--sf2);border:1px solid var(--border2);aspect-ratio:16/9;border-radius:10px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.vc.main{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 32px var(--aglow)}.yt-wrap{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.yt-iframe{border:none;display:block;width:100%!important;height:100%!important}.vbadge{font:600 9px/1 var(--mono);letter-spacing:.06em;z-index:5;pointer-events:none;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;display:inline-flex;position:absolute}.vb-pin{background:var(--accent);color:#000;opacity:0;transition:opacity .12s;top:9px;left:9px}.vb-pin.show{opacity:1}.vb-mute{color:#ffffff85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#000000b8;border:1px solid #ffffff1a;transition:opacity .15s;bottom:9px;left:9px}.vb-mute.show{opacity:1}.vb-sync{background:var(--adim);color:var(--accent);opacity:0;border:1px solid #926dff61;border:1px solid lab(55.2505% 51.5658 -83.4364/.38);font-size:10px;transition:opacity .15s;top:9px;right:9px}.vb-sync.show{opacity:1}.play-ico-inner{display:contents}.play-ico-fade{transition:opacity 80ms}.play-ico-fade.fading{opacity:0}.toast{background:var(--sf2);border:1px solid var(--border2);border-radius:var(--r);font:500 13px var(--font);color:var(--fg);z-index:200;pointer-events:none;opacity:0;align-items:center;gap:8px;padding:9px 14px;transition:transform .2s ease-in,opacity .2s ease-in;display:flex;position:fixed;bottom:22px;right:22px;transform:translateY(60px)}.toast.show{opacity:1;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.toast-dot{background:var(--ok);border-radius:50%;flex-shrink:0;width:6px;height:6px}.modal-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:150;opacity:0;pointer-events:none;background:#0000009e;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-bg.show{opacity:1;pointer-events:auto}.modal-bg .modal{opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;transform:scale(.97)}.modal-bg.show .modal{opacity:1;transform:scale(1)}.modal{background:var(--sf);border:1px solid var(--border2);border-radius:10px;width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 24px 60px #0009}.modal-hd{border-bottom:1px solid var(--border);background:var(--sf);justify-content:space-between;align-items:center;padding:15px 18px;display:flex;position:sticky;top:0}.modal-title{font-size:14px;font-weight:600}.modal-x{background:var(--sf2);width:26px;height:26px;color:var(--fg2);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.modal-x:hover{color:var(--fg)}.modal-bd{padding:18px}.h-sec{margin-bottom:18px}.h-sec:last-child{margin-bottom:0}.h-sec+.h-sec{border-top:1px solid var(--border);padding-top:16px}.h-sec-hd{font:600 10px/1 var(--mono);color:var(--fg2);letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px}.h-row{color:var(--fg2);gap:10px;margin-bottom:7px;font-size:13px;line-height:1.55;display:flex}.h-row:last-child{margin-bottom:0}.h-ico{opacity:.6;flex-shrink:0;width:18px;padding-top:2px}kbd{border:1px solid var(--border2);background:var(--sf2);font:500 11px var(--mono);color:var(--fg);border-radius:3px;padding:1px 6px;display:inline-flex}.ico{flex-shrink:0;width:16px;height:16px}.ico-sm{flex-shrink:0;width:14px;height:14px}@media (max-width:640px){.btn-lbl{display:none}.r-inputs{padding:8px 10px}.vig-inp{width:130px}.r-ctrl{flex-wrap:wrap;justify-content:flex-start;gap:6px;padding:7px 10px}.ctrl-r{margin-left:auto}.bgrp .btn{padding:5px 7px}.sync-banner{padding:0 10px}.sync-banner.show{padding:6px 10px}.vg-wrap{padding:10px 10px 16px}.vg.equal{grid-template-columns:1fr!important}.vg.pinned{grid-template-rows:none;grid-template-columns:1fr}.vg.pinned .vc.main{grid-row:auto;align-self:auto}.vg.pinned .vc.main,.vg.pinned .vc:not(.main){grid-column:1;align-self:auto}.modal{width:calc(100vw - 24px);max-height:88vh}}