@font-face{font-family:Ancizar Sans;src:url(./AncizarSansRegular-rvLp7.DSheC34P.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ancizar Sans;src:url(./AncizarSansSemibold-MAgwY.B_2Pcs3x.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Ancizar Sans;src:url(./AncizarSansBold-7OJKV.DrTDbiNJ.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#050507;--color-surface:#101015;--color-text:#f4f3fa;--color-muted:#aaa8bb;--color-accent:#a88aff;--color-secondary:#45e5ef;--color-kick:#ff34d9;--color-drum:#a88aff;--color-clap:#00dbf2;--color-hat:#00ee91;--color-bass:#b62bff;--color-clear:transparent;--panel-edge:#232447;--panel-blue:#071321;--panel-pink:#fa25db;--panel-muted:#b7b0e4;--beat-dim:#5d1596;--font-family:"Ancizar Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-small:clamp(.75rem, 1.3vmin, 1rem);--font-body:clamp(.875rem, 1.8vmin, 1.25rem);--font-heading:clamp(1.25rem, 3.5vmin, 2.75rem);--font-pad:clamp(1.25rem, 4vmin, 3.5rem);--main-font:clamp(.85rem, 1.9vmin, 1rem);--main-small:clamp(.7rem, 1.45vmin, .8rem);--main-tiny:clamp(.6rem, 1.2vmin, .7rem);--category-font:clamp(.5rem, 2.5vw, .7rem);--tempo-font:clamp(2.6rem, 9dvh, 5.7rem);--pad-label-font:clamp(1rem, 2.5vmin, 1.3rem);--setting-input-font:clamp(1.5rem, 4.6dvh, 2.5rem);--ramp-progress-font:clamp(1.15rem, 3vmin, 1.7rem);--settings-tempo-font:clamp(2rem, 7dvh, 4rem);--compact-tempo-font:clamp(1.3rem, 4dvh, 2.2rem);--weight-normal:400;--weight-strong:600;--weight-bold:700;--line-height-body:1.4;--line-height-heading:1.15;--line-height-tempo:.95;--line-height-tight:1;--circle-radius:50%;--viewport-full:100dvh;--space-xs:clamp(.25rem, .6vmin, .5rem);--space-sm:clamp(.5rem, 1.2vmin, 1rem);--space-md:clamp(.75rem, 2vmin, 1.75rem);--space-lg:clamp(1rem, 3vmin, 3rem);--radius:1rem;--main-radius:clamp(.65rem, 1.8vmin, 1rem);--border:1px;--pad-border:2px;--transport-border:3px;--slider-thumb-border:.15rem;--focus-ring:2px;--touch-target:48px;--icon-size:1.5rem;--content-width:100rem;--portrait-width:48rem;--main-width:42rem;--main-gap:clamp(.4rem, 1.2dvh, .85rem);--control-size:clamp(2rem, 5dvh, 3rem);--transport-size:clamp(3.2rem, 9dvh, 5.4rem);--neon-shadow:0 0 .7rem;--visually-hidden-size:1px;--visually-hidden-offset:-1px;--visually-hidden-clip:inset(50%);--dialog-width:min(var(--portrait-width), calc(100% - var(--space-lg) * 2));--dialog-max-height:calc(100dvh - var(--space-lg) * 2);--dialog-backdrop:color-mix(in srgb, var(--color-background) 80%, var(--color-clear));--area-color:var(--color-accent);--panel-background:radial-gradient(ellipse at center, var(--color-background) 25%, var(--panel-blue));--selected-background:radial-gradient(ellipse at center, color-mix(in srgb, var(--panel-pink) 23%, var(--color-background)), var(--color-background));--selected-shadow:inset 0 0 .5rem color-mix(in srgb, var(--panel-pink) 28%, transparent), 0 0 .45rem color-mix(in srgb, var(--panel-pink) 28%, transparent);--shell-rows:auto minmax(0, 1fr);--shell-columns:var(--touch-target) minmax(0, 1fr) var(--touch-target);--shell-gap:var(--space-md);--shell-safe-padding:max(var(--space-sm), env(safe-area-inset-top,0px)) max(var(--space-md), env(safe-area-inset-right,0px)) max(var(--space-sm), env(safe-area-inset-bottom,0px)) max(var(--space-md), env(safe-area-inset-left,0px));--view-rows:auto minmax(0, 1fr);--view-gap:var(--space-md);--portrait-max-width:var(--portrait-width);--placeholder-pad-columns:repeat(2, minmax(0, 1fr));--placeholder-pad-rows:repeat(2, minmax(0, 1fr));--placeholder-caption-display:initial;--main-rows:minmax(0, 1.2fr) minmax(0, 2.3fr) minmax(0, .65fr) minmax(0, .8fr);--main-ramp-rows:minmax(0, 1fr) minmax(0, .65fr) minmax(0, 3.6fr);--main-settings-rows:minmax(0, .95fr) minmax(0, 1.6fr) minmax(0, .55fr) minmax(0, 2.1fr);--main-layout-rows:minmax(0, .9fr) minmax(0, .8fr) minmax(0, .5fr) minmax(0, 2.8fr);--main-compact-rows:minmax(0, .4fr) minmax(0, .8fr) minmax(0, .5fr) minmax(0, 3.3fr);--main-columns:none;--main-header-height:auto;--main-header-icon-height:var(--touch-target);--main-shell-padding-block:max(var(--space-sm), env(safe-area-inset-top,0px)) max(var(--space-sm), env(safe-area-inset-bottom,0px));--main-brand-font:clamp(1rem, 4.5vmin, 1.5rem);--main-control-columns:minmax(0, 1fr) auto minmax(0, 1fr);--main-child-column:auto;--tempo-child-row:auto;--pads-child-row:auto;--controls-child-row:auto;--lower-child-column:auto;--lower-child-row:auto;--ramp-pads-row:auto;--beat-max-height:none;--beat-align-self:auto;--tempo-columns:1fr 1.3fr 1fr;--tempo-rows:minmax(0, 1fr) auto;--tempo-padding:var(--space-sm);--tempo-label-top:var(--space-sm);--tempo-label-left:var(--space-sm);--tempo-gradient:linear-gradient(105deg, var(--color-kick) 15%, var(--color-accent) 55%, var(--color-clap) 85%);--tempo-shadow:drop-shadow(0 0 .6rem color-mix(in srgb, var(--color-bass) 28%, transparent));--tempo-step-padding-bottom:var(--space-xs);--tempo-slider-padding-top:var(--space-xs);--tempo-slider-height:1.5rem;--tempo-track-height:.45rem;--tempo-thumb-size-webkit:1.25rem;--tempo-thumb-size-moz:1rem;--tempo-thumb-margin:-.4rem;--tempo-thumb-shadow:0 0 .7rem var(--color-accent);--compact-tempo-gap:var(--space-sm);--compact-step-size:1.8rem;--settings-transport-size:clamp(2.7rem, 7dvh, 4rem);--settings-panel-toggle-min-height:1.9rem;--settings-pad-icon-size:clamp(1.3rem, 5dvh, 3rem);--pad-columns:repeat(2, minmax(0, 1fr));--pad-rows:repeat(2, minmax(0, 1fr));--expanded-pad-columns:repeat(4, minmax(0, 1fr));--expanded-pad-rows:minmax(0, 1fr);--pad-direction:column;--ramp-pad-direction:column;--pad-icon-size:clamp(1.6rem, 7dvh, 4.3rem);--pad-icon-max-height:48%;--ramp-pad-icon-size:var(--pad-icon-size);--pad-volume-width:42%;--pad-volume-height:clamp(.3rem, .9dvh, .65rem);--pad-disabled-opacity:.5;--pad-compact-gap:var(--space-xs);--panel-toggle-height:76%;--panel-toggle-min-height:2.1rem;--panel-toggle-icon-size:1.8rem;--transport-icon-size:53%;--transport-background:linear-gradient(var(--color-background), var(--color-background)) padding-box, linear-gradient(100deg, var(--panel-pink), var(--color-accent), var(--color-clap)) border-box;--transport-shadow:0 0 .6rem color-mix(in srgb, var(--color-bass) 25%, transparent);--transport-icon-shadow:drop-shadow(0 0 .35rem var(--color-accent));--beat-padding:var(--space-sm) var(--space-sm) var(--space-xs);--beat-bar-height:82%;--beat-bar-min-height:.7rem;--beat-bar-width:clamp(.3rem, 1.6vmin, .65rem);--subdivision-width:1px;--subdivision-height:30%;--beat-number-width:50%;--beat-number-subdivided-width:25%;--active-beat-shadow:0 0 1rem var(--color-kick);--active-midbeat-shadow:0 0 1rem var(--color-clap);--lower-panel-padding:var(--space-sm);--lower-panel-gap:var(--main-gap);--lower-handle-width:2rem;--lower-handle-height:.2rem;--lower-handle-top:.2rem;--lower-handle-left:calc(50% - 1rem);--panel-close-size:1.8rem;--panel-close-icon-size:1.2rem;--setting-panel-padding:var(--space-sm);--ramp-rounding-line-height:normal;--count-in-shadow:0 0 .7rem color-mix(in srgb, var(--panel-pink) 60%, transparent);--lower-background:radial-gradient(ellipse at top, var(--panel-blue), var(--color-background) 75%);--setting-card-radius:var(--space-sm);--choice-min-height:2.1rem;--ramp-progress-height:.7rem;--settings-tab-min-height:1.9rem;--settings-selected-background:radial-gradient(ellipse, var(--color-bass), var(--panel-blue));--mixer-columns:repeat(4, minmax(0, 1fr));--mixer-gap:var(--space-xs);--mixer-icon-size:1.6rem;--mixer-input-width:1.8rem;--mixer-input-min-height:1.5rem;--mixer-button-width:2.4rem;--mixer-button-min-height:1.8rem;--mixer-button-icon-size:1rem;--library-columns:repeat(6, minmax(0, 1fr));--library-category-gap:var(--space-xs);--library-category-padding:var(--space-xs) 0;--library-category-icon-size:1.1rem;--library-filter-min-height:1.9rem;--library-control-min-height:1.8rem;--library-icon-size:1rem;--sound-row-icon-size:1.3rem;--sound-action-width:1.8rem;--sound-action-min-height:2rem;--pagination-button-width:2rem;--folder-max-height:40dvh;--audio-message-shadow:0 0 1rem var(--color-background);--disabled-opacity:.35;--transition-duration:.12s}.area{--area-background:radial-gradient(ellipse at center, var(--color-clear), color-mix(in srgb, var(--area-color) 18%, var(--color-clear)));--pad-border-color:color-mix(in srgb, var(--area-color) 35%, var(--color-background));--pad-volume-background:color-mix(in srgb, var(--area-color) 40%, var(--color-background));--pad-enabled-background:radial-gradient(ellipse at center, var(--color-background), color-mix(in srgb, var(--area-color) 27%, var(--color-background)));--pad-enabled-shadow:inset 0 0 .65rem color-mix(in srgb, var(--area-color) 65%, transparent), 0 0 .45rem color-mix(in srgb, var(--area-color) 30%, transparent);--pad-selecting-shadow:0 0 .6rem var(--color-text), inset 0 0 .6rem var(--area-color)}.mixer-channel{--mixer-input-shadow:drop-shadow(0 0 .4rem color-mix(in srgb, var(--area-color) 50%, transparent))}@media (orientation:landscape) and (height<=540px){:root{--shell-gap:var(--space-sm);--view-gap:var(--space-sm);--placeholder-pad-columns:repeat(4, minmax(0, 1fr));--placeholder-pad-rows:minmax(0, 1fr);--portrait-max-width:none;--placeholder-caption-display:none}}@media (height<=650px) and (orientation:portrait){:root{--main-gap:.35rem;--control-size:1.8rem;--main-shell-padding-block:max(.3rem, env(safe-area-inset-top)) max(.3rem, env(safe-area-inset-bottom));--main-header-height:2.5rem;--main-header-icon-height:2.5rem;--tempo-padding:var(--space-xs) var(--space-sm);--tempo-label-top:var(--space-xs);--tempo-slider-padding-top:0;--tempo-step-padding-bottom:0;--settings-tempo-font:2.4rem;--compact-tempo-font:1.65rem;--tempo-slider-height:1.1rem;--pad-compact-gap:.15rem;--settings-pad-icon-size:1.7rem;--panel-toggle-icon-size:1.25rem;--lower-panel-padding:var(--space-xs) var(--space-sm);--lower-panel-gap:var(--space-xs);--mixer-gap:.15rem;--mixer-icon-size:1.2rem;--mixer-button-min-height:1.5rem;--settings-tab-min-height:1.6rem;--library-category-gap:.1rem;--library-category-padding:.1rem 0;--library-category-icon-size:.95rem;--library-filter-min-height:1.5rem;--sound-action-width:1.5rem;--sound-action-min-height:1.8rem;--sound-row-icon-size:1rem;--setting-panel-padding:var(--space-xs);--choice-min-height:1.8rem;--ramp-rounding-line-height:var(--line-height-tight)}}@media (orientation:landscape) and (height<=650px){:root{--main-width:68rem;--main-gap:.4rem;--tempo-font:2rem;--control-size:2rem;--transport-size:3.2rem;--main-shell-padding-block:max(.25rem, env(safe-area-inset-top)) max(.25rem, env(safe-area-inset-bottom));--main-header-height:2.5rem;--main-header-icon-height:2.5rem;--main-columns:minmax(0, 1fr) minmax(0, 1fr);--main-rows:minmax(0, .9fr) minmax(0, 1.5fr) minmax(0, .6fr);--main-ramp-rows:var(--main-rows);--main-settings-rows:var(--main-rows);--main-layout-rows:var(--main-rows);--main-compact-rows:var(--main-rows);--main-child-column:1;--tempo-child-row:1;--pads-child-row:2;--controls-child-row:3;--lower-child-column:2;--lower-child-row:1 / -1;--ramp-pads-row:1 / 3;--pad-columns:repeat(2, minmax(0, 1fr));--pad-rows:repeat(2, minmax(0, 1fr));--expanded-pad-columns:var(--pad-columns);--expanded-pad-rows:var(--pad-rows);--pad-direction:row;--ramp-pad-direction:column;--pad-icon-size:1.6rem;--pad-icon-max-height:none;--ramp-pad-icon-size:2.5rem;--pad-volume-width:20%;--tempo-padding:var(--space-xs) var(--space-sm);--settings-tempo-font:2rem;--tempo-label-top:var(--space-xs);--tempo-slider-padding-top:0;--tempo-slider-height:1rem;--tempo-step-padding-bottom:0;--settings-transport-size:3rem;--lower-panel-padding:var(--space-xs) var(--space-sm);--lower-panel-gap:var(--space-xs);--setting-panel-padding:var(--space-xs);--setting-input-font:1.5rem;--choice-min-height:1.8rem;--ramp-rounding-line-height:var(--line-height-tight);--beat-max-height:12rem;--beat-align-self:center}}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-body);line-height:var(--line-height-body);overscroll-behavior:none}#app{display:contents}h1,h2,p{margin:0}h1{font-size:var(--font-heading);font-weight:var(--weight-strong);line-height:var(--line-height-heading)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:var(--color-clear);touch-action:manipulation}:focus-visible{outline:var(--focus-ring) solid var(--color-secondary);outline-offset:var(--space-xs)}.app-shell.svelte-12qhfyh{height:100%;height:var(--viewport-full);grid-template-rows:var(--shell-rows);gap:var(--shell-gap);padding:var(--shell-safe-padding);max-width:var(--content-width);margin-inline:auto;display:grid}.app-header.svelte-12qhfyh{grid-template-columns:var(--shell-columns);align-items:center;gap:var(--space-sm);display:grid}.brand.svelte-12qhfyh{font-weight:var(--weight-strong);text-align:center}.icon-button.svelte-12qhfyh{width:var(--touch-target);height:var(--touch-target);padding:var(--space-sm);background:var(--color-clear);border:var(--border) solid var(--color-clear);border-radius:var(--radius);cursor:pointer;place-items:center;display:grid}.caption.svelte-12qhfyh{font-size:var(--font-small);color:var(--color-muted)}.gradient-text.svelte-12qhfyh{color:var(--color-accent);background:linear-gradient(to right, var(--color-accent), var(--color-secondary));-webkit-text-fill-color:var(--color-clear);-webkit-background-clip:text;background-clip:text}main.svelte-12qhfyh{touch-action:pan-y pinch-zoom;min-width:0;min-height:0}.mode-nav.svelte-12qhfyh{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.mode-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){min-height:var(--touch-target);justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:var(--border) solid var(--color-clear);border-radius:var(--radius);font-size:var(--font-small);text-align:center;display:flex}.mode-nav.svelte-12qhfyh a[aria-current=page]:where(.svelte-12qhfyh){border-color:var(--color-accent);background:var(--color-surface)}@media (hover:hover){.mode-nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,.icon-button.svelte-12qhfyh:hover{background:var(--color-surface)}}@media (forced-colors:active){.gradient-text.svelte-12qhfyh{-webkit-text-fill-color:currentColor;background:0 0}.mode-nav.svelte-12qhfyh a[aria-current=page]:where(.svelte-12qhfyh){border-color:highlight}}