.scf-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scf-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.scf-scroll{max-width:100%;overflow-x:auto}.scf-scroll table{width:100%}.scf-keyboard{display:block;width:100%;max-width:840px;height:auto}.scf-board{display:block;width:1040px;height:auto}.scf-grid{stroke:#64748b;stroke-width:1}.scf-white{fill:#fff;stroke:#475569}.scf-black{fill:#263449;stroke:#475569}.scf-on{fill:#bae6fd}.scf-dot{fill:#1d4ed8}.scf-root{fill:#9a3412}.scf-text{fill:#263449;font-size:14px;text-anchor:middle}.scf-label{fill:#fff;font-size:12px;text-anchor:middle;dominant-baseline:middle}.scf-matches{max-height:340px;overflow-y:auto;padding-left:24px}.scf-actions [aria-pressed=true]{outline:3px solid #1d4ed8;outline-offset:1px}#scf-tones td{white-space:nowrap}#scf-all td{overflow-wrap:anywhere}#scf-input{max-width:100%}@media(max-width:600px){.scf-selects{grid-template-columns:1fr}.scf-keyboard .scf-text{font-size:17px}}