:root{--color-bg: #F5F3EE;--color-bg-elevated: #FFFFFF;--color-bg-pressed: #E8E6E1;--color-text: #1A1A1A;--color-text-muted: #666666;--color-text-subtle: #999999;--color-accent: #FF6B35;--color-accent-hover: #E85A2A;--color-accent-muted: rgba(255, 107, 53, .15);--color-border: #1A1A1A;--color-border-light: #CCCCCC;--color-string: #8B7355;--color-fret: #2A2A2A;--color-fret-marker: #DDDDDD;--color-note: #1A1A1A;--color-note-root: #FF6B35;--color-success: #2A9D4E;--color-danger: #D64545;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--font-size-xxs: 9px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-xxl: 36px;--font-size-display: 48px;--line-height: 1.5;--letter-spacing: -.01em;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-xxxl: 64px;--border-width: 2px;--border-radius-sm: 2px;--border-radius: 4px;--border-radius-lg: 8px;--shadow-sm: 2px 2px 0 var(--color-border);--shadow-md: 3px 3px 0 var(--color-border);--shadow-lg: 4px 4px 0 var(--color-border);--shadow-accent: 3px 3px 0 var(--color-accent);--transition-fast: .1s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--z-base: 0;--z-elevated: 10;--z-overlay: 100;--z-modal: 1000}*{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;font-family:var(--font-mono);font-size:var(--font-size-md);line-height:var(--line-height);letter-spacing:var(--letter-spacing);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-image:radial-gradient(circle at center,var(--color-border-light) .5px,transparent .5px);background-size:24px 24px;background-position:0 0}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:var(--font-mono);cursor:pointer;border:var(--border-width) solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}button:hover{background:var(--color-bg);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}button:active{background:var(--color-bg-pressed);box-shadow:none;transform:translate(1px,1px)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button.primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}button.primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:var(--shadow-accent)}button.primary:active{background:var(--color-accent-hover)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--color-bg-pressed);border-color:transparent;box-shadow:none;transform:none}button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}input{font-family:var(--font-mono);font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-elevated);color:var(--color-text);transition:all var(--transition-fast)}input:focus{outline:none;border-color:var(--color-accent)}input::placeholder{color:var(--color-text-subtle)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--color-accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}._header_1jl6u_1{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-xl);background:var(--color-bg-elevated);border-bottom:var(--border-width) solid var(--color-border);position:sticky;top:0;z-index:var(--z-elevated);height:56px}._left_1jl6u_15{display:flex;align-items:center;gap:var(--space-md)}._divider_1jl6u_21{width:1px;height:24px;background:var(--color-border-light)}._logo_1jl6u_27{color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}._logoText_1jl6u_35{font-size:var(--font-size-md);font-weight:700;letter-spacing:.1em;color:var(--color-text)}._titleArea_1jl6u_43{display:flex;align-items:center}._titleButton_1jl6u_48{display:flex;align-items:center;gap:var(--space-sm);background:transparent;border:none;padding:var(--space-xs) var(--space-sm);margin:calc(var(--space-xs) * -1) calc(var(--space-sm) * -1);border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-fast)}._titleButton_1jl6u_48:hover{background:var(--color-bg);box-shadow:none;transform:none}._titleButton_1jl6u_48:hover ._editIcon_1jl6u_67{opacity:1}._title_1jl6u_43{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);margin:0;letter-spacing:-.01em}._editIcon_1jl6u_67{color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}._titleInput_1jl6u_86{font-size:var(--font-size-md);font-weight:600;padding:var(--space-xs) var(--space-sm);border:var(--border-width) solid var(--color-accent);border-radius:var(--border-radius);width:220px;max-width:100%}._right_1jl6u_97{display:flex;align-items:center;gap:var(--space-sm)}._performButton_1jl6u_103{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-accent);border:var(--border-width) solid var(--color-accent);color:#fff;font-size:var(--font-size-xxs);padding:var(--space-xs) var(--space-sm)}._performButton_1jl6u_103:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:var(--shadow-accent);transform:translate(-1px,-1px)}._performButton_1jl6u_103._active_1jl6u_121{background:var(--color-text);border-color:var(--color-text)}._performButton_1jl6u_103._active_1jl6u_121:hover{background:var(--color-text-muted);border-color:var(--color-text-muted);box-shadow:var(--shadow-sm)}._clearButton_1jl6u_132{display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:var(--font-size-xxs);padding:2px var(--space-sm)}._clearButton_1jl6u_132:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff;box-shadow:none;transform:none}._importExportButton_1jl6u_151{display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:var(--font-size-xxs);padding:2px var(--space-sm)}._importExportButton_1jl6u_151:hover{background:var(--color-bg);border-color:var(--color-accent);color:var(--color-accent);box-shadow:none;transform:none}@media(max-width:768px){._header_1jl6u_1{padding:var(--space-sm) var(--space-md);height:48px}._title_1jl6u_43{font-size:var(--font-size-sm)}._titleInput_1jl6u_86{font-size:var(--font-size-sm);width:160px}._clearButton_1jl6u_132 span{display:none}}._container_in0v1_1{width:100%;overflow-x:auto;display:flex;justify-content:center}._fretboard_in0v1_8{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:0;-webkit-user-select:none;user-select:none}._stringLabels_in0v1_17{grid-column:1;grid-row:2;display:flex;flex-direction:column;padding-right:var(--space-sm)}._stringLabel_in0v1_17{height:40px;display:flex;align-items:center;justify-content:flex-end;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase}._fretNumbers_in0v1_37{grid-column:2;grid-row:1;display:flex;padding-bottom:var(--space-xs)}._fretNumber_in0v1_37{width:56px;text-align:center;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted)}._fretNumber_in0v1_37:first-child{width:44px}._grid_in0v1_57{grid-column:2;grid-row:2;position:relative;background:linear-gradient(180deg,#2a2520,#3d3530,#2a2520);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden}._markerRow_in0v1_74{position:absolute;inset:0;display:flex;pointer-events:none;z-index:0}._markerCell_in0v1_85{width:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl)}._markerCell_in0v1_85:first-child{width:44px}._marker_in0v1_74{width:10px;height:10px;border-radius:50%;background:var(--color-fret-marker);opacity:.25}._stringRow_in0v1_107{display:flex;position:relative;z-index:1}._fretCell_in0v1_114{width:56px;height:40px;position:relative;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}._fretCell_in0v1_114:first-child{width:44px}._fretCell_in0v1_114:hover{background:#ffffff0d}._fretCell_in0v1_114:focus-visible{outline:none;background:#ff6b3533}._string_in0v1_17{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--color-string);transform:translateY(-50%);box-shadow:0 1px 2px #0000004d}._stringRow_in0v1_107:nth-child(2) ._string_in0v1_17{height:1px}._stringRow_in0v1_107:nth-child(3) ._string_in0v1_17{height:1.5px}._stringRow_in0v1_107:nth-child(4) ._string_in0v1_17{height:2px}._stringRow_in0v1_107:nth-child(5) ._string_in0v1_17{height:2.5px}._stringRow_in0v1_107:nth-child(6) ._string_in0v1_17{height:3px}._stringRow_in0v1_107:nth-child(7) ._string_in0v1_17{height:3.5px}._fret_in0v1_8{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(90deg,#888,#ccc,#888);box-shadow:1px 0 2px #0000004d}._nutCell_in0v1_178{background:#ffffff05}._nut_in0v1_178{position:absolute;right:0;top:0;bottom:0;width:5px;background:linear-gradient(90deg,#ddd,#fff,#ddd);box-shadow:2px 0 4px #0003}._noteIndicator_in0v1_198{position:relative;z-index:2;width:28px;height:28px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff3;animation:_popIn_in0v1_1 .15s ease-out}._noteName_in0v1_214{font-size:var(--font-size-xs);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:0}._notePreview_in0v1_223{position:relative;z-index:2;width:24px;height:24px;border-radius:50%;background:transparent;border:2px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}._fretCell_in0v1_114:hover ._notePreview_in0v1_223{opacity:1}._noteNamePreview_in0v1_242{font-size:var(--font-size-xxs);font-weight:600;color:#ffffff80;text-transform:uppercase}@keyframes _popIn_in0v1_1{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}._container_2brky_1{display:flex;flex-direction:column;gap:var(--space-sm)}._keyboard_2brky_7{display:flex;background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md)}._octave_2brky_16{position:relative;display:flex}._whiteKey_2brky_22{width:36px;height:100px;background:linear-gradient(180deg,#fff,#f5f5f5);border:none;border-right:1px solid var(--color-border-light);border-radius:0;padding:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-xs);cursor:pointer;transition:background var(--transition-fast);position:relative}._whiteKey_2brky_22:last-child{border-right:none}._whiteKey_2brky_22:hover:not(:disabled){background:linear-gradient(180deg,#f0f0f0,#e8e8e8);box-shadow:none;transform:none}._whiteKey_2brky_22._active_2brky_49{background:linear-gradient(180deg,var(--color-accent-muted) 0%,var(--color-accent) 100%)}._whiteKey_2brky_22._active_2brky_49 ._noteName_2brky_53{color:#fff;font-weight:700}._whiteKey_2brky_22._readonly_2brky_58{cursor:default}._whiteKey_2brky_22:disabled{opacity:1}._blackKey_2brky_67{position:absolute;width:24px;height:60px;background:linear-gradient(180deg,#3a3a3a,#1a1a1a);border:none;border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);padding:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-xxs);cursor:pointer;z-index:1;transition:background var(--transition-fast);box-shadow:0 2px 4px #0000004d}._blackKey_2brky_67:hover:not(:disabled){background:linear-gradient(180deg,#4a4a4a,#2a2a2a);box-shadow:0 2px 4px #0000004d;transform:none}._blackKey_2brky_67._active_2brky_49{background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-hover) 100%)}._blackKey_2brky_67 ._noteName_2brky_53{color:#fff;font-size:var(--font-size-xxs)}._blackKey_2brky_67._readonly_2brky_58{cursor:default}._blackKey_2brky_67:disabled{opacity:1}._noteName_2brky_53{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}._activeNotesDisplay_2brky_118{display:flex;gap:var(--space-xs);justify-content:center;padding:var(--space-xs) 0}._activeNote_2brky_118{background:var(--color-accent);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:2px var(--space-xs);border-radius:var(--border-radius-sm)}._compact_2brky_135 ._keyboard_2brky_7{box-shadow:var(--shadow-sm)}._compact_2brky_135 ._whiteKey_2brky_22{width:20px;height:56px}._compact_2brky_135 ._blackKey_2brky_67{width:14px;height:32px;left:calc(14.28% - 6px)}._compact_2brky_135 ._noteName_2brky_53{font-size:7px}._compact_2brky_135 ._blackKey_2brky_67 ._noteName_2brky_53{font-size:6px}._compact_2brky_135 ._activeNotesDisplay_2brky_118{display:none}@media(max-width:768px){._whiteKey_2brky_22{width:28px;height:80px}._blackKey_2brky_67{width:18px;height:48px}}._container_yvoqx_1{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg);min-height:160px;height:100%;display:flex;align-items:center;justify-content:center}._container_yvoqx_1._viewing_yvoqx_14{border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-accent-muted) 100%)}._content_yvoqx_23{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}._empty_yvoqx_32{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-muted)}._emptyIcon_yvoqx_40{opacity:.3}._emptyText_yvoqx_44{font-size:var(--font-size-sm);text-align:center}._primary_yvoqx_50{text-align:center}._chordName_yvoqx_54{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-text);letter-spacing:-.02em;line-height:1;animation:_fadeSlideIn_yvoqx_1 .2s ease-out}._chordNameUnknown_yvoqx_63{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-muted);letter-spacing:-.02em;line-height:1}._notesSection_yvoqx_72{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}._noteChips_yvoqx_79{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}._noteChip_yvoqx_79{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--border-radius);min-width:40px}._noteChip_yvoqx_79._root_yvoqx_98{background:var(--color-accent-muted);border-color:var(--color-accent)}._noteChip_yvoqx_79._bass_yvoqx_103{border-bottom:2px solid var(--color-text-muted)}._noteChip_yvoqx_79._root_yvoqx_98._bass_yvoqx_103{border-bottom-color:var(--color-accent)}._noteName_yvoqx_111{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}._root_yvoqx_98 ._noteName_yvoqx_111{color:var(--color-accent)}._degree_yvoqx_121{font-size:var(--font-size-xxs);font-weight:500;color:var(--color-text-muted)}._root_yvoqx_98 ._degree_yvoqx_121{color:var(--color-accent)}._alternates_yvoqx_132{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}._alternatesLabel_yvoqx_140{color:var(--color-text-muted);text-transform:uppercase;font-size:var(--font-size-xxs);letter-spacing:.05em}._alternatesList_yvoqx_147{display:flex;gap:var(--space-xs);flex-wrap:wrap}._alternateChip_yvoqx_153{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--border-radius);padding:2px var(--space-sm);font-size:var(--font-size-xxs);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);text-transform:none;letter-spacing:0}._alternateChip_yvoqx_153:hover{background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent);box-shadow:none;transform:none}._actions_yvoqx_176{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}._diceButton_yvoqx_184{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}._diceButton_yvoqx_184:hover{background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent)}._diceButton_yvoqx_184:active{transform:scale(.95)}._saveButton_yvoqx_210{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}._saveButton_yvoqx_210 svg{flex-shrink:0}._viewingHint_yvoqx_223{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}@keyframes _fadeSlideIn_yvoqx_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._container_n186z_1{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}._header_n186z_10{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg)}._title_n186z_19{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin:0}._count_n186z_28{background:var(--color-border);color:#fff;font-size:var(--font-size-xxs);font-weight:600;padding:2px var(--space-xs);border-radius:var(--border-radius-sm);min-width:20px;text-align:center}._empty_n186z_40{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);color:var(--color-text-muted)}._emptyIcon_n186z_49{opacity:.3}._emptyText_n186z_53{font-size:var(--font-size-sm);font-weight:500;margin:0}._emptyHint_n186z_59{font-size:var(--font-size-xs);color:var(--color-text-subtle);text-align:center;margin:0}._list_n186z_67{display:flex;flex-direction:column;max-height:320px;overflow-y:auto}._card_n186z_75{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-elevated);cursor:pointer;transition:all var(--transition-fast)}._card_n186z_75:last-child{border-bottom:none}._card_n186z_75:hover{background:var(--color-bg)}._card_n186z_75._selected_n186z_94{background:var(--color-accent-muted);border-left:3px solid var(--color-accent);padding-left:calc(var(--space-md) - 3px)}._card_n186z_75._dragging_n186z_100{opacity:.5;background:var(--color-bg-pressed)}._card_n186z_75._dragOver_n186z_105{border-top:2px solid var(--color-accent);padding-top:calc(var(--space-sm) - 2px)}._dragHandle_n186z_111{color:var(--color-text-subtle);opacity:.4;transition:opacity var(--transition-fast);flex-shrink:0;cursor:grab}._card_n186z_75:hover ._dragHandle_n186z_111{opacity:.8}._dragHandle_n186z_111:active{cursor:grabbing}._cardContent_n186z_128{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._chordName_n186z_136{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}._originalName_n186z_142,._noteCount_n186z_147{font-size:var(--font-size-xxs);color:var(--color-text-subtle)}._removeButton_n186z_153{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-subtle);border-radius:var(--border-radius);opacity:0;transition:all var(--transition-fast);flex-shrink:0}._card_n186z_75:hover ._removeButton_n186z_153{opacity:1}._removeButton_n186z_153:hover{background:var(--color-danger);color:#fff;transform:none;box-shadow:none}._removeButton_n186z_153:active{transform:scale(.95)}._hint_n186z_185{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xxs);color:var(--color-text-subtle);text-align:center;border-top:1px solid var(--color-border-light);background:var(--color-bg)}._container_5390k_1{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-md);height:100%;display:flex;flex-direction:column;justify-content:center}._container_5390k_1._disabled_5390k_13{opacity:.5;pointer-events:none}._header_5390k_19{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}._label_5390k_26{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}._resetButton_5390k_34{font-size:var(--font-size-xxs);padding:2px var(--space-sm);background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-muted)}._resetButton_5390k_34:hover{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text);box-shadow:none;transform:none}._controls_5390k_51{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-sm)}._stepButton_5390k_59{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--border-radius)}._stepButton_5390k_59:hover{background:var(--color-bg-elevated)}._stepButton_5390k_59:disabled{opacity:.3}._valueDisplay_5390k_79{display:flex;align-items:baseline;gap:2px;min-width:48px;justify-content:center}._value_5390k_79{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);line-height:1;font-variant-numeric:tabular-nums}._unit_5390k_95{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted)}._sliderContainer_5390k_102{margin-bottom:var(--space-sm)}._slider_5390k_102{width:100%;height:6px;appearance:none;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:3px;cursor:pointer}._slider_5390k_102::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--color-accent);border:var(--border-width) solid var(--color-border);border-radius:50%;cursor:grab;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}._slider_5390k_102::-webkit-slider-thumb:hover{transform:scale(1.1)}._slider_5390k_102::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(.95)}._slider_5390k_102::-moz-range-thumb{width:16px;height:16px;background:var(--color-accent);border:var(--border-width) solid var(--color-border);border-radius:50%;cursor:grab;box-shadow:var(--shadow-sm)}._slider_5390k_102:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}._sliderTicks_5390k_152{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:8px;color:var(--color-text-subtle)}._info_5390k_161{text-align:center;font-size:var(--font-size-xxs);color:var(--color-text-muted)}._container_1xwmm_1{display:flex;align-items:center;gap:var(--space-sm)}._label_1xwmm_7{font-size:var(--font-size-xxs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}._select_1xwmm_15{font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}._select_1xwmm_15:hover{border-color:var(--color-border);background:var(--color-bg-elevated)}._select_1xwmm_15:focus{outline:none;border-color:var(--color-accent)}._container_1suk3_1{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}._header_1suk3_10{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg)}._title_1suk3_19{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin:0}._addButton_1suk3_28{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-muted);border-radius:var(--border-radius)}._addButton_1suk3_28:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:none;transform:none}._presets_1suk3_50{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-bottom:1px solid var(--color-border-light)}._presetButton_1suk3_59{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--border-radius);padding:2px var(--space-sm);font-size:var(--font-size-xxs);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}._presetButton_1suk3_59:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:none;transform:none}._list_1suk3_80{display:flex;flex-direction:column}._card_1suk3_86{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-elevated);cursor:pointer;transition:all var(--transition-fast)}._card_1suk3_86:last-child{border-bottom:none}._card_1suk3_86:hover{background:var(--color-bg)}._card_1suk3_86._active_1suk3_107{background:var(--color-accent-muted);border-left:3px solid var(--color-accent);padding-left:calc(var(--space-md) - 3px)}._dragHandle_1suk3_114{display:flex;align-items:center;justify-content:center;color:var(--color-text-subtle);cursor:grab;padding:0 var(--space-xs);opacity:.5;transition:opacity var(--transition-fast)}._dragHandle_1suk3_114:hover{opacity:1;color:var(--color-text-muted)}._card_1suk3_86._dragging_1suk3_130{opacity:.5;background:var(--color-bg)}._card_1suk3_86._dragOver_1suk3_135{border-top:2px solid var(--color-accent);padding-top:calc(var(--space-sm) - 1px)}._cardContent_1suk3_141{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._sectionName_1suk3_149{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}._editInput_1suk3_155{font-size:var(--font-size-sm);font-weight:600;padding:2px var(--space-xs);border:1px solid var(--color-accent);border-radius:var(--border-radius-sm);width:100%;max-width:120px}._chordPreview_1suk3_165{font-size:var(--font-size-xxs);color:var(--color-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._cardActions_1suk3_174{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}._count_1suk3_181{background:var(--color-border);color:#fff;font-size:var(--font-size-xxs);font-weight:600;padding:1px var(--space-xs);border-radius:var(--border-radius-sm);min-width:18px;text-align:center}._removeButton_1suk3_192{width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-subtle);border-radius:var(--border-radius-sm);opacity:0;transition:all var(--transition-fast)}._card_1suk3_86:hover ._removeButton_1suk3_192{opacity:1}._removeButton_1suk3_192:hover{background:var(--color-danger);color:#fff;transform:none;box-shadow:none}._lyricsButton_1suk3_219{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--border-radius);padding:2px 6px;font-size:var(--font-size-xxs);transition:all var(--transition-fast)}._lyricsButton_1suk3_219:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:none;box-shadow:none}._lyricsButton_1suk3_219._hasLyrics_1suk3_241{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}._lyricsButton_1suk3_219._hasLyrics_1suk3_241:hover{background:var(--color-accent);color:#fff}._lyricsEditor_1suk3_253{width:100%;padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px dashed var(--color-border-light)}._lyricsTextarea_1suk3_260{width:100%;font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);resize:vertical;min-height:80px}._lyricsTextarea_1suk3_260:focus{outline:none;border-color:var(--color-accent)}._lyricsTextarea_1suk3_260::placeholder{color:var(--color-text-subtle)}._lyricsActions_1suk3_282{display:flex;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-sm)}._lyricsCancelButton_1suk3_289{background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:var(--font-size-xxs);padding:var(--space-xs) var(--space-sm)}._lyricsCancelButton_1suk3_289:hover{background:var(--color-bg);box-shadow:none;transform:none}._lyricsSaveButton_1suk3_303{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff;font-size:var(--font-size-xxs);padding:var(--space-xs) var(--space-sm)}._lyricsSaveButton_1suk3_303:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:none;transform:none}._container_quhfv_1{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}._name_quhfv_8{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}._diagram_quhfv_16{position:relative;width:100px}._indicators_quhfv_21{display:flex;justify-content:space-between;padding:0 2px;margin-bottom:2px}._indicator_quhfv_21{width:10px;text-align:center;font-size:8px;font-weight:600;height:10px;display:flex;align-items:center;justify-content:center}._open_quhfv_39{color:var(--color-text)}._muted_quhfv_43{color:var(--color-text-muted)}._fretIndicator_quhfv_47{position:absolute;left:-20px;top:16px;font-size:8px;font-weight:600;color:var(--color-text-muted)}._grid_quhfv_56{position:relative;width:100%;height:90px;background:transparent;border:2px solid #000;border-radius:2px;overflow:visible}._nut_quhfv_66{position:absolute;top:0;left:0;width:4px;height:100%;background:#000;z-index:2}._fretLine_quhfv_76{position:absolute;top:0;width:2px;height:100%;background:#000;transform:translate(-1px)}._string_quhfv_85{position:absolute;left:0;right:0;background:#000;transform:translateY(-50%)}._openString_quhfv_93{position:absolute;left:2px;width:8px;height:8px;background:transparent;border:2px solid var(--color-accent);border-radius:50%;transform:translateY(-50%);z-index:3}._finger_quhfv_105{position:absolute;width:12px;height:12px;background:var(--color-accent);border-radius:50%;transform:translate(-50%,-50%);z-index:3;box-shadow:0 1px 3px #0003}._container_4t7yg_1{padding:var(--space-xl) var(--space-xl) var(--space-lg);max-width:1200px;margin:var(--space-lg) auto 0;background:var(--color-bg);border-top:var(--border-width) solid var(--color-border);position:relative}._container_4t7yg_1:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--color-accent);border-radius:2px;margin-top:-2px}._header_4t7yg_23{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light)}._title_4t7yg_33{font-size:var(--font-size-lg);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0}._transpose_4t7yg_41{font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent);background:var(--color-accent-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius)}._empty_4t7yg_51{text-align:center;padding:var(--space-xxl);color:var(--color-text-muted)}._empty_4t7yg_51 p{margin:0}._hint_4t7yg_61{font-size:var(--font-size-sm);margin-top:var(--space-sm)!important}._sections_4t7yg_66{display:flex;flex-direction:column;gap:var(--space-xl)}._section_4t7yg_66{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal)}._section_4t7yg_66:hover{box-shadow:var(--shadow-lg)}._sectionName_4t7yg_85{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}._chords_4t7yg_96{display:flex;flex-wrap:wrap;gap:var(--space-lg)}._chordWrapper_4t7yg_102{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--border-radius);transition:background var(--transition-fast)}._chordWrapper_4t7yg_102:hover{background:var(--color-bg)}._miniPiano_4t7yg_116{margin-top:var(--space-xs)}._lyrics_4t7yg_120{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--color-border-light)}._lyricLine_4t7yg_126{font-size:var(--font-size-md);line-height:1.8;margin:0;color:var(--color-text)}@media(max-width:768px){._container_4t7yg_1{padding:var(--space-md)}._header_4t7yg_23{flex-wrap:wrap}._chords_4t7yg_96{gap:var(--space-md);justify-content:center}}@media print{._container_4t7yg_1{padding:0}._header_4t7yg_23{border-bottom:1px solid #000}._section_4t7yg_66{break-inside:avoid;box-shadow:none;border:1px solid #000}}._backdrop_13n30_1{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg)}._modal_13n30_12{background:var(--color-bg-elevated);border-radius:var(--border-radius-lg);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}._header_13n30_25{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width) solid var(--color-border)}._title_13n30_33{font-size:var(--font-size-lg);font-weight:600;margin:0;color:var(--color-text)}._closeButton_13n30_40{background:transparent;border:none;padding:var(--space-xs);margin:calc(var(--space-xs) * -1);border-radius:var(--border-radius);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}._closeButton_13n30_40:hover{background:var(--color-bg);color:var(--color-text);box-shadow:none;transform:none}._tabs_13n30_61{display:flex;border-bottom:var(--border-width) solid var(--color-border)}._tab_13n30_61{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative}._tab_13n30_61:hover{color:var(--color-text);background:var(--color-bg);box-shadow:none;transform:none}._tab_13n30_61._active_13n30_90{color:var(--color-accent)}._tab_13n30_61._active_13n30_90:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-accent)}._content_13n30_104{padding:var(--space-lg);overflow-y:auto}._description_13n30_109{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-md);line-height:1.5}._projectInfo_13n30_116{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:var(--border-radius);margin-bottom:var(--space-md)}._projectName_13n30_126{font-weight:600;color:var(--color-text)}._projectStats_13n30_131{font-size:var(--font-size-xs);color:var(--color-text-muted)}._codeWrapper_13n30_136{position:relative}._codeArea_13n30_140{width:100%;padding:var(--space-sm);background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:monospace;font-size:var(--font-size-xs);resize:none;line-height:1.5}._codeArea_13n30_140:focus{outline:none;border-color:var(--color-accent)}._codeArea_13n30_140._error_13n30_158{border-color:var(--color-danger)}._codeArea_13n30_140::placeholder{color:var(--color-text-muted)}._copyButton_13n30_166{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}._copyButton_13n30_166:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:none;transform:none}._errorMessage_13n30_191{color:var(--color-danger);font-size:var(--font-size-xs);margin:var(--space-sm) 0 0}._importButton_13n30_197{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-accent);border:none;border-radius:var(--border-radius);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}._importButton_13n30_197:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-accent)}._importButton_13n30_197:disabled{opacity:.5;cursor:not-allowed}._exportSection_13n30_225,._importSection_13n30_226{display:flex;flex-direction:column}@media(max-width:480px){._backdrop_13n30_1{padding:var(--space-sm)}._modal_13n30_12{max-height:95vh}._content_13n30_104{padding:var(--space-md)}._projectInfo_13n30_116{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}._app_1b18u_1{min-height:100vh;display:flex;flex-direction:column;background:transparent;position:relative}._app_1b18u_1:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at top left,rgba(255,107,53,.03) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(26,26,26,.02) 0%,transparent 50%);z-index:-1}._main_1b18u_25{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);max-width:1400px;margin:0 auto;width:100%;flex:1}._fretboardSection_1b18u_37{display:flex;flex-direction:column;gap:var(--space-md);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);align-items:center}._fretboardHeader_1b18u_49{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%}._fretboardHeaderLeft_1b18u_57{display:flex;align-items:center;gap:var(--space-lg)}._sectionTitle_1b18u_63{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0}._fretboardActions_1b18u_72{display:flex;align-items:center;gap:var(--space-sm)}._clearButton_1b18u_78{font-size:var(--font-size-xxs);padding:2px var(--space-sm);background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-muted)}._clearButton_1b18u_78:hover{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text);box-shadow:none;transform:none}._pianoToggle_1b18u_95{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xxs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border-light);color:var(--color-text-muted)}._pianoToggle_1b18u_95:hover{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text);box-shadow:none;transform:none}._pianoToggle_1b18u_95._active_1b18u_114{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}._pianoToggle_1b18u_95._active_1b18u_114:hover{background:var(--color-accent);color:#fff}._pianoWrapper_1b18u_126{padding-top:var(--space-md);border-top:1px solid var(--color-border-light);margin-top:var(--space-sm);width:100%;display:flex;justify-content:center}._chordRow_1b18u_136{display:grid;grid-template-columns:3fr 1fr;gap:var(--space-lg);align-items:stretch}._chordDisplayWrapper_1b18u_143{min-width:0;display:flex}._chordDisplayWrapper_1b18u_143>*{flex:1}._transposeWrapper_1b18u_152{min-width:0;display:flex}._transposeWrapper_1b18u_152>*{flex:1}._sectionRow_1b18u_162{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}._sectionListWrapper_1b18u_169,._chordListWrapper_1b18u_173{min-width:0}._footer_1b18u_178{padding:var(--space-sm) var(--space-lg);text-align:center;border-top:1px solid var(--color-border-light);background:var(--color-bg-elevated)}._footer_1b18u_178 p{font-size:var(--font-size-xxs);color:var(--color-text-subtle);margin:0}@media(max-width:1024px){._main_1b18u_25{padding:var(--space-md);gap:var(--space-md)}._chordRow_1b18u_136,._sectionRow_1b18u_162{grid-template-columns:1fr;gap:var(--space-md)}}@media(max-width:768px){._main_1b18u_25{padding:var(--space-sm);gap:var(--space-md)}._fretboardSection_1b18u_37{padding:var(--space-sm)}._fretboardHeader_1b18u_49{flex-wrap:wrap;gap:var(--space-sm)}._fretboardActions_1b18u_72{flex-wrap:wrap}}