._bar_v118f_1{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm);height:var(--transport-height);background:var(--color-surface);border-bottom:1px solid var(--color-border-strong);overflow-x:auto;flex-shrink:0;font-size:11px}._btn_v118f_14{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:transparent;border:1px solid var(--color-border);font-size:14px;color:var(--color-text-dim);flex-shrink:0}._btn_v118f_14:hover{color:var(--color-accent);border-color:var(--color-border-strong)}._btn_v118f_14._playing_v118f_32{background:#ff323226;color:#fff;border-color:#ffffff60}._btn_v118f_14._active_v118f_38{color:var(--color-accent);border-color:var(--color-border-strong);background:#ffffff0d}._position_v118f_44{font-family:var(--font-mono);font-size:11px;flex-shrink:0}._posValue_v118f_50{color:var(--color-accent)}._bpmGroup_v118f_54{display:flex;align-items:center;gap:2px;flex-shrink:0}._bpmInput_v118f_61{width:40px;padding:2px 3px;background:var(--color-bg);border:1px solid var(--color-border);text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--color-accent);-moz-appearance:textfield}._bpmInput_v118f_61:focus{border-color:var(--color-border-strong);outline:none}._bpmInput_v118f_61::-webkit-inner-spin-button,._bpmInput_v118f_61::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._bpmLabel_v118f_84{font-size:9px;color:var(--color-text-muted);text-transform:uppercase}._projectBtn_v118f_90{padding:2px 6px;background:transparent;border:1px solid var(--color-border);font-size:11px;color:var(--color-text-dim);max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:40px}._projectBtn_v118f_90:hover{border-color:var(--color-border-strong);color:var(--color-accent)}._midiSelect_v118f_109{padding:2px 3px;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-dim);font-size:10px;max-width:120px;flex-shrink:1}@media(max-width:768px){._midiSelect_v118f_109{display:none}._bar_v118f_1{gap:var(--spacing-xs);padding:0 var(--spacing-xs)}._projectBtn_v118f_90{max-width:60px}}._container_vtbir_1{display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto;min-width:0}._list_vtbir_10{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}._row_vtbir_17{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);cursor:pointer;min-height:56px}._row_vtbir_17:hover{background:var(--color-surface-alt)}._row_vtbir_17._selected_vtbir_32{background:var(--color-surface-alt);border-left:2px solid var(--color-accent)}._nameCol_vtbir_37{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}._name_vtbir_37{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-dim)}._selectors_vtbir_53{display:flex;flex-direction:column;gap:2px;min-width:0}._channelSelect_vtbir_60{font-size:9px;padding:1px 2px;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;flex-shrink:0}._channelSelect_vtbir_60:focus{border-color:var(--color-border-strong);outline:none}._instrumentSelect_vtbir_75{font-size:9px;padding:1px 2px;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border);width:100%;cursor:pointer;text-overflow:ellipsis}._instrumentSelect_vtbir_75:focus{border-color:var(--color-border-strong);outline:none}._controls_vtbir_91{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}._toggleBtn_vtbir_98{width:22px;height:22px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}._toggleBtn_vtbir_98:hover{border-color:var(--color-border-strong)}._toggleBtn_vtbir_98._muted_vtbir_115{background:#ff323226;color:#fff;border-color:#ffffff40}._toggleBtn_vtbir_98._soloed_vtbir_121{background:#ffffff26;color:var(--color-amber);border-color:#ffffff4d}._toggleBtn_vtbir_98._recording_vtbir_127{background:#ff323226;color:#fff;border-color:#ffffff40;animation:_pulse_vtbir_1 1s infinite}@keyframes _pulse_vtbir_1{0%,to{opacity:1}50%{opacity:.4}}._volumeSlider_vtbir_139{width:44px;height:3px;accent-color:var(--color-accent)}._addBtn_vtbir_145{padding:var(--spacing-sm) var(--spacing-md);font-size:11px;color:var(--color-text-muted);text-align:center;border-top:1px solid var(--color-border);width:100%}._addBtn_vtbir_145:hover{color:var(--color-accent);background:var(--color-surface-alt)}@media(max-width:768px){._row_vtbir_17{min-height:80px;padding:10px 12px;gap:4px;flex-wrap:wrap}._nameCol_vtbir_37{flex:1;min-width:0}._name_vtbir_37{font-size:11px}._selectors_vtbir_53{width:100%}._channelSelect_vtbir_60,._instrumentSelect_vtbir_75{font-size:8px}._volumeSlider_vtbir_139{display:none}._controls_vtbir_91{gap:2px}._toggleBtn_vtbir_98{width:18px;height:18px;font-size:8px}}@media(max-width:360px){._name_vtbir_37{max-width:60px}._controls_vtbir_91{display:none}}._container_3wesq_1{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;position:relative;background:var(--color-bg)}._rulerRow_3wesq_11{display:flex;flex-shrink:0}._rulerCorner_3wesq_16{flex-shrink:0;background:var(--color-surface);border-bottom:1px solid var(--color-border-strong);border-right:1px solid var(--color-border-strong)}._mainArea_3wesq_23{display:flex;flex:1;overflow:hidden}._velocityArea_3wesq_29{display:flex;flex-shrink:0}._gridArea_3wesq_34{position:relative;overflow:hidden;touch-action:none}._canvas_3wesq_40{position:absolute;top:0;left:0;pointer-events:none}._noteOverlay_3wesq_47{position:absolute;top:0;left:0}._note_3wesq_47{position:absolute;background:#fff;cursor:grab;min-width:4px;border:1px solid #ffffff80;display:flex;align-items:center;padding-left:3px;overflow:hidden}._note_3wesq_47:hover{background:#3f6;box-shadow:0 0 6px #fff6}._note_3wesq_47:active{cursor:grabbing}._noteSelected_3wesq_75{background:#fff;border-color:#ffffff80}._noteSelected_3wesq_75:hover{background:#ffc040;box-shadow:0 0 6px #fff6}._noteLabel_3wesq_85{font-size:8px;font-family:var(--font-mono);color:#1a1a1a;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}._noteResizeHandle_3wesq_94{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:ew-resize}._noteResizeHandle_3wesq_94:hover{background:#0000004d}._clipOverlay_3wesq_108{position:absolute;top:0;left:0;pointer-events:none;z-index:1}._clip_3wesq_108{position:absolute;top:0;bottom:0;border:1px solid rgba(255,255,255,.25);background:#ffffff08;pointer-events:none}._clipSelected_3wesq_125{border-color:#fff9;background:#ffffff0f}._clipHeader_3wesq_130{position:sticky;top:0;height:16px;background:#ffffff1a;display:flex;pointer-events:auto;align-items:center;padding:0 4px;font-size:9px;font-family:var(--font-mono);color:var(--color-text-dim);-webkit-user-select:none;user-select:none;cursor:grab;z-index:2}._clipSelected_3wesq_125 ._clipHeader_3wesq_130{background:#fff3;color:var(--color-text)}._clipResizeHandle_3wesq_152{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:ew-resize;pointer-events:auto;z-index:3}._playhead_3wesq_164{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none;z-index:10;will-change:transform;box-shadow:0 0 6px #ff323299}._playhead_3wesq_164:before{content:"";position:absolute;top:-1px;left:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #ffffff}._pianoKeys_1vuj5_1{position:relative;flex-shrink:0;background:#1a1a1a;border-right:1px solid var(--color-border-strong);overflow:hidden;z-index:2}._whiteKey_1vuj5_10{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;padding-right:5px;background:#2a2a2a;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer}._whiteKey_1vuj5_10:hover{background:#333}._cKey_1vuj5_27{background:#303030;border-bottom:1px solid rgba(255,255,255,.2)}._whiteLabel_1vuj5_32{font-family:var(--font-mono);font-size:9px;font-weight:400;color:#999;-webkit-user-select:none;user-select:none;white-space:nowrap}._blackKey_1vuj5_41{position:absolute;left:0;width:62%;display:flex;align-items:center;justify-content:flex-end;padding-right:4px;background:#141414;border-bottom:1px solid rgba(255,255,255,.04);z-index:1;cursor:pointer}._blackKey_1vuj5_41:hover{background:#1e1e1e}._blackLabel_1vuj5_59{font-family:var(--font-mono);font-size:8px;color:#666;-webkit-user-select:none;user-select:none;white-space:nowrap}._inScale_1vuj5_67{border-left:2px solid #ffffff}._outOfScale_1vuj5_71{opacity:.4}._drumKey_1vuj5_75{background:#2a2a2a;border-left:2px solid var(--color-accent)}._drumKeyInactive_1vuj5_80{background:#1a1a1a;opacity:.3}._ruler_xaw32_1{position:relative;background:var(--color-surface);border-bottom:1px solid var(--color-border-strong);flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none}._marker_xaw32_10{position:absolute;top:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end}._barMarker_xaw32_19 ._tick_xaw32_19{width:1px;height:10px;background:#fff6}._beatMarker_xaw32_25 ._tick_xaw32_19{width:1px;height:6px;background:#ffffff26}._barLabel_xaw32_31{font-family:var(--font-mono);font-size:10px;color:var(--color-text-dim);padding-left:3px;line-height:1;white-space:nowrap}._loopRange_xaw32_40{position:absolute;top:0;height:100%;background:#ffffff14;border-left:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(255,255,255,.4);pointer-events:auto;cursor:grab;z-index:1}._loopHandle_xaw32_52{position:absolute;top:0;height:100%;cursor:ew-resize;pointer-events:auto;z-index:2}._loopHandle_xaw32_52:hover{background:#ffffff26}._container_17sp6_1{position:relative;background:var(--color-bg);border-top:2px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0;overflow:hidden;touch-action:none}._label_17sp6_11{position:absolute;top:2px;left:4px;font-size:9px;color:#ffffff40;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}._bar_17sp6_22{position:absolute;background:var(--color-accent);opacity:.6;cursor:ns-resize;min-width:4px}._bar_17sp6_22:hover{opacity:.9}._barSelected_17sp6_34{background:var(--color-amber);opacity:1}._toolbar_14zho_1{display:flex;align-items:center;gap:4px;padding:0 6px;height:32px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;-webkit-user-select:none;user-select:none;overflow-x:auto}@media(max-width:768px){._toolbar_14zho_1{gap:2px;padding:0 4px}._hint_14zho_19,._scaleGroup_14zho_22,._zoomBtn_14zho_25{display:none}}._group_14zho_30{display:flex;align-items:center;gap:4px}._divider_14zho_36{width:1px;height:18px;background:var(--color-border);margin:0 2px}._modeBtn_14zho_43{display:flex;align-items:center;justify-content:center;width:28px;height:24px;background:transparent;color:var(--color-text-muted);font-size:13px;cursor:pointer;border:1px solid transparent}._modeBtn_14zho_43:hover{color:var(--color-text-dim);border-color:var(--color-border)}._modeBtn_14zho_43._active_14zho_61{color:var(--color-accent);border:1px solid var(--color-border-strong);background:#ffffff0d}._hint_14zho_19{font-size:10px;color:var(--color-text-muted);margin-left:2px}._snapBtn_14zho_73{padding:2px 8px;font-size:11px;font-weight:600;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);cursor:pointer}._snapBtn_14zho_73:hover{color:var(--color-text-dim)}._snapBtn_14zho_73._active_14zho_61{color:var(--color-accent);background:#ffffff0d;border-color:var(--color-border-strong)}._snapBtn_14zho_73._scaleActive_14zho_93{color:var(--color-amber);background:#ffffff0d;border-color:#ffffff4d}._snapSelect_14zho_99{padding:2px 4px;font-size:11px;background:var(--color-bg);color:var(--color-text-dim);border:1px solid var(--color-border);cursor:pointer}._zoomBtn_14zho_25{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;color:var(--color-text-muted);font-size:16px;cursor:pointer;border:1px solid var(--color-border)}._zoomBtn_14zho_25:hover{color:var(--color-accent)}._container_36mkx_1{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0;height:40px;overflow-x:auto}._label_36mkx_13{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;font-weight:600;flex-shrink:0}._chords_36mkx_21{display:flex;gap:4px}._chordBtn_36mkx_26{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 10px;background:transparent;border:1px solid var(--color-border);cursor:pointer;min-width:44px;gap:1px}._chordBtn_36mkx_26:hover{background:#ffffff14;border-color:var(--color-border-strong)}._chordBtn_36mkx_26:active{background:#ffffff26}._degree_36mkx_48{font-size:9px;color:var(--color-text-muted);font-family:var(--font-mono)}._chordName_36mkx_54{font-size:12px;font-weight:600;color:var(--color-accent)}._container_1xqab_1{position:relative;flex-shrink:0;border-bottom:1px solid var(--color-border-strong);overflow:hidden}._canvas_1xqab_8{display:block;cursor:crosshair;touch-action:none}._container_9w7hg_1{display:flex;align-items:center;gap:var(--spacing-lg);padding:0 var(--spacing-lg);height:36px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;overflow-x:auto}@media(max-width:768px){._container_9w7hg_1{gap:var(--spacing-sm);padding:0 var(--spacing-sm);height:28px}._empty_9w7hg_19{font-size:10px}._slider_9w7hg_22{width:60px}}._empty_9w7hg_19{font-size:11px;color:var(--color-text-muted)}._field_9w7hg_32{display:flex;align-items:center;gap:var(--spacing-xs)}._label_9w7hg_38{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;min-width:28px}._value_9w7hg_45{font-family:var(--font-mono);font-size:12px;color:var(--color-accent);min-width:32px}._slider_9w7hg_22{width:80px;height:3px;accent-color:var(--color-accent)}._overlay_1cyjj_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}._modal_1cyjj_11{background:var(--color-surface);border:1px solid var(--color-border-strong);width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}._header_1cyjj_22{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}._title_1cyjj_30{font-size:14px;font-weight:600;color:var(--color-accent);text-transform:uppercase}._closeBtn_1cyjj_37{font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}._closeBtn_1cyjj_37:hover{color:var(--color-accent)}._list_1cyjj_51{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}._empty_1cyjj_57{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl);font-size:12px}._item_1cyjj_64{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;border-bottom:1px solid var(--color-border)}._item_1cyjj_64:hover{background:var(--color-surface-alt)}._item_1cyjj_64._current_1cyjj_77{border-left:2px solid var(--color-accent)}._itemInfo_1cyjj_81{display:flex;flex-direction:column;gap:2px;min-width:0}._itemName_1cyjj_88{font-size:13px;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._itemDate_1cyjj_96{font-size:10px;color:var(--color-text-muted)}._deleteBtn_1cyjj_101{font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}._deleteBtn_1cyjj_101:hover{color:#fff}._newBtn_1cyjj_116{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);font-size:13px;color:var(--color-accent);text-align:center}._newBtn_1cyjj_116:hover{background:var(--color-surface-alt)}._overlay_1433w_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}._modal_1433w_11{background:var(--color-surface);border:1px solid var(--color-border-strong);max-width:520px;max-height:80vh;width:90%;overflow-y:auto;padding:16px 20px;font-family:var(--font-mono);font-size:12px;color:var(--color-text);-webkit-overflow-scrolling:touch}._header_1433w_25{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}._title_1433w_32{font-size:14px;font-weight:600}._closeBtn_1433w_37{font-size:18px;color:var(--color-text-dim);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}._section_1433w_49{margin-bottom:12px}._sectionTitle_1433w_53{font-size:11px;font-weight:600;color:var(--color-accent);text-transform:uppercase;margin-bottom:6px;border-bottom:1px solid var(--color-border);padding-bottom:3px}._row_1433w_63{display:flex;justify-content:space-between;padding:2px 0;gap:8px}._key_1433w_70{color:var(--color-text-dim);flex-shrink:0;min-width:100px}._desc_1433w_76{color:var(--color-text-muted);text-align:right}._toolbar_vbgym_1{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;padding:2px 4px;background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0}._group_vbgym_13{display:flex;gap:1px;border:1px solid var(--color-border);border-radius:2px;overflow:hidden;margin:1px}._group_vbgym_13 ._btn_vbgym_22{border:none;border-right:1px solid var(--color-border)}._group_vbgym_13 ._btn_vbgym_22:last-child{border-right:none}._btn_vbgym_22{display:flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 4px;background:transparent;border:1px solid var(--color-border);font-size:12px;color:var(--color-text-dim);touch-action:manipulation}._btn_vbgym_22:active{background:#ffffff1a;color:var(--color-accent);border-color:var(--color-border-strong)}._active_vbgym_51{color:var(--color-accent);border-color:var(--color-border-strong);background:#ffffff0d}._root_jxw3i_1{display:grid;height:100%;overflow:hidden}._transport_jxw3i_7{grid-area:transport}._tracks_jxw3i_11{grid-area:tracks;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}._inspector_jxw3i_18{grid-area:inspector}._pianoRoll_jxw3i_22{grid-area:pianoroll;overflow:hidden;position:relative}._mobileToolbar_jxw3i_28{grid-area:toolbar}._portrait_jxw3i_33{grid-template-areas:"transport transport" "tracks content" "toolbar toolbar";grid-template-rows:var(--transport-height) 1fr auto;grid-template-columns:200px 1fr}._portrait_jxw3i_33 ._inspector_jxw3i_18,._portrait_jxw3i_33 ._pianoRoll_jxw3i_22{grid-area:content}._contentArea_jxw3i_52{grid-area:content;display:flex;flex-direction:column;overflow:hidden}._tracksHidden_jxw3i_60._portrait_jxw3i_33{grid-template-areas:"transport" "content" "toolbar";grid-template-rows:var(--transport-height) 1fr auto;grid-template-columns:1fr}._tracksHidden_jxw3i_60._landscape_jxw3i_69{grid-template-areas:"transport" "pianoroll";grid-template-rows:var(--transport-height) 1fr;grid-template-columns:1fr}._landscape_jxw3i_69{grid-template-areas:"transport transport" "tracks inspector" "tracks pianoroll";grid-template-rows:var(--transport-height) 36px 1fr;grid-template-columns:200px 1fr}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a1a1a;--color-surface: #222222;--color-surface-alt: #2a2a2a;--color-border: rgba(255, 255, 255, .12);--color-border-strong: rgba(255, 255, 255, .3);--color-text: #e0e0e0;--color-text-muted: #666666;--color-text-dim: #999999;--color-accent: #ffffff;--color-accent-hover: #cccccc;--color-amber: #ffffff;--color-note: #b0b0b0;--color-note-selected: #ffffff;--color-playhead: #ffffff;--color-black-key: #181818;--color-white-key: #2a2a2a;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--font-mono: "IBM Plex Mono", "Fira Code", "Cascadia Code", "Courier New", monospace;--font-sans: var(--font-mono);--radius-sm: 0px;--radius-md: 0px;--transport-height: 44px}html,body,#app{height:100%;overflow:hidden}body{font-family:var(--font-mono);font-size:13px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input,select,textarea{user-select:auto;-webkit-user-select:auto}::selection{background:#fff;color:#1a1a1a}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,select{font:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#fff3;border:1px solid rgba(255,255,255,.1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}