/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scroll-snap-strictness:proximity}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-normal:0em;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{:root{color:var(--audle-text);background:var(--audle-page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--audle-page:oklch(12.5% .004 255);--audle-deck:oklch(18.5% .005 255);--audle-deck-raised:oklch(22.5% .006 255);--audle-control:oklch(27.5% .007 255);--audle-control-hover:oklch(31% .007 255);--audle-control-pressed:oklch(21.2% .006 255);--audle-well:oklch(10.5% .004 255);--audle-well-raised:oklch(14% .005 255);--audle-outline:oklch(46.5% .009 255);--audle-outline-subtle:oklch(36% .008 255);--audle-edge-light:oklch(72% .004 255/.25);--audle-edge-shadow:oklch(5% .003 255/.8);--audle-text:oklch(94% .004 255);--audle-text-muted:oklch(79% .007 255);--audle-text-dim:oklch(68% .008 255);--audle-accent:oklch(87.3% .088 157);--audle-accent-dim:oklch(66.7% .05 177);--audle-accent-ink:oklch(18% .006 255);--audle-glow:oklch(87.3% .088 157/.22);--audle-loop-surface:oklch(27% .05 302);--audle-loop-light:oklch(74% .16 302);--audle-one-shot-surface:oklch(28% .045 215);--audle-one-shot-light:oklch(80% .12 215);--audle-selection-surface:oklch(30% .06 32);--audle-selection-light:oklch(75% .16 32);--audle-playback-surface:oklch(34.5% .039 175);--audle-playback-light:var(--audle-accent);--audle-record-surface:oklch(30% .06 40);--audle-record-light:oklch(77.2% .136 34);--audle-focus:oklch(85% .1 160);--audle-disabled:oklch(22% .006 255);--audle-disabled-ink:oklch(66% .008 255);--audle-grid-major:oklch(41.1% .009 255);--audle-grid-minor:oklch(30% .007 255);--audle-deck-edge:inset 0 1px 0 var(--audle-edge-light), inset 0 -2px 0 var(--audle-edge-shadow);--audle-control-rest:inset 0 1px 0 var(--audle-edge-light), inset 0 -2px 0 var(--audle-edge-shadow);--audle-control-contact:inset 0 2px 3px var(--audle-edge-shadow), inset 0 1px 0 oklch(4% .003 255/.45);--audle-source-1:.77 .16 265;--audle-source-2:.77 .16 274;--audle-source-3:.76 .14 300;--audle-source-4:.76 .14 292;--audle-source-5:.82 .13 62;--audle-source-6:.82 .13 72;--audle-source-7:.78 .12 232;--audle-source-8:.78 .12 240;--audle-source-9:.76 .15 26;--audle-source-10:.76 .15 34;--audle-source-11:.82 .11 196;--audle-source-12:.82 .11 204;--audle-source-13:.78 .14 340;--audle-source-14:.78 .14 348;--audle-source-15:.85 .14 112;--audle-source-16:.85 .14 120;--motion-press:60ms;--motion-release:.22s;--motion-enter:.42s;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);font-family:ui-rounded,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-block-size:100%;margin:0}body{background:var(--audle-page);min-inline-size:320px}button,input{font:inherit}button{color:inherit}:focus-visible{outline:3px solid var(--audle-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer components;@layer utilities{.\[container-type\:inline-size\]{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-\[6px\]{inset:6px}.inset-y-0{inset-block:0}.inset-y-2{inset-block:calc(var(--spacing) * 2)}.\[inset-block-end\:env\(safe-area-inset-bottom\,0px\)\]{inset-block-end:env(safe-area-inset-bottom,0px)}.top-0{top:0}.top-1\/2{top:50%}.bottom-\[3px\]{bottom:3px}.left-0{left:0}.left-1\/2{left:50%}.left-\[50px\]{left:50px}.left-\[calc\(var\(--edge\)_-_6px\)\]{left:calc(var(--edge) - 6px)}.left-\[var\(--start\)\]{left:var(--start)}.left-\[var\(--step\)\]{left:var(--step)}.z-10{z-index:10}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.z-\[5\]{z-index:5}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.m-\[14px\]{margin:14px}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.my-\[12vh\]{margin-block:12vh}.ms-1{margin-inline-start:var(--spacing)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-\[9px\]{margin-top:9px}.mt-auto{margin-top:auto}.mr-\[5px\]{margin-right:5px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-\[5px\]{margin-left:5px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-\[7px\]{width:7px;height:7px}.size-\[22px\]{width:22px;height:22px}.size-\[60px\]{width:60px;height:60px}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.max-h-\[min\(calc\(100dvh_-_24px\)\,_720px\)\]{max-height:min(100dvh - 24px,720px)}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[34px\]{min-height:34px}.min-h-\[42px\]{min-height:42px}.min-h-\[54px\]{min-height:54px}.min-h-\[58px\]{min-height:58px}.min-h-\[66px\]{min-height:66px}.min-h-\[68px\]{min-height:68px}.min-h-\[360px\]{min-height:360px}.min-h-\[calc\(100dvh_-_64px\)\]{min-height:calc(100dvh - 64px)}.min-h-dvh{min-height:100dvh}.w-3{width:calc(var(--spacing) * 3)}.w-\[72\%\]{width:72%}.w-\[calc\(100\%_-_20px\)\]{width:calc(100% - 20px)}.w-\[max\(var\(--width\)\,16px\)\]{width:max(var(--width), 16px)}.w-\[min\(100\%_-_32px\,640px\)\]{width:min(100% - 32px,640px)}.w-\[min\(calc\(100\%_-_24px\)\,_520px\)\]{width:min(100% - 24px,520px)}.w-full{width:100%}.w-px{width:1px}.max-w-\[780px\]{max-width:780px}.max-w-\[1240px\]{max-width:1240px}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-\[72px\]{min-width:72px}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.origin-center{transform-origin:50%}.-translate-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[24px_1fr\]{grid-template-columns:24px 1fr}.grid-cols-\[42px_minmax\(112px\,1fr\)\]{grid-template-columns:42px minmax(112px,1fr)}.grid-cols-\[48px_minmax\(0\,1fr\)_44px\]{grid-template-columns:48px minmax(0,1fr) 44px}.grid-cols-\[86px_minmax\(0\,1fr\)_auto\]{grid-template-columns:86px minmax(0,1fr) auto}.grid-cols-\[300px_minmax\(0\,1fr\)_260px\]{grid-template-columns:300px minmax(0,1fr) 260px}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-\[2px\]{gap:2px}.gap-\[3px\]{gap:3px}.gap-\[5px_8px\]{gap:5px 8px}.gap-\[7px\]{gap:7px}.gap-px{gap:1px}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-y-auto{overscroll-behavior-y:auto}.rounded-full{border-radius:2147483647px}.rounded-t-\[7px\]{border-top-left-radius:7px;border-top-right-radius:7px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[color\:var\(--pad-light\)\]{border-color:var(--pad-light)}.border-audle-accent{border-color:var(--audle-accent)}.border-audle-accent-dim{border-color:var(--audle-accent-dim)}.border-audle-grid-major{border-color:var(--audle-grid-major)}.border-audle-grid-minor{border-color:var(--audle-grid-minor)}.border-audle-loop-light{border-color:var(--audle-loop-light)}.border-audle-outline{border-color:var(--audle-outline)}.border-audle-outline-subtle{border-color:var(--audle-outline-subtle)}.border-audle-playback-light{border-color:var(--audle-playback-light)}.border-audle-record-light{border-color:var(--audle-record-light)}.border-audle-selection-light{border-color:var(--audle-selection-light)}.border-current{border-color:currentColor}.border-transparent{border-color:#0000}.bg-\[var\(--pad-face\)\]{background-color:var(--pad-face)}.bg-audle-accent{background-color:var(--audle-accent)}.bg-audle-control{background-color:var(--audle-control)}.bg-audle-deck{background-color:var(--audle-deck)}.bg-audle-deck-raised{background-color:var(--audle-deck-raised)}.bg-audle-grid-minor{background-color:var(--audle-grid-minor)}.bg-audle-loop-surface{background-color:var(--audle-loop-surface)}.bg-audle-outline{background-color:var(--audle-outline)}.bg-audle-page{background-color:var(--audle-page)}.bg-audle-playback-surface{background-color:var(--audle-playback-surface)}.bg-audle-record-surface{background-color:var(--audle-record-surface)}.bg-audle-selection-surface{background-color:var(--audle-selection-surface)}.bg-audle-text-dim{background-color:var(--audle-text-dim)}.bg-audle-well{background-color:var(--audle-well)}.bg-audle-well-raised{background-color:var(--audle-well-raised)}.bg-transparent{background-color:#0000}.object-bottom{object-position:bottom}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-7{padding:calc(var(--spacing) * 7)}.p-\[2px_8px_0_4px\]{padding:2px 8px 0 4px}.p-\[5px\]{padding:5px}.p-\[clamp\(20px\,5vw\,48px\)\]{padding:clamp(20px,5vw,48px)}.px-0{padding-inline:0}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-\[2px\]{padding-inline:2px}.px-\[9px\]{padding-inline:9px}.px-\[10px\]{padding-inline:10px}.px-\[clamp\(14px\,3vw\,36px\)\]{padding-inline:clamp(14px,3vw,36px)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-\[18px\]{padding-block:18px}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-\[18px\]{padding-top:18px}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.align-\[-0\.15em\]{vertical-align:-.15em}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.63rem\]{font-size:.63rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.74rem\]{font-size:.74rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.76rem\]{font-size:.76rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1\.6rem\]{font-size:1.6rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.75rem\]{font-size:1.75rem}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[1px\]{--tw-tracking:1px;letter-spacing:1px}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-audle-accent-ink{color:var(--audle-accent-ink)}.text-audle-loop-light{color:var(--audle-loop-light)}.text-audle-one-shot-light{color:var(--audle-one-shot-light)}.text-audle-playback-light{color:var(--audle-playback-light)}.text-audle-record-light{color:var(--audle-record-light)}.text-audle-text{color:var(--audle-text)}.text-audle-text-dim{color:var(--audle-text-dim)}.text-audle-text-muted{color:var(--audle-text-muted)}.text-inherit{color:inherit}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.accent-audle-accent{accent-color:var(--audle-accent)}.opacity-0{opacity:0}.shadow-\[inset_0_0_0_1px_var\(--audle-loop-light\)\,var\(--audle-control-rest\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--audle-loop-light)), var(--audle-control-rest);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--audle-loop-light\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--audle-loop-light));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--audle-record-light\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--audle-record-light));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--audle-selection-light\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--audle-selection-light));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_2px_5px_oklch\(0\.025_0\.007_255_\/_0\.88\)\,inset_0_1px_0_oklch\(0\.57_0\.02_255_\/_0\.14\)\]{--tw-shadow:inset 0 2px 5px var(--tw-shadow-color,oklch(2.5% .007 255/.88)), inset 0 1px 0 var(--tw-shadow-color,oklch(57% .02 255/.14));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--audle-control-contact\)\]{--tw-shadow:var(--audle-control-contact);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--audle-control-rest\)\]{--tw-shadow:var(--audle-control-rest);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--audle-deck-edge\)\]{--tw-shadow:var(--audle-deck-edge);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--pad-shadow\)\]{--tw-shadow:var(--pad-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:var\(--audle-control-rest\)\]{box-shadow:var(--audle-control-rest)}.\[box-shadow\:var\(--audle-deck-edge\)\]{box-shadow:var(--audle-deck-edge)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\]{transition-property:background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-audle-control-hover:hover{background-color:var(--audle-control-hover)}.hover\:bg-audle-playback-surface:hover{background-color:var(--audle-playback-surface)}.hover\:text-audle-accent:hover{color:var(--audle-accent)}.hover\:enabled\:border-audle-selection-light:hover:enabled{border-color:var(--audle-selection-light)}.enabled\:hover\:bg-audle-control-hover:enabled:hover,.hover\:enabled\:bg-audle-control-hover:hover:enabled{background-color:var(--audle-control-hover)}.hover\:enabled\:bg-audle-loop-surface:hover:enabled{background-color:var(--audle-loop-surface)}.hover\:enabled\:bg-audle-selection-surface:hover:enabled{background-color:var(--audle-selection-surface)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-audle-disabled:disabled{border-color:var(--audle-disabled)}.disabled\:bg-audle-disabled:disabled{background-color:var(--audle-disabled)}.disabled\:text-audle-disabled-ink:disabled{color:var(--audle-disabled-ink)}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-\[0\.66\]:disabled{opacity:.66}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-pressed\:border-audle-one-shot-light[aria-pressed=true]{border-color:var(--audle-one-shot-light)}.aria-pressed\:bg-audle-one-shot-surface[aria-pressed=true]{background-color:var(--audle-one-shot-surface)}.aria-\[current\=page\]\:border-audle-text[aria-current=page]{border-color:var(--audle-text)}.aria-\[current\=page\]\:text-audle-text[aria-current=page]{color:var(--audle-text)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media not all and (width>=960px){.max-\[960px\]\:order-0{order:0}.max-\[960px\]\:grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.max-\[960px\]\:pt-0{padding-top:0}}@media not all and (width>=959px){.max-\[959px\]\:col-start-1{grid-column-start:1}.max-\[959px\]\:row-auto{grid-row:auto}.max-\[959px\]\:flex{display:flex}.max-\[959px\]\:max-h-\[54vh\]{max-height:54vh}.max-\[959px\]\:min-h-\[300px\]{min-height:300px}.max-\[959px\]\:flex-\[0_0_148px\]{flex:0 0 148px}.max-\[959px\]\:shrink-0{flex-shrink:0}.max-\[959px\]\:snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.max-\[959px\]\:snap-proximity{--tw-scroll-snap-strictness:proximity}.max-\[959px\]\:snap-start{scroll-snap-align:start}.max-\[959px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[959px\]\:flex-nowrap{flex-wrap:nowrap}.max-\[959px\]\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.max-\[959px\]\:overflow-x-auto{overflow-x:auto}.max-\[959px\]\:overscroll-x-contain{overscroll-behavior-x:contain}.max-\[959px\]\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.max-\[959px\]\:py-2{padding-block:calc(var(--spacing) * 2)}.max-\[959px\]\:pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.max-\[959px\]\:pb-1{padding-bottom:var(--spacing)}}@media not all and (width>=899px){.max-\[899px\]\:order-1{order:1}.max-\[899px\]\:order-2{order:2}.max-\[899px\]\:order-3{order:3}.max-\[899px\]\:order-4{order:4}.max-\[899px\]\:mx-auto{margin-inline:auto}.max-\[899px\]\:block{display:block}.max-\[899px\]\:min-h-0{min-height:0}.max-\[899px\]\:min-h-\[370px\]{min-height:370px}.max-\[899px\]\:max-w-\[465px\]{max-width:465px}.max-\[899px\]\:max-w-\[600px\]{max-width:600px}.max-\[899px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[899px\]\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.max-\[899px\]\:px-3{padding-inline:calc(var(--spacing) * 3)}.max-\[899px\]\:pt-1{padding-top:var(--spacing)}.max-\[899px\]\:pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.max-\[899px\]\:pb-3{padding-bottom:calc(var(--spacing) * 3)}.max-\[899px\]\:pb-6{padding-bottom:calc(var(--spacing) * 6)}}@media not all and (width>=621px){.max-\[621px\]\:hidden{display:none}.max-\[621px\]\:min-h-\[58px\]{min-height:58px}.max-\[621px\]\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.max-\[621px\]\:px-2{padding-inline:calc(var(--spacing) * 2)}.max-\[621px\]\:text-\[0\.7rem\]{font-size:.7rem}.max-\[621px\]\:text-\[0\.85rem\]{font-size:.85rem}.max-\[621px\]\:text-\[1\.3rem\]{font-size:1.3rem}}@media not all and (width>=620px){.max-\[620px\]\:min-h-11{min-height:calc(var(--spacing) * 11)}.max-\[620px\]\:w-full{width:100%}.max-\[620px\]\:flex-wrap{flex-wrap:wrap}.max-\[620px\]\:justify-between{justify-content:space-between}.max-\[620px\]\:px-2{padding-inline:calc(var(--spacing) * 2)}}@media not all and (width>=540px){.max-\[540px\]\:order-0{order:0}.max-\[540px\]\:order-2{order:2}.max-\[540px\]\:mt-\[2px\]{margin-top:2px}.max-\[540px\]\:block{display:block}.max-\[540px\]\:size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.max-\[540px\]\:h-\[7px\]{height:7px}.max-\[540px\]\:min-h-\[34px\]{min-height:34px}.max-\[540px\]\:min-h-\[380px\]{min-height:380px}.max-\[540px\]\:w-full{width:100%}.max-\[540px\]\:flex-1{flex:1}.max-\[540px\]\:basis-full{flex-basis:100%}.max-\[540px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[540px\]\:grid-cols-\[48px_minmax\(0\,1fr\)\]{grid-template-columns:48px minmax(0,1fr)}.max-\[540px\]\:flex-wrap{flex-wrap:wrap}.max-\[540px\]\:gap-1{gap:var(--spacing)}.max-\[540px\]\:px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.max-\[540px\]\:px-\[6px\]{padding-inline:6px}.max-\[540px\]\:py-\[5px\]{padding-block:5px}.max-\[540px\]\:text-\[0\.58rem\]{font-size:.58rem}}@media not all and (width>=401px){.max-\[401px\]\:block{display:block}.max-\[401px\]\:max-w-\[16ch\]{max-width:16ch}.max-\[401px\]\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.max-\[401px\]\:overflow-hidden{overflow:hidden}.max-\[401px\]\:p-1\.5{padding:calc(var(--spacing) * 1.5)}.max-\[401px\]\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.max-\[401px\]\:text-ellipsis{text-overflow:ellipsis}.max-\[401px\]\:whitespace-nowrap{white-space:nowrap}}@media not all and (width>=400px){.max-\[400px\]\:w-full{width:100%}.max-\[400px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[400px\]\:grid-cols-\[48px_minmax\(0\,1fr\)_44px\]{grid-template-columns:48px minmax(0,1fr) 44px}.max-\[400px\]\:flex-wrap{flex-wrap:wrap}.max-\[400px\]\:text-\[0\.43rem\]{font-size:.43rem}}@media (width>=900px){.min-\[900px\]\:grid{display:grid}.min-\[900px\]\:grid-cols-\[minmax\(0\,min\(45vw\,600px\,calc\(100dvh_-_210px\)\)\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,min(45vw,600px,100dvh - 210px)) minmax(0,1fr)}.min-\[900px\]\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.min-\[900px\]\:p-\[6px_10px\]{padding:6px 10px}}@media (width>=1101px){.min-\[1101px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&_\.icon\]\:text-audle-record-light .icon{color:var(--audle-record-light)}.\[\&_button\]\:cursor-pointer button{cursor:pointer}.\[\&_button\:disabled\]\:cursor-not-allowed button:disabled{cursor:not-allowed}.\[\&_button\:disabled\]\:opacity-50 button:disabled{opacity:.5}.\[\&\.active\]\:bg-audle-selection-surface.active{background-color:var(--audle-selection-surface)}.\[\&\.active\]\:shadow-\[inset_0_0_0_1px_var\(--audle-selection-light\)\,var\(--audle-control-contact\)\].active{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--audle-selection-light)), var(--audle-control-contact);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\&\.bar\]\:w-0\.5.bar{width:calc(var(--spacing) * .5)}.\[\&\.bar\]\:bg-audle-grid-major.bar{background-color:var(--audle-grid-major)}.\[\&\.hit\]\:w-\[22px\].hit{width:22px}.\[\&\.hit\]\:min-w-\[22px\].hit{min-width:22px}.\[\&\.hit\]\:justify-center.hit{justify-content:center}.\[\&\.hit\]\:border-audle-one-shot-light.hit{border-color:var(--audle-one-shot-light)}.\[\&\.hit\]\:bg-audle-one-shot-surface.hit{background-color:var(--audle-one-shot-surface)}.\[\&\.hit\]\:shadow-\[inset_0_0_0_1px_var\(--audle-one-shot-light\)\].hit{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--audle-one-shot-light));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\&\.hit_\.clip-copy\]\:hidden.hit .clip-copy{display:none}.\[\&\.quarter\]\:bg-audle-outline-subtle.quarter{background-color:var(--audle-outline-subtle)}.\[\&\.selected\]\:z-\[3\].selected{z-index:3}.\[\&\.selected\]\:shadow-\[inset_0_0_0_1px_var\(--audle-selection-light\)\].selected{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--audle-selection-light));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\&\.selected\]\:outline-2.selected{outline-style:var(--tw-outline-style);outline-width:2px}.\[\&\.selected\]\:outline-offset-2.selected{outline-offset:2px}.\[\&\.selected\]\:outline-audle-selection-light.selected{outline-color:var(--audle-selection-light)}.\[\&\.selected\]\:outline-dashed.selected{--tw-outline-style:dashed;outline-style:dashed}@media not all and (width>=960px){.max-\[960px\]\:\[\&\>\:first-child\]\:order-1>:first-child{order:1}.max-\[960px\]\:\[\&\>\:last-child\]\:order-2>:last-child{order:2}}.\[\&\>button\+button\]\:border-l-0>button+button{border-left-style:var(--tw-border-style);border-left-width:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}button[aria-busy=true].svelte-12j1rl .spark:where(.svelte-12j1rl){animation:.9s linear infinite svelte-12j1rl-spin}@keyframes svelte-12j1rl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){button[aria-busy=true].svelte-12j1rl .spark:where(.svelte-12j1rl){animation:none}}.pad.svelte-ogg5lz{--pad-light:var(--audle-one-shot-light);--pad-surface:var(--audle-one-shot-surface);--pad-flash:.8 .12 215;--pad-face:color-mix(in oklch, var(--pad-surface) 84%, oklch(var(--source)) 16%);--pad-shadow:inset 0 0 0 1px var(--pad-light), inset 0 0 0 3px oklch(var(--pad-flash) / var(--flash,0)), var(--audle-control-rest)}.pad.svelte-ogg5lz:before{content:"";background:oklch(var(--pad-flash) / calc(var(--flash,0) * .18));pointer-events:none;position:absolute;inset:0}.pad.loop.svelte-ogg5lz{--pad-light:var(--audle-loop-light);--pad-surface:var(--audle-loop-surface);--pad-flash:.74 .16 302}.pad.svelte-ogg5lz[data-pressed=true]{--pad-face:var(--audle-control-pressed);--pad-shadow:inset 0 0 0 1px var(--pad-light), var(--audle-control-contact)}.pad.selected.svelte-ogg5lz{outline:2px dashed color-mix(in oklch, var(--audle-selection-light) 35%, oklch(var(--source)) 65%);outline-offset:-5px}.pad-glyph.svelte-ogg5lz,.source-number.svelte-ogg5lz{color:oklch(var(--source))}input.svelte-d55aj0{inline-size:100%;accent-color:var(--audle-playback-light);cursor:ew-resize;grid-column:1/-1}.knob.svelte-d55aj0:not(.dial) input:where(.svelte-d55aj0){min-block-size:44px}.knob.svelte-d55aj0:has(input:where(.svelte-d55aj0):active){background:var(--audle-control-pressed);box-shadow:var(--audle-control-contact)}.knob.disabled.svelte-d55aj0{background:var(--audle-disabled);color:var(--audle-disabled-ink)}.knob.disabled.svelte-d55aj0 output:where(.svelte-d55aj0){color:var(--audle-disabled-ink)}.knob.disabled.svelte-d55aj0 input:where(.svelte-d55aj0){cursor:not-allowed}.knob.dial.svelte-d55aj0{grid-template-rows:repeat(3,auto)}.knob.dial.disabled.svelte-d55aj0{box-shadow:none;background:0 0}.knob.dial.svelte-d55aj0:has(input:where(.svelte-d55aj0):active){box-shadow:none;background:0 0}.knob.dial.svelte-d55aj0 output:where(.svelte-d55aj0){color:oklch(var(--source,var(--audle-source-1)))}.dial-face.svelte-d55aj0{background:var(--audle-well);border-radius:50%;grid-area:1/1/4;block-size:48px;inline-size:48px;position:relative}.dial-arc.svelte-d55aj0{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0;transform:rotate(135deg)}.dial-track.svelte-d55aj0,.dial-value.svelte-d55aj0{fill:none;stroke-width:4px}.dial-track.svelte-d55aj0{stroke:var(--audle-outline-subtle);stroke-dasharray:75 100}.dial-value.svelte-d55aj0{stroke:oklch(var(--source,var(--audle-source-1)));stroke-linecap:round}.dial-rotor.svelte-d55aj0{border:1px solid var(--audle-outline);background:var(--audle-control);box-shadow:inset 0 2px 0 var(--audle-edge-light), inset 0 -3px 0 var(--audle-edge-shadow);transform:rotate(var(--needle-angle));border-radius:50%;position:absolute;inset:8px}.dial-rotor.svelte-d55aj0:after{background:oklch(var(--source,var(--audle-source-1)));content:"";border-radius:2px;block-size:10px;inline-size:6px;position:absolute;inset-block-start:3px;inset-inline-start:calc(50% - 3px)}.dial.svelte-d55aj0:has(input:where(.svelte-d55aj0):hover:not(:disabled)) .dial-rotor:where(.svelte-d55aj0){background:var(--audle-control-hover)}.dial.svelte-d55aj0:has(input:where(.svelte-d55aj0):active) .dial-rotor:where(.svelte-d55aj0){background:var(--audle-control-pressed)}.dial.disabled.svelte-d55aj0 .dial-face:where(.svelte-d55aj0){opacity:.55}.dial.svelte-d55aj0 .label:where(.svelte-d55aj0),.dial.svelte-d55aj0 output:where(.svelte-d55aj0),.dial.svelte-d55aj0 .detail:where(.svelte-d55aj0){white-space:nowrap;grid-column:2;min-inline-size:0}.dial.svelte-d55aj0 .label:where(.svelte-d55aj0){grid-row:1}.dial.svelte-d55aj0 output:where(.svelte-d55aj0){grid-row:2}.dial.svelte-d55aj0 .detail:where(.svelte-d55aj0){color:var(--audle-text-muted);grid-row:3;font-size:.6rem}.dial.svelte-d55aj0 input:where(.svelte-d55aj0){z-index:1;opacity:0;grid-area:1/1/4;justify-self:center;block-size:48px;inline-size:48px;margin:0}.dial-reset.svelte-d55aj0{grid-area:1/3/4;align-self:center}@media (width>=401px) and (width<=540px){.dial-reset.svelte-d55aj0{grid-area:4/2;justify-self:start}}.dial.svelte-d55aj0:has(input:where(.svelte-d55aj0):focus-visible) .dial-face:where(.svelte-d55aj0){outline:3px solid var(--audle-focus);outline-offset:3px}.pad-waveform.svelte-n8im52{color:oklch(var(--source))}.sound-object.svelte-1mmcqas{background:color-mix(in srgb, var(--audle-control) 72%, oklch(var(--source)) 28%);box-shadow:inset 0 0 0 3px oklch(var(--source) / var(--flash,0));transition:border-color .18s, background .18s, box-shadow .18s, transform .18s var(--ease-out-quint)}.sound-object.svelte-1mmcqas:before{content:"";background:oklch(var(--source) / calc(var(--flash,0) * .16));pointer-events:none;position:absolute;inset:0}@media (hover:hover){.sound-object.svelte-1mmcqas:hover:not(:disabled):not([data-pressed=true]){border-color:oklch(var(--source));transform:translateY(-4px)rotate(-1deg)scale(1.025)}.sound-object.svelte-1mmcqas:hover:not(:disabled) .shape:where(.svelte-1mmcqas){rotate:-5deg}}.sound-object.active.svelte-1mmcqas{border-color:oklch(var(--source));background:color-mix(in srgb, var(--audle-control) 45%, oklch(var(--source)) 55%);box-shadow:inset 0 0 0 1px oklch(var(--source) / .32), inset 0 0 0 3px oklch(var(--source) / var(--flash,0))}.sound-object.svelte-1mmcqas[data-pressed=true]{background:color-mix(in srgb, var(--audle-control-pressed) 65%, oklch(var(--source)) 35%);box-shadow:var(--audle-control-contact)}.sound-object.selected.svelte-1mmcqas:after{content:"";border:1px solid oklch(var(--source) / .7);pointer-events:none;position:absolute;inset:4px}.glyph.svelte-1mmcqas{color:oklch(var(--source))}.shape.svelte-1mmcqas{block-size:43px;inline-size:43px;transition:rotate .18s var(--ease-out-quint);place-items:center;display:grid;position:relative}.sound-object.active.svelte-1mmcqas .shape:where(.svelte-1mmcqas){block-size:34px;inline-size:34px}.shape.svelte-1mmcqas i:where(.svelte-1mmcqas){border:2px solid;display:block;position:absolute}.rings.svelte-1mmcqas i:where(.svelte-1mmcqas){border-radius:50%;block-size:75%;inline-size:75%}.rings.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(2){block-size:48%;inline-size:48%}.rings.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(3){background:currentColor;block-size:19%;inline-size:19%}.coils.svelte-1mmcqas i:where(.svelte-1mmcqas){border-radius:50%;block-size:26%;inline-size:75%;transform:rotate(-27deg)}.coils.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(2){transform:rotate(35deg)}.coils.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(3){background:currentColor;border-radius:50%;block-size:22%;inline-size:22%}.prism.svelte-1mmcqas i:where(.svelte-1mmcqas){block-size:58%;inline-size:58%;transform:rotate(45deg)}.prism.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(2){opacity:.5;background:currentColor;block-size:33%;inline-size:33%;transform:rotate(45deg)}.wave.svelte-1mmcqas i:where(.svelte-1mmcqas){border-radius:50%;block-size:62%;inline-size:20%;transform:rotate(25deg)}.wave.svelte-1mmcqas i:where(.svelte-1mmcqas):first-child{left:3%}.wave.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(2){block-size:80%;left:24%}.wave.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(3){left:48%}.wave.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(4){block-size:38%;left:70%}.spike.svelte-1mmcqas i:where(.svelte-1mmcqas){block-size:38%;inline-size:38%;transform:rotate(45deg)}.spike.svelte-1mmcqas i:where(.svelte-1mmcqas):first-child{top:2%}.spike.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(2){left:2%}.spike.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(3){right:2%}.spike.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(4){bottom:2%}.bars.svelte-1mmcqas i:where(.svelte-1mmcqas){background:currentColor;block-size:70%;inline-size:10%;transform:skew(-16deg)}.bars.svelte-1mmcqas i:where(.svelte-1mmcqas):first-child{block-size:35%;left:14%}.bars.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(2){left:35%}.bars.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(3){block-size:52%;right:35%}.bars.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(4){block-size:87%;right:14%}.orbit.svelte-1mmcqas i:where(.svelte-1mmcqas){border-radius:50%;block-size:35%;inline-size:80%;transform:rotate(47deg)}.orbit.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(2){transform:rotate(-47deg)}.orbit.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(3){background:currentColor;border-radius:50%;block-size:15%;inline-size:15%}.lattice.svelte-1mmcqas i:where(.svelte-1mmcqas){block-size:65%;inline-size:65%;transform:rotate(15deg)}.lattice.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(2){transform:rotate(60deg)}.lattice.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(3){block-size:35%;inline-size:35%;transform:rotate(15deg)}.lattice.svelte-1mmcqas i:where(.svelte-1mmcqas):nth-child(4){background:currentColor;border-radius:50%;block-size:12%;inline-size:12%}.object-bottom.svelte-1mmcqas span:where(.svelte-1mmcqas){color:var(--audle-text);letter-spacing:.08em;font:700 .54rem/1.1 ui-monospace,monospace}.sound-object.selected.svelte-1mmcqas .hit-timeline:where(.svelte-1mmcqas){block-size:18px;box-shadow:inset 0 0 0 1px oklch(var(--source) / .55)}.hit-timeline.svelte-1mmcqas i:where(.svelte-1mmcqas){pointer-events:none;display:block;position:absolute}.loop-length.svelte-1mmcqas{background:oklch(var(--source) / .4);inset-block:3px}.hit-mark.svelte-1mmcqas{background:oklch(var(--source));block-size:100%;inline-size:2px;top:0}.sound-object.selected.svelte-1mmcqas .hit-mark:where(.svelte-1mmcqas){inline-size:3px}.timeline-progress.svelte-1mmcqas{background:color-mix(in srgb, var(--audle-accent) 14%, transparent);border-inline-end:2px solid var(--audle-accent);transform-origin:0;inset:0;transform:scaleX(0)}@media (width<=540px){.shape.svelte-1mmcqas{block-size:38px;inline-size:38px}.sound-object.active.svelte-1mmcqas .shape:where(.svelte-1mmcqas){block-size:29px;inline-size:29px}.sound-object.selected.svelte-1mmcqas .hit-timeline:where(.svelte-1mmcqas){block-size:14px}}@media (prefers-reduced-motion:reduce){.sound-object.svelte-1mmcqas,.shape.svelte-1mmcqas{transition:none}.sound-object.svelte-1mmcqas:hover:not(:disabled):not([data-pressed=true]){transform:none}.sound-object.svelte-1mmcqas:hover:not(:disabled) .shape:where(.svelte-1mmcqas){rotate:none}}.stage-topline.svelte-k8yd3o i.lit:where(.svelte-k8yd3o){background:var(--audle-accent)}.hear-control.svelte-k8yd3o{border-color:oklch(var(--source) / .7)}.hear-control.svelte-k8yd3o .icon{color:oklch(var(--source))}.solo-control[aria-pressed=true].svelte-k8yd3o{border-color:oklch(var(--source));background:color-mix(in srgb, var(--audle-control) 70%, oklch(var(--source)) 30%)}.offset.svelte-k8yd3o output:where(.svelte-k8yd3o){color:oklch(var(--source))}.offset.svelte-k8yd3o button:where(.svelte-k8yd3o):hover:not(:disabled),.hear-control.svelte-k8yd3o:hover:not(:disabled),.solo-control.svelte-k8yd3o:hover:not(:disabled){background:color-mix(in srgb, var(--audle-control) 80%, oklch(var(--source)) 20%)}.patterns.svelte-k8yd3o button:where(.svelte-k8yd3o):nth-child(3n){border-inline-end:0}.patterns.svelte-k8yd3o button:where(.svelte-k8yd3o):nth-last-child(-n+3){border-block-end:0}.patterns.svelte-k8yd3o button:where(.svelte-k8yd3o):hover:not(:disabled),.patterns.svelte-k8yd3o button:where(.svelte-k8yd3o)[data-pressed=true]{background:color-mix(in srgb, var(--audle-control) 75%, oklch(var(--source)) 25%)}.patterns.svelte-k8yd3o button.chosen:where(.svelte-k8yd3o){background:color-mix(in srgb, var(--audle-control) 65%, oklch(var(--source)) 35%);box-shadow:inset 0 -2px oklch(var(--source))}.play-footer.svelte-k8yd3o .record:where(.svelte-k8yd3o) .icon{color:var(--audle-record-light)}.play-footer.svelte-k8yd3o .record.armed:where(.svelte-k8yd3o){border-color:var(--audle-record-light);background:var(--audle-record-surface)}@media (width>=900px){.app-shell:has(.notice) .play-world.svelte-k8yd3o{min-block-size:calc(100dvh - 130px)}.app-shell:has(.notice) .stage-body.svelte-k8yd3o{grid-template-columns:minmax(0,min(45vw,600px,100dvh - 276px)) minmax(0,1fr)}}@media (width<=540px){.patterns.svelte-k8yd3o button:where(.svelte-k8yd3o):nth-child(3n){border-inline-end:1px solid var(--audle-outline-subtle)}.patterns.svelte-k8yd3o button:where(.svelte-k8yd3o):nth-child(2n){border-inline-end:0}.patterns.svelte-k8yd3o button:where(.svelte-k8yd3o):nth-last-child(3){border-block-end:1px solid var(--audle-outline-subtle)}}.rolls.svelte-11m6zgz button[aria-pressed=true]:where(.svelte-11m6zgz){background:var(--audle-selection-surface);border-color:var(--audle-selection-light)}.shared.svelte-uoy0hr{inline-size:min(100%,780px);margin-inline:auto;padding:clamp(20px,5vw,48px)}.back.svelte-uoy0hr{min-block-size:44px;color:var(--audle-text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}header.svelte-uoy0hr{border-block-end:1px solid var(--audle-outline);padding-block-end:28px}header.svelte-uoy0hr p:where(.svelte-uoy0hr){color:var(--audle-text-muted);margin:20px 0 4px;font-size:.8rem;font-weight:700}h1.svelte-uoy0hr{letter-spacing:-.02em;margin:0;font-size:1.75rem}header.svelte-uoy0hr span:where(.svelte-uoy0hr){color:var(--audle-text-muted);margin-block-start:9px;display:block}.shared-controls.svelte-uoy0hr{gap:8px;padding-block:18px;display:flex}.shared-controls.svelte-uoy0hr button:where(.svelte-uoy0hr){border:1px solid var(--audle-outline);background:var(--audle-control);min-block-size:48px;box-shadow:var(--audle-control-rest);color:var(--audle-text);cursor:pointer;align-items:center;gap:8px;padding-inline:16px;font-weight:700;display:inline-flex}.shared-controls.svelte-uoy0hr .play.playing:where(.svelte-uoy0hr){background:var(--audle-playback-surface);border-color:var(--audle-playback-light)}.shared-controls.svelte-uoy0hr .remix:where(.svelte-uoy0hr){border-color:var(--audle-accent);background:var(--audle-accent);color:var(--audle-accent-ink)}.shared-controls.svelte-uoy0hr .picked:where(.svelte-uoy0hr){border-color:var(--audle-accent-dim);background:var(--audle-playback-surface)}dl.svelte-uoy0hr{background:var(--audle-outline);grid-template-columns:repeat(3,1fr);gap:1px;margin:0;display:grid}dl.svelte-uoy0hr div:where(.svelte-uoy0hr){background:var(--audle-deck-raised);padding:12px}dt.svelte-uoy0hr{color:var(--audle-text-muted);text-transform:uppercase;font-size:.7rem}dd.svelte-uoy0hr{margin:4px 0 0;font-size:1.3rem;font-weight:700}.voice-list.svelte-uoy0hr{border-block-start:1px solid var(--audle-outline);margin:24px 0;padding:0;list-style:none}.voice-list.svelte-uoy0hr li:where(.svelte-uoy0hr){border-block-end:1px solid var(--audle-outline);grid-template-columns:86px 1fr auto;align-items:center;gap:8px;min-block-size:54px;display:grid}.voice-list.svelte-uoy0hr span:where(.svelte-uoy0hr),small.svelte-uoy0hr{color:var(--audle-text-muted);font-size:.75rem}.sheet.svelte-ot93ry::backdrop{background:oklch(5% .01 232/.6)}.loop-positions.svelte-kvik06{grid-template-columns:repeat(var(--bars), minmax(0, 1fr))}.arrange-position.svelte-kvik06{min-block-size:48px;min-inline-size:48px}.loop-playhead.svelte-kvik06,.hit-playhead.svelte-kvik06{z-index:2;background:var(--audle-playback-light);pointer-events:none;inline-size:2px;position:absolute;inset-block:0}.loop-playhead.svelte-kvik06{display:none}.arrange-position.svelte-kvik06:hover{background:var(--audle-control-hover)}.arrange-position.occupied.svelte-kvik06{border-color:var(--audle-loop-light);background:var(--audle-loop-surface)}.hit-positions.svelte-kvik06 .arrange-position.occupied:where(.svelte-kvik06){border-color:var(--audle-one-shot-light);background:var(--audle-one-shot-surface)}.arrange-position.continuing.svelte-kvik06{border-style:dashed}.arrange-position.selected.svelte-kvik06,.fragment.selected.svelte-kvik06,button.active.svelte-kvik06{outline:2px dashed var(--audle-selection-light);outline-offset:2px}button.svelte-kvik06:focus-visible,select.svelte-kvik06:focus-visible{outline:3px solid var(--audle-accent);outline-offset:2px}.source-number.svelte-kvik06{color:oklch(var(--source))}@media (width<=480px){.loop-positions.svelte-kvik06{grid-template-columns:repeat(2,minmax(0,1fr))}}button.play.playing.svelte-ie0wia,.segments.svelte-ie0wia button[aria-pressed=true]:where(.svelte-ie0wia){background:var(--audle-playback-surface);box-shadow:inset 0 0 0 1px var(--audle-playback-light), var(--audle-control-contact)}button.record.recording.svelte-ie0wia{background:var(--audle-record-surface);box-shadow:inset 0 0 0 1px var(--audle-record-light), var(--audle-control-contact)}button.active.svelte-eqt95s{background:var(--audle-control-pressed);box-shadow:var(--audle-control-contact), inset 0 0 0 1px var(--audle-playback-light)}@media (width<=620px){.dock.empty.svelte-1n46o8q{position:static}}