.aud-wave{position:relative;border:1px solid var(--hairline);background:var(--canvas);touch-action:none;user-select:none;cursor:text}.aud-canvas{display:block;width:100%;height:140px}.aud-wave-tall .aud-canvas{height:180px}.aud-mask{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--canvas) 72%,transparent);pointer-events:none}.aud-handle{position:absolute;top:0;bottom:0;width:44px;margin-left:-22px;cursor:ew-resize;display:grid;place-items:center;touch-action:none}.aud-handle:before{content:"";width:1px;height:100%;background:var(--accent)}.aud-handle:after{content:"";position:absolute;top:0;width:9px;height:9px;background:var(--accent)}.aud-handle[data-edge=out]:after{top:auto;bottom:0}.aud-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--ink);pointer-events:none;opacity:.75}.aud-ruler{display:flex;justify-content:space-between;margin-top:.25rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.aud-chips{display:flex;flex-wrap:wrap;gap:.375rem}.aud-chip{min-height:32px;padding:.25rem .5rem;border:1px solid var(--hairline);background:var(--canvas);color:var(--ink-mute);font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--t-instant) var(--e-both),border-color var(--t-instant) var(--e-both)}.aud-chip:hover{color:var(--ink);border-color:var(--hairline-firm)}.aud-clips{display:grid;gap:0;border:1px solid var(--hairline)}.aud-clip{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.5rem .625rem;min-height:44px}.aud-clip+.aud-clip{border-top:1px solid var(--hairline)}.aud-clip[data-dragging]{background:var(--canvas-sunk)}.aud-clip-num{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;min-width:1.5ch}.aud-clip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:var(--ink)}.aud-clip-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-mute);font-variant-numeric:tabular-nums}.aud-clip-btns{display:flex;gap:.125rem}.aud-clip-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:var(--ink-faint);font-size:.875rem;line-height:1;cursor:pointer;transition:color var(--t-instant) var(--e-both),border-color var(--t-instant) var(--e-both)}.aud-clip-btn:hover:not(:disabled){color:var(--ink);border-color:var(--hairline)}.aud-clip-btn:disabled{opacity:.35;cursor:default}.aud-notices{display:grid;gap:.375rem}.aud-notice{padding-left:.625rem;border-left:2px solid var(--hairline-firm);font-size:.8125rem;line-height:1.5;color:var(--ink-mute)}.aud-notice[data-tone=warn]{border-left-color:var(--warn);color:var(--ink-soft)}.aud-matrix{width:100%;border-collapse:collapse;font-size:.8125rem}.aud-matrix th,.aud-matrix td{text-align:left;padding:.4375rem .5rem;border-bottom:1px solid var(--hairline);vertical-align:top}.aud-matrix th{color:var(--ink-faint);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.aud-matrix td:first-child{font-family:var(--font-mono);color:var(--ink);white-space:nowrap}.aud-matrix .aud-note{color:var(--ink-mute)}.aud-rec-time{font-family:var(--font-mono);font-size:2rem;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.aud-rec-time[data-state=rec]{color:var(--danger)}.aud-rec-dot{display:inline-block;width:9px;height:9px;background:var(--danger);margin-right:.5rem;vertical-align:.125em}@media(prefers-reduced-motion:no-preference){.aud-rec-dot[data-live]{animation:aud-pulse 1.4s var(--e-both) infinite}}@keyframes aud-pulse{0%,to{opacity:1}50%{opacity:.25}}.aud-take{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.5rem .625rem;border:1px solid var(--hairline);min-height:44px}.aud-preview{border:1px solid var(--hairline);background-image:linear-gradient(45deg,var(--canvas-sunk) 25%,transparent 25%),linear-gradient(-45deg,var(--canvas-sunk) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--canvas-sunk) 75%),linear-gradient(-45deg,transparent 75%,var(--canvas-sunk) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;padding:.5rem;display:grid;place-items:center}.aud-preview canvas{display:block;max-width:100%;height:auto}.aud-swatches{display:flex;flex-wrap:wrap;gap:.375rem}.aud-swatch{width:44px;height:32px;border:1px solid var(--hairline);padding:0;cursor:pointer;transition:border-color var(--t-instant) var(--e-both)}.aud-swatch:hover,.aud-swatch[aria-pressed=true]{border-color:var(--ink)}