.st-outputs{gap:12px;display:grid}.st-output{border:1px solid var(--sd-border);background:#fff;border-radius:16px;grid-template-columns:minmax(0,190px) minmax(0,1fr);align-items:start;gap:8px 28px;padding:20px 24px;display:grid}.st-output h3,.st-output p{margin:0}.st-note,.st-compare-note{max-width:760px;margin:16px 0 0}.st-note a,.st-page .vr-faq a{color:var(--vr-primary-hover);text-decoration:underline}.st-stage{border:1px solid var(--sd-border);background:#fff;border-radius:20px;box-shadow:0 10px 28px #0b10350a}.st-stage-head{padding:20px 20px 4px}.st-stage-head h3,.st-stage-head p{margin:0}.vr-section .st-stage-head h3{color:var(--sd-ink)}.vr-section .st-stage-head p{margin-top:4px;font-size:14px;line-height:1.45}.st-lanes{gap:8px;padding:12px;display:grid}.st-lane{--st-accent:var(--vr-primary);background:#f8faff;border-radius:12px;grid-template-columns:44px 148px minmax(0,1fr) 96px;align-items:center;gap:12px;min-width:0;padding:8px 12px;display:grid}.st-lane[data-kind=vocals]{--st-accent:#0c47db}.st-lane[data-kind=instrumental]{--st-accent:#2a6adf}.st-lane[data-kind=drums]{--st-accent:#0b1035}.st-lane[data-kind=bass]{--st-accent:#3d5688}.st-lane[data-kind=other]{--st-accent:#5c56b8}.st-lane[data-current=true]{background:var(--vr-soft);box-shadow:inset 0 0 0 1px #b8caef}.st-lane-play{width:44px;height:44px;color:var(--sd-ink);cursor:pointer;background:#fff;border:1px solid #b8caef;border-radius:999px;place-items:center;padding:0;display:grid}.st-lane-play:hover:not(:disabled){border-color:var(--vr-primary);color:var(--vr-primary-hover)}.st-lane-play[data-playing=true]{border-color:var(--vr-primary);background:var(--vr-primary);color:#fff}.st-lane-play[data-playing=true]:hover:not(:disabled){background:var(--vr-primary-hover);color:#fff}.st-lane-play:disabled{cursor:wait;opacity:.72}.st-lane-play:focus-visible{outline:2px solid var(--vr-primary);outline-offset:2px}.st-lane-label{min-width:0;color:var(--sd-ink);font-size:14px;font-weight:650;line-height:1.25}.st-lane-wave{min-width:0}.st-wave{isolation:isolate;border-radius:8px;height:52px;position:relative}.st-lane[data-kind=original] .st-wave{height:64px}.st-wave svg{width:100%;height:100%;display:block}.st-wave-axis{stroke:var(--st-accent);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.28}.st-wave-remaining{fill:var(--st-accent);opacity:.28}.st-wave-played{fill:var(--st-accent)}.st-wave input{z-index:2;opacity:0;cursor:pointer;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.st-wave input:disabled{cursor:wait}.st-wave:focus-within{outline:2px solid var(--vr-primary);outline-offset:3px}.st-wave-playhead{z-index:1;background:var(--st-accent);pointer-events:none;width:2px;position:absolute;top:6px;bottom:6px;transform:translate(-1px)}.st-wave-playhead:before{content:"";background:var(--st-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-2px}.st-lane-time{color:var(--sd-muted);font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end;font-size:12px;line-height:1.3}@media (width<=700px){.st-output{grid-template-columns:1fr;gap:6px;padding:16px}}@media (width<=720px){.st-stage-head{padding:16px 14px 2px}.st-lanes{padding:10px}.st-lane{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"play label time""wave wave wave";gap:6px 10px;padding:10px}.st-lane-play{grid-area:play}.st-lane-label{grid-area:label}.st-lane-time{grid-area:time}.st-lane-wave{grid-area:wave}}@media (prefers-reduced-motion:reduce){.st-page button,.st-page a{transition:none}}