/* Swell's controls, for its own page and the all-instruments page. */
h2.inline { margin: 0 8px 0 0; }
.sw-panel { padding: 16px; margin-bottom: 24px; }
.sw-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.sw-row label { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); }
.sw-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px 24px; }
.sw-group h3 { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); margin: 0 0 8px; }
.sw-group h3 button { font-size: 12px; padding: 3px 10px; text-transform: none; letter-spacing: 0; }
.sw-group .sw-row { margin-bottom: 8px; }
.knobs { display: flex; flex-wrap: wrap; gap: 8px 4px; }
.sw-chords { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.sw-chord { font: 600 16px var(--mono); padding: 8px 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); transition: background 0.3s, border-color 0.3s; }
.sw-chord.now { background: var(--accent-soft); border-color: var(--accent); transition: none; }