.recording-waveform{padding:12px 14px;background:var(--surface,#fff);border:1px solid var(--line,#dde3ed);border-radius:8px;color:var(--ink,#17213a)}
.recording-waveform header,.recording-wave-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.recording-waveform header strong{font-size:14px}.recording-waveform p{font-size:12px;line-height:1.5;color:var(--muted,#66758a);margin:8px 0}
.recording-waveform svg{display:block;width:100%;height:100px;background:var(--canvas,#f4f7fb);border-radius:6px;cursor:crosshair}
.recording-waveform svg path{stroke:#709dff;stroke-width:1;fill:none}.recording-waveform .recording-gap{fill:#fa786a;opacity:.6}
.recording-waveform button{padding:6px 10px;background:var(--surface,#fff);border:1px solid var(--line-strong,#c0ccdb);color:var(--ink,#17213a);border-radius:6px;cursor:pointer;font:inherit;font-size:12px}
.recording-wave-controls input{flex:1;min-width:100px;accent-color:#709dff}.recording-wave-controls span{font-size:12px;font-variant-numeric:tabular-nums}
.recording-waveform audio{width:100%;height:36px;margin-top:10px}.recording-waveform button:focus-visible{outline:2px solid #709dff;outline-offset:2px}