.scale-fretboard-wrapper{--fb-bg:hsl(220 14% 12%);--fb-border:hsl(220 14% 20%);--fb-fret:hsl(220 10% 30%);--fb-string:hsl(220 10% 55%);--fb-nut:hsl(220 10% 60%);--fb-nut-fill:hsl(220 10% 55%);--fb-inlay:hsl(220 10% 22%);--fb-fret-num:hsl(220 10% 40%);--fb-note-active:hsl(200 80% 50%);--fb-note-tonic:hsl(40 90% 55%);--fb-note-chord-root:hsl(120 60% 45%);--fb-note-chord:hsl(270 60% 55%);background:var(--fb-bg);border:1px solid var(--fb-border);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.fretboard-scroll{overflow-x:auto;overflow-y:hidden}.fretboard-svg{display:block}.fretboard-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.fb-select{background:hsl(220 14% 18%);border:1px solid hsl(220 14% 28%);color:hsl(220 10% 80%);border-radius:.375rem;padding:.25rem .5rem;font-size:.8rem;cursor:pointer}.fb-frets{display:flex;align-items:center;gap:.35rem}.fb-label{font-size:.8rem;color:hsl(220 10% 55%)}.fb-checkbox-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:hsl(220 10% 70%);cursor:pointer}.fb-checkbox{cursor:pointer;accent-color:var(--fb-note-active)}