._fretboard_ki8ra_1{display:flex;flex-direction:column;background:linear-gradient(180deg,#2a1810,#1a0f0a);border-radius:8px;padding:20px;gap:2px;overflow-x:auto}._fretMarkers_ki8ra_11{display:flex;height:24px;margin-bottom:8px}._markerSpacer_ki8ra_17{width:50px;flex-shrink:0}._markerCell_ki8ra_22{flex:1;min-width:60px;display:flex;justify-content:center;align-items:center}._marker_ki8ra_17{display:flex;gap:8px}._dot_ki8ra_35{width:10px;height:10px;background:#4a3728;border-radius:50%}._string_ki8ra_42{display:flex;align-items:center;height:36px;position:relative}._string_ki8ra_42:after{content:"";position:absolute;left:50px;right:0;height:2px;background:linear-gradient(90deg,#d4a574,#b8956a,#a68460);pointer-events:none;z-index:0}._string_ki8ra_42:nth-child(2):after{height:2px}._string_ki8ra_42:nth-child(3):after{height:2.5px}._string_ki8ra_42:nth-child(4):after{height:3px}._string_ki8ra_42:nth-child(5):after{height:3.5px}._string_ki8ra_42:nth-child(6):after{height:4px}._string_ki8ra_42:nth-child(7):after{height:4.5px}._nut_ki8ra_67{width:50px;flex-shrink:0;display:flex;justify-content:center;align-items:center;background:beige;border-right:4px solid #2c2c2c;height:100%;z-index:1}._openNote_ki8ra_79{font-size:12px;color:#333;font-weight:600}._fret_ki8ra_1{flex:1;min-width:60px;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}._fretWire_ki8ra_96{position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,silver,gray,silver)}._note_ki8ra_105{width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:700;color:#000;z-index:2;box-shadow:0 2px 4px #0000004d}._bassNote_ki8ra_120{border:3px solid #fff;box-shadow:0 2px 4px #0000004d,0 0 8px #ffffff80}._fretNumbers_ki8ra_125{display:flex;margin-top:8px}._numberSpacer_ki8ra_130{width:50px;flex-shrink:0}._fretNumber_ki8ra_125{flex:1;min-width:60px;text-align:center;font-size:12px;color:#666}._label_ki8ra_144{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}._compact_ki8ra_154{padding:12px 20px;opacity:.85}._compact_ki8ra_154 ._fretMarkers_ki8ra_11{height:16px;margin-bottom:4px}._compact_ki8ra_154 ._dot_ki8ra_35{width:6px;height:6px}._compact_ki8ra_154 ._string_ki8ra_42{height:24px}._compact_ki8ra_154 ._nut_ki8ra_67{width:40px}._compact_ki8ra_154 ._string_ki8ra_42:after{left:40px}._compact_ki8ra_154 ._markerSpacer_ki8ra_17,._compact_ki8ra_154 ._numberSpacer_ki8ra_130{width:40px}._compact_ki8ra_154 ._fret_ki8ra_1,._compact_ki8ra_154 ._markerCell_ki8ra_22{min-width:50px}._compact_ki8ra_154 ._note_ki8ra_105{width:20px;height:20px;font-size:9px}._compact_ki8ra_154 ._openNote_ki8ra_79{font-size:10px}._compact_ki8ra_154 ._fretNumbers_ki8ra_125{margin-top:4px}._compact_ki8ra_154 ._fretNumber_ki8ra_125{min-width:50px;font-size:10px}._controls_gkohl_1{display:flex;gap:16px;align-items:center;padding:16px;background:#1e1e1e;border-radius:8px;margin-bottom:20px;flex-wrap:wrap}._section_gkohl_12{display:flex;align-items:center;gap:12px}._sectionTitle_gkohl_18{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}._divider_gkohl_26{width:1px;height:32px;background:#404040}._label_gkohl_32{display:flex;align-items:center;gap:8px;font-size:14px;color:#e0e0e0}._select_gkohl_40{padding:8px 12px;font-size:14px;background:#2d2d2d;color:#e0e0e0;border:1px solid #404040;border-radius:4px;cursor:pointer;min-width:140px}._select_gkohl_40:hover{border-color:#555}._select_gkohl_40:focus{outline:none;border-color:#3b82f6}._select_gkohl_40 option{background:#2d2d2d;color:#e0e0e0}._select_gkohl_40 optgroup{font-weight:600;color:#888}._resetButton_gkohl_70{padding:8px 16px;font-size:14px;font-weight:500;background:#404040;color:#e0e0e0;border:1px solid #555;border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s}._resetButton_gkohl_70:hover{background:#505050;border-color:#666}._resetButton_gkohl_70:active{background:#383838}._checkboxLabel_gkohl_91{display:flex;align-items:center;gap:6px;font-size:13px;color:#b0b0b0;cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_gkohl_91{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}._hint_gkohl_108{font-size:11px;color:#666;font-style:italic}._select_gkohl_40:disabled{opacity:.5;cursor:not-allowed}._keyReference_1wxbl_1{background:#1e1e1e;border-radius:8px;padding:16px 20px;margin-bottom:20px}._title_1wxbl_8{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}._keyRow_1wxbl_17{display:flex;align-items:center;gap:16px;margin-bottom:12px}._keyRow_1wxbl_17:last-child{margin-bottom:0}._keyLabel_1wxbl_28{width:80px;font-size:13px;font-weight:600;color:#e0e0e0;flex-shrink:0}._chordsContainer_1wxbl_36{display:flex;gap:8px;flex-wrap:wrap}._chordColumn_1wxbl_42{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:6px 8px;background:#2a2a2a;border-radius:6px}._romanNumeral_1wxbl_52{font-size:11px;font-weight:500;color:#888;margin-bottom:2px}._chordSymbol_1wxbl_59{font-size:14px;font-weight:700;padding:2px 6px;border-radius:4px}._major_1wxbl_67{color:#ef4444;background:#ef444426}._minor_1wxbl_72{color:#3b82f6;background:#3b82f626}._diminished_1wxbl_77{color:#facc15;background:#facc1526}._augmented_1wxbl_82{color:#22c55e;background:#22c55e26}._container_ps3ld_1{display:flex;flex-direction:column;align-items:center;padding:20px;background:#1e1e1e;border-radius:8px;margin-top:20px}._title_ps3ld_11{margin:0 0 16px;font-size:16px;font-weight:600;color:#e0e0e0}._svg_ps3ld_18{display:block}._segment_ps3ld_22{cursor:pointer;transition:opacity .2s}._segment_ps3ld_22:hover{opacity:.8}._majorSegment_ps3ld_31{fill:#2d4a6d;stroke:#1e1e1e;stroke-width:2;transition:fill .2s}._majorSegment_ps3ld_31:hover{fill:#3d5a7d}._majorSegment_ps3ld_31._selected_ps3ld_42{fill:#3b82f6}._minorSegment_ps3ld_46{fill:#4a3a5c;stroke:#1e1e1e;stroke-width:2;transition:fill .2s}._minorSegment_ps3ld_46:hover{fill:#5a4a6c}._minorSegment_ps3ld_46._selected_ps3ld_42{fill:#a855f7}._majorLabel_ps3ld_61{fill:#c0d0e0;font-size:13px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none}._minorLabel_ps3ld_71{fill:#c0b0d0;font-size:11px;font-weight:500;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none}._selectedLabel_ps3ld_81{fill:#fff}._centerCircle_ps3ld_85{fill:#121212;stroke:#404040;stroke-width:2}._legend_ps3ld_91{display:flex;gap:20px;margin-top:16px;font-size:12px;color:#888}._legendItem_ps3ld_99{display:flex;align-items:center;gap:6px}._majorDot_ps3ld_105{width:12px;height:12px;border-radius:2px;background:#2d4a6d}._minorDot_ps3ld_112{width:12px;height:12px;border-radius:2px;background:#4a3a5c}._app_1oxvu_1{min-height:100vh;background:#121212;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}._header_1oxvu_8{padding:24px;text-align:center;border-bottom:1px solid #2d2d2d}._title_1oxvu_14{margin:0;font-size:28px;font-weight:700;color:#fff}._subtitle_1oxvu_21{margin:8px 0 0;font-size:14px;color:#888}._main_1oxvu_27{max-width:1200px;margin:0 auto;padding:24px}*{box-sizing:border-box}body{margin:0;padding:0;background:#121212}