.app[data-astro-cid-3xovuwsz]{--names:56px;--rack:172px;--ruler:18px;--part-h:40px;--map:20px;--cell-max:36px;grid-template-columns:var(--rack) minmax(0, 1fr);gap:var(--space-3);min-height:0;width:min(100%, var(--max));padding:var(--space-3) var(--gutter);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;flex:1;grid-template-rows:auto minmax(0,1fr);margin-inline:auto;display:grid}.px[data-astro-cid-3xovuwsz]{color:var(--text);clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px));cursor:var(--cursor-pointer);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:2px solid #ffffff4d;border-radius:0}.px[data-astro-cid-3xovuwsz]:focus-visible{outline:2px solid var(--text);outline-offset:-6px}@media (hover:hover) and (pointer:fine){.px[data-astro-cid-3xovuwsz]:hover:not(:disabled){border-color:var(--text)}}.px[data-astro-cid-3xovuwsz]:disabled{opacity:.35;cursor:var(--cursor-not-allowed)}.px[data-astro-cid-3xovuwsz][hidden]{display:none}.top[data-astro-cid-3xovuwsz]{z-index:7;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;grid-column:1/-1;display:flex;position:relative}.tool[data-astro-cid-3xovuwsz]{min-width:40px;height:40px;padding:0 var(--space-3);font-size:var(--text-xs);place-items:center;display:inline-grid}.tool[data-astro-cid-3xovuwsz] svg[data-astro-cid-3xovuwsz]{fill:currentColor;width:16px;height:16px}.play[data-astro-cid-3xovuwsz]{border-color:var(--text);background:var(--text);place-items:center;width:52px;height:44px;display:grid}.play[data-astro-cid-3xovuwsz] svg[data-astro-cid-3xovuwsz]{fill:#000;width:24px;height:24px}.play[data-astro-cid-3xovuwsz][aria-pressed=true]{border-color:var(--red);background:var(--red)}.play[data-astro-cid-3xovuwsz][aria-pressed=true] svg[data-astro-cid-3xovuwsz]{fill:#fff}.icon-stop[data-astro-cid-3xovuwsz],.play[data-astro-cid-3xovuwsz][aria-pressed=true] .icon-play[data-astro-cid-3xovuwsz]{display:none}.play[data-astro-cid-3xovuwsz][aria-pressed=true] .icon-stop[data-astro-cid-3xovuwsz]{display:block}.app[data-astro-cid-3xovuwsz]:not([data-view=roll]) .octave[data-astro-cid-3xovuwsz],.app[data-astro-cid-3xovuwsz]:not([data-view=song]) .zoom[data-astro-cid-3xovuwsz],.app[data-astro-cid-3xovuwsz][data-view=mix] .patterns[data-astro-cid-3xovuwsz]{display:none}.tempo[data-astro-cid-3xovuwsz],.patterns[data-astro-cid-3xovuwsz],.key[data-astro-cid-3xovuwsz],.zoom[data-astro-cid-3xovuwsz],.octave[data-astro-cid-3xovuwsz],.top-end[data-astro-cid-3xovuwsz]{align-items:center;gap:var(--space-2);padding-left:var(--space-4);border-left:2px solid #ffffff47;display:flex}.top-end[data-astro-cid-3xovuwsz]{margin-left:auto}.tempo-field[data-astro-cid-3xovuwsz]{align-items:baseline;gap:var(--space-1);display:flex}.tempo[data-astro-cid-3xovuwsz] input[data-astro-cid-3xovuwsz]{-webkit-appearance:none;appearance:none;width:2em;color:var(--text);font-family:var(--pixel);font-size:var(--text-xl);text-align:right;-moz-appearance:textfield;background:0 0;border:0;border-radius:0;padding:0}.tempo[data-astro-cid-3xovuwsz] input[data-astro-cid-3xovuwsz]::-webkit-inner-spin-button,.tempo[data-astro-cid-3xovuwsz] input[data-astro-cid-3xovuwsz]::-webkit-outer-spin-button{appearance:none}.patterns[data-astro-cid-3xovuwsz],.share-box[data-astro-cid-3xovuwsz]{position:relative}.drop-open[data-astro-cid-3xovuwsz]{gap:var(--space-2);min-width:64px;display:inline-flex}.drop-arrow[data-astro-cid-3xovuwsz]{fill:currentColor;width:10px;height:10px}.drop-open[data-astro-cid-3xovuwsz][aria-expanded=true]{border-color:var(--text);background:#ffffff26}.drop[data-astro-cid-3xovuwsz]{top:calc(100% + var(--space-2));gap:var(--space-2);width:max-content;max-width:min(320px,80vw);padding:var(--space-2);border:2px solid var(--text);background:#000;display:grid;position:absolute;left:0}.drop--end[data-astro-cid-3xovuwsz]{left:auto;right:0}.drop[data-astro-cid-3xovuwsz][hidden]{display:none}.drop-list[data-astro-cid-3xovuwsz]{gap:var(--space-1);overscroll-behavior:contain;touch-action:pan-y;grid-template-columns:repeat(auto-fill,40px);max-height:140px;display:grid;overflow-y:auto}.drop-list[data-astro-cid-3xovuwsz] .tool[data-astro-cid-3xovuwsz]{min-width:0;padding:0}.drop-list[data-astro-cid-3xovuwsz] .tool[data-astro-cid-3xovuwsz][aria-pressed=true]{border-color:var(--text);background:var(--text);color:#000}.drop-actions[data-astro-cid-3xovuwsz]{gap:var(--space-1);flex-wrap:wrap;display:flex}#share-menu[data-astro-cid-3xovuwsz]{grid-template-columns:max-content}.clip-menu[data-astro-cid-3xovuwsz]{z-index:7;grid-auto-flow:column}.scale-open[data-astro-cid-3xovuwsz]{color:var(--text)}.scale-open[data-astro-cid-3xovuwsz][aria-expanded=true]{border-color:var(--text);background:#ffffff26}.share-done[data-astro-cid-3xovuwsz],.share[data-astro-cid-3xovuwsz][data-done] .share-label[data-astro-cid-3xovuwsz]{display:none}.share[data-astro-cid-3xovuwsz][data-done] .share-done[data-astro-cid-3xovuwsz]{display:inline}.rack[data-astro-cid-3xovuwsz]{gap:var(--space-2);min-height:0;padding-top:calc(var(--ruler) + var(--space-2));flex-direction:column;display:flex}.part[data-astro-cid-3xovuwsz]{gap:var(--space-1);display:flex}.part-tab[data-astro-cid-3xovuwsz]{min-width:0;height:var(--part-h);padding:0 var(--space-2);color:var(--muted);font-size:var(--text-xs);text-align:left;flex:1}.part-tab[data-astro-cid-3xovuwsz][aria-pressed=true]{border-color:var(--color);background:color-mix(in srgb, var(--color) 22%, transparent);color:var(--text)}.mute[data-astro-cid-3xovuwsz]{width:36px;height:var(--part-h);color:var(--muted);place-items:center;padding:0;display:grid}.mute[data-astro-cid-3xovuwsz] svg[data-astro-cid-3xovuwsz]{fill:currentColor;width:14px;height:14px}.mute-cross[data-astro-cid-3xovuwsz],.mute[data-astro-cid-3xovuwsz][aria-pressed=true] .mute-waves[data-astro-cid-3xovuwsz]{display:none}.mute[data-astro-cid-3xovuwsz][aria-pressed=true] .mute-cross[data-astro-cid-3xovuwsz]{display:inline}.mute[data-astro-cid-3xovuwsz][aria-pressed=true]{border-color:var(--red);background:color-mix(in srgb, var(--red) 25%, transparent);color:var(--red)}.part-tab[data-astro-cid-3xovuwsz]{position:relative;overflow:hidden}.tab-meter[data-astro-cid-3xovuwsz]{pointer-events:none;position:absolute;inset:4px}.tab-meter[data-astro-cid-3xovuwsz] .meter-fill[data-astro-cid-3xovuwsz]{--color:var(--color);opacity:.35}.tab-name[data-astro-cid-3xovuwsz]{position:relative}.list[data-astro-cid-3xovuwsz]{flex:1;min-height:0;overflow:hidden}.list-inner[data-astro-cid-3xovuwsz]{gap:var(--space-2);translate:0 var(--list-y,0px);flex-direction:column;display:flex}.add-part[data-astro-cid-3xovuwsz]{width:100%;height:var(--part-h);padding:0 var(--space-2);color:var(--muted);font-size:var(--text-xs);text-align:left;border-style:dashed;flex:none}.add-part[data-astro-cid-3xovuwsz][aria-expanded=true]{border-style:solid;border-color:var(--text);color:var(--text)}.list[data-astro-cid-3xovuwsz] .part-tab[data-astro-cid-3xovuwsz][aria-pressed=true]:after{content:"...";right:var(--space-2);color:var(--muted);position:absolute;top:50%;translate:0 -60%}.part--song[data-astro-cid-3xovuwsz] .part-tab[data-astro-cid-3xovuwsz][aria-pressed=true],.part--mix[data-astro-cid-3xovuwsz] .part-tab[data-astro-cid-3xovuwsz][aria-pressed=true]{border-color:var(--text);background:#ffffff26}.mixer[data-astro-cid-3xovuwsz]{gap:var(--space-2);padding-right:calc(var(--map) + var(--space-2));flex-direction:column;display:flex;position:absolute;inset:0}.mixer[data-astro-cid-3xovuwsz][hidden]{display:none}.mix-head[data-astro-cid-3xovuwsz],.mix-row[data-astro-cid-3xovuwsz]{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mix-head[data-astro-cid-3xovuwsz]{height:var(--ruler);border-bottom:2px solid #ffffff26;align-items:center}.mix-head[data-astro-cid-3xovuwsz]>span[data-astro-cid-3xovuwsz]{align-items:center;gap:var(--space-2);white-space:nowrap;min-width:0;display:flex}.mix-row[data-astro-cid-3xovuwsz],.mix-row[data-astro-cid-3xovuwsz] .fader[data-astro-cid-3xovuwsz]{height:var(--part-h)}.mix-row--master[data-astro-cid-3xovuwsz] .fader[data-astro-cid-3xovuwsz]{--color:var(--text)}.hint[data-astro-cid-3xovuwsz]{color:var(--faint);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:auto;overflow:hidden}.mix-swap[data-astro-cid-3xovuwsz]{height:calc(var(--ruler) - 2px);padding:0 var(--space-2);font-size:var(--text-2xs);border-width:1px}.mix-swap[data-astro-cid-3xovuwsz][aria-pressed=true]{border-color:var(--text);background:var(--text);color:#000}.song[data-astro-cid-3xovuwsz]{--end:1;--zoom:1;--song-bars:16;--song-steps:256;gap:var(--space-2);padding-right:calc(var(--map) + var(--space-2));flex-direction:column;display:flex;position:absolute;inset:0}.song[data-astro-cid-3xovuwsz] .rail[data-astro-cid-3xovuwsz]{bottom:calc(var(--map) + var(--space-2))}.song-view[data-astro-cid-3xovuwsz]{touch-action:none;flex:1;min-height:0;overflow:hidden}.song-lane[data-astro-cid-3xovuwsz]{gap:var(--space-2);width:calc(var(--zoom) * var(--lane,1) * 100%);flex-direction:column;height:100%;display:flex;position:relative}.song[data-astro-cid-3xovuwsz][hidden]{display:none}.song-head[data-astro-cid-3xovuwsz]{grid-template-columns:repeat(var(--song-bars), minmax(0, 1fr));height:var(--ruler);border-bottom:2px solid #ffffff26;display:grid;position:relative}.song-ruler[data-astro-cid-3xovuwsz]{color:var(--faint);font-family:var(--pixel);font-size:var(--text-2xs);text-align:left;background:0 0;border:0;padding:0 0 0 3px;line-height:1;position:relative}.song-ruler--four[data-astro-cid-3xovuwsz]{color:var(--muted)}.song-flag[data-astro-cid-3xovuwsz]{top:0;left:calc(var(--at,0) * 100%);background:var(--red);pointer-events:none;width:2px;height:100%;position:absolute}.song-ruler[data-astro-cid-3xovuwsz].is-now{color:var(--text)}.track[data-astro-cid-3xovuwsz]{height:var(--part-h);background:repeating-linear-gradient(to right, #ffffff24 0 1px, transparent 1px calc(100% / var(--song-bars))), repeating-linear-gradient(to right, #ffffff0d 0 1px, transparent 1px calc(100% / var(--song-bars) / 4)), repeating-linear-gradient(to right, #ffffff08 0 25%, #ffffff12 25% 50%);cursor:var(--cursor-pointer,pointer);touch-action:none;flex:none;position:relative;overflow:hidden}.track[data-astro-cid-3xovuwsz]:after{content:"";inset:0 0 0 calc(var(--end) * 100%);pointer-events:none;background:#00000080;position:absolute}.track[data-astro-cid-3xovuwsz] .clip{top:1px;bottom:1px;left:calc(var(--start) * 100% / var(--song-steps));width:calc(var(--len) * 100% / var(--song-steps));outline:1px solid var(--color);outline-offset:-1px;background:color-mix(in srgb, var(--color) 22%, #000);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--color) 55%, #000), inset -3px 0 0 color-mix(in srgb, var(--color) 55%, #000);pointer-events:none;position:absolute;overflow:hidden}.track[data-astro-cid-3xovuwsz] .clip-name{color:var(--color);font-family:var(--pixel);font-size:var(--text-2xs);line-height:1;position:absolute;top:2px;left:5px}.track[data-astro-cid-3xovuwsz] .clip canvas{width:100%;height:calc(100% - 14px);position:absolute;top:11px;left:0}.song-map[data-astro-cid-3xovuwsz]{height:var(--map);touch-action:none;cursor:var(--cursor-pointer,pointer);border:1px solid #ffffff26;flex:none;margin-top:auto;position:relative}.song-map[data-astro-cid-3xovuwsz] canvas[data-astro-cid-3xovuwsz]{width:100%;height:100%;display:block}.song-map-view[data-astro-cid-3xovuwsz]{border:2px solid var(--text);pointer-events:none;position:absolute;top:-1px;bottom:-1px}.song-map-line[data-astro-cid-3xovuwsz]{background:var(--text);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.song-map-line[data-astro-cid-3xovuwsz][hidden]{display:none}.song-playhead[data-astro-cid-3xovuwsz]{background:var(--text);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #ffffff80}.song-playhead[data-astro-cid-3xovuwsz][hidden]{display:none}.scale-panel[data-astro-cid-3xovuwsz]{z-index:6;gap:var(--space-2);width:min(100%,520px);max-height:100%;padding:var(--space-3);border:2px solid var(--text);background:#000;display:grid;position:absolute;top:0;left:0;overflow:auto}.scale-panel[data-astro-cid-3xovuwsz][hidden]{display:none}.scale-panel-head[data-astro-cid-3xovuwsz]{justify-content:space-between;align-items:center;display:flex}.scale-keys[data-astro-cid-3xovuwsz]{gap:var(--space-1);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.scale-keys[data-astro-cid-3xovuwsz] .tool[data-astro-cid-3xovuwsz]{min-width:0;padding:0}@media (width<=720px),(height<=500px){.scale-keys[data-astro-cid-3xovuwsz]{grid-template-columns:repeat(6,minmax(0,1fr))}}.scale-list[data-astro-cid-3xovuwsz]{gap:var(--space-1);flex-wrap:wrap;display:flex}.scale-panel[data-astro-cid-3xovuwsz] .tool[data-astro-cid-3xovuwsz]{height:34px}.scale-panel[data-astro-cid-3xovuwsz] .tool[data-astro-cid-3xovuwsz][aria-pressed=true]{border-color:var(--text);background:var(--text);color:#000}.sheet[data-astro-cid-3xovuwsz]{z-index:6;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--text);background:#000;display:grid;position:absolute;inset:0}.sheet[data-astro-cid-3xovuwsz]:not([hidden]){gap:var(--space-2);display:flex}.sheet-scroll[data-astro-cid-3xovuwsz]{align-content:start;gap:var(--space-2);touch-action:none;flex:1;min-width:0;display:grid;overflow:hidden}.sheet[data-astro-cid-3xovuwsz] .rail[data-astro-cid-3xovuwsz]{flex:none;position:relative;top:auto;bottom:auto;right:auto}.sheet[data-astro-cid-3xovuwsz][hidden],.sheet[data-astro-cid-3xovuwsz] [data-astro-cid-3xovuwsz][hidden]{display:none}.sheet-head[data-astro-cid-3xovuwsz]{justify-content:space-between;align-items:center;display:flex}.sheet-title[data-astro-cid-3xovuwsz]{font-size:var(--text-sm)}.sheet-sounds[data-astro-cid-3xovuwsz],.synth[data-astro-cid-3xovuwsz]{gap:var(--space-2);align-content:start;display:grid}.sheet-body[data-astro-cid-3xovuwsz]{gap:var(--space-4);display:grid}@container (width>=600px){.sheet-body[data-astro-cid-3xovuwsz]:has(.synth:not([hidden])){grid-template-columns:1fr 1fr}}.synth-shape[data-astro-cid-3xovuwsz]{border:2px solid #ffffff26;width:100%;height:48px}.synth-controls[data-astro-cid-3xovuwsz]{gap:var(--space-1);display:grid}.synth-control[data-astro-cid-3xovuwsz]{align-items:center;gap:var(--space-2);grid-template-columns:64px 1fr;display:grid}.synth-control[data-astro-cid-3xovuwsz] .fader[data-astro-cid-3xovuwsz]{touch-action:none;height:30px}.sheet-row[data-astro-cid-3xovuwsz],.sheet-actions[data-astro-cid-3xovuwsz]{gap:var(--space-1);flex-wrap:wrap;display:flex}.sheet-actions[data-astro-cid-3xovuwsz]{padding-top:var(--space-2);border-top:2px solid #ffffff26}.sheet[data-astro-cid-3xovuwsz] .tool[data-astro-cid-3xovuwsz]{height:34px}.sheet[data-astro-cid-3xovuwsz] .tool[data-astro-cid-3xovuwsz][aria-pressed=true]{border-color:var(--text);background:var(--text);color:#000}.sheet-delete[data-astro-cid-3xovuwsz]{border-color:var(--red);color:var(--red);margin-left:auto}.noscript[data-astro-cid-3xovuwsz]{padding:var(--space-4);color:var(--muted)}.fader-box[data-astro-cid-3xovuwsz]{min-width:0;display:block;position:relative}.meter[data-astro-cid-3xovuwsz]{pointer-events:none;position:absolute;inset:6px 4px;overflow:hidden}.meter-fill[data-astro-cid-3xovuwsz]{background:repeating-linear-gradient(90deg, var(--color,var(--text)) 0 5px, transparent 5px 7px);opacity:.55;width:0;height:100%;display:block}.fader[data-astro-cid-3xovuwsz]{--color:inherit;-webkit-appearance:none;appearance:none;width:100%;height:40px;cursor:var(--cursor-pointer);background:0 0;margin:0;display:block;position:relative}.fader[data-astro-cid-3xovuwsz]::-webkit-slider-runnable-track{background:#ffffff0a;border:2px solid #ffffff47;height:100%}.fader[data-astro-cid-3xovuwsz]::-moz-range-track{background:#ffffff0a;border:2px solid #ffffff47;height:100%}.fader[data-astro-cid-3xovuwsz]::-webkit-slider-thumb{background:var(--color,var(--text));-webkit-appearance:none;appearance:none;border:3px solid #000;width:14px;height:100%;box-shadow:inset 0 0 0 2px #ffffff59}.fader[data-astro-cid-3xovuwsz]::-moz-range-thumb{background:var(--color,var(--text));border:3px solid #000;border-radius:0;width:14px;height:calc(100% - 4px)}.fader[data-astro-cid-3xovuwsz]:focus-visible{outline:2px solid var(--text);outline-offset:2px}.stage[data-astro-cid-3xovuwsz]{min-height:0;position:relative;overflow:hidden;container-type:size}.watermark[data-astro-cid-3xovuwsz]{top:calc(var(--ruler) + (min(100cqh, var(--ruler) + 7 * (var(--cell) + var(--gap))) - var(--ruler)) / 2);left:var(--names);width:calc(var(--grid-width) - var(--names));color:#ffffff14;font-size:clamp(18px, calc(var(--cell) * .9), 40px);text-align:center;white-space:nowrap;pointer-events:none;line-height:1;position:absolute;translate:0 -50%}.stage[data-astro-cid-3xovuwsz]:not([data-view=drums]) .watermark[data-astro-cid-3xovuwsz]{top:calc(var(--ruler) + (100cqh - var(--ruler)) / 2)}.stage[data-astro-cid-3xovuwsz][data-view=mix] .watermark[data-astro-cid-3xovuwsz],.stage[data-astro-cid-3xovuwsz][data-view=song] .watermark[data-astro-cid-3xovuwsz]{display:none}.grid[data-astro-cid-3xovuwsz]>:not(.ruler){translate:0 var(--pull,0px)}.toast[data-astro-cid-3xovuwsz]{left:50%;bottom:var(--space-3);z-index:5;max-width:calc(100% - var(--space-6));padding:var(--space-2) var(--space-3);border:2px solid var(--text);color:var(--text);font-size:var(--text-xs);text-align:center;pointer-events:none;background:#000;position:absolute;translate:-50%}.toast[data-astro-cid-3xovuwsz][hidden]{display:none}.progress[data-astro-cid-3xovuwsz]{z-index:8;gap:var(--space-2);width:min(280px, calc(100% - var(--space-6)));padding:var(--space-3);border:2px solid var(--text);color:var(--text);font-size:var(--text-xs);text-align:center;background:#000;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.progress[data-astro-cid-3xovuwsz][hidden]{display:none}.progress-bar[data-astro-cid-3xovuwsz]{border:2px solid var(--text);height:16px;position:relative}.progress-fill[data-astro-cid-3xovuwsz]{width:calc((100% - 4px) * var(--done,0));background:repeating-linear-gradient(to right, var(--red) 0 8px, transparent 8px 10px);transition:width var(--fast) var(--ease);position:absolute;inset:2px auto 2px 2px}.progress-text[data-astro-cid-3xovuwsz]{color:var(--muted)}.stage[data-astro-cid-3xovuwsz]>[data-astro-cid-3xovuwsz]{--gap:3px;--steps:16;--cell:min(calc((100cqw - var(--names) - var(--map) - var(--space-2) - var(--steps) * var(--gap)) / var(--steps)), calc((100cqh - var(--ruler) - 7 * var(--gap)) / 7), var(--cell-max));--grid-width:calc(var(--names) + var(--steps) * (var(--cell) + var(--gap)))}.grid[data-astro-cid-3xovuwsz]{width:var(--grid-width);grid-template-columns:var(--names) repeat(var(--steps), var(--cell));grid-template-rows:var(--ruler);grid-auto-rows:var(--cell);align-content:start;gap:var(--gap);overscroll-behavior:contain;scrollbar-width:none;touch-action:none;display:grid;position:absolute;top:0;bottom:0;left:0;overflow:auto}.grid[data-astro-cid-3xovuwsz]::-webkit-scrollbar{display:none}.map[data-astro-cid-3xovuwsz],.rail[data-astro-cid-3xovuwsz]{width:var(--map);border:1px solid var(--line);cursor:var(--cursor-pointer);touch-action:none;background:#ffffff08;position:absolute;top:0;bottom:0}.map[data-astro-cid-3xovuwsz]{left:calc(var(--grid-width) + var(--space-2))}.rail[data-astro-cid-3xovuwsz]{right:0}.rail-thumb[data-astro-cid-3xovuwsz]{pointer-events:none;background:#ffffff1a;border:2px solid #ffffffd9;position:absolute;left:-1px;right:-1px}.map[data-astro-cid-3xovuwsz][hidden]{display:none}.map[data-astro-cid-3xovuwsz] canvas[data-astro-cid-3xovuwsz]{width:100%;height:100%;position:absolute;inset:0}.map-view[data-astro-cid-3xovuwsz]{pointer-events:none;background:#ffffff1a;border:2px solid #ffffffd9;position:absolute;left:-1px;right:-1px}.grid[data-astro-cid-3xovuwsz][hidden]{display:none}.track-label[data-astro-cid-3xovuwsz]{grid-row:calc(var(--t) + 1);min-width:0;padding-right:var(--space-2);font-size:var(--text-xs);cursor:var(--cursor-pointer);transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease);grid-column:1;justify-content:flex-end;align-items:center;display:flex;overflow:hidden}.track-label[data-astro-cid-3xovuwsz].is-heard{background:#ffffff1f;color:var(--text)!important}.ruler[data-astro-cid-3xovuwsz]{z-index:2;grid-row:1;grid-column:calc(var(--s) + 1);min-width:0;color:var(--faint);font-family:var(--pixel);font-size:var(--text-2xs);text-align:left;cursor:var(--cursor-pointer);background:#000;border:0;border-bottom:2px solid #ffffff26;padding:0 0 0 3px;position:sticky;top:0}.ruler--beat[data-astro-cid-3xovuwsz]{color:var(--muted);border-bottom-color:#ffffff59}.ruler[data-astro-cid-3xovuwsz].is-now{border-bottom-color:var(--text)}.ruler[data-astro-cid-3xovuwsz].is-start{border-bottom-color:var(--red);color:var(--text)}.ruler[data-astro-cid-3xovuwsz].is-start:before{content:"";border-top:8px solid var(--red);border-left:8px solid #0000;position:absolute;top:0;right:0}.cell[data-astro-cid-3xovuwsz]{grid-row:calc(var(--t) + 1);grid-column:calc(var(--s) + 1);min-width:0;min-height:0;cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #fff3;border-radius:0;padding:0;transition:background-color 80ms linear,border-color 80ms linear}.cell--alt[data-astro-cid-3xovuwsz]{background:#ffffff21;border-color:#ffffff42}.cell--root[data-astro-cid-3xovuwsz]{background-image:linear-gradient(#ffffff12,#ffffff12)}@media (hover:hover) and (pointer:fine){.cell[data-astro-cid-3xovuwsz]:hover{border-color:var(--color)}}.cell[data-astro-cid-3xovuwsz][aria-pressed=true]{background:var(--color);border-color:var(--color)}.cell[data-astro-cid-3xovuwsz].is-now{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.cell[data-astro-cid-3xovuwsz][aria-pressed=true].is-now{filter:brightness(1.35)}.grid--notes[data-astro-cid-3xovuwsz] .cell[data-astro-cid-3xovuwsz]{z-index:1;position:relative}.grid--notes[data-astro-cid-3xovuwsz] .cell[data-astro-cid-3xovuwsz][aria-pressed=true]{background:0 0;border-color:#0000}.grid--notes[data-astro-cid-3xovuwsz] .note{grid-row:calc(var(--t) + 1);grid-column:calc(var(--s) + 1) / span var(--len);z-index:0;background:var(--color);pointer-events:none;box-shadow:inset 5px 0 #00000052,inset -5px 0 #00000052}@media (width<=720px),(height<=500px){.app[data-astro-cid-3xovuwsz]{--names:48px;--rack:136px;--map:24px;--cell-max:100vw;z-index:60;gap:var(--space-2);width:auto;padding:max(var(--space-2), env(safe-area-inset-top)) max(var(--space-3), env(safe-area-inset-right)) max(var(--space-2), env(safe-area-inset-bottom)) max(var(--space-3), env(safe-area-inset-left));touch-action:none;position:fixed;inset:0}.top[data-astro-cid-3xovuwsz]{gap:var(--space-2);flex-wrap:nowrap}.tool[data-astro-cid-3xovuwsz]{min-width:34px;height:34px;padding:0 var(--space-2)}.play[data-astro-cid-3xovuwsz]{width:44px;height:36px}.tempo[data-astro-cid-3xovuwsz] .label[data-astro-cid-3xovuwsz]{display:none}.tempo[data-astro-cid-3xovuwsz] input[data-astro-cid-3xovuwsz]{font-size:var(--text-lg)}.app[data-astro-cid-3xovuwsz]{--part-h:36px}.mute[data-astro-cid-3xovuwsz]{width:30px}.fader[data-astro-cid-3xovuwsz]{height:40px}}@media (width<=720px) and (orientation:portrait){.app[data-astro-cid-3xovuwsz]{transform-origin:0 0;width:100dvh;height:100vw;padding:var(--space-2) max(var(--space-3), env(safe-area-inset-bottom)) var(--space-2) max(var(--space-3), env(safe-area-inset-top));inset:0 auto auto 100vw;transform:rotate(90deg)}}