.drum-pad{padding:10px 12px;background:var(--panel);color:var(--text)}
.drum-pad-group+.drum-pad-group{margin-top:12px}
.drum-pad-heading{margin:0 0 6px;color:var(--text-3);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.drum-pad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:4px}
.drum-pad-button{display:flex;align-items:center;gap:4px;min-width:0;height:36px;padding:0 6px;border:1px solid var(--line);border-radius:8px;background:var(--control);color:var(--text);font:inherit;font-size:11px;text-align:left;cursor:pointer}
.drum-pad-button:hover{background:var(--control-hover)}
.drum-pad-button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent)}
.drum-pad-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.drum-pad-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drum-pad-number{margin-left:auto;color:var(--text-3);font-size:9px;font-variant-numeric:tabular-nums}
.drum-pad-button kbd{padding:1px 3px;border-radius:4px;background:var(--panel-2);color:var(--text-2);font-family:inherit;font-size:10px;font-weight:500}