@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{font-family:JetBrains Mono,Fira Code,Source Code Pro,Consolas,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:#000}body{margin:0;padding:0;min-width:320px;min-height:100vh;height:100vh;overflow:hidden;position:fixed;width:100%;background-color:#0a0a0a;overscroll-behavior:none;-webkit-overflow-scrolling:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{width:100vw;height:100vh;overflow:hidden;position:relative;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))}*{box-sizing:border-box}html,body,#root{touch-action:none;-ms-touch-action:none}@supports (-webkit-touch-callout: none){html,body{position:fixed;overflow:hidden;height:100%;width:100%}body{overscroll-behavior-y:contain}}._textInputSection_ue9sa_1{position:relative;width:100%;height:100vh;overflow:auto}._textInput_ue9sa_1{position:absolute;top:-1px;left:0;width:100%;background:transparent;color:transparent;border:none;outline:none;resize:none;font-size:16px;font-family:JetBrains Mono,Fira Code,Source Code Pro,Consolas,monospace;line-height:1.5;padding:15px;z-index:2;caret-color:#fff;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;-webkit-appearance:none;appearance:none}._textOverlay_ue9sa_36{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;font-size:16px;font-family:JetBrains Mono,Fira Code,Source Code Pro,Consolas,monospace;line-height:1.5;padding:15px;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;z-index:1}._textInput_ue9sa_1::selection{background-color:#00ff8859;color:#fff}@supports (-webkit-touch-callout: none){._textInput_ue9sa_1{-webkit-touch-callout:none;-webkit-user-select:text;user-select:text;-webkit-appearance:textfield;appearance:textfield}._textInput_ue9sa_1::-webkit-input-placeholder{color:transparent}._textInput_ue9sa_1::-webkit-outer-spin-button,._textInput_ue9sa_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}._pre_12acv_1{margin:0;padding:0;font-family:JetBrains Mono,Fira Code,Source Code Pro,Consolas,monospace;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}._syntaxHighlightedKeyword_12acv_12{color:#0f8}._syntaxHighlightedValue_12acv_16{color:#fff;border-bottom:1.5px solid #00ff88}._syntaxHighlightedNote_12acv_21{color:#ff8c7a}._syntaxPlayingNote_12acv_25{color:#fff;background:#ff4e32;box-shadow:0 0 8px #ff4e3299;padding:2px 4px;margin:-2px -4px;border-radius:3px;font-weight:700;animation:_pulse_12acv_1 .5s ease-in-out infinite alternate}._syntaxPlayingNote_12acv_25._syntaxRestNote_12acv_36{background:#7c7c7c}._syntaxHighlightedNote_12acv_21._syntaxRestNote_12acv_36{color:#7c7c7c}@keyframes _pulse_12acv_1{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}._syntaxComment_12acv_55{color:#777;font-style:italic}._syntaxAutocomplete_12acv_60{color:#555;font-style:italic;opacity:.6}._tunerContainer_178no_1{background:transparent;border:none;border-radius:0;padding:0;margin:0;width:100%}._tunerHeader_178no_10{display:flex;gap:12px;margin-bottom:16px;align-items:center}._elementType_178no_17{color:#0f8;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}._elementName_178no_25{color:#fff;font-size:14px;border-bottom:1.5px solid #00ff88}._parametersGrid_178no_31{display:flex;flex-wrap:wrap;gap:16px}._parameterControl_178no_37{display:flex;flex-direction:column;align-items:center;gap:8px}._paramLabel_178no_44{color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.5px}._knob_178no_51{width:60px;height:60px;border-radius:50%;border:2px solid #444;display:flex;align-items:center;justify-content:center;cursor:ns-resize;-webkit-user-select:none;user-select:none;transition:all .2s ease;position:relative}._knob_178no_51:hover{border-color:#0f8;box-shadow:0 0 10px #00ff884d}._knob_178no_51._dragging_178no_70{border-color:#0f8;box-shadow:0 0 15px #00ff8880}._knob_178no_51:after{content:"";position:absolute;inset:6px;border-radius:50%;background:conic-gradient(from -135deg at 50% 50%,transparent 0deg,rgba(0,255,136,.4) 0deg,rgba(0,255,136,.2) calc(var(--knob-rotation, 0deg) + 135deg),transparent calc(var(--knob-rotation, 0deg) + 135deg));opacity:.8;transition:opacity .1s ease-out;pointer-events:none}._knob_178no_51:before{content:"";position:absolute;top:0;left:50%;width:3px;height:13px;background:#0f8;border-radius:2px;transform-origin:center calc(50% + 22px);transform:translate(-50%) rotate(var(--knob-rotation, 0deg));transition:transform .1s ease-out;z-index:2}._knobValue_178no_107{color:#fff;font-size:11px;font-weight:600;font-family:JetBrains Mono,Fira Code,Source Code Pro,Consolas,monospace;position:relative;z-index:3}._paramSelect_178no_117{background:#1a1a1a;color:#fff;border:1px solid #444;border-radius:4px;padding:6px 10px;font-size:12px;font-family:JetBrains Mono,Fira Code,Source Code Pro,Consolas,monospace;cursor:pointer;transition:all .2s ease}._paramSelect_178no_117:hover{border-color:#0f8}._paramSelect_178no_117:focus{outline:none;border-color:#0f8;box-shadow:0 0 5px #00ff884d}._projectMap_1feke_1{width:100%;height:400px;background:radial-gradient(circle at center,#1a1a2e,#0f0f1e);border-radius:8px;position:relative;overflow:hidden}._canvas_1feke_10{width:100%;height:100%;cursor:pointer}._emptyState_1feke_16{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-style:italic}._legend_1feke_25{position:absolute;bottom:10px;right:10px;display:flex;gap:12px;background:#000000b3;padding:8px 12px;border-radius:4px;font-size:11px}._legendItem_1feke_37{display:flex;align-items:center;gap:4px;color:#ccc}._legendColor_1feke_44{width:10px;height:10px;border-radius:50%}._pianoRollContainer_1je1i_1{width:100%;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}._header_1je1i_9{padding:12px 16px;border-bottom:1px solid rgba(80,80,90,.5);display:flex;justify-content:space-between;align-items:center;gap:12px}._patternName_1je1i_18{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:#0f8}._patternInfo_1je1i_25{font-family:JetBrains Mono,monospace;font-size:11px;color:#c8c8d2b3;flex:1}._playButton_1je1i_32{padding:6px 12px;background:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:#0a0a0f;cursor:pointer;transition:all .2s ease;white-space:nowrap}._playButton_1je1i_32:hover{background:linear-gradient(135deg,#0fa,#0d7);transform:scale(1.05);box-shadow:0 0 15px #0f86}._playButton_1je1i_32:active{transform:scale(.98)}._scrollContainer_1je1i_56{overflow:auto;max-height:290px;background:#0a0a0fe6;border-bottom:1px solid rgba(80,80,90,.5);scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative}._rowMarker_1je1i_66{position:absolute;width:100%;height:20px;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}._canvas_1je1i_75{display:block;width:1040px;height:1200px;cursor:crosshair}._instructions_1je1i_82{padding:8px 16px;background:#14141ee6;border-top:1px solid rgba(80,80,90,.5);font-family:JetBrains Mono,monospace;font-size:10px;color:#b4b4beb3;text-align:center}._playlist_8hpxh_1{display:flex;flex-direction:column;height:100%;background:#1a1a2e;border-radius:8px;overflow:hidden}._header_8hpxh_10{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#2a2a3e,#1f1f2e);border-bottom:1px solid #333}._header_8hpxh_10 h3{margin:0;font-size:18px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}._controls_8hpxh_29{display:flex;gap:8px}._playButton_8hpxh_34{padding:8px 16px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6366f14d}._playButton_8hpxh_34:hover{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}._playButton_8hpxh_34:active{transform:translateY(0)}._addButton_8hpxh_57{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}._addButton_8hpxh_57:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px)}._content_8hpxh_74{display:flex;flex:1;overflow:hidden}._stepList_8hpxh_80{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#16162a}._step_8hpxh_80{background:linear-gradient(135deg,#252540,#1f1f35);border:2px solid #333;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}._step_8hpxh_80:hover{border-color:#4f46e5;background:linear-gradient(135deg,#2a2a45,#24243a)}._step_8hpxh_80._selected_8hpxh_104{border-color:#6366f1;background:linear-gradient(135deg,#2f2f50,#28284a);box-shadow:0 0 0 2px #6366f133}._stepHeader_8hpxh_110{display:flex;align-items:center;gap:12px;margin-bottom:8px}._stepNumber_8hpxh_117{font-size:14px;font-weight:700;color:#6366f1;background:#6366f11a;padding:4px 10px;border-radius:4px;min-width:40px;text-align:center}._stepMode_8hpxh_128{font-size:13px;color:#a0a0c0;font-weight:500;flex:1}._stepActions_8hpxh_135{display:flex;gap:4px}._iconButton_8hpxh_140{width:28px;height:28px;padding:0;background:#ffffff0d;border:1px solid #444;border-radius:4px;color:#ccc;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}._iconButton_8hpxh_140:hover:not(:disabled){background:#6366f133;border-color:#6366f1;color:#fff}._iconButton_8hpxh_140:disabled{opacity:.3;cursor:not-allowed}._stepPatterns_8hpxh_167{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}._emptyPatterns_8hpxh_174{font-size:12px;color:#666;font-style:italic}._patternChip_8hpxh_180{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#6366f133;border:1px solid #6366f1;border-radius:4px;font-size:12px;color:#fff}._patternChip_8hpxh_180 span{font-weight:500}._removeChip_8hpxh_196{width:16px;height:16px;padding:0;background:#ef44444d;border:1px solid #ef4444;border-radius:3px;color:#fff;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}._removeChip_8hpxh_196:hover{background:#ef4444}._patternSelector_8hpxh_216{width:300px;background:#1f1f35;border-left:1px solid #333;display:flex;flex-direction:column;padding:16px;overflow:hidden}._patternSelector_8hpxh_216 h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#fff}._availablePatterns_8hpxh_233{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}._patternOption_8hpxh_241{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;background:linear-gradient(135deg,#252540,#1f1f35);border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;text-align:left;transition:all .2s}._patternOption_8hpxh_241:hover:not(:disabled){background:linear-gradient(135deg,#2a2a45,#24243a);border-color:#6366f1;transform:translate(2px)}._patternOption_8hpxh_241._added_8hpxh_262{background:#22c55e1a;border-color:#22c55e;cursor:default;opacity:.6}._patternOption_8hpxh_241:disabled{cursor:not-allowed}._patternName_8hpxh_273{font-size:14px;font-weight:600;color:#fff}._patternInfo_8hpxh_279{font-size:11px;color:#999;font-weight:400}._footer_8hpxh_285{padding:12px 20px;background:#16162a;border-top:1px solid #333}._legend_8hpxh_291{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#888}._legend_8hpxh_291 span{display:flex;align-items:center;gap:4px}._emptyState_8hpxh_305{display:flex;align-items:center;justify-content:center;padding:32px;color:#666;font-style:italic;font-size:14px;text-align:center}._stepList_8hpxh_80::-webkit-scrollbar,._availablePatterns_8hpxh_233::-webkit-scrollbar{width:8px}._stepList_8hpxh_80::-webkit-scrollbar-track,._availablePatterns_8hpxh_233::-webkit-scrollbar-track{background:#0003;border-radius:4px}._stepList_8hpxh_80::-webkit-scrollbar-thumb,._availablePatterns_8hpxh_233::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}._stepList_8hpxh_80::-webkit-scrollbar-thumb:hover,._availablePatterns_8hpxh_233::-webkit-scrollbar-thumb:hover{background:#6366f180}._appContainer_kvvhi_1{background:#0a0a0a;color:#fff;display:flex;flex-direction:row;height:100vh;overflow:hidden}._mainContent_kvvhi_10{flex:1;display:flex;flex-direction:column;overflow:hidden}._rightSidebar_kvvhi_17{width:500px;background:#0a0a0af2;border-left:1px solid #00ff88;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:100}._rightSidebar_kvvhi_17::-webkit-scrollbar{width:8px}._rightSidebar_kvvhi_17::-webkit-scrollbar-track{background:#0000004d}._rightSidebar_kvvhi_17::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}._rightSidebar_kvvhi_17::-webkit-scrollbar-thumb:hover{background:#00cc6a}._module_kvvhi_45{border-bottom:1px solid rgba(0,255,136,.2)}._module_kvvhi_45:last-child{border-bottom:none}._moduleHeader_kvvhi_53{color:#0f8;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding:20px;position:sticky;top:0;background:linear-gradient(to bottom,#000,#0000);z-index:10}._tunerContainer_kvvhi_71{padding:20px}._controlsSection_kvvhi_75{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:16px}._visualizerSection_kvvhi_84{width:100%;-webkit-user-select:none;user-select:none;position:relative;z-index:1}._waveformSection_kvvhi_91{position:fixed;width:100%;bottom:0;z-index:100;background:linear-gradient(to top,#0a0a0a,#0a0a0acc 90%,#0a0a0a00)}._lowerSection_kvvhi_104{display:flex;flex-direction:row;position:fixed;width:100%;bottom:0;z-index:100;background:linear-gradient(to top,#0a0a0a,rgba(10,10,10,.98) 20%,rgba(10,10,10,.95) 40%,rgba(10,10,10,.9) 60%,rgba(10,10,10,.7) 80%,transparent)}._controls_kvvhi_75{padding:15px;display:flex}._playButton_kvvhi_127{background:linear-gradient(135deg,#0f8,#00cc6a);border:none;border-radius:50px;color:#000;font-family:JetBrains Mono,Fira Code,Source Code Pro,Consolas,monospace;font-size:16px;font-weight:600;padding:12px 24px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ff884d;min-width:100px}._playButton_kvvhi_127:hover{background:linear-gradient(135deg,#00cc6a,#0a5);box-shadow:0 6px 20px #0f86;transform:translateY(-2px)}._playButton_kvvhi_127._playing_kvvhi_149{background:linear-gradient(135deg,#f44,#c22);box-shadow:0 4px 15px #ff44444d}._playButton_kvvhi_127._playing_kvvhi_149:hover{background:linear-gradient(135deg,#c22,#a11);box-shadow:0 6px 20px #f446}._waveformCanvas_kvvhi_159{width:100%;height:300px;background:#111}._loadButton_kvvhi_165,._saveButton_kvvhi_166,._newButton_kvvhi_167{color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:.5rem 1rem;margin-left:10px;background:transparent;display:inline-block;text-decoration:none}._loadButton_kvvhi_165:hover,._saveButton_kvvhi_166:hover,._newButton_kvvhi_167:hover{color:#0f8}._loadButton_kvvhi_165:active,._saveButton_kvvhi_166:active,._newButton_kvvhi_167:active{color:#00cc6a;transform:translateY(1px)}._filenameInput_kvvhi_194{background:transparent;border:none;border-radius:4px;color:#fff;font-family:inherit;font-size:14px;flex:1;padding:15px;width:100%}._filenameInput_kvvhi_194:focus{outline:none}._currentFileSection_kvvhi_210{display:flex;align-items:center;padding:15px 15px 0 0}._currentFileSection_kvvhi_210 button{min-width:90px}._currentFileSection_kvvhi_210 *{opacity:.5}._currentFileSection_kvvhi_210 *:hover,._currentFileSection_kvvhi_210 *:focus{opacity:1}._instrumentSelectorSection_kvvhi_231{display:flex;align-items:center;position:relative;z-index:10}._instrumentSelector_kvvhi_231{background:transparent;border:transparent;outline:transparent;font-family:inherit;cursor:pointer;color:#0f8}._instrumentSelectorLabel_kvvhi_247{font-size:13px}._playPatternButton_kvvhi_251{border:none;border-radius:4px;color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;padding:10px}._playPatternButton_kvvhi_251:hover{color:#0f8}._pianoKeys_qb0nj_1{display:flex;flex-direction:column;align-items:center;user-select:none;margin:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}._octaveControls_qb0nj_14{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-family:JetBrains Mono,Fira Code,Source Code Pro,Consolas,monospace}._octaveControls_qb0nj_14 button{padding:6px 12px;background:#28ba75;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:all .1s ease}._octaveControls_qb0nj_14 button:active,._octaveControls_qb0nj_14 button._pressed_qb0nj_37{transform:translateY(1px);box-shadow:0 1px 3px #0006;filter:brightness(.8)}._octaveControls_qb0nj_14 button:hover:not(:disabled):not(:active){background:#1a8a56;transform:translateY(-1px)}._octaveControls_qb0nj_14 button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}._octaveDisplay_qb0nj_54{font-size:12px;font-weight:600;color:#177e4d;min-width:80px;text-align:center}._pianoKeysRow_qb0nj_62{display:flex;flex-direction:row;justify-content:center}._key_qb0nj_68{width:40px;height:50px;margin:1px;background:#beffe0;border-radius:5px;box-shadow:0 2px 5px #0003;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,Fira Code,Source Code Pro,Consolas,monospace;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:all .1s ease;font-size:12px;font-weight:600}._key_qb0nj_68:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}._key_qb0nj_68:active,._key_qb0nj_68._pressed_qb0nj_37{transform:translateY(1px);box-shadow:0 1px 3px #0006;filter:brightness(.8)}._blackKey_qb0nj_105{background:#28ba75;color:#fff;width:28px;height:35px;margin:-1px -7px;z-index:2;position:relative}._blackKey_qb0nj_105._pressed_qb0nj_37{background:#1a8a56}._whiteKey_qb0nj_119{background:#9ee4c3;color:#177e4d}._whiteKey_qb0nj_119._pressed_qb0nj_37{background:#7dd4a8}._visualizerContainer_wlt3d_1{width:100%;height:100%;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}._waveformCanvas_wlt3d_15{width:100%;height:300px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}