.scale-fretboard-wrapper{--fb-bg:#1a1d23;--fb-border:#2c313a;--fb-fret:#454a54;--fb-string:#818898;--fb-nut:#8f96a3;--fb-nut-fill:#818898;--fb-inlay:#32363e;--fb-fret-num:#5c6370;--fb-note-active:#1aa1e6;--fb-note-tonic:#f4af25;--fb-note-chord-root:#2eb82e;--fb-note-chord:#8c47d1;background:var(--fb-bg);border:1px solid var(--fb-border);border-radius:.75rem;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.fretboard-scroll{overflow:auto hidden}.fretboard-svg{display:block}.fretboard-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.fb-select{color:#c7cad1;cursor:pointer;background:#272c34;border:1px solid #3d4451;border-radius:.375rem;padding:.25rem .5rem;font-size:.8rem}.fb-frets{align-items:center;gap:.35rem;display:flex}.fb-label{color:#818898;font-size:.8rem}.fb-checkbox-label{color:#abb0ba;cursor:pointer;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.fb-checkbox{cursor:pointer;accent-color:var(--fb-note-active)}