._container_1utl4_1{height:100%;display:flex;flex-direction:row;background:var(--bg-overflow);overflow:hidden}._sidebar_1utl4_9{background:var(--bg-floating);color:#fff;height:100%;width:260px;padding:14px;display:flex;gap:30px;flex-direction:column;justify-content:space-between;overflow-y:auto;overflow-x:hidden}._helpText_1utl4_23{font-size:.9em;color:var(--fg-muted);display:flex;flex-direction:column;gap:8px}._helpText_1utl4_23 p{margin:0}._helpText_1utl4_23 ._shortcut_1utl4_35{color:var(--accent-light)}._artTools_1utl4_39,._configTools_1utl4_39{display:flex;flex-direction:column;gap:24px}._artTools_1utl4_39 ._toolGrid_1utl4_45{display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}._configTools_1utl4_39 ._toolGrid_1utl4_45{display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}._toolSection_1utl4_57{display:flex;flex-direction:column;gap:8px}._toolSection_1utl4_57 h3{font-size:.9em;margin:0;user-select:none}._tool_1utl4_45{--icon-size: 24px;font-size:inherit;font-family:inherit;color:#fff;align-items:center;justify-content:center;border:none;background:#000000;height:var(--size);width:var(--size);padding:10px;position:relative;user-select:none;outline:none;display:flex;flex-direction:column;gap:4px;cursor:var(--cursor-interactive)}._toolName_1utl4_91{color:var(--fg-muted);font-size:.9em}._tool_1utl4_45:disabled{cursor:not-allowed;opacity:.4}._tool_1utl4_45:not(:disabled):hover,._tool_1utl4_45:not(:disabled):focus-visible{background:#2f2f2f}._tool_1utl4_45._active_1utl4_105{box-shadow:0 0 0 2px inset var(--accent)}._tool_1utl4_45 svg{display:block;height:var(--icon-size);width:var(--icon-size)}._color_1utl4_115{aspect-ratio:1;border:none;cursor:var(--cursor-interactive)}._color_1utl4_115._active_1utl4_105{box-shadow:0 0 0 2px var(--bg-overlay),0 0 0 3px var(--fg-switch-high)}._tooltip_1utl4_125{font-size:.9em;display:none;position:absolute;background:var(--bg-surface);color:#000;padding:2px 6px;overflow:visible;white-space:nowrap;width:fit-content;z-index:999}._tooltip_1utl4_125._top_1utl4_138{top:-24px}._tooltip_1utl4_125._bottom_1utl4_139{bottom:-24px}._tool_1utl4_45:hover ._tooltip_1utl4_125,._tool_1utl4_45:focus-visible ._tooltip_1utl4_125{display:block}._tooltip_1utl4_125 ._shortcut_1utl4_35{color:var(--accent)}._canvasContainer_1utl4_149{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}._canvas_1utl4_149{--pixel-size: 24px;background-size:var(--pixel-size) var(--pixel-size);background-repeat:repeat}._canvas_1utl4_149 ._row_1utl4_163{display:flex;flex-direction:row}._pixel_1utl4_168{width:var(--pixel-size);height:var(--pixel-size)}._pixel_1utl4_168:hover{box-shadow:0 0 0 var(--pixel-size) inset var(--bg-drawing-hover)}._container_1jtp8_1{height:100%;background:var(--bg-floating);color:#fff;display:flex;align-items:center;text-align:center;justify-content:center;flex-direction:column;gap:12px;padding:50px 80px 60px}h2{margin:0}._grid_1jtp8_19{width:380px;height:300px;background:transparent;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px}._grid_1jtp8_19 div{padding:2px;cursor:var(--cursor-interactive)}._grid_1jtp8_19 ._active_1jtp8_34{box-shadow:0 0 0 2px var(--bg-overlay),0 0 0 4px var(--fg-switch-high)}._container_qjesi_1{height:100%;display:flex;flex-direction:row;background:var(--bg-overflow)}._sidebar_qjesi_8{background:var(--bg-floating);height:100%;width:260px;padding:14px;display:flex;flex-direction:column;gap:20px;justify-content:space-between}._spriteButtons_qjesi_19{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}._spriteButton_qjesi_19{display:block;background:var(--bg-surface);background-repeat:repeat;background-size:50%;border:none;aspect-ratio:1;padding:0;overflow:hidden;cursor:var(--cursor-interactive)}._spriteButton_qjesi_19._active_qjesi_37{box-shadow:0 0 0 2px var(--bg-overlay),0 0 0 3px var(--fg-switch-high)}._helpText_qjesi_41{font-size:.9em;color:var(--fg-muted);display:flex;flex-direction:column;gap:8px}._helpText_qjesi_41 p{margin:0}._resizeX_qjesi_53,._resizeY_qjesi_53{flex:1;display:flex;padding:10px;overflow:hidden;align-items:center}._resizeX_qjesi_53{flex-direction:row;width:100%}._resizeY_qjesi_53{flex-direction:column;height:100%}._resizeControls_qjesi_69{display:flex;flex-direction:row;gap:4px}._resizeControls_qjesi_69 button{cursor:var(--cursor-interactive);background:none;color:inherit;font-family:inherit;font-size:2em;padding:0;border:none;line-height:.7;user-select:none}._resizeControls_qjesi_69 button:not(:disabled):hover{color:var(--accent)}._resizeControls_qjesi_69 button:disabled{opacity:.4;cursor:not-allowed}._gridContainer_qjesi_96{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:10px}._grid_qjesi_96{display:flex;flex-direction:column;background-repeat:repeat;background-size:calc(var(--cell-size) / 4)}._grid_qjesi_96 ._row_qjesi_114{display:flex;flex-direction:row}._cell_qjesi_119{width:var(--cell-size);height:var(--cell-size);border:1px solid var(--bg-overflow)}._cell_qjesi_119._error_qjesi_125{background:var(--error)}._cell_qjesi_119:hover{box-shadow:0 0 0 var(--cell-size) inset var(--bg-drawing-hover),0 0 0 3px inset var(--accent);z-index:1}._container_qjesi_1 canvas{width:100%;height:100%}._canvas_17mhy_1{display:block;image-rendering:crisp-edges;image-rendering:pixelated}._container_s3ob2_1{height:100%;display:flex;flex-direction:column;background-color:var(--bg-surface)}._grid_s3ob2_8{--seq-grid-playhead: #e4e4e4;--seq-grid-low: #cfcfcf;--seq-grid-high: #aaaaaa;flex:1;display:flex;flex-direction:row}._column_s3ob2_18{flex:1;display:flex;flex-direction:column}._column_s3ob2_18._playhead_s3ob2_24{background:var(--seq-grid-playhead)}._cell_s3ob2_28{flex:1;border-left:1px solid var(--seq-grid-low);border-bottom:1px solid var(--seq-grid-low);color:#fff;font-size:1.2em;text-align:center;display:flex;align-items:center;justify-content:center}._cell_s3ob2_28._beat_s3ob2_40{border-left-color:var(--seq-grid-high)}._cell_s3ob2_28._root_s3ob2_41{border-bottom-color:var(--seq-grid-high)}._column_s3ob2_18:first-of-type ._cell_s3ob2_28{border-left:none}._cell_s3ob2_28:last-of-type{border-bottom:none}._toolbox_s3ob2_45{background:var(--bg-floating);color:#fff;display:flex;flex-direction:row;align-items:center;padding:16px 20px}._label_s3ob2_54{margin-right:8px;user-select:none;font-size:.9em;color:var(--fg-muted)}._buttons_s3ob2_61{display:flex;flex-direction:row;gap:8px}._transportControls_s3ob2_67{flex:1}._bpm_s3ob2_71,._instruments_s3ob2_71{display:flex;flex-direction:row;gap:2px;align-items:center}._bpm_s3ob2_71 ._slider_s3ob2_78{height:6px;border-radius:3px;width:300px;background:var(--bg-btn-inactive);-webkit-appearance:none;appearance:none}._bpm_s3ob2_71 ._slider_s3ob2_78::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--accent);cursor:var(--cursor-interactive)}._bpm_s3ob2_71 ._slider_s3ob2_78::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:var(--accent);border:none;cursor:var(--cursor-interactive)}._bpm_s3ob2_71 ._number_s3ob2_105{outline:none;font-size:inherit;font-family:inherit;border:none;background:transparent;color:var(--accent);width:6ch;text-align:center;padding:4px 6px}._instruments_s3ob2_71{flex:1;justify-content:flex-end}._instruments_s3ob2_71 ._key_s3ob2_122{color:var(--accent-light);font-weight:700;margin-right:2px}._instruments_s3ob2_71 ._active_s3ob2_128{box-shadow:0 0 0 2px inset var(--fg-muted)}