/*! tailwindcss v4.1.11 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:#6e6e78;--color-gray-600:#55555f;--color-gray-700:#42424a;--color-gray-800:#2a2a30;--color-gray-900:#1a1a1e;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-md:.375rem;--radius-lg:10px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);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}.inset-0{inset:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.isolate{isolation:isolate}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[75\]{z-index:75}.z-\[90\]{z-index:90}.order-80{order:80}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-full{height:100%}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.min-h-\[65px\]{min-height:65px}.min-h-\[150px\]{min-height:150px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[1416px\]{max-width:1416px}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.\[scale\:log\]{scale:log}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.bg-black{background-color:var(--color-black)}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-black\/95{background-color:#000000f2}@supports (color:color-mix(in lab,red,red)){.bg-black\/95{background-color:color-mix(in oklab,var(--color-black)95%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-600{background-color:var(--color-red-600)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.text-center{text-align:center}.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-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-400{color:var(--color-green-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.accent-blue-500{accent-color:var(--color-blue-500)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);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)}.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,)}.invert{--tw-invert:invert(100%);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,visibility,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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[style\:knob\]{style:knob}.\[unit\:\%\]{unit:%}.\[unit\:\.\.\.\]{unit:...}.\[unit\:Hz\]{unit:Hz}.\[unit\:KHz\]{unit:KHz}.\[unit\:PK\]{unit:PK}.\[unit\:dB\]{unit:dB}.\[unit\:midi\]{unit:midi}.\[unit\:ms\]{unit:ms}.\[unit\:s\]{unit:s}.\[unit\:us\]{unit:us}@media (hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-500:hover{background-color:var(--color-gray-500)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-gray-300:hover{color:var(--color-gray-300)}.hover\:text-green-300:hover{color:var(--color-green-300)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-white:hover{color:var(--color-white)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-4{grid-column:span 4/span 4}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}}.border-gray-600,.border-gray-700{border-color:#ffffff12}:root{--surface-workspace:#23252b;--surface-layer:#30333b;--surface-layer-muted:var(--surface-workspace);--surface-module-notes:#2a2a30;--surface-module-sampler:#2a2a30;--surface-module-modulation:#2a2a30;--surface-module-fx:#2a2a30;--surface-inset:#1a1a1e;--surface-border:#ffffff0d;--accent-teal:#14b8a6;--accent-teal-hover:#0d9488;--accent-teal-deep:#186b63;--accent-teal-deep-hover:#1d867b;--accent-teal-dusk:#17302e;--accent-teal-bright:#5eead4;--accent-teal-ring:#14b8a6e6;--surface-selected:#3f5f62;--waveform-stored:#70aaa4;--meter-fill:#4f8180}body{color:#ececee;-webkit-user-select:none;user-select:none;background-color:#131316;font-family:Inter,sans-serif}input,textarea{-webkit-user-select:text;user-select:text}.app-container,.control-panel-bg{background-color:var(--surface-workspace)}.waveform-bg{background-color:var(--surface-inset)}.loader-zone{cursor:default;background-color:#1c1c1e;border-color:#4a4a4c}.loader-zone-highlight{background-color:#3a3a3c;border-color:#5a5a5c}#waveform-canvas{cursor:default;border-radius:4px;width:100%;height:150px;display:block}.waveform-zoomed #waveform-canvas{cursor:grab}.waveform-panning #waveform-canvas{cursor:grabbing}.waveform-zoom-overlay{z-index:30;opacity:.72;background:#11182761;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;transition:background-color .15s,opacity .15s;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}.waveform-zoom-overlay:hover,.waveform-zoom-overlay:focus-within{opacity:1;background:#111827bd}.waveform-zoom-slider{accent-color:#2563eb;width:112px}.waveform-trim-zoom-btn{color:#e5e7eb;background:#4b5563c7;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;line-height:1.25}.waveform-trim-zoom-btn:hover:not(:disabled){background:#60a5fac7}.waveform-trim-zoom-btn:disabled{cursor:not-allowed;opacity:.45}.waveform-zoom-slider:disabled{opacity:.45}.sampler-status-overlay{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;opacity:.78;z-index:30;max-width:calc(100% - 24px);position:absolute;bottom:6px;left:50%;overflow:hidden;transform:translate(-50%)}.rotate-mode{outline:1px solid #14b8a68c}.rotate-mode #waveform-canvas{cursor:ew-resize}.rotate-mode .marker{pointer-events:none;opacity:.6}.btn-active{border-color:var(--accent-teal);background-color:var(--accent-teal-deep);color:#d6fff7}.btn-active:hover:not(:disabled){background-color:var(--accent-teal-deep-hover)}.btn-accent{background-color:var(--accent-teal);color:#05231f;transition:background-color .15s}.btn-accent:hover:not(:disabled){background-color:var(--accent-teal-hover)}.btn:disabled{cursor:not-allowed}select{appearance:none}.marker{cursor:ew-resize;z-index:20;width:2px;display:none;position:absolute;top:0;bottom:0}.start-marker:before{content:"";background:0 0;position:absolute;inset:0 -6px}.marker-handle{background-color:inherit;border:1px solid #ffffffb3;border-radius:3px;width:14px;height:20px;position:absolute;left:-6px}.trim-marker .marker-handle{top:50%;transform:translateY(-50%)}.start-marker .marker-handle{filter:drop-shadow(0 0 1px #fffc);background-color:#0000;border:7px solid #0000;border-left:11px solid;border-right:0;border-radius:0;width:0;height:0;top:0;left:0}.loop-marker .marker-handle{bottom:-4px}.marker-handle:after{content:"";background-color:#ffffffb3;width:2px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.start-marker .marker-handle:after{content:none}.loop-region{cursor:grab;pointer-events:auto;z-index:12;background-color:#14b8a61a;border-left:1px solid #14b8a673;border-right:1px solid #14b8a673;display:none;position:absolute;top:0;bottom:0}.loop-dragging .loop-region{cursor:grabbing}.rotate-mode .loop-region{pointer-events:none;opacity:.6}.crossfade-region{pointer-events:none;z-index:10;background-color:#ffffff24;display:none;position:absolute;top:0;bottom:0}.crossfade-out{clip-path:polygon(0 0,100% 100%,0 100%)}.crossfade-in{clip-path:polygon(0 100%,100% 0,100% 100%)}.crossfade-reversed{transform:scaleX(-1)}.dial-container{cursor:default;flex-direction:column;align-items:center;display:flex}.dial-svg{touch-action:none;width:60px;height:60px}.dial-bg{fill:#30343d;stroke:#00000059;stroke-width:10px}.dial-indicator-dot{fill:var(--accent-teal)}.dial-value-text{fill:#ececee;text-anchor:middle;font-family:Inter,sans-serif;font-size:20px;font-weight:500}.dial-label{color:#a0a0a0;text-align:center;margin-top:1px;font-size:12px;line-height:1.15}select:disabled,.dial-container.disabled{opacity:.5;cursor:not-allowed}.compact-grid-container{flex-direction:column;align-items:center;display:flex}.compact-grid{background:#374151;border-radius:6px;grid-template-columns:repeat(2,1fr);gap:3px;width:60px;height:60px;padding:3px;display:grid}.compact-grid-vertical{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr}.compact-grid-option{color:#d1d5db;background:#4a4a4c;border:1px solid #4b5563;border-radius:6px;font-size:10px;font-weight:600;line-height:1;transition:background-color .1s,border-color .1s,color .1s}.compact-grid-option:hover:not(:disabled){background:#5b6472}.compact-grid-option:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.compact-grid-option-active{border-color:var(--accent-teal);background:var(--accent-teal-deep);color:#d6fff7}.compact-grid-option:disabled{cursor:not-allowed;opacity:.4}.compact-grid-container.disabled>.dial-label{opacity:.5}.compact-grid-option[data-loop-mode]{font-size:16px;font-weight:500}.sampler-control-header{min-height:28px}.stretch-settings-button{color:#9ca3af;border-radius:4px;width:20px;height:20px;padding:2px}.stretch-settings-button svg{width:100%;height:100%;display:block}.stretch-settings-button:hover,.stretch-settings-button[aria-expanded=true]{color:#f3f4f6;background:#374151}.stretch-settings-button:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.stretch-settings-popover{z-index:30;color:#d1d5db;background:#111827;border:1px solid #4b5563;border-radius:6px;width:275px;padding:10px;font-size:11px;position:absolute;top:43px;left:12px;box-shadow:0 12px 24px #00000073}.stretch-settings-row,.stretch-settings-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.stretch-settings-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.stretch-settings-grid label:not(.stretch-settings-checkbox){color:#9ca3af;flex-direction:column;gap:3px;display:flex}.stretch-settings-popover select,.stretch-settings-popover input[type=number]{color:#f3f4f6;background:#374151;border:1px solid #4b5563;border-radius:6px;min-width:0;height:27px;padding:2px 6px}.stretch-settings-popover input:disabled{opacity:.45}.stretch-settings-checkbox{align-self:end;align-items:center;gap:6px;min-height:27px;display:flex}.stretch-settings-footer{min-height:28px;margin-top:10px}#stretch-settings-status{color:#9ca3af}#stretch-settings-apply-button{border-radius:6px;padding:4px 10px;font-weight:600}#stretch-settings-apply-button:disabled{cursor:wait;opacity:.55}.sampler-toolbar>.btn,.sampler-waveform-tools>.btn{border-width:1px;border-radius:6px}.sampler-toolbar>.btn:not(.btn-active),.sampler-waveform-tools>.btn:not(.btn-active){background-color:#55555f;border-color:#ffffff12}.sampler-toolbar>.btn:not(.btn-active):hover:not(:disabled),.sampler-waveform-tools>.btn:not(.btn-active):hover:not(:disabled){border-color:#ffffff24}.sampler-source-tempo{align-items:center;gap:4px;display:flex}.sampler-source-tempo label{color:#9ca3af;font-size:10px}.sampler-source-tempo input{color:#f3f4f6;text-align:right;background:#2a2a30;border:1px solid #4b5563;border-radius:4px;width:52px;padding:2px 4px;font-size:10px}.sampler-source-tempo input:disabled{cursor:not-allowed;opacity:.4}.sampler-source-tempo input:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.sampler-sync-rate-readout{color:var(--accent-teal-bright);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;font-weight:600;line-height:1}#capture-canvas{cursor:default;transition:background-color .2s ease-in-out}.no-select{-webkit-user-select:none;user-select:none}.stereo-vu-meter{background-color:#1c1c1e;border:1px solid #00000059;border-radius:4px;flex-direction:row;gap:4px;width:24px;height:120px;padding:2px;display:flex}.vu-meter-bar{background-color:#2c2c2e;border-radius:2px;flex:1;position:relative;overflow:hidden}.vu-meter-bar:after{content:"";height:var(--height,0%);background:linear-gradient(to top,var(--meter-fill)0%,var(--meter-fill)90%,#ef4444 90%);transition:height 50ms ease-out;position:absolute;bottom:0;left:0;right:0}.aura-startup-mode{color:#f5f5f7;background:#18181b;border:1px solid #3f3f46;border-radius:6px;width:min(440px,100vw - 32px);padding:14px 16px}.aura-startup-mode legend{color:#a1a1aa;padding:0 6px;font-size:12px;font-weight:600}.aura-startup-mode-choice{align-items:flex-start;gap:9px;padding:7px 0;font-size:14px;display:flex}.aura-startup-mode-choice input{accent-color:var(--accent-teal);margin-top:2px}.aura-startup-mode-label,.aura-startup-mode-explanation{display:block}.aura-startup-mode-explanation{color:#a1a1aa;max-width:370px;margin-top:3px;font-size:11px;line-height:1.45}.aura-discord-button,.aura-secondary-entry-button{border-radius:6px;width:100%;min-height:42px;padding:9px 14px;font-size:14px;font-weight:650}.aura-discord-button{color:#fff;background:#5865f2;border:1px solid #7785e8}.aura-discord-button:hover:not(:disabled){background:#4752c4}.aura-secondary-entry-button{color:#e4e4e7;background:#27272a;border:1px solid #52525b}.aura-secondary-entry-button:hover:not(:disabled){background:#3f3f46;border-color:#71717a}.aura-discord-button:disabled,.aura-secondary-entry-button:disabled{cursor:not-allowed;opacity:.5}.aura-publication-status{color:#d4d4d8;background:#18181b;border:1px solid #3f3f46;border-radius:6px;flex-direction:column;gap:7px;padding:9px 10px;font-size:11px;line-height:1.4;display:flex}.aura-publication-status.hidden{display:none}.aura-publication-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.aura-publication-link,.aura-publication-button{color:#a5b4fc;text-underline-offset:2px;font-size:11px;font-weight:650;text-decoration:underline}.aura-publication-link:hover,.aura-publication-button:hover:not(:disabled){color:#c7d2fe}.aura-publication-button:disabled{cursor:wait;opacity:.55}.aura-publication-status-compact{background:#18181bd1;gap:3px;max-width:260px;padding:5px 7px;font-size:10px}.aura-publication-status-compact.aura-publication-ready{background:0 0;border:0;border-radius:0;max-width:none;padding:0}.aura-publication-status-compact.aura-publication-ready>[role=status]{display:none}.aura-account-profile,.aura-account-chip{color:#e4e4e7;align-items:center;gap:8px;min-width:0;display:flex}.aura-account-chip.hidden,.aura-account-menu.hidden,.aura-account-profile.hidden{display:none}.aura-account-profile{background:#18181b;border:1px solid #3f3f46;border-radius:6px;padding:9px 10px}.aura-account-chip{background:#18181b;border:1px solid #3f3f46;border-radius:999px;max-width:min(360px,100vw - 32px);padding:5px 7px}.aura-account-avatar-wrap{background:#3f3f46;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid;position:relative;overflow:hidden}.aura-account-avatar,.aura-account-initials{width:100%;height:100%}.aura-account-avatar{object-fit:cover}.aura-account-initials{color:#f5f5f7;place-items:center;font-size:10px;font-weight:750;display:grid}.aura-account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.aura-account-signout{color:#a1a1aa;text-underline-offset:2px;flex:none;font-size:11px;text-decoration:underline}.aura-account-signout:hover:not(:disabled){color:#fca5a5}.aura-account-menu{flex:none;position:relative}.aura-account-trigger{border:1px solid #0000;border-radius:50%;padding:0;display:block}.aura-account-trigger:hover,.aura-account-trigger[aria-expanded=true]{border-color:var(--accent-teal)}.aura-account-trigger:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.aura-account-popover{z-index:45;background:#18181b;border:1px solid #3f3f46;border-radius:6px;flex-direction:column;align-items:stretch;gap:4px;width:max-content;min-width:190px;max-width:min(280px,100vw - 24px);padding:10px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 28px #00000080}.aura-account-popover[hidden]{display:none}.aura-account-menu-label{color:#a1a1aa;font-size:10px}.aura-account-menu-name{color:#f5f5f7;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:12px;overflow:hidden}.aura-account-menu-signout{color:#d4d4d8;text-align:left;border-top:1px solid #3f3f46;margin-top:6px;padding:6px 8px;font-size:11px}.aura-account-menu-signout:hover:not(:disabled){color:#fca5a5}.aura-account-menu-signout:focus-visible{outline:2px solid var(--accent-teal);outline-offset:-2px}.aura-app-bar{min-width:0;min-height:58px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:0;grid-template-columns:minmax(0,1fr) auto minmax(240px,1fr);grid-template-areas:"brand transport tools";align-items:center;gap:16px;margin-bottom:8px;padding:8px 12px;display:grid}.aura-app-brand{grid-area:brand;justify-self:start;align-items:center;gap:9px;min-width:0;max-width:100%;display:flex}.aura-app-brand-name{color:#f5f5f7;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:19px;font-weight:600;overflow:hidden}.aura-private-mode-indicator{color:#99f6e4;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid #2dd4bf;border-radius:999px;flex:none;padding:2px 6px;font-size:10px;font-weight:700}.aura-private-mode-exit{color:#d4d4d8;white-space:nowrap;border:1px solid #52525b;border-radius:6px;flex:none;padding:4px 7px;font-size:10px;font-weight:600}.aura-private-mode-exit:hover{color:#fecaca;border-color:#f87171}.aura-private-mode-exit:focus-visible{outline-offset:1px;outline:2px solid #f87171}.aura-app-brand-help{color:#8e8e93;border:1px solid #ffffff12;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;line-height:1;transition:color .15s,border-color .15s,background-color .15s;display:grid}.aura-app-brand-help:hover{border-color:var(--accent-teal);background-color:var(--accent-teal-deep);color:#f5f5f7}.aura-app-brand-help:focus-visible{outline:2px solid var(--accent-teal);outline-offset:1px}#guide-body:focus-visible,#licenses-body:focus-visible{outline:2px solid var(--accent-teal);outline-offset:-2px}.aura-transport-strip{border:1px solid var(--surface-border);background:var(--surface-inset);border-radius:10px;grid-area:transport;grid-template-columns:auto auto auto;justify-self:center;padding:4px;box-shadow:inset 0 1px 2px #0003}.aura-master-output{grid-template-columns:minmax(88px,1fr) 126px;justify-self:end;align-items:center;gap:8px;width:min(100%,270px);min-width:0;display:grid}.aura-header-tools{grid-area:tools;justify-content:flex-end;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.aura-main-layout{--scene-rail-width:64px;align-items:stretch;position:relative}.aura-sampler-column,.aura-looper-column{min-width:0}.aura-sampler-column{position:relative}.aura-looper-column{min-height:0;overflow:hidden;container-type:inline-size}.module-strip-panel{min-height:140px;display:flex}#note-processors-panel{height:140px;min-height:140px;max-height:140px;overflow:hidden}.module-strip-grid{flex:auto;min-height:0}.module-surface,.inset-surface{border:1px solid var(--surface-border)}.module-surface{border-radius:6px}.inset-surface{border-color:#00000059;border-radius:4px}#note-processors-panel .module-surface{background-color:var(--surface-module-notes)}.note-input-header{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}body:not(.looper-layout-experiment) .note-keys-button{display:none}.note-keys-button{justify-content:center;align-items:center;width:22px;height:18px;margin-left:auto;padding:0;display:flex}.note-keys-button svg{width:14px;height:14px}.note-keys-button:hover,.note-keys-button[aria-expanded=true]{color:#f5f5f7;border-color:#9ca3af}.note-keys-panel{z-index:80;color:#f5f5f7;background:#1c1c1e;border:1px solid #ffffff12;border-radius:6px;gap:12px;padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 48px #0000008c}.note-keys-panel[hidden]{display:none}.note-keys-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.note-keys-header strong{font-size:14px}#note-keys-close{color:#d1d5db;border-radius:6px;width:28px;height:28px;font-size:20px;line-height:1}#note-keys-close:hover{background:#2c2c2e}.note-keys-octave{--key:20px;--key-gap:3px;--key-offset:calc(var(--key)/2 - var(--key-gap)/2);gap:var(--key-gap);display:grid}.note-keys-row{gap:var(--key-gap);display:flex}.note-keys-row .keycap{width:var(--key);min-width:var(--key);padding:0;line-height:17px}.note-keys-offset{width:var(--key-offset)}.note-keys-blank{width:var(--key)}.note-keys-caption,.note-keys-help{color:#a1a1aa;margin:0;font-size:11px;font-weight:400;line-height:1.45}.note-keys-caption{margin-top:2px}.note-input-source-select{color:#fff;background-color:#374151;border:1px solid #4b5563;border-radius:6px;height:26px;margin-left:auto;padding:0 24px 0 8px;font-size:.75rem}.time-lock-header,.scale-lock-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.note-input-label{color:#9ca3af;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;font-size:.75rem;display:flex}.note-octave-keys{gap:3px;display:inline-flex}.octave-toggle{grid-template-columns:repeat(7,30px);gap:3px;display:grid}.octave-toggle-option,.time-lock-grid-option{color:#d1d5db;background:#4a4a4c;border:1px solid #4b5563;border-radius:6px;height:28px;padding:0;font-size:.7rem;font-weight:600}.octave-toggle-option{width:30px}.time-lock-grid{grid-template-columns:repeat(4,38px);gap:3px;display:grid}.time-lock-grid-option{width:38px}.octave-toggle-option:hover,.octave-toggle-option:focus-visible,.time-lock-grid-option:hover,.time-lock-grid-option:focus-visible{background:#5b6472}.octave-toggle-option:focus-visible,.time-lock-grid-option:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.octave-toggle-option.active,.time-lock-grid-option.active{border-color:var(--accent-teal);background:var(--accent-teal-deep);color:#d6fff7}.time-lock-grid.is-off .time-lock-grid-option{opacity:.55}.scale-lock-controls{gap:4px;display:grid}.scale-lock-control-row{color:#9ca3af;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:4px;font-size:.7rem;display:grid}.scale-lock-select{color:#fff;background-color:#374151;border:1px solid #4b5563;border-radius:6px;width:100%;min-width:0;height:25px;padding:0 18px 0 5px;font-size:.7rem}.scale-lock-select:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.scale-lock-controls.is-off{opacity:.55}@media (min-width:768px){#note-processors-panel .module-strip-grid{grid-template-columns:318px 190px minmax(0,1fr)}#note-processors-panel .note-input-module,#note-processors-panel .time-quantizer-module,#note-processors-panel .scale-lock-module{grid-column:auto}#note-processors-panel .scale-lock-module{width:184px;max-width:184px}}@media (min-width:1024px) and (max-width:1151px){#note-processors-panel .module-strip-grid{grid-template-columns:190px minmax(190px,1fr)}#note-processors-panel .note-input-module{grid-column:1/-1}#note-processors-panel .time-quantizer-module{grid-column:1}#note-processors-panel .scale-lock-module{grid-column:2}}#sampler-panel .module-surface{background-color:var(--surface-module-sampler)}#modulation-panel .module-surface{background-color:var(--surface-module-modulation)}#modulation-panel .module-strip-grid{align-items:stretch;display:flex;overflow:visible}.modulation-lfo-module{flex-direction:column;gap:8px;width:fit-content;min-width:0;max-width:100%;display:flex}.modulation-module-header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.modulation-module-title{align-items:baseline;gap:7px;display:flex}.modulation-module-hint{color:#9ca3af;font-size:10px}.modulation-lfo-layout{flex-wrap:nowrap;align-items:flex-start;gap:6px;min-width:0;display:flex}.modulation-shape-control .compact-grid{width:60px}.modulation-destination-control{border-left:1px solid #6b728073;padding-left:8px}.modulation-destination-control.is-off+.modulation-assignment-amount{opacity:.5}.modulation-assignment-amount{justify-content:center;margin-top:0;display:flex}.looper-mixer-fixed-height{gap:10px;height:100%;min-height:0;overflow:hidden}.looper-header-control-row{grid-template-columns:auto auto auto;align-items:center;gap:10px;min-width:0;display:grid}.looper-transport-controls{justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex}.looper-header-right{justify-content:flex-end;justify-self:end;align-items:center;gap:6px;min-width:0;display:flex}.midi-sync-root{position:relative}.midi-sync-root[hidden],.midi-sync-panel[hidden]{display:none}.midi-sync-button{color:#d1d5db;white-space:nowrap;background:#2c2c2e;border:1px solid #ffffff12;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:6px;width:128px;min-width:128px;height:34px;padding:0 8px;font-size:10px;font-weight:650;display:flex}.midi-sync-button:hover,.midi-sync-button[aria-expanded=true]{border-color:var(--accent-teal);background:var(--accent-teal-deep);color:#f5f5f7}.midi-sync-indicator{background:#6b7280;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 2px #6b72802e}.midi-sync-button[data-state=ready] .midi-sync-indicator,.midi-sync-button[data-state=running] .midi-sync-indicator,.midi-sync-button[data-state=paused] .midi-sync-indicator{background:#4ade80;box-shadow:0 0 0 2px #4ade802e}.midi-sync-button[data-state=syncing] .midi-sync-indicator,.midi-sync-button[data-state=starting] .midi-sync-indicator,.midi-sync-button[data-state=recovering] .midi-sync-indicator{background:#facc15;box-shadow:0 0 0 2px #facc152e}.midi-sync-button[data-state=disconnected] .midi-sync-indicator,.midi-sync-button[data-state=permissiondenied] .midi-sync-indicator,.midi-sync-button[data-state=error] .midi-sync-indicator{background:#f87171;box-shadow:0 0 0 2px #f871712e}.midi-sync-panel{z-index:80;color:#f5f5f7;background:#1c1c1e;border:1px solid #ffffff12;border-radius:6px;width:min(330px,100vw - 24px);padding:14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 48px #0000008c}.midi-sync-panel-header,.midi-sync-diagnostics-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.midi-sync-panel-header>div{gap:2px;display:grid}.midi-sync-panel-header strong{font-size:14px}.midi-sync-panel-header span,.midi-sync-help,.midi-sync-health,.midi-sync-explanation,#midi-sync-copy-status{color:#a1a1aa;font-size:11px;line-height:1.45}#midi-sync-close{color:#d1d5db;border-radius:6px;width:28px;height:28px;font-size:20px;line-height:1}.midi-sync-explanation{min-height:32px;margin:12px 0}.midi-sync-primary,#midi-sync-copy{color:#f5f5f7;background:#2c2c2e;border:1px solid #ffffff12;border-radius:6px;font-size:11px}.midi-sync-primary{width:100%;min-height:34px;margin-bottom:12px}.midi-sync-primary:disabled,.midi-sync-field :is(select,input):disabled{opacity:.5}.midi-sync-field{color:#d1d5db;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;margin-top:9px;font-size:11px;display:grid}.midi-sync-field select,.midi-sync-field input{color:#f5f5f7;background:#111113;border:1px solid #ffffff0b;border-radius:4px;width:100%;min-height:32px}.midi-sync-offset-input{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;display:grid}.midi-sync-help{margin:4px 0 10px 96px}.midi-sync-alignment{color:#d1d5db;background:#171719;border:1px solid #343438;border-radius:6px;margin:10px 0;font-size:11px;line-height:1.45}.midi-sync-alignment summary{cursor:pointer;padding:8px;font-weight:600}.midi-sync-alignment ol{margin:0;padding:0 12px 0 28px}.midi-sync-alignment li+li{margin-top:5px}.midi-sync-alignment p{color:#a1a1aa;margin:8px 12px 10px}.midi-sync-health{font-variant-numeric:tabular-nums;background:#111113;border-radius:4px;margin:10px 0;padding:8px}#midi-sync-copy{min-height:30px;padding:0 9px}.looper-transport-button{place-items:center;width:34px;min-width:34px;height:34px;padding:0;display:grid}.looper-transport-button.btn-active,.looper-transport-button.btn-active:hover:not(:disabled){color:#fff;background-color:#2563eb}.looper-transport-button svg{width:18px;height:18px}.looper-position-readout{color:#f2f2f4;font-variant-numeric:tabular-nums;text-align:center;align-self:center;min-width:54px;font-size:15px}.looper-bpm-control{color:#d1d5db;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.looper-bpm-control input,.looper-latency-control input{color:#f5f5f7;font-variant-numeric:tabular-nums;text-align:center;background:#374151;border:1px solid #4b5563;border-radius:6px}.looper-bpm-control input{cursor:ns-resize;width:70px;height:34px;padding:0 5px}.looper-bpm-control input.is-transposing{color:#60a5fa;border-color:#3b82f6}.looper-tempo-mode-toggle{color:#d1d5db;background-color:#0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:34px;transition:background-color .12s,color .12s;display:flex}.looper-tempo-mode-toggle svg{width:1rem;height:1rem}.looper-tempo-mode-toggle:hover:not(:disabled){color:#fff;background-color:#3a3a3c}.looper-tempo-mode-toggle.btn-active{color:#3b82f6;background-color:#0000}.looper-tempo-mode-toggle.btn-active:hover:not(:disabled){color:#60a5fa;background-color:#3a3a3c}.looper-tempo-mode-toggle:disabled{cursor:not-allowed;opacity:.35}.looper-bpm-control input.is-dragging{border-color:#60a5fa;outline:1px solid #60a5fa}.looper-metronome-volume{flex:0 0 34px;width:34px}.looper-metronome-volume .dial-svg{width:34px;height:34px}.looper-metronome-volume .dial-value-text{font-size:18px}.looper-metronome-volume .dial-label{display:none}.looper-capture-card{background:var(--surface-layer);border:1px solid #ffffff12;border-radius:6px;flex-direction:column;flex:none;gap:5px;min-width:0;padding:5px;display:flex}.looper-capture-header{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.looper-capture-mix-controls{grid-template-columns:24px 24px minmax(104px,1fr) minmax(86px,auto);align-items:center;gap:6px;min-width:0;display:grid}.looper-capture-input-control .horizontal-slider,.master-output-control .horizontal-slider{width:100%}#input-level-value{font-variant-numeric:tabular-nums;width:46px}.capture-readonly-control{cursor:default}button.capture-readonly-control{pointer-events:none}.looper-capture-mix-controls button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.looper-capture-display{grid-template-columns:minmax(0,1fr) 16px;align-items:stretch;gap:2px;min-width:0;height:60px;display:grid}.looper-capture-waveform{background:#1a1a1e;border:1px solid #00000059;border-radius:4px;min-width:0;position:relative;overflow:hidden}#capture-canvas{border:0;border-radius:0;width:100%;height:100%;display:block}.looper-capture-settings{align-items:center;gap:6px;min-width:0;display:flex}.looper-input-settings-row{display:contents}.mobile-input-settings-toggle,.mobile-calibrate-label{display:none}.looper-option-button{color:#f5f5f7;background:#4b5563;border:1px solid #0000;border-radius:6px;min-width:30px;height:28px;padding:0 9px;font-size:11px;font-weight:700;transition:background-color .15s,border-color .15s}.looper-option-button:hover:not(:disabled){background:var(--color-gray-500,#6e6e78);border-color:#0000}.looper-option-button.active{border-color:var(--accent-teal);background:var(--accent-teal-deep);color:#d6fff7}.looper-option-button:disabled{cursor:not-allowed;opacity:.45}.looper-source-toggle{text-transform:uppercase;min-width:78px}.looper-source-toggle:not(.active){border-color:var(--accent-teal-hover);background:var(--accent-teal-deep)}.looper-source-toggle:not(.active):hover:not(:disabled){border-color:var(--accent-teal);background:var(--accent-teal-deep-hover)}.looper-source-root{display:flex;position:relative}.looper-source-root.has-caret .looper-source-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.looper-source-caret{background:#2563eb;border-color:#3b82f6 #3b82f6 #3b82f6 #1d4ed8;border-top-left-radius:0;border-bottom-left-radius:0;place-items:center;width:20px;min-width:20px;padding:0;display:grid}.looper-source-caret.hidden{display:none}.looper-source-caret:hover:not(:disabled),.looper-source-caret[aria-expanded=true]{background:#3b82f6;border-color:#60a5fa #60a5fa #60a5fa #1d4ed8}.looper-source-caret svg{width:14px;height:14px}.looper-input-channel-panel{z-index:80;color:#f5f5f7;background:#1c1c1e;border:1px solid #ffffff12;border-radius:6px;gap:10px;width:min(280px,100vw - 24px);padding:14px;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 18px 48px #0000008c}.looper-input-channel-panel[hidden]{display:none}.looper-input-channel-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.looper-input-channel-header strong{font-size:14px}#looper-input-channel-close{color:#d1d5db;border-radius:6px;width:28px;height:28px;font-size:20px;line-height:1}#looper-input-channel-close:hover{background:#2c2c2e}.looper-input-channel-choices{gap:4px;display:flex}.looper-input-channel-choices .looper-option-button{flex:1 1 0}.looper-input-channel-device,.looper-input-channel-help{color:#a1a1aa;margin:0;font-size:11px;font-weight:400;line-height:1.45}.looper-input-channel-device{color:#d1d5db;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.looper-external-controls{align-items:center;gap:6px}.looper-external-controls:not(.hidden){display:flex}.looper-icon-button{place-items:center;width:28px;min-width:28px;padding:0;display:grid}.looper-icon-button svg{width:16px;height:16px}.looper-latency-control{color:#d1d5db;align-items:center;gap:4px;font-size:11px;display:flex}.looper-latency-control input{width:54px;height:28px;padding:0 4px}.looper-bars-control{color:#d1d5db;align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.looper-bars-control .looper-option-button{color:#d1d5db;background:#4a4a4c;border-color:#4b5563;padding:0 7px;font-weight:600}.looper-bars-control .looper-option-button:not(.active):hover:not(:disabled),.looper-bars-control .looper-option-button:focus-visible{background:#5b6472;border-color:#4b5563}.looper-bars-control .looper-option-button:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.looper-bars-control .looper-option-button.active{border-color:var(--accent-teal);background:var(--accent-teal-deep);color:#d6fff7}.looper-capture-now{white-space:nowrap;flex:none;align-items:center;gap:7px;display:flex}.looper-capture-now-text{justify-items:center;display:grid}.looper-capture-now-text>*{grid-area:1/1}.looper-capture-now-sizer{visibility:hidden}.keycap{color:#d1d5db;text-align:center;background:#2f3238;border:1px solid #6b7280;border-radius:4px;min-width:16px;padding:0 3px;font-size:11px;line-height:15px}.looper-capture-now:hover:not(:disabled) .keycap{color:#f5f5f7;border-color:#9ca3af}.looper-status-row{flex:0 0 30px;align-items:center;gap:8px;min-width:0;padding:3px 5px;display:flex}.looper-status{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;min-height:18px;font-size:12px;line-height:18px;overflow:hidden}.looper-status.looper-status-error{color:#fca5a5;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;align-self:flex-start;line-height:16px;overflow:visible}.looper-status-row:has(.looper-status-error){flex-basis:auto;min-height:30px}.looper-save-scene-button{border:1px solid var(--accent-teal);background:var(--surface-selected);color:#f5f5f7;border-radius:6px;flex:none;min-height:24px;padding:3px 9px;font-size:11px;font-weight:600}.looper-save-scene-button:hover:not(:disabled){background:var(--accent-teal);color:#05231f}.looper-save-scene-button:disabled{cursor:wait;opacity:.62}.looper-view-tabs{border-top:1px solid #3f3f46;border-bottom:1px solid #52525b;flex:0 0 28px;grid-template-columns:1fr 1fr;min-height:28px;display:grid}.looper-view-tab{color:#9ca3af;border-bottom:2px solid #0000;font-size:12px;font-weight:600}.looper-view-tab:hover{color:#e5e7eb;background:#ffffff0a}.looper-view-tab.active{border-bottom-color:var(--accent-teal);color:#f5f5f7;background:#ffffff0f}.looper-tab-view{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.looper-tab-view.hidden{display:none}.looper-scenes-toolbar{border-bottom:1px solid #52525b;flex:none;align-items:center;gap:8px;padding:7px 5px;display:flex}.looper-scene-participant{color:#d1d5db;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;padding:0 2px;font-size:11px;overflow:hidden}.looper-scenes-toolbar-actions{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.looper-status-row .looper-scene-toggle{color:#a1a1aa;background:#2c2c2e;border-color:#52525b;border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 10px 3px 8px;display:inline-flex}.looper-status-row .looper-scene-toggle:before{content:"";background:#52525b;border-radius:50%;width:8px;height:8px;transition:background-color .15s}.looper-status-row .looper-scene-toggle:hover{color:#d4d4d8;border-color:#71717a}.looper-status-row .looper-scene-toggle[aria-checked=true]{color:#f5f5f7;background:#2c2c2e;border-color:#52525b}.looper-status-row .looper-scene-toggle[aria-checked=true]:before{background:var(--accent-teal)}.looper-scene-toggle{color:#d1d5db;background:#3f3f46;border:1px solid #52525b;border-radius:6px;min-height:24px;padding:3px 8px;font-size:11px}.looper-scene-toggle[aria-checked=true]{border-color:var(--accent-teal);color:#f5f5f7;background:var(--surface-selected)}.looper-scene-tree{flex:1 1 0;min-height:0;padding:6px 5px 10px;overflow:auto}.looper-scene-empty{color:#9ca3af;padding:12px 7px;font-size:11px}.looper-scene-lane-graph{position:relative}.looper-scene-lane-row{--scene-lane-offset:calc(var(--scene-lane)*32px);z-index:1;height:38px;padding-left:calc(var(--scene-lane-offset) + 42px);align-items:center;display:flex;position:relative}.looper-scene-connector{z-index:0;pointer-events:none;background:#606068;display:block;position:absolute}.looper-scene-node{left:calc(var(--scene-lane-offset) + 4px);background:#777780;border:2px solid #2c2c2e;border-radius:50%;width:9px;height:9px;position:absolute}.looper-scene-node.is-current{background:var(--accent-teal)}.looper-scene-branch-toggle{left:calc(var(--scene-lane-offset) + 15px);color:#d4d4d8;background:#353538;border:1px solid #606068;border-radius:4px;place-items:center;width:24px;height:20px;padding:0;font-size:10px;font-weight:600;line-height:1;display:grid;position:absolute}.looper-scene-branch-toggle:hover:not(:disabled){color:#fff;background:#444448;border-color:#8a8a94}.looper-scene-branch-toggle:disabled{cursor:default;opacity:.62}.looper-scene-row{width:max-content;min-width:calc(100% - var(--scene-lane-offset) - 42px);color:#d4d4d8;text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:30px;padding:5px 7px;display:block}.looper-scene-row:hover{background:#ffffff0a;border-color:#52525b}.looper-scene-row.is-current{border-color:var(--accent-teal);color:#f5f5f7;background:var(--surface-selected)}.looper-scene-row:disabled{cursor:wait;opacity:.62}.looper-scene-title{white-space:nowrap;font-size:12px;font-weight:600;display:block}.looper-layer-divider{background:#52525b;flex:0 0 1px;height:1px}.looper-layers-scroll{cursor:default;flex:1 1 0;min-height:0;overflow:hidden auto}#loopsContainer{position:relative}#loopsContainer.is-reordering,#loopsContainer.is-reordering *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.loop-layer.is-dragging{opacity:.48}.loop-layer-drop-indicator{z-index:15;pointer-events:none;background:#60a5fa;border:0;border-radius:1px;height:2px;margin-top:-1px;position:absolute;left:0;right:0;box-shadow:0 0 6px #60a5fa7a}.loop-layer-drop-indicator.is-vertical{width:2px;height:auto;margin-top:0;margin-left:-1px;right:auto}.loop-layer-drop-indicator[hidden]{display:none}.aura-column-drop-indicator{z-index:40;pointer-events:none;background:#2563eb1a;border:2px dashed #60a5fad1;border-radius:8px;transition:left 80ms,width 80ms;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #93c5fd1f}.aura-column-drop-indicator[hidden]{display:none}#looper-mixer-panel.is-column-dragging,.aura-scene-rail.is-column-dragging{opacity:.72;-webkit-user-select:none;user-select:none}#looper-mixer-panel.is-column-dragging,#looper-mixer-panel.is-column-dragging *{cursor:grabbing!important}.panel-order-drop-indicator{z-index:40;pointer-events:none;background:#2563eb1a;border:2px dashed #60a5fad1;border-radius:8px;transition:top 80ms,height 80ms;position:absolute;left:0;right:0;box-shadow:inset 0 0 0 1px #93c5fd1f}.panel-order-drop-indicator[hidden]{display:none}.control-panel-bg.is-panel-dragging{opacity:.72;-webkit-user-select:none;user-select:none}.control-panel-bg.is-panel-dragging,.control-panel-bg.is-panel-dragging *{cursor:grabbing!important}#note-processors-panel,#sampler-panel,#modulation-panel,#fx-panel,#note-processors-panel :is(a,button,canvas,input,select,textarea,[role=button],[role=option],[role=radio],[role=slider],.compact-grid,.dial-container,#waveform-container),#sampler-panel :is(a,button,canvas,input,select,textarea,[role=button],[role=option],[role=radio],[role=slider],.browser-panel,.compact-grid,.dial-container,#waveform-container),#modulation-panel :is(a,button,canvas,input,select,textarea,[role=button],[role=option],[role=radio],[role=slider],.compact-grid,.dial-container),#fx-panel :is(a,button,canvas,input,select,textarea,[role=button],[role=option],[role=radio],[role=slider],.browser-panel,.compact-grid,.dial-container,.fx-chain-list,.fx-effect-extras){cursor:default}#note-processors-panel :is(button,input,select):disabled,#sampler-panel :is(button,input,select):disabled,#modulation-panel :is(button,input,select):disabled,#fx-panel :is(button,input,select):disabled{cursor:not-allowed}.looper-footer{justify-content:flex-end;align-items:center;min-width:0;padding-top:2px;display:flex}.looper-footer-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.looper-footer-actions .btn{height:28px;padding:0 9px}.master-output-control{color:#d1d5db;grid-template-columns:minmax(0,1fr);align-items:center;gap:6px;min-width:0;font-size:11px;display:grid}.master-horizontal-vu{background:#1c1c1e;border:1px solid #00000059;border-radius:4px;flex-direction:column;gap:2px;min-width:0;height:16px;padding:1px;display:flex}.master-horizontal-vu .vu-meter-bar:after{width:var(--height,0%);background:linear-gradient(to right,var(--meter-fill)0%,var(--meter-fill)90%,#ef4444 90%);height:auto;transition:width 50ms ease-out;top:0;bottom:0;right:auto}.looper-layers-scroll::-webkit-scrollbar{width:6px}.looper-layers-scroll::-webkit-scrollbar-track{background:#2c2c2e;border-radius:3px}.looper-layers-scroll::-webkit-scrollbar-thumb{background:#4a4a4c;border-radius:3px}.looper-layers-scroll::-webkit-scrollbar-thumb:hover{background:#5a5a5c}@media (min-width:1024px){.aura-main-layout{--track-sampler:minmax(0,min(816px, calc(66.6667% - 5.333px) ));--track-looper:minmax(0,1fr);--track-rail:var(--scene-rail-width);grid-template-columns:var(--track-sampler)var(--track-looper)var(--track-rail)}.aura-main-layout.looper-left{grid-template-columns:var(--track-looper)var(--track-sampler)var(--track-rail)}.aura-main-layout.scene-rail-left{grid-template-columns:var(--track-rail)var(--track-sampler)var(--track-looper)}.aura-main-layout.scene-rail-left.looper-left{grid-template-columns:var(--track-rail)var(--track-looper)var(--track-sampler)}.aura-main-layout.looper-left .aura-looper-column{order:-1}.aura-main-layout.scene-rail-left .aura-scene-rail{order:-2}}body.looper-layout-experiment{box-sizing:border-box;width:100%;height:100dvh;min-height:0;overflow:hidden}body.looper-layout-experiment #sampler-view:not(.hidden){grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.looper-layout-experiment .aura-main-layout,.looper-layout-experiment .aura-looper-column,.looper-layout-experiment #looper-mixer-panel{height:100%;min-height:0}.looper-layout-experiment .aura-main-layout{overflow:hidden}.looper-layout-experiment .aura-sampler-column{display:none}.module-workspace>:is(#sampler-panel,#fx-panel){background:0 0;border-radius:0;padding:0}.module-workspace:not([data-active-tab=sampler])>#sampler-panel,.module-workspace:not([data-active-tab=fx])>#fx-panel,.module-workspace:not([data-active-tab=sampler]) .sampler-toolbar,.looper-layout-experiment .looper-view-tabs,.looper-layout-experiment #looper-scenes-view,.looper-layout-experiment .looper-layer-divider,.looper-status-row .looper-save-scene-button.hidden{display:none}.looper-columns-choice{flex:none;display:flex}.looper-columns-choice.hidden{display:none}.looper-columns-option{color:#a1a1aa;background:#3f3f46;border:1px solid #52525b;place-items:center;width:26px;height:24px;display:grid}.looper-columns-option:first-child{border-radius:6px 0 0 6px}.looper-columns-option:not(:first-child){border-left:0}.looper-columns-option:last-child{border-radius:0 6px 6px 0}.looper-columns-option svg{width:14px;height:14px}.looper-columns-option:hover{color:#f5f5f7}.looper-columns-option.active{border-color:var(--accent-teal);color:#f5f5f7;background:var(--surface-selected)}.looper-columns-option:not(:first-child).active{border-left:1px solid var(--accent-teal);margin-left:-1px}.looper-layout-experiment #loopsContainer:is(.is-two-column,.is-three-column){align-items:start;gap:8px;display:grid}.looper-layout-experiment #loopsContainer.is-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.looper-layout-experiment #loopsContainer.is-three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.looper-layout-experiment #loopsContainer:is(.is-two-column,.is-three-column)>.loop-layer{min-width:0;margin:0}.looper-layout-experiment #loopsContainer:is(.is-two-column,.is-three-column)>.loop-layer.has-inline-sampler{grid-column:1/-1}.looper-layout-experiment #loopsContainer:is(.is-two-column,.is-three-column) .loop-layer:not(.has-inline-sampler) .loop-mix-controls{grid-template-columns:minmax(44px,160px) minmax(min-content,auto) 24px 24px;width:fit-content;max-width:100%}.looper-layout-experiment #loopsContainer:is(.is-two-column,.is-three-column) .loop-layer:not(.has-inline-sampler) .loop-pan-control{grid-template-columns:auto 45px}.looper-layout-experiment #loopsContainer.is-three-column .loop-layer:not(.has-inline-sampler) .loop-inline-slider-control{grid-template-columns:minmax(0,1fr)}.looper-layout-experiment #loopsContainer.is-three-column .loop-layer:not(.has-inline-sampler) .loop-pan-control{grid-template-columns:45px}.looper-layout-experiment #loopsContainer.is-three-column .loop-layer:not(.has-inline-sampler) .loop-inline-slider-control>span{display:none}.looper-layout-experiment .loop-mix-controls,.looper-layout-experiment .looper-capture-mix-controls{justify-self:end;width:min(50%,420px);min-width:min-content}.looper-layout-experiment .loop-mix-controls{grid-template-columns:minmax(88px,1fr) minmax(86px,auto) 24px 24px}.looper-layout-experiment .looper-capture-mix-controls{grid-template-columns:minmax(104px,1fr) minmax(86px,auto) 24px 24px}.looper-layout-experiment :is(.loop-mix-controls,.looper-capture-mix-controls)>.loop-inline-slider-control{order:1}.looper-layout-experiment :is(.loop-mix-controls,.looper-capture-mix-controls)>.loop-pan-control{order:2}.looper-layout-experiment :is(.loop-mix-controls,.looper-capture-mix-controls)>.mute-button{order:3}.looper-layout-experiment :is(.loop-mix-controls,.looper-capture-mix-controls)>.solo-button{order:4}.looper-layout-experiment .loop-pan-control{grid-template-columns:auto 90px}.looper-layout-experiment .loop-pan-control .horizontal-slider{width:100%}@media (min-width:768px){.looper-layout-experiment .sampler-control-panels{grid-template-columns:minmax(0,1fr) repeat(3,max-content)}}.looper-layout-experiment .sampler-control-panels .module-surface>.grid{grid-template-columns:repeat(4,max-content);column-gap:12px}@media (min-width:1024px){.looper-layout-experiment #module-workspace,.looper-layout-experiment .sampler-control-panels>.module-surface{padding:10px}.looper-layout-experiment #waveform-container{min-height:134px}.looper-layout-experiment #waveform-canvas{height:132px}.looper-layout-experiment .sampler-control-panels .module-surface>.grid{row-gap:10px}.looper-layout-experiment .sampler-control-header{margin-block-end:8px}}.looper-layout-experiment #note-processors-panel.sampler-notes-card{flex-direction:column;min-width:0;height:auto;min-height:0;max-height:none;display:flex;overflow:visible}.looper-layout-experiment #note-processors-panel.sampler-notes-card .module-strip-grid{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.looper-layout-experiment #note-processors-panel.sampler-notes-card .modulation-lfo-module{align-self:end}.looper-layout-experiment #note-processors-panel.sampler-notes-card .module-surface{background:0 0;border:0;border-radius:0;grid-column:auto;width:auto;max-width:none;padding:0}.looper-layout-experiment #note-processors-panel.sampler-notes-card .module-surface>*{margin:0}.looper-layout-experiment #note-processors-panel.sampler-notes-card .note-input-module>*+*{margin-top:6px}.looper-layout-experiment #note-processors-panel.sampler-notes-card .note-input-label,.looper-layout-experiment #note-processors-panel.sampler-notes-card .time-lock-header h3,.looper-layout-experiment #note-processors-panel.sampler-notes-card .scale-lock-header h3,.looper-layout-experiment #note-processors-panel.sampler-notes-card .modulation-module-title h3{color:#a0a0a0;font-size:12px;font-weight:400;line-height:1.15}.looper-layout-experiment #note-processors-panel.sampler-notes-card .scale-lock-module{grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.looper-layout-experiment #note-processors-panel.sampler-notes-card .scale-lock-module>:last-child{justify-self:end}.looper-layout-experiment #note-processors-panel.sampler-notes-card .note-input-module>div:last-child{align-items:center;gap:8px;display:flex}.looper-layout-experiment #note-processors-panel.sampler-notes-card #octave-select{margin-left:auto}.looper-layout-experiment #note-processors-panel.sampler-notes-card .time-quantizer-module{align-items:center;gap:8px;display:flex}.looper-layout-experiment #note-processors-panel.sampler-notes-card .time-quantizer-module>div:last-child{align-items:center;display:flex}.looper-layout-experiment #note-processors-panel.sampler-notes-card .octave-toggle,.looper-layout-experiment #note-processors-panel.sampler-notes-card #time-lock-grid,body:not(.looper-layout-experiment) :is(#octave-select,#time-lock-select){display:none}#octave-select{width:56px}#time-lock-select{width:66px}.looper-layout-experiment #note-processors-panel.sampler-notes-card .note-input-source-select{display:none}.looper-layout-experiment #note-processors-panel.sampler-notes-card .note-input-module .note-input-label{margin-bottom:0}.looper-layout-experiment #note-processors-panel.sampler-notes-card #time-lock-power,.looper-layout-experiment #note-processors-panel.sampler-notes-card #scale-lock-power,.looper-layout-experiment #note-processors-panel.sampler-notes-card .time-quantizer-module .note-input-label,body:not(.looper-layout-experiment) .time-lock-grid-off{display:none}.looper-layout-experiment .time-lock-grid{grid-template-columns:repeat(5,38px)}.looper-layout-experiment .time-lock-grid.is-off .time-lock-grid-option,.looper-layout-experiment .scale-lock-controls.is-off{opacity:1}.looper-layout-experiment #note-processors-panel.sampler-notes-card .scale-lock-controls{grid-template-columns:max-content max-content;gap:6px}.looper-layout-experiment #note-processors-panel.sampler-notes-card .scale-lock-control-row{grid-template-columns:max-content;gap:0}.looper-layout-experiment #note-processors-panel.sampler-notes-card .scale-lock-control-row>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.looper-layout-experiment #note-processors-panel.sampler-notes-card #scale-lock-root{width:66px}.looper-layout-experiment #note-processors-panel.sampler-notes-card #scale-lock-scale{width:132px}.looper-layout-experiment #note-processors-panel.sampler-notes-card .time-lock-header,.looper-layout-experiment #note-processors-panel.sampler-notes-card .scale-lock-header{justify-content:flex-start;gap:6px}.looper-layout-experiment #note-processors-panel.sampler-notes-card .modulation-lfo-module{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:6px 10px;display:grid}.looper-layout-experiment #note-processors-panel.sampler-notes-card .modulation-lfo-selects{grid-template-columns:max-content max-content;justify-self:end;gap:6px;display:grid}.looper-layout-experiment #note-processors-panel.sampler-notes-card .modulation-lfo-layout{grid-column:1/-1;justify-content:flex-end}.looper-layout-experiment #note-processors-panel.sampler-notes-card #lfo-power,.looper-layout-experiment #note-processors-panel.sampler-notes-card .modulation-module-hint,.looper-layout-experiment #note-processors-panel.sampler-notes-card .modulation-shape-control,.looper-layout-experiment #note-processors-panel.sampler-notes-card .modulation-polarity-control,body:not(.looper-layout-experiment) .modulation-lfo-selects{display:none}.lfo-select-row{grid-template-columns:max-content;display:grid}.lfo-select-row>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.compact-select{color:#fff;background-color:#374151;border:1px solid #4b5563;border-radius:6px;height:25px;padding:0 18px 0 5px;font-size:.7rem}.compact-select:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}#lfo-shape-select,#lfo-polarity-select{width:84px}.looper-layout-experiment .loop-layer .loop-delete-btn,.looper-layout-experiment .loop-delete-menu{display:none}.looper-layout-experiment .loop-layer-header{grid-template-columns:max-content minmax(0,1fr)}.looper-layout-experiment .loop-mix-controls,.looper-layout-experiment .looper-capture-mix-controls{margin-right:0}.looper-footer-delete{align-items:center;gap:5px;min-width:0;display:flex}.looper-footer-delete .btn{height:28px;padding:0 9px}body:not(.looper-layout-experiment) .looper-footer-delete{display:none}.looper-layout-experiment .loop-layer-actions{grid-template-columns:24px max-content max-content 24px}body:not(.looper-layout-experiment) :is(.loop-fx-btn,.loop-close-btn){display:none}.looper-source-choice{display:flex}.looper-source-choice.hidden{display:none}.looper-source-option{text-transform:uppercase;min-width:0}.looper-source-option:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.looper-source-option:last-child{border-left-color:#374151;border-top-left-radius:0;border-bottom-left-radius:0}#looper-source-internal.active{border-color:var(--accent-teal-hover);background:var(--accent-teal-deep)}.looper-layout-experiment .looper-source-caret{text-transform:uppercase;background:#4b5563;border-color:#0000;border-radius:6px;grid-auto-flow:column;gap:2px;width:auto;min-width:0;margin-left:4px;padding:0 5px 0 9px;font-size:11px;font-weight:700}.looper-layout-experiment .looper-source-caret:hover:not(:disabled),.looper-layout-experiment .looper-source-caret[aria-expanded=true]{background:var(--color-gray-500,#6e6e78);border-color:#0000}.looper-source-caret-label:empty{display:none}.looper-new-layer-button{min-width:28px;margin-left:4px;padding:0;font-size:15px;line-height:1}.looper-new-layer-button.hidden,.loop-layer.is-new-layer-placeholder :is(.loop-delete-btn,.loop-delete-menu,.loop-take-navigation,.loop-vu-holder){display:none}.loop-layer.is-new-layer-placeholder .loop-layer-display{grid-template-columns:minmax(0,1fr)}@media (min-width:1024px){.looper-layout-experiment .aura-main-layout,.looper-layout-experiment .aura-main-layout.looper-left{grid-template-columns:minmax(0,1fr)var(--track-rail)}.looper-layout-experiment .aura-main-layout.scene-rail-left,.looper-layout-experiment .aura-main-layout.scene-rail-left.looper-left{grid-template-columns:var(--track-rail)minmax(0,1fr)}}.aura-scene-rail{background:#18181b;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;min-height:0;padding:4px 0;display:none;position:relative}.aura-scene-rail-explore{aspect-ratio:1;color:#b48cf5;background:#1a1b22;border:1px solid #3d3450;border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;margin:0 4px 6px;padding:0;transition:border-color .15s,background-color .15s;display:flex}.aura-scene-rail-explore:hover:not(:disabled){background:#20212b;border-color:#6a58a3}.aura-scene-rail-explore:focus-visible{outline-offset:1px;outline:2px solid #b48cf5}.aura-scene-rail-explore:disabled{opacity:.4;cursor:not-allowed}.aura-scene-rail-explore-icon{width:36px;height:22px}.aura-scene-rail-explore-label{letter-spacing:.14em;text-transform:uppercase;font-family:SF Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:8px;font-weight:500;line-height:1}.aura-scene-rail-track{scrollbar-width:none;flex-direction:column;flex:1 1 0;align-items:center;min-height:0;display:flex;overflow:hidden auto}.aura-scene-rail-track::-webkit-scrollbar{display:none}.scene-rail-row{flex:0 0 40px;width:100%;height:40px;position:relative}.scene-rail-dot-button{border:1px solid #0000;border-radius:6px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:2px;left:3px}.scene-rail-dot-button.is-current{border-color:var(--accent-teal);background:var(--surface-selected)}.participant-dot{background:hsl(var(--participant-hue,0)62% 58%);color:#101014;border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid}.participant-dot-fallback,.participant-dot-avatar{border-radius:50%;grid-area:1/1;width:100%;height:100%}.participant-dot-fallback{place-items:center;display:grid}.participant-dot-avatar{object-fit:cover;display:block}.scene-rail-dot{width:22px;height:22px;padding:2px;font-size:10px;transition:transform .12s,box-shadow .12s}.scene-rail-dot-button:hover:not(:disabled) .scene-rail-dot{transform:scale(1.1);box-shadow:0 0 0 2px #ffffff38}.scene-rail-dot-button:focus-visible{outline-offset:-2px;outline:2px solid #60a5fa}.scene-rail-dot-button:disabled{cursor:wait}.scene-rail-dot-button:disabled .scene-rail-dot{opacity:.5}.scene-rail-branch-toggle{z-index:1;color:#d4d4d8;background:#353538;border:1px solid #606068;border-radius:4px;place-items:center;width:22px;height:22px;padding:0;font-size:10px;font-weight:600;line-height:1;display:grid;position:absolute;top:6px;right:2px}.scene-rail-branch-toggle:hover:not(:disabled),.scene-rail-branch-toggle[aria-expanded=true]{color:#fff;background:#444448;border-color:#8a8a94}.scene-rail-branch-toggle[aria-expanded=true]{border-color:var(--accent-teal)}.scene-rail-branch-toggle:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.scene-rail-branch-toggle:disabled{cursor:wait;opacity:.62}.aura-scene-rail-branches{z-index:31;background:#27272a;border:1px solid #52525b;border-radius:6px;flex-direction:column;gap:2px;width:max-content;max-width:260px;padding:5px;display:flex;position:absolute;right:calc(100% - 4px);transform:translateY(-50%);box-shadow:0 10px 24px #00000080}.aura-scene-rail-branches[hidden]{display:none}.scene-rail-branch-heading{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #3f3f46;padding:3px 7px 5px;font-size:10px}.scene-rail-branch-item{color:#e5e7eb;text-align:left;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 7px;font-size:11px;display:flex}.scene-rail-branch-item:hover:not(:disabled){background:#ffffff0f;border-color:#52525b}.scene-rail-branch-item:focus-visible{outline-offset:-2px;outline:2px solid #60a5fa}.scene-rail-branch-item-name{font-weight:600}.scene-rail-branch-item-detail{color:#9ca3af;font-size:10px}.scene-rail-branch-item.is-current-lane{color:#9ca3af}.scene-rail-branch-item:disabled:not(.is-current-lane){cursor:wait;opacity:.62}.aura-scene-rail-label{z-index:30;color:#f5f5f7;pointer-events:none;white-space:nowrap;background:#27272a;border:1px solid #52525b;border-radius:6px;padding:4px 8px;font-size:11px;line-height:14px;position:absolute;right:calc(100% - 4px);transform:translateY(-50%);box-shadow:0 6px 16px #00000073}.aura-scene-rail-label[hidden]{display:none}@media (min-width:1024px){.aura-scene-rail{display:flex}}@media (max-width:900px){.aura-app-bar{grid-template-columns:minmax(0,1fr) minmax(240px,1fr);grid-template-areas:"brand tools""transport transport";gap:8px 12px}.aura-app-brand{grid-area:brand}.aura-transport-strip{grid-area:transport}}@media (max-width:640px){.aura-app-bar{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""transport""tools"}.aura-app-brand,.aura-master-output{justify-self:stretch}.aura-master-output,.aura-header-tools{width:100%}.midi-sync-panel{width:100%;max-height:min(82vh,560px);padding:18px max(18px,env(safe-area-inset-right))max(18px,env(safe-area-inset-bottom))max(18px,env(safe-area-inset-left));border-width:1px 0 0;border-radius:12px 12px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto}}@media (max-width:450px){.looper-header-control-row{gap:6px}.looper-header-right{gap:4px}.looper-bpm-control input{width:56px}.looper-tempo-mode-toggle{width:24px}.looper-bpm-control{gap:3px}.midi-sync-button{width:34px;min-width:34px;padding:0}.midi-sync-button #midi-sync-label{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.loop-layer{--loop-display-height:54px;background-color:var(--surface-layer);cursor:grab;border:1px solid #ffffff12;min-height:0;padding:5px;transition:border-color .15s,box-shadow .15s,background-color .15s}.loop-layer :is(button,input,select,textarea,[role=button],[role=radio],[role=slider],.dial-container){cursor:default}.loop-layer :is(button,input,select):disabled{cursor:not-allowed}.loop-layer:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.loop-layer.is-selected{border-color:var(--accent-teal);box-shadow:inset 0 0 0 1px #14b8a638}.loop-layer.is-armed{border-color:#ef4444;box-shadow:inset 0 0 0 1px #ef444438}.loop-layer.is-armed .loop-label,.loop-layer.is-armed .loop-take-navigation,.loop-layer.is-armed .loop-waveform-pending,.loop-layer.is-armed .loop-playhead-canvas{display:none}.looper-layout-experiment .loop-layer.is-armed[data-inline-view=fx] .loop-label,.looper-layout-experiment .loop-layer.is-armed[data-inline-view=fx] .loop-playhead-canvas{display:block}.loop-layer.is-muted{background-color:var(--surface-layer-muted)}.loop-layer.is-muted .loop-waveform-canvas{opacity:.3}.loop-layer.is-muted .loop-playhead-canvas{display:none}.loop-layer.is-muted.is-armed .loop-waveform-region{opacity:.45}.loop-layer-layout{flex-direction:column;gap:5px;min-width:0;display:flex}.loop-layer-header{grid-template-columns:max-content minmax(0,1fr) 16px;align-items:center;gap:8px;min-width:0;display:grid}.loop-layer-actions{grid-template-columns:24px max-content;align-items:center;gap:4px;display:grid}.loop-mix-controls{grid-template-columns:24px 24px minmax(88px,1fr) minmax(86px,auto);align-items:center;gap:6px;min-width:0;margin-right:5px;display:grid}.loop-header-button{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;line-height:1}.loop-layer-actions svg{width:12px;height:12px}.loop-layer-actions .loop-view-button{background-color:var(--color-gray-800,#2a2a30);color:#9ca3af;border:1px solid #ffffff1f;align-items:center;gap:4px;width:auto;min-width:0;padding:0 8px 0 7px;font-size:11px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.loop-layer-actions .loop-view-button:not(.is-inline-sampler-open):hover:not(:disabled){background-color:var(--color-gray-700,#42424a);color:#ececee;border-color:#fff3}.loop-layer-actions .loop-view-button.is-inline-sampler-open{color:#05231f;background-color:#2dd4bf;border-color:#2dd4bf}.loop-layer-actions .loop-view-button.is-inline-sampler-open:hover:not(:disabled){border-color:var(--accent-teal-bright);background-color:var(--accent-teal-bright)}.loop-close-btn{background-color:#b14343;transition:background-color .15s}.loop-close-btn:hover:not(:disabled){background-color:#bd5151}.loop-close-btn.hidden{display:none}.loop-layer .loop-delete-btn{justify-self:end;width:16px;min-width:16px;height:16px;min-height:16px}.loop-record-arm-btn{border:1px solid #ffffff12;border-radius:50%;place-items:center;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:grid}.loop-record-arm-btn:hover{border-color:#6b7280}.loop-record-arm-btn:focus-visible{outline-offset:1px;outline:2px solid #fca5a5}.loop-record-arm-glyph{background:#fff;border-radius:50%;width:8px;height:8px;transition:background-color .2s ease-in-out}.loop-record-arm-btn.active{background-color:#dc2626;border-color:#ef4444}.loop-record-arm-btn.active .loop-record-arm-glyph{background-color:#000}.loop-delete-menu{z-index:20;background:#2c2c2e;border:1px solid #636366;border-radius:6px;min-width:148px;padding:4px;position:absolute;top:31px;right:5px;box-shadow:0 8px 20px #00000059}.loop-delete-menu button{color:#f5f5f7;text-align:left;border-radius:4px;width:100%;padding:6px 8px;font-size:12px;display:block}.loop-delete-menu button.hidden{display:none}.loop-delete-menu button:hover:not(:disabled){background:#48484a}.loop-delete-menu button:disabled{color:#77777b;cursor:not-allowed}.loop-inline-slider-control{color:#b4b4bc;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;font-size:12px;line-height:1.15;display:grid}.loop-inline-slider-control .horizontal-slider{min-width:0}.loop-inline-slider-control .loop-level-slider{width:100%}.loop-pan-control{grid-template-columns:auto 60px}.loop-layer-display{grid-template-columns:minmax(0,1fr) 16px;align-items:stretch;gap:2px;min-width:0;display:grid}.looper-layout-experiment .loop-layer.has-inline-sampler{cursor:default}.loop-waveform-region{--loop-label-font:12px;--loop-waveform-saturation:30%;--loop-waveform-lightness:55%;height:var(--loop-display-height);background:#1c1c1e;border:1px solid #00000059;border-radius:4px;position:relative;overflow:hidden}.looper-layout-experiment .loop-layer.has-inline-sampler .loop-layer-display>:is(#module-workspace,#sampler-panel){grid-column:1/-1;width:100%;margin:0}.looper-layout-experiment .loop-layer[data-inline-view=sampler] .loop-layer-display{grid-template-columns:minmax(0,1fr)}.looper-layout-experiment .loop-layer[data-inline-view=sampler] :is(.loop-waveform-region,.loop-vu-holder){display:none}.looper-layout-experiment .loop-layer[data-inline-view=fx] .loop-layer-display{height:var(--inline-view-height,auto);grid-template-rows:auto minmax(0,1fr);min-height:0}.looper-layout-experiment .loop-layer[data-inline-view=fx] #module-workspace,.looper-layout-experiment .loop-layer[data-inline-view=fx] #fx-panel,.looper-layout-experiment .loop-layer[data-inline-view=fx] .fx-body-region{flex-direction:column;min-height:0;display:flex}.looper-layout-experiment .loop-layer[data-inline-view=fx] #fx-panel,.looper-layout-experiment .loop-layer[data-inline-view=fx] .fx-body-region,.looper-layout-experiment .loop-layer[data-inline-view=fx] .fx-body{flex:auto}.looper-layout-experiment .loop-layer[data-inline-view=fx] .fx-body{height:auto;min-height:0}.looper-layout-experiment .loop-layer[data-inline-view=fx] .fx-body-region.is-docked{flex-direction:row;gap:.75rem}.looper-layout-experiment .loop-layer[data-inline-view=fx] .fx-body-region.is-docked>.browser-panel.is-docked{z-index:auto;flex:50%;order:-1;min-width:0;min-height:0;position:static;inset:auto}.looper-layout-experiment .loop-layer[data-inline-view=fx] .fx-body-region.is-docked>.fx-body{flex:50%;min-width:0}.fx-chain-row.is-previewing{outline:1px dashed var(--accent-teal);outline-offset:-1px;animation:1.4s ease-in-out infinite fx-preview-pulse}@keyframes fx-preview-pulse{0%,to{background-color:var(--accent-teal-deep)}50%{background-color:var(--accent-teal-dusk)}}@media (prefers-reduced-motion:reduce){.fx-chain-row.is-previewing{animation:none}}.loop-take-navigation{z-index:3;color:#d4d4d8;background:#1c1c1ed1;border-radius:4px;align-items:center;gap:3px;padding:2px 3px;font-size:10px;line-height:1;display:flex;position:absolute;top:4px;right:5px}.loop-take-navigation button{color:#f5f5f7;border-radius:3px;width:16px;height:16px;font-size:16px;line-height:14px}.loop-take-navigation .loop-take-count{color:#d4d4d8;width:auto;min-width:28px;padding:0 3px;font-size:10px}.loop-take-menu{background:#2c2c2e;border:1px solid #636366;border-radius:6px;width:100%;padding:4px;box-shadow:0 8px 20px #00000059}.loop-take-menu.hidden{display:none}.loop-take-menu button{color:#d4d4d8;text-align:left;border-radius:3px;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;min-height:26px;padding:4px 6px;font-size:11px;display:grid}.loop-take-menu button:hover:not(:disabled),.loop-take-menu button.is-active{background:#48484a}.loop-take-menu button:disabled{cursor:wait;opacity:.65}.loop-take-menu-state{color:#9ca3af;font-size:10px}.loop-take-navigation button:hover:not(:disabled){background:var(--accent-teal-deep-hover)}.loop-take-navigation button:disabled{color:#636366;cursor:default}.loop-take-count{text-align:center;min-width:24px}.loop-waveform-canvas,.loop-playhead-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.loop-waveform-canvas{z-index:1}.loop-playhead-canvas{z-index:2}.loop-waveform-region .loop-label{z-index:3;color:#9ca3af;max-width:calc(100% - 102px);font-size:var(--loop-label-font);text-overflow:ellipsis;text-shadow:0 1px 2px #000000e6;pointer-events:none;line-height:1.25;position:absolute;top:5px;left:8px;overflow:hidden}#loopsContainer.is-three-column .loop-label-creator{display:none}.loop-layer-avatars{--loop-avatar-overlap:calc(var(--loop-label-font)*-.65);z-index:3;pointer-events:none;align-items:center;display:flex;position:absolute;bottom:5px;right:8px}.loop-layer-avatar{width:calc(var(--loop-label-font)*1.5);height:calc(var(--loop-label-font)*1.5);flex:none;padding:1px;box-shadow:0 0 0 1px #1c1c1e,0 1px 3px #0009}.loop-layer-avatars .loop-layer-avatar+.loop-layer-avatar{margin-left:var(--loop-avatar-overlap)}.loop-layer-avatar .participant-dot-fallback{font-size:calc(var(--loop-label-font)*.66)}.loop-waveform-region:not(.is-ready) .loop-layer-avatars{display:none}.loop-waveform-pending{z-index:3;pointer-events:none;position:absolute;bottom:5px;right:8px}.loop-waveform-region.is-ready .loop-waveform-pending{display:none}.loop-vu-holder{height:var(--loop-display-height)}.mute-button{border:1px solid #ffffff12;min-width:24px;min-height:24px;transition:all .2s ease-in-out}.mute-button:hover{background-color:#4a5568;border-color:#6b7280}.mute-button.active{color:#fff;background-color:#dc2626;border-color:#ef4444}.mute-button.active:hover{background-color:#b91c1c;border-color:#dc2626}.solo-button{border:1px solid #ffffff12;min-width:24px;min-height:24px;transition:all .2s ease-in-out}.solo-button:hover{background-color:#4a5568;border-color:#6b7280}.solo-button.active{color:#000;background-color:#f59e0b;border-color:#fbbf24}.solo-button.active:hover{background-color:#d97706;border-color:#f59e0b}.horizontal-slider{opacity:.8;appearance:none;background:linear-gradient(90deg,#4a5568 0% 100%) 50%/100% 4px no-repeat;border-radius:2px;outline:none;width:60px;height:20px;transition:opacity .2s}.horizontal-slider:hover{opacity:1}.horizontal-slider::-webkit-slider-track{background:#4a5568;border:none;border-radius:2px;width:60px;height:4px}.horizontal-slider::-webkit-slider-thumb{appearance:none;cursor:default;background:#d4d4d8;border:1px solid #ffffff73;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}.horizontal-slider::-moz-range-track{background:#4a5568;border:none;border-radius:2px;width:60px;height:4px}.horizontal-slider::-moz-range-thumb{cursor:default;background:#d4d4d8;border:1px solid #ffffff73;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}.loop-vu-meter{box-sizing:border-box;background-color:#1c1c1e;border:1px solid #00000059;border-radius:4px;flex-direction:row;gap:2px;width:16px;height:100%;padding:1px;display:flex}.loop-vu-meter .vu-meter-bar{background-color:#2c2c2e;border-radius:1px;flex:1;position:relative;overflow:hidden}.loop-vu-meter .vu-meter-bar:after{content:"";height:var(--height,0%);background:linear-gradient(to top,var(--meter-fill)0%,var(--meter-fill)90%,#ef4444 90%);transition:height 50ms ease-out;position:absolute;bottom:0;left:0;right:0}.sampler-facade-region{position:relative}#sampler-facade{z-index:0;position:relative}#sampler-facade.is-browsing .marker,#sampler-facade.is-browsing .loop-region,#sampler-facade.is-browsing .crossfade-region{visibility:hidden}.sampler-waveform-tools[inert]>*{opacity:.5}.browser-panel{z-index:1;background-color:#1c1c1e;border:1px solid #3a3a3c;border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;position:absolute;inset:0}.browser-panel:not(.hidden){display:flex}.browser-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.sample-browser-breadcrumb{color:#d1d5db;white-space:nowrap;flex:auto;align-items:center;gap:.25rem;min-width:0;font-size:.75rem;display:flex;overflow:hidden}.sample-browser-crumb{color:#93c5fd;text-overflow:ellipsis;white-space:nowrap;border-radius:.25rem;flex:0 auto;max-width:10rem;padding:0 .125rem;overflow:hidden}.sample-browser-crumb:hover{color:#fff;background-color:#3a3a3c;text-decoration:underline}.sample-browser-crumb:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.sample-browser-crumb-sep{color:#6b7280;flex:none}.sample-browser-crumb-current{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-weight:600;overflow:hidden}.browser-actions{flex:none;align-items:center;gap:.375rem;display:flex}.sample-browser-search{flex:auto;align-items:center;gap:.5rem;min-width:0;display:flex}.sample-browser-sort{flex:none;align-items:center;gap:.25rem;display:flex}.sample-browser-sort-select{color:#e5e7eb;background-color:#1c1c1e;border:1px solid #3a3a3c;border-radius:.25rem;padding:.125rem .25rem;font-size:.75rem;line-height:1.25rem}.sample-browser-sort-select:focus-visible{outline-offset:1px;border-color:#0000;outline:2px solid #60a5fa}.sample-browser-sort .browser-icon-btn.is-ascending svg{transform:rotate(180deg)}.sample-browser-search-input{color:#e5e7eb;background-color:#1c1c1e;border:1px solid #3a3a3c;border-radius:.25rem;width:100%;min-width:0;padding:.125rem .375rem;font-size:.75rem;line-height:1.25rem}.sample-browser-search-input::placeholder{color:#6b7280}.sample-browser-search-input:focus-visible{outline-offset:1px;border-color:#0000;outline:2px solid #60a5fa}.sample-browser-level-slider{accent-color:#10b981;width:7rem}.browser-icon-btn{color:#d1d5db;background-color:#0000;border-radius:.375rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:background-color .12s,color .12s;display:flex}.browser-icon-btn svg{width:1rem;height:1rem}.browser-icon-btn:hover{color:#fff;background-color:#3a3a3c}.browser-icon-btn.btn-active{background-color:var(--accent-teal-deep);color:#d6fff7}.browser-icon-btn:disabled{opacity:.35}.browser-icon-btn:disabled:hover{color:#d1d5db;background-color:#0000}.browser-split{flex:auto;align-items:stretch;gap:0;min-width:0;min-height:0;display:flex}.browser-split.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.browser-list{outline-offset:2px;background-color:#111113;border-radius:.375rem;align-content:start;min-width:0;min-height:0;padding:.25rem;overflow:auto}.browser-list::-webkit-scrollbar{width:8px;height:8px}.browser-list::-webkit-scrollbar-track{background:#1a1a1e;border-radius:4px}.browser-list::-webkit-scrollbar-thumb{background:#4a4a4c;border-radius:4px}.browser-list::-webkit-scrollbar-thumb:hover{background:#5a5a5c}.browser-list::-webkit-scrollbar-corner{background:#1a1a1e}.browser-list-left{flex:0 0 var(--browser-split,30%);flex-direction:column;gap:.125rem;display:flex}.browser-list-right{grid-auto-flow:column;grid-template-rows:repeat(var(--browser-rows,12),minmax(1.5rem,auto));flex:auto;grid-auto-columns:minmax(11rem,1fr);gap:.125rem .75rem;display:grid}.browser-divider{cursor:col-resize;background-color:#0000;background-image:linear-gradient(#3a3a3c,#3a3a3c);background-position:50%;background-repeat:no-repeat;background-size:2px 100%;border-radius:.25rem;flex:none;width:.5rem;margin:0 .125rem;transition:background-image .12s}.browser-divider:hover,.browser-divider:focus-visible,.is-resizing .browser-divider{background-image:linear-gradient(#60a5fa,#60a5fa);background-size:3px 100%;outline:none}.browser-item{color:#d1d5db;cursor:default;text-overflow:ellipsis;white-space:nowrap;border-radius:.25rem;flex:none;padding:0 .375rem;font-size:.75rem;line-height:1.5rem;overflow:hidden}.browser-item:hover{background-color:#2c2c2e}.sample-browser-item-directory{color:#93c5fd}.sample-browser-item-more{color:#9ca3af;text-align:center;font-style:italic}.browser-item.is-current{background-color:#55555f}.browser-item.is-selected{background-color:var(--accent-teal-deep);color:#d6fff7}.browser-item-model{align-items:center;gap:.375rem;display:flex}.browser-item-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.browser-item-add{color:#d6fff7;cursor:pointer;background-color:#ffffff24;border:0;border-radius:.25rem;flex:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-right:-.125rem;font-size:.875rem;font-weight:700;line-height:1;transition:background-color .12s,color .12s;display:none}.browser-panel.is-docked:not(.is-replacing) .browser-item-model.is-selected>.browser-item-add{display:inline-flex}.browser-item-add:hover{color:#fff;background-color:#ffffff47}.browser-footer{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.browser-status{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;min-height:1rem;font-size:.75rem;overflow:hidden}.browser-activate-btn{text-align:center;width:4rem}.browser-activate-btn:disabled{opacity:.4}.fx-body-region{position:relative}.fx-body{--fx-control-rows:3;--fx-control-row-height:5rem;--fx-control-row-gap:.25rem;--fx-pane-padding:.75rem;--fx-pane-chrome:1.875rem;min-width:0;height:calc(3*var(--fx-control-row-height) + 2*var(--fx-control-row-gap) + 2*var(--fx-pane-padding) + var(--fx-pane-chrome));align-items:stretch;gap:.75rem;display:flex}.fx-pane-header{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;min-height:1.5rem;display:flex}.fx-pane-title{color:#d1d5db;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.fx-chain-pane{flex-direction:column;flex:0 0 14rem;gap:.375rem;min-width:0;min-height:0;display:flex}.fx-chain-box{border:1px solid var(--surface-border);background-color:var(--surface-inset);border-radius:6px;flex-direction:column;flex:auto;gap:.375rem;min-height:0;padding:.25rem;display:flex}.fx-chain-header{flex:none;padding:.125rem .25rem 0}.fx-chain-list{outline-offset:-2px;flex-direction:column;flex:auto;gap:.125rem;min-height:0;display:flex;position:relative;overflow:hidden auto}.fx-chain-row{color:#d1d5db;cursor:default;border-radius:.25rem;flex:none;align-items:center;gap:.375rem;height:1.75rem;padding:0 .25rem;font-size:.75rem;display:flex}.fx-chain-row:hover{background-color:#55555f}.fx-chain-row.is-selected{background-color:var(--accent-teal-deep);color:#d6fff7}.fx-chain-row.is-off .fx-chain-name{opacity:.55}.fx-chain-solo{color:#6b7280;background-color:#0000;background-clip:content-box;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:3px;font-size:10px;font-weight:700;line-height:1;transition:background-color .12s,color .12s;display:flex}.fx-chain-solo:hover{color:#e5e7eb;background-color:#3a3a3c}.fx-chain-solo.is-on{color:#1c1c1e;background-color:#f59e0b}.fx-chain-row.is-selected .fx-chain-solo:not(.is-on){color:#99f6e4}.fx-chain-row.is-silenced .fx-chain-name{opacity:.55}.fx-chain-row.is-silenced .fx-chain-power:before{opacity:.45}.fx-chain-power{background-color:#0000;border:0;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.fx-chain-power:before{content:"";background-color:#0000;border:1px solid #6b7280;border-radius:9999px;width:.75rem;height:.75rem;transition:background-color .12s,border-color .12s}.fx-chain-power:hover:before{border-color:#d1d5db}.fx-chain-power.is-on:before{background-color:#10b981;border-color:#10b981}.fx-chain-power.is-mixed:before{background-color:#10b98159;border-color:#10b981}.fx-chain-power:disabled{opacity:.4}.fx-chain-power:disabled:before{border-color:#6b7280}.fx-chain-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.fx-chain-remove{color:#9ca3af;opacity:0;border-radius:.25rem;flex:none;width:1rem;height:1rem;line-height:1}.fx-chain-row:hover .fx-chain-remove,.fx-chain-row.is-selected .fx-chain-remove,.fx-chain-remove:focus-visible{opacity:1}.fx-chain-remove:hover{color:#fff;background-color:#ef4444}.fx-chain-empty{color:#6b7280;flex:none;padding:0 .25rem;font-size:.75rem;line-height:1.25}.fx-chain-add-btn{color:#d1d5db;border:1px dashed #ffffff12;border-radius:.375rem;flex:none;height:1.75rem;font-size:.875rem;font-weight:700;transition:background-color .12s,border-color .12s,color .12s}.fx-chain-add-btn:hover{color:#fff;background-color:#3a3a3c;border-color:#6b7280}.fx-effect-pane{flex:auto;min-width:0;display:flex}.fx-effect-module{width:fit-content;min-width:14rem;max-width:100%;min-height:0;padding:var(--fx-pane-padding,.75rem);border:1px solid var(--surface-border);background-color:var(--surface-module-fx);border-radius:6px;flex-direction:column;gap:.375rem;display:flex}.fx-effect-module-header{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;min-height:1.5rem;display:flex}.fx-effect-header-actions{flex:none;align-items:center;gap:.375rem;display:flex}.fx-effect-reset{color:#6b7280;background-color:#0000;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.875rem;font-weight:700;line-height:1;transition:background-color .12s,color .12s;display:flex}.fx-effect-reset:hover:not(:disabled){color:#e5e7eb;background-color:#3a3a3c}.fx-effect-reset:disabled{opacity:.4}.fx-effect-bodies{flex:auto;min-width:0;min-height:0;position:relative;overflow-y:auto}.fx-effect-empty{color:#6b7280;font-size:.75rem}.fx-effect-controls{grid-auto-flow:column;grid-template-rows:repeat(var(--fx-control-rows,3),var(--fx-control-row-height,5rem));grid-auto-columns:var(--fx-control-col-width,3.75rem);gap:var(--fx-control-row-gap,.25rem).5rem;justify-content:start;display:grid;overflow:auto hidden}.fx-control-cell{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:0;display:flex;overflow:hidden}.fx-effect-controls .dial-container{min-width:0;max-width:100%}.fx-effect-controls .dial-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fx-control-label{color:#a0a0a0;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;line-height:1.15;overflow:hidden}.fx-checkbox-cell{cursor:default}.fx-choice-cell{justify-content:center}.fx-choice-group{border:1px solid #4b5563;border-radius:.375rem;flex-direction:column;max-width:100%;display:flex;overflow:hidden}.fx-choice-btn{color:#fff;text-overflow:ellipsis;white-space:nowrap;background-color:#4a4a4c;border-bottom:1px solid #4b5563;padding:.0625rem .375rem;font-size:10px;font-weight:600;line-height:1.3;transition:background-color .1s;overflow:hidden}.fx-choice-btn:last-child{border-bottom:0}.fx-choice-btn:hover{background-color:#5b6472}.fx-toggle-btn{color:#fff;background-color:#4a4a4c;border-radius:.375rem;min-width:4rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;transition:background-color .12s}.fx-toggle-btn:hover{background-color:#5b6472}.fx-effect-extras{align-items:center;min-height:1.75rem;padding-top:.25rem;display:flex}.fx-effect-extras:empty{display:none}.fx-effect-controls::-webkit-scrollbar{width:8px;height:8px}.fx-chain-list::-webkit-scrollbar{width:8px;height:8px}.fx-effect-controls::-webkit-scrollbar-track{background:#2c2c2e;border-radius:4px}.fx-chain-list::-webkit-scrollbar-track{background:#2c2c2e;border-radius:4px}.fx-effect-controls::-webkit-scrollbar-thumb{background:#4a4a4c;border-radius:4px}.fx-chain-list::-webkit-scrollbar-thumb{background:#4a4a4c;border-radius:4px}.fx-effect-controls::-webkit-scrollbar-thumb:hover{background:#5a5a5c}.fx-chain-list::-webkit-scrollbar-thumb:hover{background:#5a5a5c}.fx-chain-list.is-reordering,.fx-chain-list.is-reordering *{cursor:grabbing!important}.fx-chain-row.is-dragging{opacity:.5}.fx-chain-drop-indicator{pointer-events:none;background-color:#fff;border-radius:1px;height:2px;margin-top:-1px;position:absolute;left:0;right:0}.fx-browser-title{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.75rem;font-weight:600;overflow:hidden}.scene-world{z-index:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s,visibility 0s linear .5s;position:fixed;inset:0}.scene-world-canvas{width:100%;height:100%;display:block}body.scene-world-exploring .scene-world{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s,visibility}#sampler-view{z-index:1;position:relative}.aura-app-bar,.aura-sampler-column,.aura-looper-column,.aura-scene-rail{transition:opacity .42s,transform .42s cubic-bezier(.4,0,.2,1)}body.scene-world-exploring #sampler-view{pointer-events:none}body.scene-world-exploring .aura-app-bar{opacity:0;transform:translateY(-40%)}body.scene-world-exploring .aura-sampler-column{opacity:0;transform:translate(-45%)}body.scene-world-exploring .aura-looper-column,body.scene-world-exploring .aura-scene-rail{opacity:0;transform:translate(45%)}body.scene-world-exploring .aura-main-layout.looper-left .aura-sampler-column{transform:translate(45%)}body.scene-world-exploring .aura-main-layout.looper-left .aura-looper-column,body.scene-world-exploring .aura-main-layout.scene-rail-left .aura-scene-rail{transform:translate(-45%)}.scene-world-controls{z-index:60;visibility:hidden;opacity:0;gap:8px;transition:opacity .4s,visibility 0s linear .4s;display:flex;position:fixed;top:16px;right:16px}body.scene-world-exploring .scene-world-controls{visibility:visible;opacity:1;transition:opacity .4s .15s,visibility}.scene-world-control{color:#e5e7eb;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#18181bd9;border:1px solid #ffffff2e;border-radius:6px;padding:8px 14px;font-size:.75rem;font-weight:600}.scene-world-control:hover{background-color:#2c2c2ef2}.scene-world-control:focus-visible{outline:2px solid var(--accent-teal);outline-offset:1px}.scene-world-exit{border-color:#ffffff47;margin-left:8px}.scene-world-label{z-index:61;color:#e5e7eb;white-space:nowrap;pointer-events:none;background-color:#09090be6;border-radius:4px;padding:4px 8px;font-size:.7rem;position:fixed;transform:translate(12px,-50%)}.scene-world-label.is-anchored{border:1px solid #ffffff29;transform:translate(-50%,-130%)}.scene-world-hint{z-index:60;visibility:hidden;color:#d1d5db;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#18181bd9;border:1px solid #ffffff1f;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;max-width:min(94vw,900px);padding:8px 14px;font-size:.7rem;transition:opacity .4s,transform .4s,visibility 0s linear .4s;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%,12px)}body.scene-world-exploring .scene-world-hint{visibility:visible;opacity:1;transition:opacity .4s .15s,transform .4s .15s,visibility;transform:translate(-50%)}body.scene-world-exploring .scene-world-hint.is-quiet{opacity:.35}.scene-world-hint-item{white-space:nowrap;align-items:center;gap:5px;display:flex}.scene-world-hint kbd{color:#f5f5f7;text-align:center;background-color:#3f3f46e6;border:1px solid #ffffff2e;border-radius:4px;min-width:18px;padding:2px 5px;font-family:inherit;font-size:.65rem;line-height:1.2}html.mobile-looper-mode .scene-world-hint,.mobile-capture-prompt{display:none}html.mobile-looper-mode{background:#121212;width:100%;height:100%;overflow:hidden}html.mobile-looper-mode body{box-sizing:border-box;width:100%;height:100dvh;min-height:0;padding:max(6px,env(safe-area-inset-top))max(6px,env(safe-area-inset-right))max(6px,env(safe-area-inset-bottom))max(6px,env(safe-area-inset-left));overscroll-behavior:none;margin:0;display:block;overflow:hidden}html.mobile-looper-mode #sampler-view{grid-template-rows:auto minmax(0,1fr);width:100%;max-width:none;height:100%;min-height:0;display:grid}html.mobile-looper-mode #sampler-view.hidden{display:none}html.mobile-looper-mode .aura-app-bar{grid-template-columns:auto minmax(0,1fr) 38px;grid-template-areas:"brand transport tools";gap:4px;min-height:48px;margin:0 0 6px;padding:0;display:grid;position:relative}html.mobile-looper-mode .aura-app-brand{grid-area:brand;justify-self:stretch}html.mobile-looper-mode .aura-app-brand-name,html.mobile-looper-mode .aura-master-output,html.mobile-looper-mode .looper-tempo-mode-toggle,html.mobile-looper-mode .looper-metronome-volume{display:none}html.mobile-looper-mode .aura-app-brand-help{border-radius:6px;width:38px;height:38px;font-size:15px}html.mobile-looper-mode.private-mode-active .aura-app-bar{grid-template-columns:minmax(0,1fr) 38px;grid-template-areas:"transport tools""brand brand"}html.mobile-looper-mode.private-mode-active .aura-app-brand{justify-content:flex-end;justify-self:stretch}html.mobile-looper-mode .aura-header-tools{grid-area:tools}html.mobile-looper-mode .aura-transport-strip{grid-area:transport;grid-template-columns:auto minmax(42px,1fr) auto;justify-self:stretch;gap:4px;width:100%;padding:2px}html.mobile-looper-mode .looper-transport-controls,html.mobile-looper-mode .looper-header-right{gap:4px}html.mobile-looper-mode .looper-transport-button{width:42px;min-width:42px;height:42px}html.mobile-looper-mode .looper-position-readout{min-width:42px;font-size:14px}html.mobile-looper-mode .looper-bpm-control{gap:3px}html.mobile-looper-mode .looper-bpm-control input{cursor:text;width:62px;height:42px}html.mobile-looper-mode .aura-main-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;height:100%;min-height:0;display:grid}html.mobile-looper-mode .aura-sampler-column,html.mobile-looper-mode .aura-scene-rail{display:none!important}html.mobile-looper-mode .aura-looper-column{width:100%;height:100%;min-height:0;overflow:hidden}html.mobile-looper-mode #looper-mixer-panel{border-radius:8px;gap:6px;height:100%;min-height:0;padding:6px;overflow:hidden}html.mobile-looper-mode .looper-capture-card{gap:5px;padding:5px}html.mobile-looper-mode .looper-capture-header{grid-template-columns:44px minmax(0,1fr);gap:6px}html.mobile-looper-mode .looper-capture-card .loop-layer-actions{grid-template-columns:44px}html.mobile-looper-mode .looper-capture-card .loop-layer-actions>[aria-hidden=true]{display:none}html.mobile-looper-mode .looper-capture-mix-controls{grid-template-columns:44px 44px minmax(0,1fr);gap:5px}html.mobile-looper-mode .looper-capture-mix-controls .loop-pan-control{display:none}html.mobile-looper-mode .looper-capture-display{height:72px}html.mobile-looper-mode .looper-capture-waveform{touch-action:manipulation;position:relative}html.mobile-looper-mode .mobile-capture-prompt{z-index:2;color:#f5f5f7e6;letter-spacing:.01em;text-shadow:0 1px 4px #000;pointer-events:none;background:#111827b8;border-radius:4px;width:max-content;max-width:calc(100% - 16px);padding:4px 8px;font-size:12px;font-weight:700;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html.mobile-looper-mode .looper-capture-settings{grid-template-columns:auto minmax(0,1fr);gap:5px 6px;display:grid}html.mobile-looper-mode .mobile-input-settings-toggle{grid-area:1/1;justify-content:center;align-items:center;gap:5px;min-width:86px;display:flex}html.mobile-looper-mode .mobile-input-settings-toggle svg{width:16px;height:16px}html.mobile-looper-mode .mobile-input-settings-chevron{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin-top:-3px;transition:transform .15s,margin-top .15s;transform:rotate(45deg)}html.mobile-looper-mode .mobile-input-settings-toggle[aria-expanded=true] .mobile-input-settings-chevron{margin-top:3px;transform:rotate(225deg)}html.mobile-looper-mode .mobile-input-settings-toggle.needs-attention:after{content:"";background:#fbbf24;border-radius:50%;width:6px;height:6px;margin-left:-2px}html.mobile-looper-mode .looper-input-settings-row{grid-area:2/1/auto/-1;align-items:center;gap:6px;min-width:0;display:flex}html.mobile-looper-mode .looper-input-settings-row.mobile-input-settings-collapsed{display:none}html.mobile-looper-mode .looper-source-toggle{min-width:102px}html.mobile-looper-mode .looper-source-toggle.active,html.mobile-looper-mode .looper-source-root:has(>.looper-source-toggle.active){display:none}html.mobile-looper-mode .looper-source-toggle:disabled{cursor:default;opacity:1}html.mobile-looper-mode .looper-source-caret,html.mobile-looper-mode .looper-input-channel-panel{display:none}html.mobile-looper-mode .looper-external-controls{flex:auto;justify-content:flex-start;min-width:0}html.mobile-looper-mode .looper-latency-control{min-width:0;font-size:10px}html.mobile-looper-mode .looper-latency-control input{width:50px;height:40px}html.mobile-looper-mode .looper-bars-control{grid-area:1/2;grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px;width:100%;margin:0;display:grid}html.mobile-looper-mode .looper-capture-now,html.mobile-looper-mode .keycap{display:none}html.mobile-looper-mode .looper-option-button,html.mobile-looper-mode .looper-view-tab,html.mobile-looper-mode .looper-save-scene-button,html.mobile-looper-mode .looper-footer-actions .btn{min-height:44px}html.mobile-looper-mode .looper-option-button{height:44px;padding-left:7px;padding-right:7px}html.mobile-looper-mode .looper-icon-button,html.mobile-looper-mode .loop-header-button{width:44px;min-width:44px;height:44px;min-height:44px}html.mobile-looper-mode #calibrateBtn{width:auto;min-width:76px;padding:0 10px;display:flex}html.mobile-looper-mode #calibrateBtn svg{display:none}html.mobile-looper-mode .mobile-calibrate-label{display:inline}html.mobile-looper-mode .looper-status-row{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html.mobile-looper-mode .mobile-audio-resume.hidden{display:none}html.mobile-looper-mode .mobile-looper-navigation{border-top:1px solid #3f3f46;border-bottom:1px solid #52525b;flex:0 0 44px;grid-template-columns:minmax(0,1fr) auto;min-height:44px;display:grid}html.mobile-looper-mode .looper-view-tabs{border:0;min-height:44px}html.mobile-looper-mode .mobile-looper-navigation-actions{min-width:94px;display:grid}html.mobile-looper-mode .mobile-looper-navigation-actions .looper-save-scene-button{grid-area:1/1;min-width:88px;margin:3px}html.mobile-looper-mode .mobile-looper-navigation:has(.mobile-audio-resume:not(.hidden)) #save-scene-btn{display:none}html.mobile-looper-mode .looper-tab-view,html.mobile-looper-mode .looper-layers-scroll,html.mobile-looper-mode .looper-scene-tree{min-height:0}html.mobile-looper-mode .looper-layers-scroll,html.mobile-looper-mode .looper-scene-tree{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-y:auto}html.mobile-looper-mode .looper-footer{min-height:44px;padding:8px 0 2px}html.mobile-looper-mode .looper-footer-actions{justify-content:flex-end;width:100%;margin-left:0}html.mobile-looper-mode .loop-layer{--loop-display-height:68px;cursor:default;touch-action:pan-y;padding:6px}html.mobile-looper-mode .loop-layer-header{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:5px}html.mobile-looper-mode .loop-layer-actions{grid-template-columns:44px}html.mobile-looper-mode .loop-resample-btn,html.mobile-looper-mode .loop-fx-btn,html.mobile-looper-mode .loop-close-btn{display:none}html.mobile-looper-mode .loop-mix-controls{grid-template-rows:44px;grid-template-columns:44px 44px minmax(0,1fr);gap:5px;margin:0;display:grid}html.mobile-looper-mode .loop-mix-controls .mute-button{grid-area:1/1}html.mobile-looper-mode .loop-mix-controls .solo-button{grid-area:1/2}html.mobile-looper-mode .loop-level-control{grid-area:1/3}html.mobile-looper-mode .loop-mix-controls .loop-pan-control{display:none}html.mobile-looper-mode .loop-layer .loop-delete-btn{width:44px;min-width:44px;height:44px;min-height:44px;font-size:20px}html.mobile-looper-mode .loop-delete-menu{top:52px}html.mobile-looper-mode .loop-delete-menu button,html.mobile-looper-mode .loop-take-menu button{min-height:44px}html.mobile-looper-mode .loop-take-navigation{top:3px;right:4px}html.mobile-looper-mode .loop-take-navigation button{width:32px;height:32px;line-height:30px}html.mobile-looper-mode .loop-take-navigation .loop-take-count{min-width:38px}html.mobile-looper-mode .looper-scenes-toolbar{flex-wrap:wrap;gap:5px;padding:5px 2px}html.mobile-looper-mode .looper-scene-participant{flex-basis:100%}html.mobile-looper-mode .looper-scenes-toolbar-actions{justify-content:flex-end;width:100%;margin-left:0}html.mobile-looper-mode .looper-scene-toggle{min-height:40px}html.mobile-looper-mode .looper-scene-lane-row{--scene-lane-offset:calc(var(--scene-lane)*20px);height:44px;min-height:44px;padding-left:calc(var(--scene-lane-offset) + 38px)}html.mobile-looper-mode .looper-scene-branch-toggle{left:calc(var(--scene-lane-offset) + 11px);width:28px;height:32px}html.mobile-looper-mode .looper-scene-row{min-height:40px}@media (max-height:620px){html.mobile-looper-mode .looper-capture-display{height:56px}html.mobile-looper-mode .looper-capture-settings{grid-template-columns:auto minmax(0,1fr)}}@media (max-height:620px) and (min-width:600px){html.mobile-looper-mode .looper-capture-card{grid-template-rows:44px 56px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:5px 8px;display:grid}html.mobile-looper-mode .looper-capture-header{grid-area:1/1}html.mobile-looper-mode .looper-capture-display{grid-area:2/1}html.mobile-looper-mode .looper-capture-settings{grid-area:1/2/3;grid-template-columns:auto auto minmax(0,1fr);align-self:center}html.mobile-looper-mode .looper-bars-control{grid-column:auto;grid-template-columns:repeat(5,minmax(36px,1fr))}}@media (max-width:360px){html.mobile-looper-mode .loop-level-control{grid-template-columns:minmax(0,1fr)}html.mobile-looper-mode .loop-level-control>span{display:none}html.mobile-looper-mode .looper-capture-settings{grid-template-columns:52px minmax(0,1fr)}html.mobile-looper-mode .mobile-input-settings-toggle{min-width:52px;padding:0 6px}html.mobile-looper-mode .mobile-input-settings-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}
