.wave-shaper-dialog { width: min(610px, calc(100vw - 24px)); }
.wave-shaper-graph { display:block; width:100%; min-height:180px; max-height:38vh; touch-action:none; background:#10161d; border:1px solid #435264; border-radius:8px; }
.wave-shaper-grid { stroke:#30404e; stroke-width:1; }
.wave-shaper-axis { stroke:#657586; stroke-width:1; }
.wave-shaper-line { stroke:#61dfc0; stroke-width:2.5; fill:none; }
.wave-shaper-point { fill:#162833; stroke:#61dfc0; stroke-width:2; cursor:grab; }
.wave-shaper-point.is-active { fill:#9effe5; }
.wave-shaper-label { fill:#c4d3df; font-size:12px; }
.wave-shaper-tools { display:flex; flex-wrap:wrap; align-items:end; gap:8px; margin:10px 0; }
.wave-shaper-tools input { width:85px; }
.wave-shaper-tools label { display:grid; gap:4px; }