.fretboard-explorer.svelte-1mweyts{margin:1.5rem 0}.controls.svelte-1mweyts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.controls.svelte-1mweyts button:where(.svelte-1mweyts){font-size:13px;font-family:inherit;background:transparent;border:1px solid #b4b2a9;border-radius:8px;padding:6px 14px;cursor:pointer;transition:background .15s,border-color .15s;color:#2c2c2a}.controls.svelte-1mweyts button:where(.svelte-1mweyts):hover{background:#f1efe8;border-color:#888780}.controls.svelte-1mweyts button.active:where(.svelte-1mweyts){background:#eeedfe;border-color:#534ab7;color:#534ab7}.chord-info.svelte-1mweyts{font-size:14px;color:#888780;margin-bottom:1rem;min-height:20px}.chord-name.svelte-1mweyts{font-weight:500}.highlight-purple.svelte-1mweyts{color:#534ab7;font-weight:500}.fretboard-wrap.svelte-1mweyts{overflow-x:auto;margin-bottom:1rem}.fretboard-wrap.svelte-1mweyts svg:where(.svelte-1mweyts){width:100%;min-width:600px}.note-hint.svelte-1mweyts{font-size:13px;color:#888780;margin-bottom:8px}.legend.svelte-1mweyts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:#888780}.legend-label.svelte-1mweyts{font-size:12px}.legend-item.svelte-1mweyts{display:inline-flex;align-items:center;gap:4px}.legend-dot.svelte-1mweyts{width:10px;height:10px;border-radius:50%;display:inline-block}.chromatic-staff.svelte-szgsrb{margin:1.5rem 0;padding:1rem;border:2px solid #e5e5e5;border-radius:8px}.chromatic-staff.svelte-szgsrb svg:where(.svelte-szgsrb){width:100%;display:block}.staff-legend.svelte-szgsrb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:#888780;margin-top:8px;justify-content:center}.legend-item.svelte-szgsrb{display:inline-flex;align-items:center;gap:5px}.staff-hint.svelte-szgsrb{font-size:13px;color:#b4b2a9;text-align:center;margin-top:4px;margin-bottom:0}.single-string.svelte-7m8iwv{margin:1.5rem 0;padding:1rem;border:2px solid #e5e5e5;border-radius:8px}.single-string.svelte-7m8iwv svg:where(.svelte-7m8iwv){width:100%;display:block}.string-label.svelte-7m8iwv{font-size:13px;font-weight:600;color:#2c2c2a;margin-bottom:4px}.string-controls.svelte-7m8iwv{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.play-btn.svelte-7m8iwv{font-size:13px;font-family:inherit;background:#eeedfe;border:1.5px solid #534AB7;border-radius:8px;padding:5px 14px;cursor:pointer;color:#534ab7;font-weight:500;transition:background .15s;flex-shrink:0}.play-btn.svelte-7m8iwv:hover{background:#dddcf8}.play-btn.playing.svelte-7m8iwv{background:#534ab7;color:#fff}.string-hint.svelte-7m8iwv{font-size:12px;color:#b4b2a9}.s-mark.svelte-7m8iwv{color:#e55;font-weight:700}.chord-builder.svelte-5tdw2h{margin:1.5rem 0;padding:1rem;border:2px solid #e5e5e5;border-radius:8px}.root-buttons.svelte-5tdw2h{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.root-buttons.svelte-5tdw2h button:where(.svelte-5tdw2h),.mode-toggle.svelte-5tdw2h button:where(.svelte-5tdw2h){font-size:13px;font-family:inherit;background:transparent;border:1px solid #B4B2A9;border-radius:8px;padding:5px 14px;cursor:pointer;transition:background .15s,border-color .15s;color:#2c2c2a}.root-buttons.svelte-5tdw2h button:where(.svelte-5tdw2h):hover,.mode-toggle.svelte-5tdw2h button:where(.svelte-5tdw2h):hover{background:#f1efe8;border-color:#888780}.root-buttons.svelte-5tdw2h button.active:where(.svelte-5tdw2h){background:#eeedfe;border-color:#534ab7;color:#534ab7}.mode-toggle.svelte-5tdw2h{display:flex;gap:6px;margin-bottom:12px}.mode-toggle.svelte-5tdw2h button.active:where(.svelte-5tdw2h){background:#eeedfe;border-color:#534ab7;color:#534ab7}.section-title.svelte-5tdw2h{font-size:13px;font-weight:600;color:#888780;margin:12px 0 6px;text-transform:uppercase;letter-spacing:.5px}.scale-strip.svelte-5tdw2h{margin-bottom:4px}.scale-strip.svelte-5tdw2h svg:where(.svelte-5tdw2h){width:100%;display:block}.chord-result.svelte-5tdw2h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.chord-name-display.svelte-5tdw2h{font-weight:700;font-size:16px;color:#2c2c2a}.chord-eq.svelte-5tdw2h{color:#b4b2a9;font-size:16px}.chord-tone.svelte-5tdw2h{display:inline-flex;flex-direction:column;align-items:center;padding:4px 12px;border-radius:8px;border:1.5px solid;font-weight:600;font-size:14px;line-height:1.2}.tone-label.svelte-5tdw2h{font-size:9px;font-weight:500;opacity:.8}.chord-plus.svelte-5tdw2h{color:#b4b2a9;font-size:14px}.minor-note.svelte-5tdw2h{font-size:12px;color:#888780;font-style:italic;margin:4px 0 0}.chord-layout.svelte-5tdw2h{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.chord-diagram.svelte-5tdw2h{flex-shrink:0;width:150px}.chord-diagram.svelte-5tdw2h svg:where(.svelte-5tdw2h){width:100%}.diagram-hint.svelte-5tdw2h{font-size:10px;color:#b4b2a9;text-align:center;margin-top:2px}.string-breakdown.svelte-5tdw2h{flex:1;min-width:200px;display:flex;flex-direction:column;gap:3px}.string-row.svelte-5tdw2h{display:flex;align-items:center;gap:6px;font-size:12px;flex-wrap:wrap}.str-label.svelte-5tdw2h{font-weight:600;color:#2c2c2a;min-width:60px}.str-muted.svelte-5tdw2h{color:#c44;font-weight:500}.str-reason.svelte-5tdw2h{color:#b4b2a9;font-size:11px}.str-dot.svelte-5tdw2h{width:8px;height:8px;border-radius:50%;flex-shrink:0}.str-note.svelte-5tdw2h{color:#2c2c2a}.str-degree.svelte-5tdw2h{font-weight:600;font-size:11px}.muted-row.svelte-5tdw2h{opacity:.7}.play-row.svelte-5tdw2h{display:flex;gap:8px;margin-top:8px}.play-btn.svelte-5tdw2h{font-size:13px;font-family:inherit;background:#eeedfe;border:1.5px solid #534AB7;border-radius:8px;padding:5px 14px;cursor:pointer;color:#534ab7;font-weight:500;transition:background .15s}.play-btn.svelte-5tdw2h:hover{background:#dddcf8}.no-shape.svelte-5tdw2h{font-size:13px;color:#888780;font-style:italic}