.caged-explorer.svelte-hs8tp1{margin:1.5rem 0}.control-section.svelte-hs8tp1{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.control-label.svelte-hs8tp1{font-size:13px;font-weight:600;color:#888780;min-width:75px}.root-buttons.svelte-hs8tp1,.shape-buttons.svelte-hs8tp1{display:flex;flex-wrap:wrap;gap:5px}.root-buttons.svelte-hs8tp1 button:where(.svelte-hs8tp1),.shape-buttons.svelte-hs8tp1 button:where(.svelte-hs8tp1){font-size:12px;font-family:inherit;background:transparent;border:1px solid #B4B2A9;border-radius:8px;padding:4px 10px;cursor:pointer;transition:background .15s,border-color .15s;color:#2c2c2a}.root-buttons.svelte-hs8tp1 button:where(.svelte-hs8tp1):hover,.shape-buttons.svelte-hs8tp1 button:where(.svelte-hs8tp1):hover{background:#f1efe8;border-color:#888780}.root-buttons.svelte-hs8tp1 button.active:where(.svelte-hs8tp1){background:#eeedfe;border-color:#534ab7;color:#534ab7}.shape-buttons.svelte-hs8tp1 button.active:where(.svelte-hs8tp1){background:color-mix(in srgb,var(--shape-color, #534AB7) 12%,white);border-color:var(--shape-color, #534AB7);color:var(--shape-color, #534AB7)}.chord-info.svelte-hs8tp1{font-size:14px;color:#888780;margin-bottom:12px}.chord-name.svelte-hs8tp1{font-weight:600;color:#2c2c2a}.fretboard-wrap.svelte-hs8tp1{overflow-x:auto;margin-bottom:4px}.fretboard-wrap.svelte-hs8tp1 svg:where(.svelte-hs8tp1){width:100%;min-width:700px}.play-row.svelte-hs8tp1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.play-btn.svelte-hs8tp1{font-size:13px;font-family:inherit;background:color-mix(in srgb,var(--btn-color, #534AB7) 12%,white);border:1.5px solid var(--btn-color, #534AB7);border-radius:8px;padding:5px 14px;cursor:pointer;color:var(--btn-color, #534AB7);font-weight:500;transition:background .15s}.play-btn.svelte-hs8tp1:hover{background:color-mix(in srgb,var(--btn-color, #534AB7) 20%,white)}.fretboard-hint.svelte-hs8tp1{font-size:13px;color:#b4b2a9;margin:0}.shape-cards.svelte-hs8tp1{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.shape-card.svelte-hs8tp1{border:1.5px solid #e5e5e5;border-radius:8px;padding:8px 12px;min-width:110px;flex:1;transition:opacity .2s,border-color .2s;cursor:pointer}.shape-card.svelte-hs8tp1:hover:not(.dimmed){background:color-mix(in srgb,var(--shape-color) 6%,white)}.shape-card.svelte-hs8tp1:not(.dimmed){border-color:var(--shape-color)}.shape-card.dimmed.svelte-hs8tp1{opacity:.35}.card-header.svelte-hs8tp1{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.card-shape-name.svelte-hs8tp1{font-weight:700;font-size:13px}.card-play.svelte-hs8tp1{cursor:pointer;font-size:14px;opacity:.6;transition:opacity .15s}.card-play.svelte-hs8tp1:hover{opacity:1}.card-frets.svelte-hs8tp1{display:flex;gap:4px;justify-content:space-between}.fret-num.svelte-hs8tp1{font-size:13px;font-weight:600;color:#2c2c2a;text-align:center;min-width:14px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.fret-num.muted.svelte-hs8tp1{color:#c44}.card-strings.svelte-hs8tp1{display:flex;gap:4px;justify-content:space-between;font-size:9px;color:#b4b2a9;margin-top:2px}.card-strings.svelte-hs8tp1 span:where(.svelte-hs8tp1){text-align:center;min-width:14px}.legend.svelte-hs8tp1{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:#888780}.legend-label.svelte-hs8tp1{font-size:12px}.legend-item.svelte-hs8tp1{display:inline-flex;align-items:center;gap:4px}.legend-dot.svelte-hs8tp1{width:10px;height:10px;border-radius:50%;display:inline-block}