._container_56jv2_3{width:100%;background-color:#1a1a2e;border:1px solid #333;border-radius:8px;color:#e0e0e0}._modeButtons_56jv2_12{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center;flex-wrap:wrap}._modeLabel_56jv2_20{font-size:.8125rem;font-weight:600;color:#a0a0b0;margin-right:.125rem;white-space:nowrap}._modeButton_56jv2_12{padding:.375rem 1rem;font-size:.75rem;font-weight:600;border-radius:1.5rem;transition:all .15s;cursor:pointer}._modeButtonActive_56jv2_37{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:1px solid transparent;box-shadow:0 1px 4px #6366f140}._modeButtonInactive_56jv2_44{background-color:#2a2a3e;border:1px solid #444;color:#c0c0d0}._modeButtonInactive_56jv2_44:hover{border-color:#6366f1;background-color:#333350}._innerContent_56jv2_56{padding:.75rem}._stepMode_56jv2_61{display:flex;flex-direction:column;gap:.625rem}._transposeRow_56jv2_67{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}._label_56jv2_74{font-size:.8125rem;font-weight:600;color:#a0a0b0}._labelSmall_56jv2_80{font-size:.75rem;font-weight:500;color:#a0a0b0}._transposeButton_56jv2_86{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:1rem;font-weight:600;border-radius:50%;color:#e0e0e0;background-color:#2a2a3e;border:1.5px solid #555;transition:all .15s;cursor:pointer}._transposeButton_56jv2_86:hover{border-color:#6366f1;background-color:#333350;color:#a5b4fc}._transposeValue_56jv2_108{min-width:3.5rem;text-align:center;font-family:SF Mono,Consolas,Menlo,Monaco,monospace;font-size:.875rem;font-weight:700;color:#a5b4fc;background-color:#1e1e3a;border:1px solid #444;border-radius:.5rem;padding:.25rem .75rem}._resetButton_56jv2_121{margin-left:.25rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;border-radius:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transition:all .15s;box-shadow:0 1px 4px #6366f140;cursor:pointer}._resetButton_56jv2_121:hover{opacity:.9}._optionRow_56jv2_139{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}._optionButton_56jv2_146{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:1.5rem;transition:all .15s;cursor:pointer}._optionButtonActive_56jv2_155{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:1px solid transparent}._optionButtonInactive_56jv2_161{background-color:#2a2a3e;border:1px solid #444;color:#c0c0d0}._optionButtonInactive_56jv2_161:hover{border-color:#6366f1;background-color:#333350}._keyDisplay_56jv2_172{margin-left:.5rem;font-size:.875rem;font-family:SF Mono,Consolas,Menlo,Monaco,monospace}._keyDisplayLabel_56jv2_178{color:#a0a0b0}._keyDisplayValue_56jv2_182{margin-left:.25rem;color:#a5b4fc;font-weight:600}._keyMode_56jv2_189{display:flex;flex-direction:column;gap:.625rem}._keyModeRow_56jv2_195{display:flex;align-items:center;gap:.5rem;font-size:.875rem;flex-wrap:wrap}._keyModeLabel_56jv2_203{color:#a0a0b0}._keyModeOriginal_56jv2_206{color:#e0e0e0;font-weight:600;font-family:monospace}._keyModeSeparator_56jv2_211{color:#666}._keyModeTransposed_56jv2_214{color:#a5b4fc;font-weight:600;font-family:monospace}._keyModeOffset_56jv2_220{color:#a5b4fc;font-size:.75rem;background-color:#1e1e3a;padding:.125rem .5rem;border-radius:1rem}._keyModeReset_56jv2_228{margin-left:auto;padding:.375rem .875rem;font-size:.75rem;font-weight:600;border-radius:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer}._keyGrid_56jv2_240{overflow-x:auto}._keyGridInner_56jv2_244{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.1875rem}._keyButton_56jv2_250{padding:.375rem;font-size:.75rem;font-weight:600;border-radius:.375rem;transition:all .15s;text-align:center;cursor:pointer}._keyButtonActive_56jv2_260{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:1px solid transparent}._keyButtonInactive_56jv2_266{background-color:#2a2a3e;border:1px solid #444;color:#c0c0d0}._keyButtonInactive_56jv2_266:hover{border-color:#6366f1;background-color:#333350}._keyGridLegend_56jv2_277{display:flex;gap:1rem;font-size:.6875rem;color:#888;margin-top:.375rem}._simplifyButtons_56jv2_286{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.25rem}._simplifyButton_56jv2_286{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:1.5rem;transition:all .15s;cursor:pointer}._simplifyButtonActive_56jv2_302{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:1px solid transparent}._simplifyButtonInactive_56jv2_308{background-color:#2a2a3e;border:1px solid #444;color:#c0c0d0}._simplifyButtonInactive_56jv2_308:hover{border-color:#6366f1;background-color:#333350}._demoSection_56jv2_320{margin-top:1rem;padding:.75rem;background-color:#1e1e3a;border-radius:.5rem;border:1px solid #333}._demoTitle_56jv2_328{font-size:.8125rem;font-weight:600;color:#a0a0b0;margin-bottom:.5rem}._demoChord_56jv2_335{display:inline-block;padding:.25rem .5rem;margin:.125rem;background-color:#2a2a3e;border:1px solid #444;border-radius:.25rem;font-family:monospace;font-size:.8125rem;color:#e0e0e0}._demoChordTransposed_56jv2_347{color:#a5b4fc;border-color:#6366f1}._demoPair_56jv2_352{display:inline-flex;flex-direction:column;align-items:center;gap:2px}