:root{--color-chassis: #1a1a1a;--color-chassis-dark: #0d0d0d;--color-chassis-light: #2a2a2a;--color-surface: #242424;--color-surface-elevated: #2e2e2e;--color-accent-green: #00ff88;--color-accent-green-dim: #00cc6a;--color-accent-pink: #ff3366;--color-accent-pink-dim: #cc2952;--color-accent-blue: #3366ff;--color-accent-blue-dim: #2952cc;--color-accent-yellow: #ffcc00;--color-accent-yellow-dim: #cc9900;--color-accent-orange: #ff6633;--color-lcd-bg: #1a2b1a;--color-lcd-text: #00ff88;--color-lcd-text-dim: #004422;--color-text-primary: #e0e0e0;--color-text-secondary: #888888;--color-text-muted: #555555;--color-border: #333333;--color-border-active: #444444;--shadow-button: 0 4px 0 #0d0d0d;--shadow-button-active: 0 1px 0 #0d0d0d;--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .5);--shadow-glow-green: 0 0 20px rgba(0, 255, 136, .3);--shadow-glow-pink: 0 0 20px rgba(255, 51, 102, .3);--shadow-glow-blue: 0 0 20px rgba(51, 102, 255, .3);--font-display: "JetBrains Mono", monospace;--font-body: "Space Grotesk", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-lcd: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-button: 4px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--pad-size: 80px;--pad-size-sm: 60px;--knob-size: 48px;--button-height: 36px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-chassis-dark);color:var(--color-text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--color-accent-green);outline-offset:2px}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select{font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-chassis)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-active)}::selection{background:var(--color-accent-green);color:var(--color-chassis)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-select{user-select:none;-webkit-user-select:none}.texture-overlay{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}._shell_cefde_1{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--color-chassis-dark);background-image:radial-gradient(circle at 50% 0%,rgba(0,255,136,.03) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(255,51,102,.02) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(51,102,255,.02) 0%,transparent 40%)}._device_cefde_15{width:100%;max-width:800px;background-color:var(--color-chassis);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--color-border),0 20px 40px #00000080,inset 0 1px #ffffff0d;overflow:hidden;position:relative}._device_cefde_15:before,._device_cefde_15:after{content:"";position:absolute;width:8px;height:8px;background-color:var(--color-chassis-dark);border-radius:50%;box-shadow:inset 0 1px 2px #00000080}._device_cefde_15:before{top:12px;left:12px}._device_cefde_15:after{top:12px;right:12px}._content_cefde_50{padding:var(--space-6);padding-top:var(--space-8)}._screwBottomLeft_cefde_56,._screwBottomRight_cefde_57{position:absolute;width:8px;height:8px;background-color:var(--color-chassis-dark);border-radius:50%;box-shadow:inset 0 1px 2px #00000080;bottom:12px}._screwBottomLeft_cefde_56{left:12px}._screwBottomRight_cefde_57{right:12px}._brand_cefde_76{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase}@media (max-width: 640px){._shell_cefde_1{padding:var(--space-2)}._device_cefde_15{border-radius:0;min-height:100vh}._content_cefde_50{padding:var(--space-4);padding-top:var(--space-6)}}._display_1s9c6_1{background-color:var(--color-lcd-bg);border:2px solid var(--color-chassis-light);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-inset);min-width:280px}._content_1s9c6_10{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}._section_1s9c6_17{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}._label_1s9c6_24{font-family:var(--font-display);font-size:10px;color:var(--color-lcd-text-dim);text-transform:uppercase;letter-spacing:.1em}._value_1s9c6_32{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-lcd-text);text-shadow:0 0 8px var(--color-accent-green);letter-spacing:.05em}._valueLarge_1s9c6_41{font-size:var(--font-size-2xl)}._divider_1s9c6_45{width:1px;height:40px;background-color:var(--color-lcd-text-dim)}._recording_1s9c6_52{display:flex;align-items:center;gap:var(--space-2)}._recordDot_1s9c6_58{width:8px;height:8px;background-color:var(--color-accent-pink);border-radius:50%;animation:_pulse_1s9c6_1 1s ease-in-out infinite}@keyframes _pulse_1s9c6_1{0%,to{opacity:1}50%{opacity:.3}}._recordLabel_1s9c6_75{font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-accent-pink);text-transform:uppercase;letter-spacing:.1em}._octaveIndicator_1s9c6_84{display:flex;gap:2px}._octaveDot_1s9c6_89{width:4px;height:4px;background-color:var(--color-lcd-text-dim);border-radius:50%}._octaveDot_1s9c6_89._active_1s9c6_96{background-color:var(--color-lcd-text)}@media (max-width: 640px){._display_1s9c6_1{min-width:auto;padding:var(--space-3) var(--space-4)}._value_1s9c6_32{font-size:var(--font-size-lg)}._valueLarge_1s9c6_41{font-size:var(--font-size-xl)}}._pad_jh9ol_1{width:var(--pad-size);height:var(--pad-size);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-button);position:relative;-webkit-user-select:none;user-select:none}._pad_jh9ol_1:hover{background-color:var(--color-surface-elevated);border-color:var(--color-border-active)}._pad_jh9ol_1:active,._pad_jh9ol_1._active_jh9ol_25{box-shadow:var(--shadow-button-active);transform:translateY(3px);background-color:var(--color-accent-pink);border-color:var(--color-accent-pink)}._pad_jh9ol_1._active_jh9ol_25{box-shadow:var(--shadow-glow-pink)}._degree_jh9ol_36{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);line-height:1}._pad_jh9ol_1._active_jh9ol_25 ._degree_jh9ol_36{color:#fff}._chordName_jh9ol_48{font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}._pad_jh9ol_1._active_jh9ol_25 ._chordName_jh9ol_48{color:#fffc}._keyHint_jh9ol_60{position:absolute;top:var(--space-1);right:var(--space-1);font-family:var(--font-display);font-size:10px;color:var(--color-text-muted);background-color:var(--color-chassis);padding:2px 4px;border-radius:var(--radius-sm)}@media (max-width: 640px){._pad_jh9ol_1{width:var(--pad-size-sm);height:var(--pad-size-sm)}._degree_jh9ol_36{font-size:var(--font-size-xl)}._chordName_jh9ol_48{font-size:10px}}._grid_1kenn_1{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}@media (max-width: 640px){._grid_1kenn_1{gap:var(--space-1)}}._container_1af4j_1{display:flex;gap:var(--space-2);justify-content:center}._pad_1af4j_7{width:var(--pad-size);height:56px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-button);position:relative;-webkit-user-select:none;user-select:none}._pad_1af4j_7:hover{background-color:var(--color-surface-elevated);border-color:var(--color-border-active)}._pad_1af4j_7:active,._pad_1af4j_7._active_1af4j_31{box-shadow:var(--shadow-button-active);transform:translateY(3px)}._kick_1af4j_37:active,._kick_1af4j_37._active_1af4j_31{background-color:var(--color-accent-blue);border-color:var(--color-accent-blue);box-shadow:var(--shadow-glow-blue)}._snare_1af4j_44:active,._snare_1af4j_44._active_1af4j_31{background-color:var(--color-accent-orange);border-color:var(--color-accent-orange)}._hihat_1af4j_50:active,._hihat_1af4j_50._active_1af4j_31{background-color:var(--color-accent-yellow);border-color:var(--color-accent-yellow)}._label_1af4j_56{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}._pad_1af4j_7._active_1af4j_31 ._label_1af4j_56{color:var(--color-chassis)}._keyHint_1af4j_69{position:absolute;top:var(--space-1);right:var(--space-1);font-family:var(--font-display);font-size:10px;color:var(--color-text-muted);background-color:var(--color-chassis);padding:2px 4px;border-radius:var(--radius-sm);text-transform:uppercase}@media (max-width: 640px){._pad_1af4j_7{width:var(--pad-size-sm);height:48px}._label_1af4j_56{font-size:var(--font-size-xs)}}._controls_shk4s_1{display:flex;align-items:center;gap:var(--space-3)}._button_shk4s_7{width:44px;height:44px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-button)}._button_shk4s_7:hover{background-color:var(--color-surface-elevated);border-color:var(--color-border-active)}._button_shk4s_7:active{box-shadow:var(--shadow-button-active);transform:translateY(3px)}._button_shk4s_7 svg{width:20px;height:20px;fill:var(--color-text-secondary);transition:fill var(--transition-fast)}._button_shk4s_7:hover svg{fill:var(--color-text-primary)}._playButton_shk4s_43._playing_shk4s_43{background-color:var(--color-accent-green);border-color:var(--color-accent-green)}._playButton_shk4s_43._playing_shk4s_43 svg{fill:var(--color-chassis)}._recordButton_shk4s_53._recording_shk4s_53{background-color:var(--color-accent-pink);border-color:var(--color-accent-pink);animation:_recordPulse_shk4s_1 1s ease-in-out infinite}._recordButton_shk4s_53._recording_shk4s_53 svg{fill:#fff}@keyframes _recordPulse_shk4s_1{0%,to{box-shadow:var(--shadow-button),0 0 #f366}50%{box-shadow:var(--shadow-button),0 0 0 8px #f360}}._stopButton_shk4s_73:hover{background-color:var(--color-accent-pink-dim)}._clearButton_shk4s_78{background-color:transparent;border:none;box-shadow:none;width:auto;padding:var(--space-2)}._clearButton_shk4s_78:hover{background-color:var(--color-surface)}._clearButton_shk4s_78:active{transform:none;box-shadow:none}._clearText_shk4s_95{font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}._clearButton_shk4s_78:hover ._clearText_shk4s_95{color:var(--color-accent-pink)}@media (max-width: 640px){._button_shk4s_7{width:40px;height:40px}._button_shk4s_7 svg{width:18px;height:18px}}._selector_1ybn4_1{display:flex;gap:var(--space-1)}._option_1ybn4_6{padding:var(--space-1) var(--space-2);font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}._option_1ybn4_6:hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}._option_1ybn4_6._active_1ybn4_25{background-color:var(--color-accent-green);border-color:var(--color-accent-green);color:var(--color-chassis)}@media (max-width: 640px){._option_1ybn4_6{padding:var(--space-1);font-size:10px}}._select_3sd05_1{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;min-width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888888' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:var(--space-6)}._select_3sd05_1:hover{background-color:var(--color-surface-elevated);border-color:var(--color-border-active)}._select_3sd05_1:focus{outline:none;border-color:var(--color-accent-green)}._select_3sd05_1 option{background-color:var(--color-surface);color:var(--color-text-primary)}._bpmControl_3sd05_34{display:flex;align-items:center;gap:var(--space-1)}._bpmButton_3sd05_40{width:28px;height:28px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);line-height:1}._bpmButton_3sd05_40:hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}._bpmButton_3sd05_40:active{transform:scale(.95)}._bpmValue_3sd05_67{font-family:var(--font-display);font-size:var(--font-size-base);color:var(--color-text-primary);min-width:40px;text-align:center}@media (max-width: 640px){._select_3sd05_1{min-width:60px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}._bpmButton_3sd05_40{width:24px;height:24px;font-size:var(--font-size-base)}._bpmValue_3sd05_67{font-size:var(--font-size-sm)}}._overlay_16sjp_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._content_16sjp_12{text-align:center;max-width:400px;padding:var(--space-8)}._title_16sjp_18{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-accent-green);margin-bottom:var(--space-4);letter-spacing:.05em;text-shadow:0 0 20px var(--color-accent-green)}._subtitle_16sjp_28{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.6}._startButton_16sjp_36{background-color:var(--color-accent-green);color:var(--color-chassis);border:none;border-radius:var(--radius-md);padding:var(--space-4) var(--space-8);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 0 var(--color-accent-green-dim),var(--shadow-glow-green);text-transform:uppercase;letter-spacing:.1em}._startButton_16sjp_36:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--color-accent-green-dim),0 0 30px #00ff8880}._startButton_16sjp_36:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-accent-green-dim),var(--shadow-glow-green)}._hint_16sjp_62{margin-top:var(--space-6);font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 640px){._content_16sjp_12{padding:var(--space-6)}._title_16sjp_18{font-size:var(--font-size-2xl)}._subtitle_16sjp_28{font-size:var(--font-size-sm)}}._overlay_mna7n_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._content_mna7n_12{background-color:var(--color-chassis);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:90%;box-shadow:0 20px 40px #00000080}._header_mna7n_22{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}._title_mna7n_29{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);letter-spacing:.05em}._closeButton_mna7n_37{width:32px;height:32px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}._closeButton_mna7n_37:hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}._shortcuts_mna7n_57{display:flex;flex-direction:column;gap:var(--space-3)}._shortcut_mna7n_57{display:flex;align-items:center;gap:var(--space-4)}._key_mna7n_69{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-green);background-color:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);min-width:60px;text-align:center}._description_mna7n_82{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._footer_mna7n_88{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);text-align:center}._footerText_mna7n_95{font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 640px){._content_mna7n_12{padding:var(--space-4)}._shortcuts_mna7n_57{gap:var(--space-2)}._key_mna7n_69{font-size:var(--font-size-xs);min-width:50px}._description_mna7n_82{font-size:var(--font-size-xs)}}._screen_1o2bu_1{display:flex;flex-direction:column;gap:var(--space-6);position:relative}._displaySection_1o2bu_9{display:flex;justify-content:center}._controlsSection_1o2bu_15{padding:0 var(--space-2)}._settingsRow_1o2bu_19{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}._settingGroup_1o2bu_26{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}._label_1o2bu_33{font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}._padsSection_1o2bu_42{padding:var(--space-4) 0}._padsContainer_1o2bu_46{display:flex;flex-direction:column;gap:var(--space-6)}._synthSection_1o2bu_52,._drumSection_1o2bu_53{display:flex;flex-direction:column;gap:var(--space-3)}._sectionHeader_1o2bu_59{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2)}._sectionTitle_1o2bu_66{font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}._transportSection_1o2bu_75{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}._helpButton_1o2bu_84{width:32px;height:32px;border-radius:50%;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}._helpButton_1o2bu_84:hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}@media (max-width: 640px){._settingsRow_1o2bu_19,._padsContainer_1o2bu_46{gap:var(--space-4)}}