.wave{--wave-on: var(--nb-fur);--wave-off: var(--nb-rule);position:relative;block-size:140px;border-radius:var(--nb-radius-md);background:var(--nb-chip);cursor:pointer;touch-action:none;user-select:none}.wave canvas{display:block;inline-size:100%;block-size:100%}.wave-loading{position:absolute;inset:0;display:grid;place-items:center}.wave-playhead{position:absolute;inset-block:0;inline-size:2px;background:var(--nb-ink);pointer-events:none}.wave-handle{position:absolute;inset-block:-6px;inline-size:18px;margin-inline-start:-9px;cursor:ew-resize;touch-action:none}.wave-handle:before{content:"";position:absolute;inset-block:0;inset-inline-start:8px;inline-size:3px;border-radius:2px;background:var(--nb-ink)}.wave-handle:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:3px;inline-size:13px;block-size:13px;border-radius:50%;background:var(--nb-seed);border:2px solid var(--nb-ink)}.wave-handle:focus-visible:after{outline:3px solid var(--nb-sky)}.time-fields{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-variant-numeric:tabular-nums}.time-fields input[type=number]{inline-size:7em}.audio-preview{inline-size:100%}.meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0}.meters div{display:grid;gap:2px;padding:12px;border-radius:var(--nb-radius-md);background:var(--nb-chip)}.meters dt{font-size:var(--nb-text-sm);color:var(--nb-muted)}.meters dd{margin:0;font-family:var(--nb-font-mono);font-size:22px;font-weight:700}.meters dd small{font-size:var(--nb-text-sm);color:var(--nb-muted)}.meters .is-over dd{color:var(--nb-berry)}.meters .is-ok dd{color:var(--nb-mint)}.knob{display:grid;gap:4px}.knob-head{display:flex;justify-content:space-between;font-weight:700}.knob-head output{font-family:var(--nb-font-mono);color:var(--nb-muted)}.stems{display:grid;gap:12px;list-style:none;padding:0;margin:0}.stems li{display:grid;grid-template-columns:minmax(7em,auto) 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:var(--nb-radius-md);background:var(--nb-chip)}.stems audio{inline-size:100%;min-inline-size:0}@media(max-width:560px){.stems li{grid-template-columns:1fr auto}.stems audio{grid-column:1 / -1;grid-row:2}}