.quick-actions{display:grid;grid-template-columns:132px 1fr;gap:.7rem;margin-top:.8rem}.quick-actions form{margin:0}.quick-button{height:100%;width:100%;text-align:left;padding:.8rem;border:1px solid var(--line);border-radius:.55rem;background:#242a23;color:var(--ink);cursor:pointer}.quick-button span,.tonic-heading span,.movement-buttons>span{display:block;font-size:.65rem;letter-spacing:.1em;color:var(--muted);font-weight:800}.quick-button strong{display:block;font-size:1.15rem;margin:.15rem 0}.quick-button small{color:var(--muted)}.quick-button.is-on{border-color:var(--orange);background:#3b2e22}.quick-button.is-on strong{color:var(--orange)}.tonic-section{border:1px solid var(--line);padding:.8rem;border-radius:.55rem;background:#171b17}.tonic-section.is-on{border-color:#62853b;background:linear-gradient(100deg,#1b2618,#171b17)}.tonic-heading{display:flex;justify-content:space-between;align-items:center}.tonic-heading strong{display:block;color:var(--lime);font-size:1.55rem;line-height:1}.tonic-toggle,.tonic-key-form button,.volume-form button,.movement-buttons button{border:1px solid var(--line);border-radius:.35rem;padding:.38rem .55rem;background:#2b3229;color:var(--ink);font:inherit;font-size:.75rem;cursor:pointer}.tonic-section.is-on .tonic-toggle{background:var(--lime);color:#141612;border-color:var(--lime);font-weight:800}.tonic-controls{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.65rem}.tonic-key-form,.volume-form{display:flex;align-items:end;gap:.4rem}.tonic-key-form label,.volume-form label{flex:1;font-size:.68rem;color:var(--muted)}.tonic-key-form input{padding:.3rem .45rem;font-size:.82rem;margin-top:.18rem}.volume-form label{display:grid;grid-template-columns:1fr auto;gap:.15rem}.volume-form input{grid-column:span 2;padding:0;accent-color:var(--lime)}.volume-form output{color:var(--lime)}.movement-buttons{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;margin-top:.65rem}.movement-buttons form{display:inline}.movement-buttons button.selected{background:var(--orange);border-color:var(--orange);color:#1e1610;font-weight:800}@media(max-width:760px){.quick-actions,.tonic-controls{grid-template-columns:1fr}.quick-button{min-height:78px}}