.soft-limiter {
  width:min(100%,380px); flex:0 1 380px; padding:28px;
  border:1px solid rgba(255,255,255,.08); border-radius:18px; background:rgba(20,20,34,.5);
}
.soft-limiter__header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:32px; }
.soft-limiter__header h2 { margin:0; font-size:22px; font-weight:600; }
.soft-limiter__toggle,.soft-limiter__presets button {
  padding:9px 14px; border:1px solid rgba(255,255,255,.12); border-radius:8px;
  background:rgba(255,255,255,.04); color:var(--text); cursor:pointer;
}
.soft-limiter__toggle.is-active,.soft-limiter__presets button.is-active { color:var(--cyan); border-color:rgba(34,211,238,.4); }
.soft-limiter__control { display:grid; grid-template-columns:1fr 64px; align-items:center; gap:14px; }
.soft-limiter__control input { width:100%; accent-color:var(--cyan); }
.soft-limiter__value { text-align:right; font-size:20px; font-variant-numeric:tabular-nums; }
.soft-limiter__presets { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:24px; }
.soft-limiter__toggle:hover,.soft-limiter__presets button:hover { background:rgba(255,255,255,.1); }
.soft-limiter__note { margin:20px 0 0; color:var(--text-dim); font-size:13px; text-align:center; }
@media (max-width:720px) { .soft-limiter { width:100%; flex-basis:auto; padding:20px; } }