:root{--gtr-string:rgba(10,17,36,.85);--gtr-fret:var(--edge);--gtr-nut:#0a1124;--gtr-dot:var(--accent-2);--gtr-text:var(--text);--gtr-open-stroke:rgba(10,17,36,.95);--gtr-open-fill:var(--card)}:root[data-theme=dark]{--gtr-string:hsla(0,0%,100%,.82);--gtr-fret:hsla(0,0%,100%,.2);--gtr-nut:hsla(0,0%,100%,.94);--gtr-dot:var(--accent-2);--gtr-text:var(--text);--gtr-open-stroke:hsla(0,0%,100%,.96);--gtr-open-fill:hsla(0,0%,100%,.08)}.rk-gtr-controls{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.rk-gtr-search{height:var(--control-h,36px);padding:0 var(--control-pad-x,12px);background-image:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--input-bg,var(--card));color:var(--text);border:1px solid var(--input-border,var(--edge))}.rk-gtr-accidentals{display:flex;gap:8px;flex-wrap:wrap}.rk-gtr-size{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.rk-gtr-size-label{font-size:.875rem;color:var(--sub)}.rk-gtr-size-value{font-size:.85rem;color:var(--muted)}.rk-gtr-size input[type=range]{width:180px;height:6px;border-radius:999px;background:var(--edge);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rk-gtr-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--card);box-shadow:0 1px 2px rgba(0,0,0,.15);cursor:pointer}.rk-gtr-size input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--card);box-shadow:0 1px 2px rgba(0,0,0,.15);cursor:pointer}.quick.on,.rk-gtr-accidentals .btn.ghost.is-active{border:2px solid var(--accent);background:rgba(14,165,233,.12)}:root[data-theme=dark] .quick.on,:root[data-theme=dark] .rk-gtr-accidentals .btn.ghost.is-active{background:rgba(34,211,238,.14)}.rk-gtr-grid{margin-top:16px;gap:12px}.rk-gtr-sel-grid{gap:10px}.rk-gtr-svg-wrap{display:grid;place-items:center}.card.rk-gtr-card{padding:8px}.card.rk-gtr-card.active{box-shadow:0 0 0 2px var(--accent),0 2px 10px rgba(0,0,0,.12)}@media (max-width:760px){.rk-gtr-grid,.rk-gtr-sel-grid{gap:8px}.card.rk-gtr-card{padding:4px;border:1px solid var(--edge);box-shadow:none}}.rk-gtr-fret-pill{font-size:11px;fill:var(--card);paint-order:stroke;stroke:rgba(0,0,0,.25);stroke-width:1px}