.wave-editor {margin:16px 0;padding:16px;border:1px solid var(--line,#e4ddcf);border-radius:18px;background:var(--paper,#fffdf8);min-width:0;color:var(--text,#302e29);}
.wave-toolbar {display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.wave-toolbar strong {margin-right:auto;font-size:15px;}
.wave-toolbar button {min-height:44px;padding:9px 12px;border:1px solid var(--line,#e4ddcf);border-radius:12px;background:var(--sunk,#eee8dd);color:var(--text,#302e29);font-size:12px;}
.wave-toolbar button:disabled {opacity:.45;}
.wave-help,.wave-summary {font-size:12px;line-height:1.5;color:var(--dim,#706b61);margin:10px 0;}
.wave-stage {position:relative;height:150px;margin:24px 16px 0;background:var(--sunk,#eee8dd);border-radius:10px;}
.wave-canvas {display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;border-radius:10px;}
.wave-handle {position:absolute;top:0;bottom:0;width:32px;min-height:44px;transform:translateX(-50%);border:0;border-radius:0;background:transparent;color:var(--accent,#a44830);font-size:13px;font-weight:700;touch-action:none;cursor:ew-resize;display:flex;align-items:flex-start;justify-content:center;padding:2px 0;}
.wave-handle::before {content:'';position:absolute;top:25px;bottom:0;left:calc(50% - 1px);width:2px;background:var(--accent,#a44830);}
.wave-handle {background:linear-gradient(var(--paper,#fffdf8) 24px,transparent 24px);}
.wave-handle[hidden] {display:none;}
.wave-handle:focus-visible,.wave-toolbar button:focus-visible {outline:3px solid var(--olive,#53634d);outline-offset:3px;}
.wave-times {display:flex;justify-content:space-between;margin:5px 16px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--dim,#706b61);}
.wave-seek-label {display:block;font-size:12px;color:var(--dim,#706b61);}
.wave-seek {display:block;width:100%;min-height:36px;accent-color:var(--accent,#a44830);}
@media(max-width:500px) {.wave-editor {padding:12px;}.wave-toolbar strong {flex-basis:100%;}.wave-toolbar button {flex:1;padding:8px;}.wave-stage {height:125px;}}