/*! Copyright 2026 LoschaZ Games (loschazgames.com). All rights reserved. */
.vr{--vr-vocals:var(--accent);--vr-drums:var(--accent-2);--vr-bass:var(--accent-3);--vr-other:var(--cat-career)}.vr__body{display:grid;gap:var(--space-4)}.vr [hidden]{display:none!important}.vr__help{margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.vr__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.vr__row--center{justify-content:center}.vr__status{margin:0;min-height:1.5em;color:var(--ink-2);font-size:var(--fs-sm)}.vr__status.is-error{color:var(--danger)}.vr__pick{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;border:2px dashed color-mix(in srgb,var(--tool-accent) 45%,var(--line));border-radius:var(--radius-xl);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--tool-accent) 12%,var(--bg-deep)),var(--bg-deep) 70%);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.vr__pick.is-over{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 16%,var(--bg-deep))}.vr__pick h3{margin:0;font-size:var(--fs-h3)}.vr__art{display:block;width:min(56vw,260px);height:auto;aspect-ratio:4 / 3;filter:drop-shadow(0 18px 28px color-mix(in srgb,var(--tool-accent) 24%,transparent))}.vr__card{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:var(--shadow-card);min-width:0}.vr__card h3{margin:0;font-size:var(--fs-h3)}.vr__file{display:flex;align-items:center;gap:var(--space-3);min-width:0}.vr__file>div{display:grid;gap:2px;min-width:0}.vr__file-name{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}.vr__quality{display:grid;gap:var(--space-2);margin:0;padding:0;border:0;min-width:0}.vr__quality legend{margin-bottom:var(--space-2);padding:0;color:var(--ink);font-size:var(--fs-sm);font-weight:600}.vr__option{display:flex;align-items:flex-start;gap:var(--space-3);min-height:44px;padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-deep);cursor:pointer}.vr__option:has(input:checked){border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 12%,var(--bg-deep))}.vr__option input{width:20px;height:20px;margin-top:2px;accent-color:var(--tool-accent);flex:none}.vr__option span{display:grid;gap:2px}.vr__option strong{color:var(--ink);font-size:var(--fs-sm)}.vr__option small{color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body)}@media(min-width:640px){.vr__quality{grid-template-columns:1fr 1fr}.vr__quality legend{grid-column:1 / -1}}.vr__bar{height:12px;border-radius:999px;background:var(--bg-deep);overflow:hidden;border:1px solid var(--line)}.vr__bar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--vr-vocals),var(--vr-drums),var(--vr-bass),var(--vr-other));transition:width var(--dur) var(--ease)}.vr__build{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.vr__build li{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:var(--space-3);color:var(--ink-2);font-size:var(--fs-sm)}.vr__build i{position:relative;height:18px;border-radius:6px;background:color-mix(in srgb,var(--stem) 10%,var(--bg-deep));overflow:hidden}.vr__build i:before{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--done,0));background:repeating-linear-gradient(90deg,var(--stem) 0 3px,transparent 3px 6px);opacity:.85;transition:transform var(--dur) var(--ease)}.vr__build i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--stem) 35%,transparent),transparent);transform:translate(-100%);animation:vr-sweep 1.6s var(--ease) infinite}@keyframes vr-sweep{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.vr__build i:after{animation:none}}.vr__step{margin:0;color:var(--ink);font-weight:600}.vr__studio-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3)}.vr__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vr__chip{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-3);border-radius:999px;border:1px solid color-mix(in srgb,var(--tool-accent) 45%,var(--line));background:color-mix(in srgb,var(--tool-accent) 12%,var(--bg-deep));color:var(--ink);font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums}.vr__master{position:relative;height:84px;border-radius:var(--radius-md);background:var(--bg-deep);border:1px solid var(--line);overflow:hidden;cursor:pointer;touch-action:none}.vr__wave{display:block;width:100%;height:100%;color:var(--stem,var(--tool-accent))}.vr__wave--master{color:var(--tool-accent)}.vr__head{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--bg-deep) 60%,transparent);pointer-events:none}.vr__loop-zone{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--ink) 8%,transparent);border-inline:2px dashed color-mix(in srgb,var(--ink) 40%,transparent);pointer-events:none}.vr__loop-zone.is-on{background:color-mix(in srgb,var(--tool-accent) 18%,transparent);border-color:var(--tool-accent)}.vr__transport{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.vr__play{min-width:44px}.vr__icon-btn{min-width:44px;min-height:44px;padding:0;justify-content:center}.vr__seek input,.vr__volume input,.vr__tune input[type=range]{width:100%;min-height:44px;accent-color:var(--tool-accent)}.vr__time{color:var(--muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.vr__loop{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.vr__pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-deep);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer}.vr__pill[aria-pressed=true]{border-color:var(--tool-accent);color:var(--ink);background:color-mix(in srgb,var(--tool-accent) 16%,var(--bg-deep))}.vr__presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}@media(min-width:1000px){.vr__presets{grid-template-columns:repeat(6,minmax(0,1fr))}}.vr__preset{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-deep);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.vr__preset[aria-pressed=true]{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 18%,var(--bg-deep));color:var(--ink)}.vr__preset:focus-visible,.vr__pill:focus-visible,.vr__toggle:focus-visible,.vr__step-btn:focus-visible{outline:2px solid var(--tool-accent);outline-offset:2px}.vr__lanes{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.vr__lane{display:grid;grid-template-columns:16.5rem minmax(0,1fr) 12rem;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-deep);border:1px solid color-mix(in srgb,var(--stem) 28%,var(--line));transition:opacity var(--dur-fast) var(--ease)}.vr__lane.is-off{opacity:.5}.vr__lane-head{display:flex;align-items:center;gap:var(--space-2);min-width:0}.vr__dot{width:12px;height:12px;border-radius:50%;background:var(--stem);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--stem) 22%,transparent)}.vr__lane-name{flex:1;min-width:0;color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr__toggle{width:44px;height:44px;flex:none;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink-2);font:inherit;font-weight:700;cursor:pointer}.vr__toggle[aria-pressed=true]{background:var(--danger);border-color:var(--danger);color:var(--bg-deep)}.vr__toggle--solo[aria-pressed=true]{background:var(--stem);border-color:var(--stem);color:var(--bg-deep)}.vr__lane .vr__wave{height:44px;cursor:pointer;touch-action:none}.vr__lane-tail{display:flex;align-items:center;gap:var(--space-2);min-width:0}.vr__volume{flex:1;min-width:0}.vr__tune{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-deep);border:1px solid var(--line)}.vr__tune-item{display:grid;gap:var(--space-2);min-width:0}.vr__tune-label{color:var(--ink);font-size:var(--fs-sm);font-weight:600}.vr__tune-label output{color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}.vr__stepper{display:inline-flex;align-items:center;gap:var(--space-2)}.vr__step-btn{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink);cursor:pointer}.vr__step-value{min-width:3ch;color:var(--ink);font-size:var(--fs-md);font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.vr__saves .lz-btn{flex:1 1 11rem;justify-content:center}.vr__shortcuts{font-size:var(--fs-xs,var(--fs-sm))}@media(max-width:900px){.vr__lane{grid-template-columns:minmax(0,1fr) auto}.vr__lane .vr__wave{grid-column:1 / -1;grid-row:2}.vr__lane-tail{grid-column:1 / -1;grid-row:3}.vr__lane-head{grid-column:1 / -1}.vr__tune{grid-template-columns:1fr}}@media(max-width:520px){.vr__transport{grid-template-columns:auto auto auto minmax(0,1fr)}.vr__seek{grid-column:1 / -1;grid-row:2}.vr__time{grid-column:4;grid-row:1;justify-self:end}.vr__presets{grid-template-columns:1fr 1fr}.vr__build li{grid-template-columns:7rem minmax(0,1fr)}.vr__shortcuts{display:none}}