:root{--cell-w: 22px;--cell-h: 22px;--bg: #fafaf7;--ink: #222;--ink-soft: #555;--ink-muted: #888;--ink-faint: #aaa;--line: #d2d2cc;--line-soft: #f0f0ec;--line-strong: #2D2D2D;--note: #c97a4a;--note-in-scale: #6ba84a;--note-sel: #2b6cb0;--note-hover: #0aa39b;--sheet-bg: #ffffff;--sheet-border: #e2e2dc;--panel-bg: #f1f0ea;--panel-hover: #ebebe2;--input-bg: #ffffff;--placeholder: #c8c8c0;--grid-line: #6C6C6C;--grid-line-soft: #EBEBEB;--playhead: #d97a3a;--playhead-line: rgba(217, 122, 58, .85);--note-inset: rgba(0, 0, 0, .15);--note-sel-outline: #000000;--note-sel-tint: rgba(0, 0, 0, .08);--tooltip-bg: #ffffff;--tooltip-ink: #333;--tooltip-muted: #888;--shadow-soft: rgba(0, 0, 0, .12)}[data-theme=dark]{--bg: #16161a;--ink: #e8e8e3;--ink-soft: #b8b8b0;--ink-muted: #8a8a84;--ink-faint: #6a6a64;--line: #3a3a40;--line-soft: #232328;--line-strong: #c8c8c0;--note: #d98a55;--note-in-scale: #7ec25a;--note-sel: #6aa3e0;--note-hover: #2bc4ba;--sheet-bg: #1e1e22;--sheet-border: #2e2e34;--panel-bg: #25252b;--panel-hover: #2e2e36;--input-bg: #2a2a30;--placeholder: #55555a;--grid-line: #34343a;--grid-line-soft: #25252b;--playhead: #e89556;--playhead-line: rgba(232, 149, 86, .85);--note-inset: rgba(0, 0, 0, .35);--note-sel-outline: #ffffff;--note-sel-tint: rgba(255, 255, 255, .08);--tooltip-bg: #2a2a30;--tooltip-ink: #e8e8e3;--tooltip-muted: #9a9a94;--shadow-soft: rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;overscroll-behavior-x:none}._overlay_l93r7_1,._cardWrapper_l93r7_2{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}._cardWrapper_l93r7_2:has(._card_l93r7_2:hover){z-index:7}._svg_l93r7_11{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}._line_l93r7_18{fill:none;stroke:var(--annot-line, #555);stroke-width:1;stroke-dasharray:3 2;opacity:.7}._lineActive_l93r7_25{opacity:.9}._card_l93r7_2{position:absolute;padding:3px 7px;font-size:12px;line-height:1.3;background:var(--annot-bg, #fff);color:var(--annot-ink, #222);border:1px solid var(--annot-border, #aaa);border-radius:4px;box-shadow:0 1px 4px var(--shadow-soft, rgba(0, 0, 0, .12));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;-webkit-user-select:none;user-select:none}._editable_l93r7_44{cursor:grab}._cardActive_l93r7_47{box-shadow:0 2px 8px var(--shadow-med, rgba(0,0,0,.2))}._card_l93r7_2:hover:not(._resizing_l93r7_50):not(._dragging_l93r7_50):not(._cmdHeld_l93r7_50){min-width:max(140px,var(--annot-shrunk-width, 140px));white-space:normal;overflow:visible;z-index:6}._resizing_l93r7_50{cursor:ew-resize!important}._dragging_l93r7_50{cursor:grabbing!important}._cardActions_l93r7_62{display:none;gap:2px;margin-top:4px}._card_l93r7_2:hover:not(._resizing_l93r7_50):not(._dragging_l93r7_50):not(._cmdHeld_l93r7_50) ._cardActions_l93r7_62{display:flex}._cardBtn_l93r7_70{border:1px solid var(--annot-border, #aaa);background:var(--sheet-bg);color:var(--ink-soft);border-radius:3px;font-size:10px;padding:1px 5px;cursor:pointer;pointer-events:auto}._cardBtn_l93r7_70:hover{color:var(--ink)}._cardDelete_l93r7_81{color:#c00!important}._wrap_1ogdy_1{position:relative;background:var(--sheet-bg)}._row_1ogdy_9{position:relative;height:var(--cell-h)}._note_1ogdy_14{position:absolute;height:var(--cell-h);touch-action:none;z-index:1}._interactive_1ogdy_20{cursor:grab}._note_1ogdy_14:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--note);opacity:var(--vel-opacity, 1);z-index:-1}._whiteKey_1ogdy_32:before{background:var(--note-in-scale)}._note_1ogdy_14._outOfScale_1ogdy_35,._note_1ogdy_14._outOfScale_1ogdy_35:before{border-radius:9999px}._drumHihat_1ogdy_39:before{background:#e3c44a}._drumSnare_1ogdy_42:before{background:#d24a4a}._drumKick_1ogdy_45:before{background:#9056c8}._selected_1ogdy_48{z-index:3}._selected_1ogdy_48:before{top:0;right:0;bottom:0;left:0;border:2px solid var(--note-sel-outline)}._note_1ogdy_14:hover:not(._selected_1ogdy_48){z-index:2}._note_1ogdy_14:hover:not(._selected_1ogdy_48):before{top:0;right:0;bottom:0;left:0;border:2px solid var(--note-sel-outline)}._annotActive_1ogdy_62{outline:2px solid var(--annot-line, #555);outline-offset:-2px;z-index:2}._label_1ogdy_68{position:absolute;pointer-events:none;font-size:10px;font-weight:600;line-height:1;color:#0000008c;white-space:nowrap;text-align:center;z-index:2;-webkit-user-select:none;user-select:none}[data-theme=dark] ._label_1ogdy_68{color:#ffffff73}._cellSelected_1ogdy_84{position:absolute;box-sizing:border-box;border:2px solid var(--note-sel-outline);pointer-events:none;z-index:1}._cellSelected_1ogdy_84._outOfScale_1ogdy_35{border-radius:9999px}._playhead_1ogdy_95{position:absolute;top:0;bottom:0;background:var(--playhead-line);pointer-events:none;z-index:4}._layer_zbi5w_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;pointer-events:none;z-index:0}._barSep_zbi5w_10{background:var(--line-strong);height:100%;flex:0 0 auto}._beatSep_zbi5w_11{background:var(--grid-line);height:100%;flex:0 0 auto}._stepSep_zbi5w_12{background:var(--grid-line-soft);height:100%;flex:0 0 auto}._cell_zbi5w_13{height:100%;flex:0 0 auto}._band_1mk66_1{display:flex;align-items:center;gap:0}._side_1mk66_6{width:60px;flex:0 0 auto;display:flex;flex-direction:row;align-items:stretch;padding:0 12px;margin-left:-16px;font-size:10px;color:var(--ink-soft);background:var(--bg);border-right:1px solid var(--line);position:sticky;left:-16px;z-index:6;align-self:stretch;-webkit-user-select:none;user-select:none}._sideBtns_1mk66_24{flex:0 0 18px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;margin-right:4px}._sideTop_1mk66_33{display:flex;flex-direction:column;align-items:center;gap:4px}._name_1mk66_39{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;color:var(--ink-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;display:flex;align-items:center;justify-content:center}._nameInput_1mk66_53{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;color:var(--ink-soft);background:transparent;border:1px solid transparent;border-radius:4px;padding:4px 2px;text-align:center;flex:1;min-height:1.5em;width:1.8em}._nameInput_1mk66_53:hover,._nameInput_1mk66_53:focus{background:var(--input-bg);border-color:var(--line);outline:none}._menu_1mk66_73{position:relative}._menuBtn_1mk66_76{width:18px;height:18px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;font-size:13px;color:var(--ink-muted);line-height:1;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;padding:0}._menuBtn_1mk66_76:hover{border-color:var(--line);color:var(--ink)}._menuPanel_1mk66_93{position:absolute;left:0;top:100%;z-index:20;background:var(--input-bg);border:1px solid var(--sheet-border);border-radius:6px;box-shadow:0 4px 12px var(--shadow-soft);min-width:80px;padding:4px 0;display:flex;flex-direction:column}._menuPanel_1mk66_93 button{background:transparent;border:none;text-align:left;padding:5px 12px;cursor:pointer;font-size:12px;color:var(--ink)}._menuPanel_1mk66_93 button:hover{background:var(--panel-hover)}._menuDelete_1mk66_117{color:#c00!important}._recBtn_1mk66_118{width:18px;height:18px;border:1px solid var(--line);background:var(--input-bg);color:#d23;font-size:11px;line-height:1;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0}._recBtn_1mk66_118:hover{border-color:#d23}._recActive_1mk66_136{color:#c00;animation:_recPulse_1mk66_1 1s ease-in-out infinite}@keyframes _recPulse_1mk66_1{0%,to{opacity:1}50%{opacity:.4}}._mixBtns_1mk66_144{display:flex;flex-direction:column;gap:3px}._mixBtn_1mk66_144{width:18px;height:18px;border:1px solid var(--line);background:var(--input-bg);color:var(--ink-soft);border-radius:3px;font-size:10px;font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}._mixBtn_1mk66_144:hover{color:var(--ink)}._mixActive_1mk66_168{background:var(--panel-hover);color:var(--ink);border-color:var(--line-strong)}._scroll_1mk66_173{overflow:visible;flex:1;min-width:0}