.chart-display{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;display:grid}.chart-cell{background:var(--surface);border:2px solid var(--accent-muted);border-radius:var(--radius);text-align:center;padding:.6rem .25rem;font-size:1.1rem;font-weight:600;transition:background .1s,border-color .1s,transform .1s}.chart-cell.active{background:var(--orange);border-color:var(--orange);color:var(--bg);transform:scale(1.05)}.beat-display{gap:1rem;padding:.5rem 0;display:flex}.beat-dot{background:var(--surface);border:2px solid var(--accent-muted);border-radius:50%;width:24px;height:24px;transition:transform 80ms ease-out,background 80ms ease-out,border-color 80ms ease-out}.beat-dot.active{background:var(--accent-muted);border-color:var(--accent-muted);transform:scale(1.3)}.beat-dot.active-downbeat{background:var(--orange);border-color:var(--orange);transform:scale(1.5)}.bpm-display{align-items:center;gap:1.5rem;display:flex}.bpm-value{text-align:center;font-variant-numeric:tabular-nums;min-width:4ch;font-size:3rem;font-weight:700}.bpm-adjust{border:2px solid var(--accent-muted);background:var(--surface);width:48px;height:48px;color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.bpm-adjust:active{background:var(--accent-muted)}.picker-row{gap:1rem;width:100%;display:flex}.picker-row .sound-picker{flex:1}.instrument-section{width:100%}.instrument-name{color:var(--text);letter-spacing:.04em;text-transform:uppercase;padding-top:.5rem;font-size:.95rem;font-weight:700}