.als-open{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#als-wave{width:100%;height:120px;display:block;cursor:pointer;border-radius:8px;background:color-mix(in srgb,var(--accent) 6%,transparent);touch-action:none}
.als-times{justify-content:space-between;font-variant-numeric:tabular-nums;margin:6px 0}
.als-controls{flex-wrap:wrap;gap:8px}
.als-speed{display:flex;gap:10px;align-items:center;margin-top:12px}
.als-speed input{flex:1}
.als-markers{list-style:none;padding:0}
.als-markers li{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.als-markers li span{flex:1}
.als-ramp{flex-wrap:wrap;gap:10px}
.als-ramp input[type=number]{width:5em}
.badge{font-size:.7em;padding:1px 6px;border-radius:6px;background:var(--accent);color:#fff;vertical-align:middle}
.small{font-size:.85em}