@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";._sequencer_118ry_10{display:flex;flex:1;min-height:0;min-width:0;gap:6px;padding:6px;background:var(--grid-background);border-radius:var(--radius-md);box-sizing:border-box}._controlsTrack_118ry_22{display:grid;gap:6px;overflow:visible;flex:0 0 auto}._controlItem_118ry_30{position:relative;display:flex;align-items:center;gap:4px;min-width:0}._instrumentButton_118ry_38{position:relative;display:flex;aspect-ratio:auto;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;aspect-ratio:1;padding:0;background:var( --surface-gradient, linear-gradient(145deg, var(--ui-surface-light), var(--ui-surface)) );border:1px solid var(--ui-border);border-radius:8px;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}._instrumentButton_118ry_38:hover{border-color:var(--ui-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}._instrumentButton_118ry_38:focus-visible{outline:none;box-shadow:var(--focus-ring)}._instrumentEmoji_118ry_72{font-size:calc(var(--kit-main) * .52);line-height:1;-webkit-user-select:none;user-select:none}._volumeButton_118ry_78{display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--ui-surface);color:var(--volume-button-bg);padding:0;border:1px solid var(--ui-border);border-radius:var(--radius-sm);font-weight:700;font-size:max(8px,calc(var(--kit-main) * .2));cursor:pointer;transition:background-color var(--transition-fast)}._volumeButton_118ry_78:hover{background:var(--ui-hover);border-color:var(--volume-button-bg)}._volumeButton_118ry_78[aria-expanded=true]{background:var(--volume-button-bg);color:var(--button-ink);border-color:var(--volume-button-border)}._volumeButton_118ry_78:focus-visible{outline:none;box-shadow:var(--focus-ring)}._volumePopup_118ry_111{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;background:var(--ui-surface-overlay);border:1px solid var(--ui-border);border-radius:6px;box-shadow:var(--shadow-lg)}._volumeSlider_118ry_125{accent-color:var(--volume-accent);margin:0}._scrollArea_118ry_130{display:flex;flex:1 1 auto;min-width:0;min-height:0;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);-webkit-overflow-scrolling:touch}._scrollArea_118ry_130::-webkit-scrollbar{width:8px;height:8px}._scrollArea_118ry_130::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}._scrollArea_118ry_130::-webkit-scrollbar-track{background:var(--scrollbar-track)}._grid_118ry_154{display:grid;gap:6px;position:relative}._beatStripe_118ry_162{border-radius:6px;pointer-events:none;z-index:0}._evenBeat_118ry_168{background-color:var(--grid-beat-even)}._oddBeat_118ry_172{background-color:var(--grid-beat-odd)}._cell_118ry_176{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:stretch;min-width:0;min-height:0}._cell_118ry_176 input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:100%;height:100%;background:var(--grid-cell-inactive);border:1px solid var(--grid-cell-border);border-radius:var(--cell-radius);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}._cell_118ry_176 input[type=checkbox]:not(:checked):hover{background:var(--grid-cell-hover);border-color:var(--ui-accent)}._cell_118ry_176 input[type=checkbox]:checked{background:var(--grid-cell-active);border-color:var(--grid-cell-active);box-shadow:0 0 10px var(--grid-active-glow)}._cell_118ry_176 input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--focus-ring)}._playing_118ry_218:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:var(--radius-sm);background:var(--grid-playhead-wash);box-shadow:inset 0 0 0 1px var(--grid-playing);pointer-events:none;z-index:2}._playing_118ry_218 input[type=checkbox]:checked{box-shadow:0 0 14px var(--grid-active-glow);filter:brightness(1.15)}._sequencer_118ry_10{flex-direction:row}._controlsTrack_118ry_22{grid-template-rows:var(--ruler-track) repeat(var(--num-rows, 8),var(--cell-h));grid-auto-flow:row;align-content:center;height:100%;width:calc(var(--kit-main) + var(--kit-track-extra))}._controlItem_118ry_30{grid-column:1;grid-row:calc(var(--lane) + 2);height:auto;min-height:0}._volumeButton_118ry_78{width:2em;align-self:stretch}._volumePopup_118ry_111{top:50%;left:calc(100% + 6px);transform:translateY(-50%);height:var(--cell-h);width:calc(var(--kit-main) * 2.6)}._volumeSlider_118ry_125{width:100%}._scrollArea_118ry_130{overflow-x:auto;overflow-y:hidden;justify-content:safe center;align-items:safe center}._grid_118ry_154{grid-template-columns:repeat(var(--num-cols),var(--cell-w));grid-template-rows:var(--ruler-track) repeat(var(--num-rows),var(--cell-h));flex:0 0 auto;margin:auto}._cell_118ry_176{grid-column:var(--col);grid-row:calc(var(--row) + 1)}._beatStripe_118ry_162{grid-column:var(--beat-start) / span var(--beat-span);grid-row:2 / -1}._volumeIcon_118ry_304{width:1.5em;height:1.5em;flex:0 0 auto}._beatMarker_118ry_312{grid-column:var(--beat-start);grid-row:1;justify-self:start;padding:0 0 3px 2px;z-index:3;font-size:max(8px,calc(var(--cell-w) * .22));font-weight:700;line-height:1;color:var(--ui-text-primary);opacity:.55;pointer-events:none;font-variant-numeric:tabular-nums}._variantBadge_118ry_327{position:absolute;right:2px;bottom:1px;font-size:max(7px,calc(var(--kit-main) * .16));font-weight:700;line-height:1;color:var(--ui-text-primary);opacity:.45;pointer-events:none;font-variant-numeric:tabular-nums}._volumeValue_118ry_340{flex:0 0 auto;min-width:2.4em;text-align:right;font-size:11px;font-weight:700;color:var(--ui-text-primary);font-variant-numeric:tabular-nums}@media (orientation: portrait){._sequencer_118ry_10{flex-direction:column}._controlsTrack_118ry_22{grid-template-columns:var(--ruler-track) repeat(var(--num-rows, 8),var(--cell-w));grid-template-rows:none;width:max-content;height:auto;margin:0}._controlItem_118ry_30{grid-column:calc(var(--lane) + 2);grid-row:1}._controlItem_118ry_30{flex-direction:column;height:auto;gap:2px}._instrumentButton_118ry_38{aspect-ratio:1}._volumeButton_118ry_78{width:100%;height:1.6em;align-self:auto}._volumePopup_118ry_111{top:calc(100% + 6px);left:50%;transform:translate(-50%);width:max(120px,100%);height:auto}._scrollArea_118ry_130{overflow-x:hidden;overflow-y:auto;justify-content:flex-start;align-items:flex-start}._grid_118ry_154{grid-template-columns:var(--ruler-track) repeat(var(--num-rows),var(--cell-w));grid-template-rows:repeat(var(--num-cols),var(--cell-h));width:max-content;height:auto;margin:0}._cell_118ry_176{grid-column:calc(var(--row) + 1);grid-row:var(--col)}._beatStripe_118ry_162{grid-column:2 / -1;grid-row:var(--beat-start) / span var(--beat-span)}._beatMarker_118ry_312{grid-column:1;grid-row:var(--beat-start);align-self:start;justify-self:center;padding:0;margin:0}}._controlsContainer_1hnfz_3{background:var(--ui-surface);padding:8px;border-radius:var(--radius-lg);position:relative;font-weight:500;font-size:20px;width:var(--controls-container-width);height:auto;border:1px solid var(--ui-border);box-shadow:var(--shadow-md);box-sizing:border-box}._controlsButton_1hnfz_17{font-size:max(10px,calc(var(--base-font-size) * 2));transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);cursor:pointer;border:1px solid transparent;border-radius:var(--radius-md);margin:0;height:40px;width:100%;font-weight:600;color:var(--button-ink);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:0}._controlsButton_1hnfz_17:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.08)}._controlsButton_1hnfz_17:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}._controlsGrid_1hnfz_54{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(32px,1fr);gap:6px;width:100%;margin-top:6px}._buttonIcon_1hnfz_63{line-height:1}._readout_1hnfz_67{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1;color:var(--ui-text-primary)}._readoutValue_1hnfz_77{font-size:.95em;font-weight:700;font-variant-numeric:tabular-nums}._readoutCaption_1hnfz_83{font-size:.42em;font-weight:600;letter-spacing:.1em;opacity:.6}._playing_1hnfz_90{background:linear-gradient(135deg,var(--button-stop),color-mix(in srgb,var(--button-stop) 85%,black))}._playing_1hnfz_90:hover{background:linear-gradient(135deg,var(--button-stop-hover),var(--button-stop))}._stopped_1hnfz_102{background:linear-gradient(135deg,var(--button-play),color-mix(in srgb,var(--button-play) 85%,black))}._stopped_1hnfz_102:hover{background:linear-gradient(135deg,var(--button-play-hover),var(--button-play))}._clearButton_1hnfz_114{background:linear-gradient(135deg,var(--button-clear),color-mix(in srgb,var(--button-clear) 85%,black))}._clearButton_1hnfz_114:hover{background:linear-gradient(135deg,var(--button-clear-hover),var(--button-clear))}._resetButton_1hnfz_126{background:linear-gradient(135deg,var(--button-reset),color-mix(in srgb,var(--button-reset) 85%,black))}._resetButton_1hnfz_126:hover{background:linear-gradient(135deg,var(--button-reset-hover),var(--button-reset))}._tempoButton_1hnfz_138{font-size:.9em}@media (orientation: portrait){._controlsContainer_1hnfz_3{width:100%;max-width:100%;margin:8px 0 0;padding-left:8px;padding-right:8px}}._controlsButton_1hnfz_17:focus-visible{outline:none;box-shadow:var(--focus-ring)}._controlsButton_1hnfz_17:disabled{cursor:progress;filter:saturate(.35) brightness(.8)}._controlsButton_1hnfz_17:disabled:hover{transform:none;box-shadow:var(--shadow-sm)}._spinner_1hnfz_167{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:_spin_1hnfz_167 .7s linear infinite}@keyframes _spin_1hnfz_167{to{transform:rotate(360deg)}}._doughLoopManager_tk82k_3{background-color:var(--ui-surface-raised);padding:4px;border-radius:8px;display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;overflow:hidden}._drumLoopEditor_tk82k_15{flex:1;min-height:0;display:flex;flex-direction:column}._bottomControlsRow_tk82k_22{display:flex;flex-direction:row;justify-content:space-between;gap:8px;padding:0 4px 4px}@media (orientation: landscape){._bottomControlsRow_tk82k_22{display:none}}._trigger_19wgw_5{display:flex;align-items:center;flex:0 0 auto;margin-left:6px;padding:8px;height:28px;background:var(--ui-surface-light);border:1px solid var(--ui-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}._trigger_19wgw_5:hover{background:var(--ui-hover);border-color:var(--ui-accent)}._trigger_19wgw_5:focus-visible{outline:none;box-shadow:var(--focus-ring)}._swatches_19wgw_31{display:flex;gap:2px;flex:0 0 auto}._swatches_19wgw_31 i{width:7px;height:7px;border-radius:2px}._panel_19wgw_43{position:fixed;z-index:1000;width:min(340px,calc(100vw - 20px));max-height:min(70vh,460px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--ui-surface-overlay);border:1px solid var(--ui-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}._groupLabel_19wgw_59{margin-bottom:6px;color:var(--ui-text-primary);opacity:.5;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}._swatchGrid_19wgw_69{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}._swatch_19wgw_31{display:flex;align-items:center;gap:7px;padding:6px 8px;background:var(--seed-surface);color:var(--seed-text);border:1px solid var(--seed-border);border-radius:var(--radius-md);font:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast)}._swatch_19wgw_31:hover{border-color:var(--seed-accent)}._swatchActive_19wgw_97{border-color:var(--seed-accent);box-shadow:inset 0 0 0 1px var(--seed-accent)}._swatch_19wgw_31:focus-visible{outline:2px solid var(--seed-accent);outline-offset:1px}._swatchChip_19wgw_107{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:1px;flex:0 0 auto}._swatchChip_19wgw_107 i{border-radius:1px}._titleBox_1lj9x_1{background-color:var(--ui-surface);padding:0 8px;border-radius:12px;border:1px solid var(--ui-border);margin:5px;display:flex;justify-content:flex-start;align-items:center;height:40px;box-shadow:var(--shadow-md)}._logoImage_1lj9x_14{height:100%;width:auto;border-radius:8px;flex-shrink:0}._backLink_1lj9x_21{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.72rem,1.76vw,1rem);font-weight:500;color:var(--color-text-gold);text-decoration:none;white-space:nowrap;letter-spacing:.02em;margin-left:10px;transition:color .18s}._backLink_1lj9x_21:hover{color:var(--ui-accent-2);text-decoration:underline}._backLinkPortrait_1lj9x_40{display:none}@media (orientation: portrait){._backLinkLandscape_1lj9x_45{display:none}._backLinkPortrait_1lj9x_40{display:inline}._logoImage_1lj9x_14{max-width:108px;object-fit:contain}._titleBoxButton_1lj9x_60{padding:8px;gap:4px}}._spacer_1lj9x_66{flex:1}._titleBoxButton_1lj9x_60{background-color:var(--ui-accent-2);font-weight:600;margin-left:6px;padding:8px 12px;border:1px solid var(--ui-border);border-radius:6px;cursor:pointer;height:28px;font-size:calc(var(--base-font-size) * 1.5);color:var(--ui-text-primary);transition:background-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);display:flex;align-items:center;gap:6px;white-space:nowrap}._titleBoxButton_1lj9x_60:hover{background-color:var(--ui-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}._dropdownPanel_zgot7_1{position:fixed;right:15px;z-index:999;background:var(--ui-surface-overlay);color:var(--ui-text-primary);border:1px solid var(--ui-border-overlay);border-radius:8px;padding:16px;box-shadow:var(--shadow-lg);max-width:90vw;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;-webkit-overflow-scrolling:touch}._wide_zgot7_18{min-width:280px}._demoDropdown_v9d09_1{display:flex;flex-direction:column;gap:8px;padding:0;margin:0;min-width:auto;width:fit-content}._loopItem_v9d09_11{display:block;width:100%;text-align:left;background:none;font-family:inherit;padding:10px 14px;cursor:pointer;color:var(--ui-text-primary);font-weight:500;font-size:calc(var(--base-font-size) * 1.4);border-radius:6px;transition:background-color var(--transition-base),border-color var(--transition-base);border:1px solid transparent;white-space:nowrap}._loopItem_v9d09_11:hover{background-color:var(--ui-hover);border-color:var(--ui-border)}._loopItem_v9d09_11._active_v9d09_35{background-color:var(--ui-accent);color:var(--ui-surface);font-weight:700;border-color:var(--ui-accent)}._loopItem_v9d09_11._active_v9d09_35:hover{background-color:var(--ui-accent);filter:brightness(1.1)}._loopItem_v9d09_11:focus-visible{outline:none;box-shadow:var(--focus-ring)}._gridAndLoopsWrapper_1te3z_1{display:flex;flex-direction:column;gap:0;padding:0;width:100%;max-width:none;margin:0;flex:1;min-height:0;overflow:hidden;box-sizing:border-box}@media (orientation: landscape){._gridAndLoopsWrapper_1te3z_1{flex-direction:row;align-items:stretch;max-width:100%;gap:16px;padding:4px}._gridAndLoopsWrapper_1te3z_1>*{flex:1;min-width:0}}._sideControlsPanel_1te3z_30{display:none}@media (orientation: portrait){._sideControlsPanel_1te3z_30{margin-left:0;margin-right:0}}@media (orientation: landscape){._sideControlsPanel_1te3z_30{display:flex;flex-direction:column;gap:8px;flex:0 0 auto;margin-left:0;margin-right:4px;width:min(210px,24vw);justify-content:flex-start;align-self:flex-start}._sideControlsPanel_1te3z_30>*{width:100%}}@media (orientation: portrait){._gridAndLoopsWrapper_1te3z_1{height:100%;padding:0;gap:0;margin:0;border:5px solid black;box-sizing:border-box}}._App_1te3z_70{display:flex;flex-direction:column;height:100dvh;overflow:hidden}._mainContent_1te3z_77{flex:1;width:100%;overflow:hidden;display:flex;flex-direction:column}:root{--seed-page: #0b0b10;--seed-bg: #16161e;--seed-surface: #24283b;--seed-surface-2: #2f3449;--seed-overlay: #111116;--seed-border: #414868;--seed-text: #c0caf5;--seed-accent: #bb9af7;--seed-cell: #1f2335;--seed-cell-border: #565f89;--seed-active: #ff9e64;--seed-playhead: #f7768e;--seed-beat-a: #636eff;--seed-beat-b: #ff79c6;--seed-play: #9ece6a;--seed-stop: #f7768e;--seed-clear: #7dcfff;--seed-reset: #bb9af7;--seed-vol: #d9a974;--seed-danger: #f7768e;--seed-success: #73daca;--stripe-base: 32%}:root{--ui-page-bg: var(--seed-page);--ui-surface: var(--seed-surface);--ui-surface-light: var(--seed-surface-2);--ui-surface-raised: color-mix(in srgb, var(--seed-bg) 82%, var(--seed-surface));--ui-surface-overlay: var(--seed-overlay);--ui-border: var(--seed-border);--ui-border-overlay: color-mix(in srgb, var(--seed-border) 70%, var(--seed-overlay));--ui-text-primary: var(--seed-text);--ui-accent: var(--seed-accent);--ui-accent-2: color-mix(in srgb, var(--seed-accent) 78%, var(--seed-surface));--ui-accent-3: color-mix(in srgb, var(--seed-accent) 58%, var(--seed-surface));--ui-hover: color-mix(in srgb, var(--seed-accent) 34%, var(--seed-surface));--placeholder-text: color-mix(in srgb, var(--seed-text) 42%, transparent);--color-off-red-1: var(--seed-danger);--color-off-green-1: var(--seed-success);--color-text-gold: color-mix(in srgb, var(--seed-vol) 72%, var(--seed-text));--color-dark-purple-2: color-mix(in srgb, var(--seed-surface) 88%, var(--seed-accent));--color-warm-pink-1: var(--seed-beat-b);--grid-background: var(--seed-bg);--grid-cell-inactive: var(--seed-cell);--grid-cell-active: var(--seed-active);--grid-cell-border: var(--seed-cell-border);--grid-cell-hover: color-mix(in srgb, var(--seed-cell) 82%, var(--seed-accent));--stripe-strength: var(--stripe-base);--grid-beat-even: color-mix(in srgb, var(--seed-beat-a) var(--stripe-strength), transparent);--grid-beat-odd: color-mix(in srgb, var(--seed-beat-b) var(--stripe-strength), transparent);--grid-playing: var(--seed-playhead);--grid-playhead-wash: color-mix(in srgb, var(--seed-playhead) 16%, transparent);--grid-active-glow: color-mix(in srgb, var(--seed-active) 40%, transparent);--button-play: var(--seed-play);--button-stop: var(--seed-stop);--button-clear: var(--seed-clear);--button-reset: var(--seed-reset);--button-play-hover: color-mix(in srgb, var(--seed-play) 78%, white);--button-stop-hover: color-mix(in srgb, var(--seed-stop) 78%, white);--button-clear-hover: color-mix(in srgb, var(--seed-clear) 78%, white);--button-reset-hover: color-mix(in srgb, var(--seed-reset) 78%, white);--button-ink: var(--seed-bg);--volume-accent: color-mix(in srgb, var(--seed-accent) 70%, var(--seed-bg));--volume-button-bg: var(--seed-vol);--volume-button-border: color-mix(in srgb, var(--seed-vol) 80%, black);--scrollbar-thumb: color-mix(in srgb, var(--seed-accent) 70%, var(--seed-bg));--scrollbar-track: color-mix(in srgb, var(--seed-bg) 70%, black);--save-button-bg: color-mix(in srgb, var(--seed-accent) 62%, var(--seed-surface));--save-button-bg-hover: color-mix(in srgb, var(--seed-accent) 82%, var(--seed-surface));--loop-input-bg: color-mix(in srgb, var(--seed-surface) 70%, var(--seed-accent));--delete-button-bg: color-mix(in srgb, var(--seed-danger) 74%, var(--seed-bg));--delete-button-bg-hover: var(--seed-danger)}:root{--controls-container-width: 80px;--base-font-size: 12px;--cell-w: 44px;--cell-h: 44px;--kit-main: 44px;--kit-track-extra: 26px;--ruler-track: 16px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--cell-radius: 4px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--focus-ring: 0 0 0 2px var(--seed-bg), 0 0 0 4px var(--ui-accent);--transition-fast: .12s ease;--transition-base: .2s ease}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms}}[data-theme=bakery]{--seed-page: #17100c;--seed-bg: #221812;--seed-surface: #35251b;--seed-surface-2: #46311f;--seed-overlay: #1b120d;--seed-border: #5e4530;--seed-text: #f4e3cf;--seed-accent: #e8a33d;--seed-cell: #2c1f17;--seed-cell-border: #6b4f38;--seed-active: #f0b455;--seed-playhead: #ff7a59;--seed-beat-a: #e8a33d;--seed-beat-b: #6b3a24;--stripe-base: 40%;--seed-play: #a8bf6a;--seed-stop: #e2705a;--seed-clear: #7fb3ad;--seed-reset: #d9a05b;--seed-vol: #d9a974;--seed-danger: #e2705a;--seed-success: #a8bf6a}[data-theme=neon]{--seed-page: #05050a;--seed-bg: #0a0a14;--seed-surface: #141428;--seed-surface-2: #1d1d3a;--seed-overlay: #08080f;--seed-border: #2e2e5c;--seed-text: #d8f6ff;--seed-accent: #00e5ff;--seed-cell: #10102a;--seed-cell-border: #3a3a7a;--seed-active: #ff2bd6;--seed-playhead: #00ff9d;--seed-beat-a: #00e5ff;--seed-beat-b: #ff2bd6;--seed-play: #00ff9d;--seed-stop: #ff2b6b;--seed-clear: #00e5ff;--seed-reset: #b47bff;--seed-vol: #ffd166;--seed-danger: #ff2b6b;--seed-success: #00ff9d}[data-theme=daylight]{--seed-page: #e8e6f0;--seed-bg: #f7f6fb;--seed-surface: #ffffff;--seed-surface-2: #f0eef7;--seed-overlay: #ffffff;--seed-border: #c9c5da;--seed-text: #2b2740;--seed-accent: #6c4bd8;--seed-cell: #e6e3f0;--seed-cell-border: #b8b2cf;--seed-active: #f2802a;--seed-playhead: #e0356b;--seed-beat-a: #6c8cff;--seed-beat-b: #e46bb0;--stripe-base: 26%;--seed-play: #3fa34d;--seed-stop: #e0356b;--seed-clear: #2a9bd8;--seed-reset: #6c4bd8;--seed-vol: #c98a2e;--seed-danger: #d12b52;--seed-success: #2e8b57}[data-theme=mono]{--seed-page: #0c0c0c;--seed-bg: #141414;--seed-surface: #1e1e1e;--seed-surface-2: #2a2a2a;--seed-overlay: #101010;--seed-border: #3a3a3a;--seed-text: #ededed;--seed-accent: #f5f5f5;--seed-cell: #1c1c1c;--seed-cell-border: #4a4a4a;--seed-active: #ffffff;--seed-playhead: #ff4d4d;--seed-beat-a: #9a9a9a;--seed-beat-b: #202020;--stripe-base: 26%;--seed-play: #e6e6e6;--seed-stop: #ff4d4d;--seed-clear: #9a9a9a;--seed-reset: #c4c4c4;--seed-vol: #8a8a8a;--seed-danger: #ff4d4d;--seed-success: #b5b5b5}[data-theme=forest]{--seed-page: #080d0a;--seed-bg: #101a14;--seed-surface: #19281e;--seed-surface-2: #22362a;--seed-overlay: #0c1410;--seed-border: #33503d;--seed-text: #d6e8d8;--seed-accent: #7fc98a;--seed-cell: #142019;--seed-cell-border: #3d5c47;--seed-active: #e0b34d;--seed-playhead: #ff9a52;--seed-beat-a: #7fc98a;--seed-beat-b: #1e3326;--stripe-base: 30%;--seed-play: #7fc98a;--seed-stop: #e2705a;--seed-clear: #6fb3b8;--seed-reset: #c9b06a;--seed-vol: #b9a76b;--seed-danger: #e2705a;--seed-success: #7fc98a}[data-theme=ocean]{--seed-page: #04101a;--seed-bg: #071c2b;--seed-surface: #0e2c40;--seed-surface-2: #143a53;--seed-overlay: #05141f;--seed-border: #245a77;--seed-text: #cfe9f5;--seed-accent: #4fc3d9;--seed-cell: #0a2334;--seed-cell-border: #2c6785;--seed-active: #ffd166;--seed-playhead: #ff6f91;--seed-beat-a: #4fc3d9;--seed-beat-b: #0d3348;--stripe-base: 34%;--seed-play: #5fd6a6;--seed-stop: #ff6f91;--seed-clear: #4fc3d9;--seed-reset: #8fa9ff;--seed-vol: #e0b877;--seed-danger: #ff6f91;--seed-success: #5fd6a6}[data-theme=sunset]{--seed-page: #150a1a;--seed-bg: #1f0f26;--seed-surface: #301641;--seed-surface-2: #3f1e53;--seed-overlay: #170b1d;--seed-border: #5a2d6e;--seed-text: #f6dfef;--seed-accent: #ff8fb1;--seed-cell: #27122f;--seed-cell-border: #6b3a80;--seed-active: #ffa552;--seed-playhead: #ffe066;--seed-beat-a: #ff8fb1;--seed-beat-b: #4a2160;--stripe-base: 34%;--seed-play: #ffb35c;--seed-stop: #ff5d8f;--seed-clear: #b58cff;--seed-reset: #ff8fb1;--seed-vol: #ffc978;--seed-danger: #ff5d8f;--seed-success: #9fe0a0}[data-theme=rose]{--seed-page: #170c10;--seed-bg: #21131a;--seed-surface: #331d27;--seed-surface-2: #452833;--seed-overlay: #190e14;--seed-border: #5e3a48;--seed-text: #f0dde3;--seed-accent: #d98fa4;--seed-cell: #2a1720;--seed-cell-border: #6b4453;--seed-active: #e8a0a8;--seed-playhead: #ffb37a;--seed-beat-a: #d98fa4;--seed-beat-b: #3d222c;--stripe-base: 32%;--seed-play: #a8c48e;--seed-stop: #d96b7f;--seed-clear: #8fb0c4;--seed-reset: #c99ac0;--seed-vol: #d3a07f;--seed-danger: #d96b7f;--seed-success: #a8c48e}[data-theme=plum]{--seed-page: #0d0716;--seed-bg: #150d24;--seed-surface: #221537;--seed-surface-2: #2e1d49;--seed-overlay: #0f0819;--seed-border: #432b66;--seed-text: #e2d6f8;--seed-accent: #a678ff;--seed-cell: #1b1030;--seed-cell-border: #513a7a;--seed-active: #ffb2e6;--seed-playhead: #66e0c0;--seed-beat-a: #a678ff;--seed-beat-b: #2a1a45;--stripe-base: 34%;--seed-play: #7ee0b0;--seed-stop: #ff6b9d;--seed-clear: #78c8ff;--seed-reset: #a678ff;--seed-vol: #d9b06a;--seed-danger: #ff6b9d;--seed-success: #7ee0b0}[data-theme=terminal]{--seed-page: #000000;--seed-bg: #030703;--seed-surface: #0a120a;--seed-surface-2: #101c10;--seed-overlay: #020502;--seed-border: #1d331d;--seed-text: #9bf29b;--seed-accent: #33ff66;--seed-cell: #061006;--seed-cell-border: #24421f;--seed-active: #33ff66;--seed-playhead: #ccff33;--seed-beat-a: #33ff66;--seed-beat-b: #0a170a;--stripe-base: 20%;--seed-play: #33ff66;--seed-stop: #ff5c5c;--seed-clear: #7dffc4;--seed-reset: #b6ff7d;--seed-vol: #8fdf6a;--seed-danger: #ff5c5c;--seed-success: #33ff66}[data-theme=arctic]{--seed-page: #dfe8f0;--seed-bg: #f2f7fb;--seed-surface: #ffffff;--seed-surface-2: #e9f1f7;--seed-overlay: #ffffff;--seed-border: #bccddd;--seed-text: #22323f;--seed-accent: #1b7fa8;--seed-cell: #e2ecf4;--seed-cell-border: #a9c1d4;--seed-active: #ff8c42;--seed-playhead: #d63d6e;--seed-beat-a: #4a9fd4;--seed-beat-b: #b9d3e5;--stripe-base: 30%;--seed-play: #2f9e6b;--seed-stop: #d63d6e;--seed-clear: #1b7fa8;--seed-reset: #6a6fd4;--seed-vol: #c2812c;--seed-danger: #cc2e50;--seed-success: #2f9e6b}[data-theme=candy]{--seed-page: #f5e7f2;--seed-bg: #fdf4fa;--seed-surface: #ffffff;--seed-surface-2: #fbeaf5;--seed-overlay: #ffffff;--seed-border: #e4c2da;--seed-text: #46293e;--seed-accent: #d94f9c;--seed-cell: #f6e4f0;--seed-cell-border: #dcafcd;--seed-active: #ffa93d;--seed-playhead: #5ec8d8;--seed-beat-a: #a98cf0;--seed-beat-b: #f6b6d8;--stripe-base: 30%;--seed-play: #57bf87;--seed-stop: #ef5f8a;--seed-clear: #4fb6cc;--seed-reset: #a98cf0;--seed-vol: #d9932f;--seed-danger: #d93f6e;--seed-success: #3f9e6b}[data-theme=sand]{--seed-page: #e9e0d1;--seed-bg: #f7f1e6;--seed-surface: #fffaf2;--seed-surface-2: #f1e7d7;--seed-overlay: #fffaf2;--seed-border: #d3c3a9;--seed-text: #3d3326;--seed-accent: #b06a2c;--seed-cell: #efe5d4;--seed-cell-border: #c4b096;--seed-active: #d98324;--seed-playhead: #c0453f;--seed-beat-a: #a8894f;--seed-beat-b: #ddceb4;--stripe-base: 32%;--seed-play: #6f8f3f;--seed-stop: #c0453f;--seed-clear: #3f7f8f;--seed-reset: #8a6bb0;--seed-vol: #a87a3a;--seed-danger: #b83a34;--seed-success: #6f8f3f}*,*:before,*:after{box-sizing:border-box}body{margin:0;transition:background-color var(--transition-base);font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;height:100dvh;overflow:hidden;-webkit-text-size-adjust:none;text-size-adjust:none;background-color:var(--ui-page-bg);color:var(--ui-text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input[type=range]{accent-color:var(--color-warm-pink-1)}button{-webkit-appearance:none;color:inherit}:where(a,button,input,select,[tabindex]):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.crashScreen{max-width:34rem;margin:15vh auto 0;padding:24px;text-align:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px}.crashScreen button{margin-top:12px;padding:8px 16px;background:var(--ui-accent-2);border:1px solid var(--ui-border);border-radius:6px;font:inherit;cursor:pointer}