.toolbox-circle,.toolbox-chord,.toolbox-finder,.toolbox-neck,.toolbox-pegs,.toolbox-wave,.toolbox-equation,.toolbox-octaves{--preview-space-1:.5rem;--preview-space-2:.75rem;--preview-space-3:1rem;--preview-text-label:.75rem;--preview-text-small:.9375rem;--preview-text-lede:clamp(1.125rem, 1rem + .5vw, 1.25rem);--preview-text-heading:clamp(2rem, 1.6rem + 1.6vw, 2.5rem)}.toolbox-circle{width:min(100%,28rem)}.toolbox-chord{justify-items:center;width:min(100%,11rem);display:grid}.toolbox-chord svg{width:100%;height:auto}.toolbox-chord-name{font-family:var(--display);font-size:var(--preview-text-lede);font-weight:700}.toolbox-finder{justify-items:center;gap:var(--preview-space-2);display:grid}.toolbox-played-label{font-family:var(--mono);font-size:var(--preview-text-label);letter-spacing:.12em;text-transform:uppercase}.toolbox-played,.toolbox-found{justify-content:center;gap:var(--preview-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.toolbox-played li{aspect-ratio:1;background:var(--ink);width:2.25rem;color:var(--ground);font-family:var(--display);border-radius:50%;place-items:center;font-weight:700;display:grid}.toolbox-found li{padding:var(--preview-space-1) var(--preview-space-3);border:1px solid var(--ink);font-size:var(--preview-text-small);border-radius:999px}.toolbox-found li:first-child{border-color:var(--highlight);background:var(--highlight);color:var(--ui-on-highlight)}.toolbox-neck,.toolbox-pegs,.toolbox-wave{width:100%;height:auto;display:block}.toolbox-neck-board{fill:var(--ink)}.toolbox-neck-fret,.toolbox-neck-string{stroke:var(--line)}.toolbox-neck-number{fill:var(--muted);font-family:var(--mono);text-anchor:middle;font-size:11px}.toolbox-neck-dot circle{fill:var(--highlight);stroke:var(--ink)}.toolbox-neck-dot text,.toolbox-peg text{font-family:var(--mono);text-anchor:middle;dominant-baseline:central}.toolbox-neck-dot text{fill:var(--ink);font-size:9px;font-weight:600}.toolbox-peg circle{fill:var(--surface);stroke:var(--ink);stroke-width:1.5px}.toolbox-peg line{stroke:var(--ink);stroke-width:4px}.toolbox-peg.retuned circle{fill:var(--highlight)}.toolbox-peg-note{fill:var(--ink);font-size:15px;font-weight:700}.toolbox-peg.retuned .toolbox-peg-note,.toolbox-peg-shift{fill:var(--warn)}.toolbox-peg-shift{font-size:10px}.toolbox-equation{font-family:var(--display);font-size:var(--preview-text-heading);margin:0;font-weight:700}.toolbox-wave path{fill:none;stroke:var(--warn);stroke-width:2px}.toolbox-octaves{justify-content:space-between;gap:0 var(--preview-space-2);width:100%;color:var(--muted);font-family:var(--mono);font-size:var(--preview-text-label);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.toolbox-octaves li{white-space:nowrap}
.toolbox-grid{gap:var(--home-space-3);grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);grid-template-areas:"circle chord finder""circle neck neck""circle tunings frequencies";margin:0;padding:0;list-style:none;display:grid}.toolbox-card:first-child{grid-area:circle}.toolbox-card:nth-child(2){grid-area:chord}.toolbox-card:nth-child(3){grid-area:finder}.toolbox-card:nth-child(4){grid-area:neck}.toolbox-card:nth-child(5){grid-area:tunings}.toolbox-card:nth-child(6){grid-area:frequencies}@media (max-width:900px){.toolbox-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"circle""chord""finder""neck""tunings""frequencies"}}