@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-200:oklch(.885 .062 18.334);--color-red-300:oklch(.808 .114 19.571);--color-red-400:oklch(.704 .191 22.216);--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-red-700:oklch(.505 .213 27.518);--color-red-800:oklch(.444 .177 26.899);--color-red-900:oklch(.396 .141 25.723);--color-red-950:oklch(.258 .092 26.042);--color-orange-400:oklch(.75 .183 55.934);--color-orange-500:oklch(.705 .213 47.604);--color-orange-600:oklch(.646 .222 41.116);--color-amber-400:oklch(.828 .189 84.429);--color-amber-500:oklch(.769 .188 70.08);--color-amber-600:oklch(.666 .179 58.318);--color-yellow-100:oklch(.973 .071 103.193);--color-yellow-200:oklch(.945 .129 101.54);--color-yellow-300:oklch(.905 .182 98.111);--color-yellow-400:oklch(.852 .199 91.936);--color-yellow-500:oklch(.795 .184 86.047);--color-yellow-600:oklch(.681 .162 75.834);--color-yellow-700:oklch(.554 .135 66.442);--color-yellow-900:oklch(.421 .095 57.708);--color-lime-500:oklch(.768 .233 130.85);--color-green-50:oklch(.982 .018 155.826);--color-green-200:oklch(.925 .084 155.995);--color-green-300:oklch(.871 .15 154.449);--color-green-400:oklch(.792 .209 151.711);--color-green-500:oklch(.723 .219 149.579);--color-green-600:oklch(.627 .194 149.214);--color-green-700:oklch(.527 .154 150.069);--color-emerald-400:oklch(.765 .177 163.223);--color-cyan-400:oklch(.789 .154 211.53);--color-cyan-500:oklch(.715 .143 215.221);--color-cyan-600:oklch(.609 .126 221.723);--color-sky-400:oklch(.746 .16 232.661);--color-blue-400:#38bdf8;--color-blue-500:#0ea5e9;--color-indigo-400:oklch(.673 .182 276.935);--color-indigo-500:oklch(.585 .233 277.117);--color-violet-400:oklch(.702 .183 293.541);--color-purple-400:oklch(.714 .203 305.504);--color-purple-500:oklch(.627 .265 303.9);--color-purple-600:oklch(.558 .288 302.321);--color-purple-700:oklch(.496 .265 301.924);--color-pink-400:oklch(.718 .202 349.761);--color-pink-500:oklch(.656 .241 354.308);--color-pink-600:oklch(.592 .249 .584);--color-rose-500:oklch(.645 .246 16.439);--color-gray-100:#f4f4f5;--color-gray-950:oklch(.13 .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--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);--cursor-painter:url(/studio/images/painter.svg) 0 16,auto;--cursor-pencil:url(/studio/images/pencil.svg) 0 16,auto;--cursor-selector:url(/studio/images/selector.svg) 8 8,auto;--cursor-eraser:url(/studio/images/eraser.svg) 4 12,auto;--cursor-cutter:url(/studio/images/cutter.svg) 8 8,auto;--color-fader-track:#313a46;--color-fader-handle:#d1d5db;--color-fader-handle-border:#9ca3af;--color-arrangement-grid:#3a414b;--color-panner-indicator-on:#4caf50;--color-s1-button-corner:#d1d5db;--color-mb-drive-button-indicator:#f59e0b;--shape-squircle:inset(0px round 4px);--shape-tooltip:shape(from 0% 0%,line to 100% 0%,line to 100% 90%,line to 60% 90%,line to 50% 100%,line to 40% 90%,line to 0% 90%,close)}}@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: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}@property --editor-grid-x{syntax: "<number>"; inherits: true;}@property --editor-grid-y{syntax: "<number>"; inherits: true;}@property --editor-bars{syntax: "<number>"; inherits: true;}@property --editor-height{syntax: "<length>"; inherits: true;}@property --bottom-panel-height{syntax: "<length>"; initial-value: 420px; inherits: true;}@property --parameters-height{syntax: "<length>"; initial-value: 160px; inherits: true;}@property --track-color{syntax: "<color>"; initial-value: #515356; inherits: true;}@property --slider-track-color{syntax: "<color>"; initial-value: #3a3a3a; inherits: true;}@property --slider-tint-color{syntax: "<color>"; initial-value: #dadada99; inherits: true;}@property --slider-thumb-color{syntax: "<color>"; initial-value: #fff; inherits: false;}@property --slider-shadow-color{syntax: "<color>"; initial-value: #31353bbf; inherits: true;}@property --slider-track-height{syntax: "<length>"; initial-value: .125em; inherits: false;}@property --slider-thumb-height{syntax: "<length>"; initial-value: 1.125em; inherits: false;}@property --slider-meter-height{syntax: "<number>"; initial-value: 20; inherits: false;}@property --slider-clip-top{syntax: "<length>"; initial-value: calc((var(--slider-thumb-height) - var(--slider-track-height))*.5 - 17.5px); inherits: false;}@property --slider-clip-bottom{syntax: "<length>"; initial-value: calc(var(--slider-thumb-height) - var(--slider-clip-top)); inherits: false;}:root{interpolate-size:allow-keywords}html{font-family:Nunito Sans,Helvetica;font-size:100%}h1,h2,h3,h4,h5,h6{font-family:Sarala,"sans-serif"}button{cursor:pointer}hr{height:1px;padding-block:calc(var(--spacing)*.5);color:#31353b}dialog{margin:auto}dialog::backdrop{background-color:#0009}.select{border-radius:var(--radius-lg);--tw-leading:var(--leading-tight);width:100%;line-height:var(--leading-tight);display:flex;position:relative;overflow:hidden}.select:after{pointer-events:none;top:calc(var(--spacing)*0);right:calc(var(--spacing)*0);color:#a1a5ab;content:"▼";background-color:#31353b;padding:.8em;transition:all .25s;position:absolute}.select:hover:after{color:#e4e4e7}input,textarea,select{border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);color:#e4e4e7;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#27282a;border-width:1px;border-color:#31353b80}:is(input,textarea,select):focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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);--tw-ring-color:oklab(68.4687% -.0798356 -.124464/.5);--tw-outline-style:none;outline-style:none}input[type=number]{font-family:Kameron,"system-ui","sans-serif"}}@layer components{.scrollbar{overscroll-behavior:contain;scrollbar-color:#898989 #2d2d2d;scrollbar-width:thin}.scrollbar:hover,.scrollbar:active,.scrollbar:focus{scrollbar-color:#b5b4b4 #393939}.scrollbar:hover{scrollbar-color:#252525 #393939}.scrollbar-hidden{overscroll-behavior:contain;scrollbar-width:none}.pianoroll{--editor-grid-x:calc(var(--pianoroll-grid-x)*var(--numerator)*16/var(--denominator));--editor-grid-y:var(--pianoroll-grid-y);--editor-bars:var(--pianoroll-bars);--editor-height:calc(var(--pianoroll-grid-y)*120px);width:calc(var(--editor-grid-x)*var(--editor-bars)*1px)}.playlist{--editor-grid-x:var(--playlist-grid-x);--editor-grid-y:var(--playlist-grid-y);--editor-bars:var(--playlist-bars);width:calc(var(--editor-grid-x)*var(--editor-bars)*1px)}:is(.pianoroll,.playlist) .selection{pointer-events:none;top:calc(var(--spacing)*0);border-style:var(--tw-border-style);opacity:.2;background-color:#71757b;border-width:1px;border-color:#71757b;position:absolute}.bg_pianoroll{background:paint(pianoroll);height:var(--editor-height)}.bg_parameters{background:paint(parameters)}.bg_playlist{background:paint(playlist);height:var(--editor-height)}.note_highlights>div{opacity:0;height:calc(var(--editor-grid-y)*1px);width:calc(var(--editor-grid-x)*var(--editor-bars)*1px);background:#3c555f73;position:absolute}.mixer{container-type:size}.mixer .meters{min-height:5em}.mixer .meters .slider{min-width:5em}.mixer .sends,.mixer .inserts,.mixer .inputs,.mixer .io,.mixer .record{height:calc(var(--spacing)*0);content-visibility:hidden;transition:.125s all ease allow-discrete}@container (height>=28em){.mixer .sends{content-visibility:visible;flex:1;height:fit-content}}@container (height>=26em){.mixer .inserts{content-visibility:visible;flex:1;height:fit-content}}@container (height>=20em){.mixer .meters{min-height:auto;height:calc(var(--slider-meter-height)*1.4cqh)}.mixer .meters .slider{min-width:auto;width:calc(var(--slider-meter-height)*1.4cqh)}.mixer .io{content-visibility:visible;height:fit-content}}@container (height>=19em){.mixer .inputs{content-visibility:visible;height:fit-content}}@container (height>=15em){.mixer .record{content-visibility:visible;height:fit-content}}.submenu,.menu [popover]{margin:calc(var(--spacing)*0);border-style:var(--tw-border-style);border-width:2px;border-top-style:var(--tw-border-style);color:#e4e4e7;--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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);--tw-shadow-color:#161819;top:anchor(bottom);left:anchor(left);background-color:#161819;border-color:#21252b;border-top-width:0}:is(.submenu,.menu [popover]) button{--tw-ring-color:#31353b;--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:#31353b}:is(.submenu,.menu [popover]) button:focus{--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);--tw-outline-style:none;background-color:#31353b;outline-style:none}@media(forced-colors:active){:is(.submenu,.menu [popover]) button:focus{outline-offset:2px;outline:2px solid #0000}}:is(.submenu,.menu [popover]):popover-open{gap:calc(var(--spacing)*2);padding-top:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*2);flex-direction:column;display:flex}:is(.submenu,.menu [popover]) [popover]{margin:calc(var(--spacing)*0);top:anchor(top);left:anchor(right)}.cursor{clip-path:polygon(25% 100%,75% 100%,100% 0,0 0)}.timeline div.selection{background-color:color-mix(in oklab,var(--color-yellow-400)30%,transparent);height:var(--editor-height);position:absolute}.timeline div.selection:before{content:"";top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);height:calc(var(--spacing)*4);background-color:var(--color-yellow-300);width:100%;position:absolute}.grid-ruler{height:calc(var(--spacing)*4);outline-offset:-2px;counter-reset:beat 0;counter-increment:beat;z-index:-99;background-color:#161819;outline:1px solid #333;flex-wrap:nowrap;width:100%;font-family:Kameron,"system-ui","sans-serif";font-size:.75em;display:flex;position:relative;transform:scaleY(-1)}.grid-ruler:before{color:#d4d4d8;content:"1";width:max-content;position:absolute;top:.15rem;transform:translate(-50%,-2px)scale(1.5,-1.5)}.grid-ruler span{z-index:10;box-sizing:border-box;border-right-style:var(--tw-border-style);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#0000;width:calc(var(--editor-grid-x)/4*1px);border-color:#71757b;border-right-width:2px;flex-wrap:nowrap;justify-content:flex-end;height:.4em;display:flex;transform:translateY(2px)}.grid-ruler span:after{color:#0000;width:max-content;font-size:.95em;position:absolute;top:calc(100% + .5rem);transform:translate(50%,-.5em)scaleY(-1)}.grid-ruler span:nth-child(2n){border-color:#a1a5ab;transform:translateY(3px)scaleY(-1.25)}.grid-ruler span:nth-child(2n):after{transform:translate(50%,calc(.3rem - 200%))scaleY(.5)}.grid-ruler span:nth-child(4n):after{color:#d4d4d8;content:counter(beat);counter-increment:beat;top:calc(100% + .65rem)}.grid-ruler span:nth-child(4n){border-right-style:var(--tw-border-style);border-right-width:0;transform:translateY(-6px)scaleY(-2)}.grid-ruler span:last-child{border-right-style:var(--tw-border-style);border-color:#a1a5ab;border-right-width:2px;transform:translateY(3px)scaleY(-1.25)}.grid-ruler span:last-child:after{content:none}.explorer-accordion{interpolate-size:allow-keywords}.explorer-accordion details::details-content{height:calc(var(--spacing)*0);transition:all .3s ease allow-discrete;overflow:clip}.explorer-accordion details summary{cursor:pointer;border-radius:var(--radius-xs);padding:calc(var(--spacing)*1);-webkit-user-select:none;user-select:none;align-items:center;list-style-type:none;display:flex}@media(hover:hover){.explorer-accordion details summary:hover{background-color:#21252b}}.explorer-accordion details summary::marker{display:none}.explorer-accordion details summary::-webkit-details-marker{display:none}.explorer-accordion details summary .chevron{margin-right:calc(var(--spacing)*1);color:#a1a5ab;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}.explorer-accordion details[open]::details-content{height:auto}.explorer-accordion details[open]>summary .chevron{color:#fafafa;opacity:1;rotate:90deg}.accordeon-tab{background-color:#21252b;height:100%;position:relative}@media(width>=64rem){.accordeon-tab{height:calc(var(--spacing)*60);container-type:inline-size}}.accordeon-tab details summary{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-right-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));background-color:#21252b;border-color:#31353b;border-right-width:0}@media(hover:hover){.accordeon-tab details summary:hover{background-color:#51555b}}.accordeon-tab details summary:focus{--tw-outline-style:none;background-color:#51555b;outline-style:none}@media(forced-colors:active){.accordeon-tab details summary:focus{outline-offset:2px;outline:2px solid #0000}}@media(width>=64rem){.accordeon-tab details summary{width:calc(var(--spacing)*60)}}.accordeon-tab details summary::marker{content:none}.accordeon-tab details::details-content{top:calc(var(--spacing)*0);height:calc(var(--spacing)*0);opacity:0;background-color:#21252b;transition:all .3s;left:17rem;overflow:clip}@media(width>=64rem){.accordeon-tab details::details-content{height:100%;width:calc(var(--spacing)*0);position:absolute}}.accordeon-tab details[open] summary{color:#fafafa;background-color:#31353b}.accordeon-tab details[open]::details-content{top:calc(var(--spacing)*0);height:100%;padding:calc(var(--spacing)*4);opacity:1;overflow-y:scroll}@media(width>=64rem){.accordeon-tab details[open]::details-content{height:calc(var(--spacing)*60);width:calc(100cqw - 17rem);padding:calc(var(--spacing)*0)}}.tab details{border-style:var(--tw-border-style);border-width:1px;border-color:#31353b;transition:all .3s}.tab details>summary{cursor:pointer;padding-block:calc(var(--spacing)*2);transition:all .3s;position:relative}.tab details>summary:before,.tab details>summary:after{content:"";right:calc(var(--spacing)*0);height:calc(var(--spacing)*0);width:calc(var(--spacing)*2);color:#a1a5ab;border-bottom:1px solid;transition:all .3s;position:absolute;top:calc(50% - 1px);transform:translateY(-50%)}.tab details>summary:after{transform-origin:50%;transform:rotate(90deg)}.tab details::details-content{height:calc(var(--spacing)*0);padding-right:calc(var(--spacing)*1);padding-left:calc(var(--spacing)*.5);transition:all .3s ease allow-discrete;background-color:#21252b;overflow:clip}.tab details[open]{background-color:#31353b}.tab details[open]>summary:after{color:#e4e4e7;transform:rotate(0)}.tab details[open]::details-content{height:auto}.slider{height:calc(var(--spacing)*4);cursor:pointer;padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*.5);--tw-ring-color:color-mix(in oklab,var(--track-color),#232323 45%);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:color-mix(in oklab,var(--track-color),#232323 45%);width:calc(var(--slider-meter-height)*1cqh);background-color:color-mix(in oklab,var(--track-color),#31353bbf 25%);flex-grow:1;align-self:center;overflow:hidden}.slider:focus{--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);--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.slider:focus{outline-offset:2px;outline:2px solid #0000}}.slider{-webkit-appearance:none}.slider::-webkit-slider-runnable-track{-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none}.slider::-webkit-slider-runnable-track{height:calc(var(--spacing)*1);background:linear-gradient(var(--slider-track-color)0 0)scroll no-repeat center/100% calc(var(--slider-track-height) + 1px)}.slider::-webkit-slider-thumb{margin-top:calc(var(--spacing)*-2.5);height:calc(var(--spacing)*6);width:calc(var(--spacing)*8);appearance:none;box-shadow:calc(-100vmax - 1rem) 0 0 100vmax color-mix(in oklab,var(--slider-tint-color),var(--slider-shadow-color)25%),0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;background-color:#f9fafb;background-image:linear-gradient(90deg,#0000 40%,#6b7280 40% 60%,#0000 60%);background-position:50%;background-repeat:no-repeat;border:1px solid #4b5563;border-radius:4px}.slider-pan::-webkit-slider-runnable-track{height:calc(var(--spacing)*4);background-color:#16181966;background:linear-gradient(to right,transparent calc(50% - 1px),var(--color-blue-400)50%,transparent calc(50% + 1px))center/100% 100% no-repeat,linear-gradient(to right,transparent 0%,transparent min(50%,calc(50% + var(--pan-value)*50*1%)),color-mix(in srgb,var(--color-blue-500),transparent 60%)min(50%,calc(50% + var(--pan-value)*50*1%)),color-mix(in srgb,var(--color-blue-500),transparent 60%)max(50%,calc(50% + var(--pan-value)*50*1%)),transparent max(50%,calc(50% + var(--pan-value)*50*1%)),transparent 100%)center/100% 100% no-repeat;border:1px solid #ffffff0a;border-radius:2px}.slider-pan::-webkit-slider-thumb{height:calc(var(--spacing)*0);width:calc(var(--spacing)*0);box-shadow:0 0 2px #00000080}.track,.inspector-editor,.player,.control{container-type:inline-size}:is(.track,.inspector-editor,.player,.control) .slider:not(.slider-pan){height:calc(var(--spacing)*1);--slider-tint-color:var(--color-gray-100)}:is(.track,.inspector-editor,.player,.control) .slider:not(.slider-pan)::-webkit-slider-thumb{--slider-shadow-color:#31353bbf;box-shadow:calc(-100vmax - .25rem) 0 0 100vmax color-mix(in oklab,var(--slider-tint-color),var(--slider-shadow-color)25%);margin-top:calc(var(--spacing)*-1.5);height:calc(var(--spacing)*4);width:calc(var(--spacing)*1);background-size:.825em 100%;background:linear-gradient(to bottom,color-mix(in oklab,var(--slider-thumb-color),#555),color-mix(in oklab,var(--slider-thumb-color),#999))}.player .slider{--slider-track-color:#676767;--slider-tint-color:#8f8f8f}.player .slider::-webkit-slider-thumb{--slider-shadow-color:#c3c3c3}.control .slider{height:calc(var(--spacing)*2);background-color:color-mix(in oklab,var(--track-color),#31353bbf 75%);--slider-track-color:#cbcbcb}.control .slider::-webkit-slider-thumb{height:calc(var(--spacing)*4);width:calc(var(--spacing)*2);box-shadow:none}.folder{margin-block:calc(var(--spacing)*.5);margin-right:calc(var(--spacing)*1);height:calc(var(--spacing)*3);width:calc(var(--spacing)*5.5);background-color:#a1a5ab;position:relative;scale:.75}.folder:before{top:calc(var(--spacing)*-1);height:calc(var(--spacing)*2);width:calc(var(--spacing)*3);border-radius:var(--radius-md);content:"";clip-path:polygon(0% 0%,75% 0%,100% 50%,75% 100%,0% 100%);background-color:#d4d4d8;position:absolute}.folder:after{content:"";left:calc(var(--spacing)*.5);height:calc(var(--spacing)*.5);width:calc(var(--spacing)*2.5);border-radius:var(--radius-md);background-color:#21252b;position:absolute}.folder p{left:calc(var(--spacing)*10);position:absolute}.keyboard>div{z-index:10;width:100%;top:calc(var(--pianoroll-grid-y)*-1px);height:calc(var(--pianoroll-grid-y)*1px);position:absolute}.keyboard ul{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);cursor:pointer;counter-reset:note 9;width:100%;position:absolute}.keyboard ul li{position:relative}.keyboard ul li:nth-of-type(7n+7) div:after{content:"C" counter(note)}.keyboard ul li:nth-of-type(7n+6) div:after{content:"D" counter(note)}.keyboard ul li:nth-of-type(7n+5) div:after{content:"E" counter(note);top:calc(2% + (20 - 2)*((var(--pianoroll-grid-y)*1% - 15%)/50))}.keyboard ul li:nth-of-type(7n+4) div:after{content:"F" counter(note)}.keyboard ul li:nth-of-type(7n+3) div:after{content:"G" counter(note)}.keyboard ul li:nth-of-type(7n+2) div:after{content:"A" counter(note)}.keyboard ul li:nth-of-type(7n+1) div:after{content:"B" counter(note);top:calc(2% + (20 - 2)*((var(--pianoroll-grid-y)*1% - 15%)/50))}.keyboard ul li div{border-style:var(--tw-border-style);height:calc(var(--pianoroll-grid-y)*2px);background:linear-gradient(-30deg,#f5f5f5,#fff);border-width:1px;border-color:#e4e4e7;display:block}.keyboard ul li div:after{right:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:#d4d4d8;font-size:calc(.8em + (1.5 - .8)*((var(--pianoroll-grid-y)*1em - 15em)/50));top:calc(20% + (45 - 20)*((var(--pianoroll-grid-y)*1% - 15%)/50));position:absolute}.keyboard ul li span{z-index:10;border-style:var(--tw-border-style);width:60%;top:calc(var(--pianoroll-grid-y)*3/2*1px - 1px);height:calc(var(--pianoroll-grid-y)*1px + 2px);background:linear-gradient(-20deg,#333,#222,#333);border-width:1px;border-color:#21252b;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;position:absolute}.keyboard ul li.F div{border-style:var(--tw-border-style);border-width:1px;border-top-style:var(--tw-border-style);border-top-width:0;border-right-style:var(--tw-border-style);border-color:#e4e4e7;border-right-width:0}.keyboard ul li.C div{border-style:var(--tw-border-style);background-color:#d4d4d8;border-width:1px;border-color:#f4f4f5 #e4e4e7 #a1a5ab #a1a5ab}.keyboard ul li.C+li{counter-increment:note -1;background-color:#d4d4d8}.keyboard ul li .active{background:#ffb13f;border-width:1px 2px;box-shadow:inset 0 -1px 1px #fff6}.keyboard ul li.fit div{height:calc(var(--pianoroll-grid-y)*3/2*1px)}.keyboard ul li.fit span{top:calc(var(--pianoroll-grid-y)*1px - 1px)}.automation-track .slider::-webkit-slider-runnable-track{background:var(--color-fader-track);border-radius:4px;height:8px}.automation-track .slider::-webkit-slider-thumb{background:var(--color-fader-handle);border:1px solid var(--color-fader-handle-border);cursor:pointer;border-radius:2px;width:12px;height:16px;transition:all .2s;box-shadow:0 1px 3px #0000004d}.automation-track .slider::-webkit-slider-thumb:hover{background:#fff;box-shadow:0 2px 6px #0006}.automation-track .slider::-moz-range-track{background:var(--color-fader-track);border:none;border-radius:4px;height:8px}.automation-track .slider::-moz-range-thumb{background:var(--color-fader-handle);border:1px solid var(--color-fader-handle-border);cursor:pointer;border-radius:2px;width:12px;height:16px;transition:all .2s}.automation-track .slider::-moz-range-thumb:hover{background:#fff}}@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-0\.5{inset:calc(var(--spacing)*.5)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.-top-3{top:calc(var(--spacing)*-3)}.-top-5{top:calc(var(--spacing)*-5)}.-top-20{top:calc(var(--spacing)*-20)}.-top-40{top:calc(var(--spacing)*-40)}.-top-px{top:-1px}.top-0{top:calc(var(--spacing)*0)}.top-0\.5{top:calc(var(--spacing)*.5)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-6{top:calc(var(--spacing)*6)}.top-14{top:calc(var(--spacing)*14)}.top-\[-3px\]{top:-3px}.top-\[41px\]{top:41px}.top-\[calc\(100\%-var\(--parameters-height\)\)\]{top:calc(100% - var(--parameters-height))}.-right-1{right:calc(var(--spacing)*-1)}.-right-20{right:calc(var(--spacing)*-20)}.-right-px{right:-1px}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.-bottom-6{bottom:calc(var(--spacing)*-6)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-3{bottom:calc(var(--spacing)*3)}.bottom-16{bottom:calc(var(--spacing)*16)}.bottom-20{bottom:calc(var(--spacing)*20)}.bottom-\[calc\(2\.5rem-1px\)\]{bottom:calc(2.5rem - 1px)}.-left-2{left:calc(var(--spacing)*-2)}.-left-40{left:calc(var(--spacing)*-40)}.-left-px{left:-1px}.left-0{left:calc(var(--spacing)*0)}.left-0\.5{left:calc(var(--spacing)*.5)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-24{left:calc(var(--spacing)*24)}.left-\[1\.125rem\]{left:1.125rem}.left-\[calc\(var\(--clip-width-1\)_\*_1\)\]{left:calc(var(--clip-width-1)*1)}.left-\[calc\(var\(--clip-width-1\)_\*_1_\+_var\(--clip-width-2\)_\*_1\)\]{left:calc(var(--clip-width-1)*1 + var(--clip-width-2)*1)}.-z-0{z-index:-0}.-z-10{z-index:-10}.z-0{z-index:0}.z-1{z-index:1}.z-9{z-index:9}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.z-70{z-index:70}.z-9998{z-index:9998}.z-9999{z-index:9999}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.col-start-1{grid-column-start:1}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.m-2{margin:calc(var(--spacing)*2)}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.-mt-0\.5{margin-top:calc(var(--spacing)*-.5)}.-mt-1{margin-top:calc(var(--spacing)*-1)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-40{margin-top:calc(var(--spacing)*40)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mr-0\.5{margin-right:calc(var(--spacing)*-.5)}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-0\.5{margin-right:calc(var(--spacing)*.5)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-auto{margin-right:auto}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-px{margin-bottom:1px}.-ml-0\.5{margin-left:calc(var(--spacing)*-.5)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.-ml-1\.5{margin-left:calc(var(--spacing)*-1.5)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.-ml-16{margin-left:calc(var(--spacing)*-16)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-2\.5{margin-left:calc(var(--spacing)*2.5)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.box-content{box-sizing:content-box}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.\!h-5{height:calc(var(--spacing)*5)!important}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-1\/2{height:50%}.h-1\/3{height:33.3333%}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-32{height:calc(var(--spacing)*32)}.h-48{height:calc(var(--spacing)*48)}.h-60{height:calc(var(--spacing)*60)}.h-80{height:calc(var(--spacing)*80)}.h-\[1\.1rem\]{height:1.1rem}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[4px\]{height:4px}.h-\[24px\]{height:24px}.h-\[70px\]{height:70px}.h-\[80vh\]{height:80vh}.h-\[350px\]{height:350px}.h-\[370px\]{height:370px}.h-\[500px\]{height:500px}.h-\[700px\]{height:700px}.h-\[800px\]{height:800px}.h-\[calc\(100vh-5em\)\]{height:calc(100vh - 5em)}.h-\[calc\(100vh-5rem\)\]{height:calc(100vh - 5rem)}.h-\[var\(--editor-height\)\]{height:var(--editor-height)}.h-\[var\(--parameters-height\)\]{height:var(--parameters-height)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-20{max-height:calc(var(--spacing)*20)}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[300px\]{max-height:300px}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-7{min-height:calc(var(--spacing)*7)}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-32{min-height:calc(var(--spacing)*32)}.min-h-\[3em\]{min-height:3em}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.\!w-5{width:calc(var(--spacing)*5)!important}.w-0{width:calc(var(--spacing)*0)}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-50{width:calc(var(--spacing)*50)}.w-55{width:calc(var(--spacing)*55)}.w-60{width:calc(var(--spacing)*60)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[1\.1rem\]{width:1.1rem}.w-\[1px\]{width:1px}.w-\[8px\]{width:8px}.w-\[14em\]{width:14em}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.w-\[30px\]{width:30px}.w-\[60px\]{width:60px}.w-\[65px\]{width:65px}.w-\[66px\]{width:66px}.w-\[70px\]{width:70px}.w-\[75px\]{width:75px}.w-\[80cqw\]{width:80cqw}.w-\[80vw\]{width:80vw}.w-\[90px\]{width:90px}.w-\[180px\]{width:180px}.w-\[190px\]{width:190px}.w-\[320px\]{width:320px}.w-\[calc\(50\%\+1rem\)\]{width:calc(50% + 1rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-32{max-width:calc(var(--spacing)*32)}.max-w-80{max-width:calc(var(--spacing)*80)}.max-w-96{max-width:calc(var(--spacing)*96)}.max-w-\[1600px\]{max-width:1600px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-7{min-width:calc(var(--spacing)*7)}.min-w-32{min-width:calc(var(--spacing)*32)}.min-w-40{min-width:calc(var(--spacing)*40)}.min-w-48{min-width:calc(var(--spacing)*48)}.min-w-64{min-width:calc(var(--spacing)*64)}.min-w-70{min-width:calc(var(--spacing)*70)}.min-w-72{min-width:calc(var(--spacing)*72)}.min-w-80{min-width:calc(var(--spacing)*80)}.min-w-\[4\.5rem\]{min-width:4.5rem}.min-w-\[50px\]{min-width:50px}.min-w-\[60px\]{min-width:60px}.min-w-\[64px\]{min-width:64px}.min-w-\[80px\]{min-width:80px}.min-w-\[90px\]{min-width:90px}.min-w-\[150px\]{min-width:150px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[250px\]{min-width:250px}.min-w-\[320px\]{min-width:320px}.min-w-\[600px\]{min-width:600px}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-80{--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.animate-clip-loader{background:linear-gradient(in oklch to right,color-mix(in oklch,var(--track-color),oklch(0% 0 0) 35%)0%,color-mix(in oklch,var(--track-color),oklch(0% 0 0) 15%)48%,var(--track-color)50%,color-mix(in oklch,var(--track-color),oklch(0% 0 0) 15%)52%,color-mix(in oklch,var(--track-color),oklch(0% 0 0) 35%)100%);background-size:200% 100%;animation:3s cubic-bezier(.4,0,.2,1) infinite skeleton-shimmer}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-\(--cursor-cutter\){cursor:var(--cursor-cutter)}.cursor-\(--cursor-eraser\){cursor:var(--cursor-eraser)}.cursor-\(--cursor-mutor\){cursor:var(--cursor-mutor)}.cursor-\(--cursor-painter\){cursor:var(--cursor-painter)}.cursor-\(--cursor-pencil\){cursor:var(--cursor-pencil)}.cursor-\(--cursor-selector\){cursor:var(--cursor-selector)}.cursor-col-resize{cursor:col-resize}.cursor-crosshair{cursor:crosshair}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-n-resize{cursor:n-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-ns-resize{cursor:ns-resize}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.cursor-w-resize{cursor:w-resize}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[1fr_min-content_1fr\]{grid-template-columns:1fr min-content 1fr}.grid-cols-\[7rem_1fr_min-content\]{grid-template-columns:7rem 1fr min-content}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.\!items-end{align-items:flex-end!important}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.\!justify-center{justify-content:center!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}: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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-px>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1px*var(--tw-space-y-reverse));margin-block-end:calc(1px*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(1px*var(--tw-space-x-reverse));margin-inline-end:calc(1px*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-800>:not(:last-child)){border-color:#21252b}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tracklist-accordion{transition:all .3s ease allow-discrete;interpolate-size:allow-keywords;overflow:clip}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-sm{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#333\]{border-color:#333}.border-amber-500\/30{border-color:color-mix(in oklab,var(--color-amber-500)30%,transparent)}.border-arrangement-bg{border-color:#262b33}.border-arrangement-grid{border-color:#3a414b}.border-black{border-color:var(--color-black)}.border-black\/20{border-color:color-mix(in oklab,var(--color-black)20%,transparent)}.border-black\/30{border-color:color-mix(in oklab,var(--color-black)30%,transparent)}.border-black\/50{border-color:color-mix(in oklab,var(--color-black)50%,transparent)}.border-blue-400{border-color:#38bdf8}.border-blue-400\/30{border-color:#38bdf84d}.border-blue-500{border-color:#0ea5e9}.border-blue-500\/20{border-color:#0ea5e933}.border-blue-500\/30{border-color:#0ea5e94d}.border-blue-600{border-color:#1976d2}.border-border-light{border-color:#4f565d}.border-button-red-bg{border-color:#c0392b}.border-button-solo-safe{border-color:#3498db}.border-bw-accent-orange\/50{border-color:#f39c1280}.border-bw-border{border-color:#1e1e1e}.border-bw-border-light{border-color:#505050}.border-bw-knob-border{border-color:#202020}.border-channel-border{border-color:#1e1e1e}.border-current{border-color:currentColor}.border-gray-200{border-color:#e4e4e7}.border-gray-300{border-color:#d4d4d8}.border-gray-400{border-color:#a1a5ab}.border-gray-500{border-color:#71757b}.border-gray-500\/80{border-color:#71757bcc}.border-gray-600{border-color:#51555b}.border-gray-600\/50{border-color:#51555b80}.border-gray-700{border-color:#31353b}.border-gray-700\/20{border-color:#31353b33}.border-gray-700\/30{border-color:#31353b4d}.border-gray-700\/50{border-color:#31353b80}.border-gray-700\/60{border-color:#31353b99}.border-gray-800{border-color:#21252b}.border-gray-800\/40{border-color:#21252b66}.border-gray-800\/60{border-color:#21252b99}.border-gray-900{border-color:#161819}.border-green-500{border-color:var(--color-green-500)}.border-green-600{border-color:var(--color-green-600)}.border-green-700{border-color:var(--color-green-700)}.border-mb-border{border-color:#2a2a2a}.border-mb-drive-button-border{border-color:#707070}.border-mb-knob-shadow{border-color:#282828}.border-panner-border{border-color:#2a2a2a}.border-panner-border-light{border-color:#606060}.border-panner-toggle-border{border-color:#5a5a5a}.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500)30%,transparent)}.border-red-600{border-color:var(--color-red-600)}.border-red-700{border-color:var(--color-red-700)}.border-red-900\/30{border-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}.border-s1-button-border{border-color:#374151}.border-s1-display-border{border-color:#4a5568}.border-s1-transport-border{border-color:#1e1e1e}.border-studio-border{border-color:#75553e}.border-studio-border-outer{border-color:#1a1a1a}.border-teal-accent-dark{border-color:#138496}.border-track-100{border-color:color-mix(in oklab,var(--track-color),white 70%)}.border-track-300{border-color:color-mix(in oklab,var(--track-color),white 30%)}.border-track-300\/30{border-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),white 30%)30%,transparent)}.border-track-500{border-color:var(--track-color)}.border-track-700\/50{border-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),#232323 45%)50%,transparent)}.border-track-800{border-color:color-mix(in oklab,var(--track-color),#232323 60%)}.border-transparent{border-color:#0000}.border-transport-border{border-color:#1a1a1a}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-yellow-600{border-color:var(--color-yellow-600)}.border-yellow-700{border-color:var(--color-yellow-700)}.border-t-transparent{border-top-color:#0000}.border-r-gray-700{border-right-color:#31353b}.border-r-gray-800{border-right-color:#21252b}.border-b-gray-600{border-bottom-color:#51555b}.border-b-gray-800{border-bottom-color:#21252b}.bg-\[\#1a1a1a\]{background-color:#1a1a1a}.bg-\[\#1f1f1f\]{background-color:#1f1f1f}.bg-\[\#333\]{background-color:#333}.bg-\[\#19191d\]{background-color:#19191d}.bg-\[\#21252b\]{background-color:#21252b}.bg-\[\#33434d\]{background-color:#33434d}.bg-\[var\(--track-color\)\]{background-color:var(--track-color)}.bg-amber-600\/15{background-color:color-mix(in oklab,var(--color-amber-600)15%,transparent)}.bg-arrangement-bg{background-color:#262b33}.bg-black{background-color:var(--color-black)}.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}.bg-blue-50\/10{background-color:#f0f9ff1a}.bg-blue-400{background-color:#38bdf8}.bg-blue-400\/10{background-color:#38bdf81a}.bg-blue-400\/30{background-color:#38bdf84d}.bg-blue-500{background-color:#0ea5e9}.bg-blue-500\/10{background-color:#0ea5e91a}.bg-blue-600{background-color:#1976d2}.bg-blue-600\/10{background-color:#1976d21a}.bg-blue-600\/15{background-color:#1976d226}.bg-blue-600\/20{background-color:#1976d233}.bg-blue-600\/30{background-color:#1976d24d}.bg-blue-600\/40{background-color:#1976d266}.bg-blue-600\/95{background-color:#1976d2f2}.bg-blue-900\/20{background-color:#0c4a6e33}.bg-border-light{background-color:#4f565d}.bg-button-base-bg{background-color:#3a3a3a}.bg-button-blue-bg{background-color:#3498db}.bg-button-gray-bg{background-color:#4d4d4d}.bg-button-green-bg{background-color:#27ae60}.bg-button-green-bg\/70{background-color:#27ae60b3}.bg-button-orange-bg{background-color:#fd7e14}.bg-button-red-bg{background-color:#c0392b}.bg-button-yellow-bg{background-color:#f1c40f}.bg-bw-accent-meter-bg{background-color:#f39c12}.bg-bw-accent-meter-track{background-color:#484848}.bg-bw-accent-orange{background-color:#f39c12}.bg-bw-button-bg{background-color:#484848}.bg-bw-button-segment-active{background-color:#606060}.bg-bw-dropdown-bg{background-color:#484848}.bg-bw-icon-button-bg{background-color:#f39c12}.bg-bw-knob-indicator{background-color:#f0f0f0}.bg-bw-meter-bar{background-color:#f39c12}.bg-bw-meter-bg{background-color:#1e1e1e}.bg-bw-mute-button-bg{background-color:#484848}.bg-bw-panel-bg{background-color:#3a3a3a}.bg-bw-section-bg{background-color:#2c2c2c}.bg-bw-section-bg-light{background-color:#484848}.bg-bw-value-box-bg{background-color:#1e1e1e}.bg-channel-bg{background-color:#2d3135}.bg-channel-bg-lighter{background-color:#3a3a3a}.bg-clip-bass{background-color:#84cc16}.bg-clip-drums{background-color:#a16207}.bg-clip-leads{background-color:#16a34a}.bg-clip-midi{background-color:#2563eb}.bg-clip-midi-notes{background-color:#dbeafe}.bg-clip-pads{background-color:#a855f7}.bg-control-bg{background-color:#3e4550}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-dropdown-bg{background-color:#404040}.bg-fader-track\/80{background-color:#313a46cc}.bg-gray-50{background-color:#fafafa}.bg-gray-100{background-color:#f4f4f5}.bg-gray-100\/70{background-color:#f4f4f5b3}.bg-gray-200{background-color:#e4e4e7}.bg-gray-300{background-color:#d4d4d8}.bg-gray-300\/10{background-color:#d4d4d81a}.bg-gray-400{background-color:#a1a5ab}.bg-gray-500{background-color:#71757b}.bg-gray-500\/50{background-color:#71757b80}.bg-gray-600{background-color:#51555b}.bg-gray-600\/50{background-color:#51555b80}.bg-gray-700{background-color:#31353b}.bg-gray-700\/50{background-color:#31353b80}.bg-gray-700\/60{background-color:#31353b99}.bg-gray-800{background-color:#21252b}.bg-gray-800\/20{background-color:#21252b33}.bg-gray-800\/30{background-color:#21252b4d}.bg-gray-800\/40{background-color:#21252b66}.bg-gray-800\/50{background-color:#21252b80}.bg-gray-800\/70{background-color:#21252bb3}.bg-gray-800\/80{background-color:#21252bcc}.bg-gray-900{background-color:#161819}.bg-gray-900\/50{background-color:#16181980}.bg-gray-900\/80{background-color:#161819cc}.bg-gray-900\/90{background-color:#161819e6}.bg-gray-950{background-color:var(--color-gray-950)}.bg-gray-950\/20{background-color:color-mix(in oklab,var(--color-gray-950)20%,transparent)}.bg-gray-950\/25{background-color:color-mix(in oklab,var(--color-gray-950)25%,transparent)}.bg-gray-950\/90{background-color:color-mix(in oklab,var(--color-gray-950)90%,transparent)}.bg-gray-950\/95{background-color:color-mix(in oklab,var(--color-gray-950)95%,transparent)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-lcd-bg{background-color:#000}.bg-lcd-highlight{background-color:#00ff41}.bg-lcd-separator{background-color:#005010}.bg-lime-500{background-color:var(--color-lime-500)}.bg-marker-bridge{background-color:#eab308}.bg-marker-chorus{background-color:#16a34a}.bg-marker-end{background-color:#db2777}.bg-marker-finale{background-color:#10b981}.bg-marker-intro{background-color:#a855f7}.bg-marker-preverse{background-color:#22c55e}.bg-marker-track-bg{background-color:#313740}.bg-marker-verse{background-color:#3b82f6}.bg-mb-channel-bg{background-color:#4a4a4a}.bg-mb-drive-button-bg{background-color:#383838}.bg-mb-drive-button-indicator{background-color:#f59e0b}.bg-mb-group-button-bg{background-color:#3b82f6}.bg-mb-knob{background-color:#b0b0b0}.bg-mb-knob-indicator{background-color:#fff}.bg-mb-meter-bg{background-color:#1a1a1a}.bg-mb-meter-segment-green{background-color:#22c55e}.bg-mb-meter-segment-off{background-color:#303030}.bg-mb-meter-segment-orange{background-color:#f97316}.bg-mb-meter-segment-red{background-color:#ef4444}.bg-mb-meter-segment-yellow{background-color:#facc15}.bg-mb-mixer-bg{background-color:#383838}.bg-mb-number-button-bg{background-color:#282828}.bg-mb-readout-bg{background-color:#1a1a1a}.bg-mb-routing-button-bg,.bg-mb-section-bg{background-color:#404040}.bg-meter-blue{background-color:#3b82f6}.bg-mixer-bg{background-color:#252525}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-pan-knob-bg{background-color:#2c2c2c}.bg-pan-knob-indicator{background-color:#e0e0e0}.bg-panel-bg{background-color:#2d3135}.bg-panel-bg-darker{background-color:#25282c}.bg-panel-bg-lighter{background-color:#3a3f44}.bg-panner-button-active{background-color:#707070}.bg-panner-button-bg{background-color:#5a5a5a}.bg-panner-channel-bg{background-color:#4d4d4d}.bg-panner-dot{background-color:#ff7043}.bg-panner-indicator-off{background-color:#606060}.bg-panner-indicator-on{background-color:#4caf50}.bg-panner-knob-bg{background-color:#303030}.bg-panner-knob-indicator{background-color:#f0f0f0}.bg-panner-knob-red{background-color:#e54040}.bg-panner-knob-silver{background-color:#b0b0b0}.bg-panner-section-bg{background-color:#404040}.bg-panner-slider-thumb{background-color:#888}.bg-panner-slider-track{background-color:#303030}.bg-panner-text-main{background-color:#d0d0d0}.bg-panner-toggle-bg{background-color:#303030}.bg-panner-view-bg{background-color:#383838}.bg-pink-500{background-color:var(--color-pink-500)}.bg-placeholder-dot{background-color:#606060}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-600\/15{background-color:color-mix(in oklab,var(--color-purple-600)15%,transparent)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-600\/80{background-color:color-mix(in oklab,var(--color-red-600)80%,transparent)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}.bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}.bg-red-900\/40{background-color:color-mix(in oklab,var(--color-red-900)40%,transparent)}.bg-red-950\/40{background-color:color-mix(in oklab,var(--color-red-950)40%,transparent)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-s1-display-bg{background-color:#1a1f25}.bg-s1-lcd-text{background-color:#60a5fa}.bg-s1-lcd-text\/30{background-color:#60a5fa4d}.bg-s1-lcd-text\/50{background-color:#60a5fa80}.bg-s1-transport-bg{background-color:#383838}.bg-scrollbar-thumb{background-color:#525a66}.bg-studio-border-highlight{background-color:#f97316}.bg-studio-button-active-mon{background-color:#3b82f6}.bg-studio-button-active-mute{background-color:#f97316}.bg-studio-button-active-rec{background-color:#ef4444}.bg-studio-button-active-solo{background-color:#22c55e}.bg-studio-channel-bg{background-color:#5d4331}.bg-studio-knob-bg{background-color:#383838}.bg-studio-knob-indicator{background-color:#b0b0b0}.bg-studio-mixer-bg{background-color:#282828}.bg-studio-section-bg{background-color:#4a3627}.bg-teal-accent{background-color:#17a2b8}.bg-toolbar-active-bg{background-color:#2563eb}.bg-toolbar-bg{background-color:#1e242b}.bg-toolbar-divider{background-color:#3a414b}.bg-track-500{background-color:var(--track-color)}.bg-track-500\/20{background-color:color-mix(in oklab,var(--track-color)20%,transparent)}.bg-track-600{background-color:color-mix(in oklab,var(--track-color),#232323 30%)}.bg-track-600\/50{background-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),#232323 30%)50%,transparent)}.bg-track-700{background-color:color-mix(in oklab,var(--track-color),#232323 45%)}.bg-track-800{background-color:color-mix(in oklab,var(--track-color),#232323 60%)}.bg-track-800\/10{background-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),#232323 60%)10%,transparent)}.bg-track-900{background-color:color-mix(in oklab,var(--track-color),#232323 75%)}.bg-track-900\/60{background-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),#232323 75%)60%,transparent)}.bg-track-950{background-color:color-mix(in oklab,var(--track-color),#232323 90%)}.bg-track-950\/50{background-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),#232323 90%)50%,transparent)}.bg-track-color-orange{background-color:#fb923c}.bg-track-color-pink{background-color:#f472b6}.bg-track-color-yellow{background-color:#fbbf24}.bg-track-header-bg{background-color:#2c323a}.bg-track-name-bg{background-color:#2c2c2c}.bg-transparent{background-color:#0000}.bg-transport-bar-bg{background-color:#2a2a2a}.bg-transport-border{background-color:#1a1a1a}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-400\/90{background-color:color-mix(in oklab,var(--color-yellow-400)90%,transparent)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-yellow-900{background-color:var(--color-yellow-900)}.bg-yellow-900\/20{background-color:color-mix(in oklab,var(--color-yellow-900)20%,transparent)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-600\/60{--tw-gradient-from:color-mix(in oklab,var(--color-amber-600)60%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/80{--tw-gradient-from:color-mix(in oklab,var(--color-black)80%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/90{--tw-gradient-from:color-mix(in oklab,var(--color-black)90%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:#38bdf8;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:#0ea5e9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500\/20{--tw-gradient-from:oklab(68.4687% -.0798356 -.124464/.2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:#1976d2;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-bw-knob-bg-top{--tw-gradient-from:#606060;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-600{--tw-gradient-from:#51555b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-700{--tw-gradient-from:#31353b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-800{--tw-gradient-from:#21252b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-pink-500{--tw-gradient-from:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500\/20{--tw-gradient-from:color-mix(in oklab,var(--color-purple-500)20%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-s1-button-bg-start{--tw-gradient-from:#6b7280;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-black\/40{--tw-gradient-via:color-mix(in oklab,var(--color-black)40%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gray-800{--tw-gradient-via:#21252b;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-400{--tw-gradient-via:var(--color-purple-400);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-600{--tw-gradient-via:var(--color-purple-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-amber-500\/80{--tw-gradient-to:color-mix(in oklab,var(--color-amber-500)80%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/20{--tw-gradient-to:color-mix(in oklab,var(--color-black)20%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-bw-knob-bg-bottom{--tw-gradient-to:#383838;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-700{--tw-gradient-to:#31353b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-800{--tw-gradient-to:#21252b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-900{--tw-gradient-to:#161819;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-mb-knob-shadow{--tw-gradient-to:#282828;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-400{--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-400{--tw-gradient-to:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500\/20{--tw-gradient-to:color-mix(in oklab,var(--color-pink-500)20%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500\/20{--tw-gradient-to:color-mix(in oklab,var(--color-purple-500)20%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-s1-button-bg-end{--tw-gradient-to:#4b5563;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-blue-200{fill:#bae6fd}.fill-current{fill:currentColor}.fill-gray-400{fill:#a1a5ab}.fill-none{fill:none}.fill-red-500{fill:var(--color-red-500)}.fill-white{fill:var(--color-white)}.stroke-blue-500{stroke:#0ea5e9}.stroke-current{stroke:currentColor}.stroke-gray-400{stroke:#a1a5ab}.stroke-green-500{stroke:var(--color-green-500)}.stroke-red-500{stroke:var(--color-red-500)}.stroke-1{stroke-width:1px}.stroke-2{stroke-width:2px}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-0\.5\!{padding:calc(var(--spacing)*.5)!important}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-px{padding:1px}.\!px-0{padding-inline:calc(var(--spacing)*0)!important}.\!px-0\.5{padding-inline:calc(var(--spacing)*.5)!important}.\!px-1{padding-inline:calc(var(--spacing)*1)!important}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.\!py-0{padding-block:calc(var(--spacing)*0)!important}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-px{padding-block:1px}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-10{padding-top:calc(var(--spacing)*10)}.pr-0\.5{padding-right:calc(var(--spacing)*.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-\[1\.5em\]{padding-right:1.5em}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3\.5{padding-left:calc(var(--spacing)*3.5)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-\[calc\(1\.5rem\+1px\+0\.25rem\+0\.75rem\+0\.75rem\+0\.375rem\+0\.375rem\+0\.25rem\)\]{padding-left:calc(4.25rem + 1px)}.\!text-right{text-align:right!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-numeric{font-family:Kameron,"system-ui","sans-serif"}.font-primary{font-family:Nunito Sans,Helvetica}.font-sans{font-family:var(--font-sans)}.font-secondary{font-family:Sarala,"sans-serif"}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[10px\]{font-size:10px!important}.\[font-size\:110\%\]{font-size:110%}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[50\%\]{font-size:50%}.text-\[90\%\]{font-size:90%}.leading-1{--tw-leading:calc(var(--spacing)*1);line-height:calc(var(--spacing)*1)}.leading-2{--tw-leading:calc(var(--spacing)*2);line-height:calc(var(--spacing)*2)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.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-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.text-pretty{text-wrap:pretty}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-400{color:var(--color-amber-400)}.text-black{color:var(--color-black)}.text-blue-100{color:#e0f2fe}.text-blue-200{color:#bae6fd}.text-blue-200\/60{color:#bae6fd99}.text-blue-300{color:#7dd3fc}.text-blue-400{color:#38bdf8}.text-blue-500{color:#0ea5e9}.text-blue-600{color:#1976d2}.text-button-base-text{color:#d0d0d0}.text-button-blue-text{color:#fff}.text-button-gray-text{color:#d1d1d1}.text-button-green-text{color:#fff}.text-button-green-text\/80{color:#fffc}.text-button-orange-text{color:#fff}.text-button-red-bg\/80{color:#c0392bcc}.text-button-red-text{color:#fff}.text-button-solo-safe{color:#3498db}.text-button-yellow-text{color:#333}.text-bw-dropdown-text{color:#d0d0d0}.text-bw-icon-button-icon{color:#1e1e1e}.text-bw-mute-button-text{color:#d0d0d0}.text-bw-text-dark{color:#1e1e1e}.text-bw-text-header{color:#a0a0a0}.text-bw-text-main{color:#d0d0d0}.text-bw-text-muted{color:#888}.text-bw-value-box-text{color:#f39c12}.text-clip-bass-wave{color:#4d7c0f}.text-clip-drums-wave{color:#78350f}.text-clip-leads-wave{color:#14532d}.text-clip-pads-wave{color:#6b21a8}.text-cyan-400{color:var(--color-cyan-400)}.text-dropdown-arrow{color:#888}.text-dropdown-text{color:silver}.text-emerald-400{color:var(--color-emerald-400)}.text-fader-scale-text,.text-footer-icon{color:#888}.text-gray-50{color:#fafafa}.text-gray-100{color:#f4f4f5}.text-gray-200{color:#e4e4e7}.text-gray-300{color:#d4d4d8}.text-gray-300\/90{color:#d4d4d8e6}.text-gray-400{color:#a1a5ab}.text-gray-500{color:#71757b}.text-gray-600{color:#51555b}.text-gray-700{color:#31353b}.text-gray-800{color:#21252b}.text-gray-900{color:#161819}.text-gray-950{color:var(--color-gray-950)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-indigo-400{color:var(--color-indigo-400)}.text-lcd-bg{color:#000}.text-lcd-highlight,.text-lcd-text{color:#00ff41}.text-lcd-text-dim{color:#00b32e}.text-mb-button-active-text,.text-mb-group-button-text{color:#fff}.text-mb-number-button-text{color:#9e9e9e}.text-mb-routing-button-text{color:#b0b0b0}.text-mb-text-muted{color:#9e9e9e}.text-mb-text-readout{color:#fff}.text-meter-blue{color:#3b82f6}.text-meter-text{color:silver}.text-orange-400{color:var(--color-orange-400)}.text-panel-bg-darker{color:#25282c}.text-panner-button-text{color:#d0d0d0}.text-panner-knob-bg{color:#303030}.text-panner-text-label{color:#9e9e9e}.text-panner-text-main{color:#d0d0d0}.text-panner-text-readout{color:#f0f0f0}.text-pink-400{color:var(--color-pink-400)}.text-purple-400{color:var(--color-purple-400)}.text-purple-600{color:var(--color-purple-600)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-s1-button-text{color:#e5e7eb}.text-s1-lcd-icon{color:#9ca3af}.text-s1-lcd-text{color:#60a5fa}.text-scrollbar-thumb{color:#525a66}.text-sky-400{color:var(--color-sky-400)}.text-studio-button-text{color:silver}.text-studio-button-text-active{color:#fff}.text-studio-meter-blue{color:#3b82f6}.text-studio-readout-text{color:#fff}.text-studio-text-dark{color:#30241a}.text-studio-text-main{color:#e0e0e0}.text-studio-text-muted{color:#a0a0a0}.text-text-dark{color:#333}.text-text-light{color:#e1e4e8}.text-text-muted{color:#8b949e}.text-toolbar-active-icon{color:#fff}.text-toolbar-arrow{color:#8b949e}.text-toolbar-icon{color:#cdd2d9}.text-toolbar-text{color:#e1e4e8}.text-toolbar-text-muted{color:#8b949e}.text-track-50{color:color-mix(in oklab,var(--track-color),white 85%)}.text-track-100{color:color-mix(in oklab,var(--track-color),white 70%)}.text-track-400{color:color-mix(in oklab,var(--track-color),white 15%)}.text-track-name-text{color:silver}.text-transparent{color:#0000}.text-violet-400{color:var(--color-violet-400)}.text-white{color:var(--color-white)}.text-white\/10{color:color-mix(in oklab,var(--color-white)10%,transparent)}.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}.text-yellow-100{color:var(--color-yellow-100)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-900{color:var(--color-yellow-900)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;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}.placeholder-gray-400::placeholder{color:#a1a5ab}.placeholder-gray-500::placeholder{color:#71757b}.accent-gray-100{accent-color:#f4f4f5}.accent-yellow-500{accent-color:var(--color-yellow-500)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.mix-blend-overlay{mix-blend-mode:overlay}.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)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_2px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 0 2px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_3px_1px_var\(--color-mb-drive-button-indicator\)\]{--tw-shadow:0 0 3px 1px var(--tw-shadow-color,var(--color-mb-drive-button-indicator));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_3px_1px_var\(--color-panner-indicator-on\)\]{--tw-shadow:0 0 3px 1px var(--tw-shadow-color,var(--color-panner-indicator-on));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(59\,130\,246\,0\.5\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#3b82f680);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(239\,68\,68\,0\.3\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#ef44444d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(245\,158\,11\,0\.2\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#f59e0b33);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(255\,255\,255\,0\.5\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(var\(--track-color-rgb\)\,0\.3\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,rgba(var(--track-color-rgb),.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(239\,68\,68\,0\.6\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#ef444499);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.shadow-sm{--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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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,.ring-1{--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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.shadow-black\/20{--tw-shadow-color:color-mix(in oklab,var(--color-black)20%,transparent)}.shadow-black\/40{--tw-shadow-color:color-mix(in oklab,var(--color-black)40%,transparent)}.shadow-blue-900\/20{--tw-shadow-color:oklab(39.123% -.0411393 -.0738397/.2)}.shadow-red-900\/50{--tw-shadow-color:color-mix(in oklab,var(--color-red-900)50%,transparent)}.ring-blue-500{--tw-ring-color:#0ea5e9}.ring-gray-300{--tw-ring-color:#d4d4d8}.ring-gray-700{--tw-ring-color:#31353b}.ring-panel-bg-darker{--tw-ring-color:#25282c}.ring-track-300{--tw-ring-color:color-mix(in oklab,var(--track-color),white 30%)}.ring-track-700{--tw-ring-color:color-mix(in oklab,var(--track-color),#232323 45%)}.ring-white{--tw-ring-color:var(--color-white)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-gray-600{--tw-ring-offset-color:#51555b}.ring-offset-gray-700{--tw-ring-offset-color:#31353b}.ring-offset-gray-900{--tw-ring-offset-color:#161819}.ring-offset-track-500{--tw-ring-offset-color:var(--track-color)}.ring-offset-track-700{--tw-ring-offset-color:color-mix(in oklab,var(--track-color),#232323 45%)}.ring-offset-track-800{--tw-ring-offset-color:color-mix(in oklab,var(--track-color),#232323 60%)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-track-300\/30{outline-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),white 30%)30%,transparent)}.outline-track-500{outline-color:var(--track-color)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.contrast-75{--tw-contrast:contrast(75%);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,)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));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,)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));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,)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));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,)}.saturate-0{--tw-saturate:saturate(0%);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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[clip-path\:polygon\(100\%_0\%\,_calc\(100\%-0\.5em\)_59\%\,_2px_59\%\,_0\%_100\%\,_0\%_59\%\,_0\%_0\%\)\]{clip-path:polygon(100% 0%,calc(100% - .5em) 59%,2px 59%,0% 100%,0% 59%,0% 0%)}.\[clip-path\:polygon\(100\%_0\%\,_calc\(100\%-1em\)_59\%\,_2px_59\%\,_0\%_100\%\,_0\%_59\%\,_0\%_0\%\)\]{clip-path:polygon(100% 0%,calc(100% - 1em) 59%,2px 59%,0% 100%,0% 59%,0% 0%)}.border-squircle{border-shape:var(--shape-squircle)}.border-tooltip{border-shape:var(--shape-tooltip)}.content-hidden{content-visibility:hidden}.content-visible{content-visibility:visible}@media(hover:hover){.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:border-panner-border-light:is(:where(.group):hover *){border-color:#606060}.group-hover\:border-white\/20:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-white)20%,transparent)}.group-hover\:bg-bw-button-hover:is(:where(.group):hover *){background-color:#5a5a5a}.group-hover\:bg-gray-700:is(:where(.group):hover *){background-color:#31353b}.group-hover\:bg-green-500:is(:where(.group):hover *){background-color:var(--color-green-500)}.group-hover\:bg-panner-indicator-off\/70:is(:where(.group):hover *){background-color:#606060b3}.group-hover\:bg-transparent:is(:where(.group):hover *){background-color:#0000}.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.group-hover\:text-gray-100:is(:where(.group):hover *){color:#f4f4f5}.group-hover\:text-gray-200:is(:where(.group):hover *){color:#e4e4e7}.group-hover\:text-gray-400:is(:where(.group):hover *){color:#a1a5ab}.group-hover\:text-panner-text-main:is(:where(.group):hover *){color:#d0d0d0}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-20:is(:where(.group):hover *){opacity:.2}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/gain\:opacity-100:is(:where(.group\/gain):hover *),.group-hover\/pan\:opacity-100:is(:where(.group\/pan):hover *){opacity:1}}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:translate-x-1:hover{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-gray-400:hover{border-color:#a1a5ab}.hover\:border-gray-500:hover{border-color:#71757b}.hover\:border-gray-500\/50:hover{border-color:#71757b80}.hover\:border-gray-600\/50:hover{border-color:#51555b80}.hover\:border-white:hover{border-color:var(--color-white)}.hover\:bg-blue-50:hover{background-color:#f0f9ff}.hover\:bg-blue-500:hover{background-color:#0ea5e9}.hover\:bg-blue-600:hover{background-color:#1976d2}.hover\:bg-blue-600\/30:hover{background-color:#1976d24d}.hover\:bg-blue-700:hover{background-color:#0369a1}.hover\:bg-button-base-hover:hover{background-color:#4a4a4a}.hover\:bg-button-gray-hover-bg:hover{background-color:#606060}.hover\:bg-button-green-bg\/90:hover{background-color:#27ae60e6}.hover\:bg-button-red-bg\/10:hover{background-color:#c0392b1a}.hover\:bg-bw-button-hover:hover{background-color:#5a5a5a}.hover\:bg-control-bg:hover{background-color:#3e4550}.hover\:bg-gray-50:hover{background-color:#fafafa}.hover\:bg-gray-100:hover{background-color:#f4f4f5}.hover\:bg-gray-300\/30:hover{background-color:#d4d4d84d}.hover\:bg-gray-400:hover{background-color:#a1a5ab}.hover\:bg-gray-400\/30:hover{background-color:#a1a5ab4d}.hover\:bg-gray-500:hover{background-color:#71757b}.hover\:bg-gray-500\/50:hover{background-color:#71757b80}.hover\:bg-gray-600:hover{background-color:#51555b}.hover\:bg-gray-600\/20:hover{background-color:#51555b33}.hover\:bg-gray-600\/50:hover{background-color:#51555b80}.hover\:bg-gray-700:hover{background-color:#31353b}.hover\:bg-gray-700\/50:hover{background-color:#31353b80}.hover\:bg-gray-800:hover{background-color:#21252b}.hover\:bg-gray-800\/20:hover{background-color:#21252b33}.hover\:bg-gray-800\/30:hover{background-color:#21252b4d}.hover\:bg-gray-800\/80:hover{background-color:#21252bcc}.hover\:bg-green-400:hover{background-color:var(--color-green-400)}.hover\:bg-green-500:hover{background-color:var(--color-green-500)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-mb-border-light:hover{background-color:#606060}.hover\:bg-mb-routing-button-hover:hover{background-color:#505050}.hover\:bg-panel-bg-lighter:hover{background-color:#3a3f44}.hover\:bg-panel-bg-lighter\/30:hover{background-color:#3a3f444d}.hover\:bg-panel-bg-lighter\/50:hover{background-color:#3a3f4480}.hover\:bg-panner-button-hover:hover{background-color:#6a6a6a}.hover\:bg-purple-500:hover{background-color:var(--color-purple-500)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-red-900\/60:hover{background-color:color-mix(in oklab,var(--color-red-900)60%,transparent)}.hover\:bg-teal-accent-dark:hover{background-color:#138496}.hover\:bg-track-400:hover{background-color:color-mix(in oklab,var(--track-color),white 15%)}.hover\:bg-track-500\/20:hover{background-color:color-mix(in oklab,var(--track-color)20%,transparent)}.hover\:bg-track-500\/60:hover{background-color:color-mix(in oklab,var(--track-color)60%,transparent)}.hover\:bg-track-800\/50:hover{background-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),#232323 60%)50%,transparent)}.hover\:bg-track-900:hover{background-color:color-mix(in oklab,var(--track-color),#232323 75%)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:bg-yellow-700:hover{background-color:var(--color-yellow-700)}.hover\:from-blue-500:hover{--tw-gradient-from:#0ea5e9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-s1-button-hover-bg-start:hover{--tw-gradient-from:#808893;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-purple-500:hover{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-s1-button-hover-bg-end:hover{--tw-gradient-to:#5f6a78;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:fill-gray-100:hover{fill:#f4f4f5}.hover\:text-blue-300:hover{color:#7dd3fc}.hover\:text-blue-400:hover{color:#38bdf8}.hover\:text-blue-500:hover{color:#0ea5e9}.hover\:text-bw-text-main:hover{color:#d0d0d0}.hover\:text-gray-50:hover{color:#fafafa}.hover\:text-gray-100:hover{color:#f4f4f5}.hover\:text-gray-200:hover{color:#e4e4e7}.hover\:text-gray-300:hover{color:#d4d4d8}.hover\:text-gray-400:hover{color:#a1a5ab}.hover\:text-gray-900:hover{color:#161819}.hover\:text-green-300:hover{color:var(--color-green-300)}.hover\:text-green-400:hover{color:var(--color-green-400)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:text-red-400\/80:hover{color:color-mix(in oklab,var(--color-red-400)80%,transparent)}.hover\:text-text-light:hover{color:#e1e4e8}.hover\:text-toolbar-icon-hover:hover{color:#fff}.hover\:text-track-50:hover{color:color-mix(in oklab,var(--track-color),white 85%)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-yellow-200:hover{color:var(--color-yellow-200)}.hover\:text-yellow-300:hover{color:var(--color-yellow-300)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.hover\:ring-1:hover{--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)}.hover\:shadow-black\/50:hover{--tw-shadow-color:color-mix(in oklab,var(--color-black)50%,transparent)}.hover\:ring-gray-400:hover{--tw-ring-color:#a1a5ab}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}.hover\:brightness-125:hover{--tw-brightness:brightness(125%);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,)}}.focus\:border-blue-500:focus{border-color:#0ea5e9}.focus\:border-bw-accent-orange:focus{border-color:#f39c12}.focus\:border-gray-300:focus{border-color:#d4d4d8}.focus\:border-gray-400:focus{border-color:#a1a5ab}.focus\:border-gray-500:focus{border-color:#71757b}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-bw-panel-bg:focus{background-color:#3a3a3a}.focus\:bg-gray-600\/20:focus{background-color:#51555b33}.focus\:bg-gray-600\/50:focus{background-color:#51555b80}.focus\:bg-gray-700:focus{background-color:#31353b}.focus\:bg-panel-bg-darker:focus{background-color:#25282c}.focus\:bg-track-800:focus{background-color:color-mix(in oklab,var(--track-color),#232323 60%)}.focus\:text-gray-100:focus{color:#f4f4f5}.focus\:accent-gray-300:focus{accent-color:#d4d4d8}.focus\:ring-1:focus{--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)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus\:ring-3:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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)}.focus\:ring-blue-300:focus{--tw-ring-color:#7dd3fc}.focus\:ring-blue-500:focus{--tw-ring-color:#0ea5e9}.focus\:ring-blue-500\/20:focus{--tw-ring-color:oklab(68.4687% -.0798356 -.124464/.2)}.focus\:ring-blue-800:focus{--tw-ring-color:#075985}.focus\:ring-gray-600:focus{--tw-ring-color:#51555b}.focus\:ring-green-300:focus{--tw-ring-color:var(--color-green-300)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-red-300:focus{--tw-ring-color:var(--color-red-300)}.focus\:ring-teal-accent:focus{--tw-ring-color:#17a2b8}.focus\:ring-white\/50:focus{--tw-ring-color:color-mix(in oklab,var(--color-white)50%,transparent)}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-bw-panel-bg:focus{--tw-ring-offset-color:#3a3a3a}.focus\:ring-offset-channel-bg:focus{--tw-ring-offset-color:#2d3135}.focus\:ring-offset-gray-950:focus{--tw-ring-offset-color:var(--color-gray-950)}.focus\:ring-offset-mb-channel-bg:focus{--tw-ring-offset-color:#4a4a4a}.focus\:ring-offset-panner-channel-bg:focus{--tw-ring-offset-color:#4d4d4d}.focus\:ring-offset-s1-transport-bg:focus{--tw-ring-offset-color:#383838}.focus\:ring-offset-studio-channel-bg:focus{--tw-ring-offset-color:#5d4331}.focus\:ring-offset-toolbar-bg:focus{--tw-ring-offset-color:#1e242b}.focus\:ring-offset-transport-bar-bg:focus{--tw-ring-offset-color:#2a2a2a}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-gray-300:active{background-color:#d4d4d8}.active\:bg-gray-500:active{background-color:#71757b}.active\:bg-gray-600:active{background-color:#51555b}.active\:bg-gray-700:active{background-color:#31353b}.active\:bg-red-800:active{background-color:var(--color-red-800)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-600:disabled{background-color:#51555b}.disabled\:opacity-50:disabled{opacity:.5}:where([data-hover]) .in-data-hover\:opacity-100{opacity:1}:where([data-selected]) .in-data-selected\:text-track-50{color:color-mix(in oklab,var(--track-color),white 85%)}.data-active\:bg-track-300\/70[data-active]{background-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),white 30%)70%,transparent)}.data-audioeditor\:flex[data-audioeditor]{display:flex}.data-audioeditor\:h-\[var\(--mixer-height\)\][data-audioeditor]{height:var(--mixer-height)}.data-audioeditor\:h-full[data-audioeditor]{height:100%}.data-audioeditor\:content-visible[data-audioeditor]{content-visibility:visible}.data-editor\:h-\[var\(--bottom-panel-height\)\][data-editor]{height:var(--bottom-panel-height)}.data-editor\:h-\[var\(--mixer-height\)\][data-editor]{height:var(--mixer-height)}.data-editor\:h-full[data-editor]{height:100%}.data-editor\:content-visible[data-editor],.data-explorer\:content-visible[data-explorer]{content-visibility:visible}.data-group\:ml-\[12px\][data-group]{margin-left:12px}.data-inspector\:w-60[data-inspector]{width:calc(var(--spacing)*60)}.data-inspector\:border-2[data-inspector]{border-style:var(--tw-border-style);border-width:2px}.data-inspector\:content-visible[data-inspector]{content-visibility:visible}.data-launcher\:sticky[data-launcher]{position:sticky}.data-launcher\:w-80[data-launcher]{width:calc(var(--spacing)*80)}.data-launcher\:content-visible[data-launcher]{content-visibility:visible}.data-marker\:top-10[data-marker]{top:calc(var(--spacing)*10)}.data-mixer\:h-\[var\(--bottom-panel-height\)\][data-mixer]{height:var(--bottom-panel-height)}.data-mixer\:h-\[var\(--mixer-height\)\][data-mixer]{height:var(--mixer-height)}.data-mixer\:h-full[data-mixer]{height:100%}.data-mixer\:content-visible[data-mixer]{content-visibility:visible}.data-selected\:border-track-600\/30[data-selected]{border-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),#232323 30%)30%,transparent)}.data-selected\:bg-blue-500[data-selected]{background-color:#0ea5e9}.data-selected\:bg-blue-700[data-selected]{background-color:#0369a1}.data-selected\:bg-green-50[data-selected]{background-color:var(--color-green-50)}.data-selected\:bg-track-300\![data-selected]{background-color:color-mix(in oklab,var(--track-color),white 30%)!important}.data-selected\:bg-track-300\/70[data-selected]{background-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),white 30%)70%,transparent)}.data-selected\:bg-track-500\/20[data-selected]{background-color:color-mix(in oklab,var(--track-color)20%,transparent)}.data-selected\:bg-track-800\/40[data-selected]{background-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),#232323 60%)40%,transparent)}.data-selected\:text-blue-400[data-selected]{color:#38bdf8}.data-selected\:text-gray-100[data-selected]{color:#f4f4f5}.data-selected\:opacity-5\![data-selected]{opacity:.05!important}@media(hover:hover){.data-selected\:hover\:bg-track-300\/70[data-selected]:hover{background-color:color-mix(in oklab,color-mix(in oklab,var(--track-color),white 30%)70%,transparent)}}.data-tracks\:content-visible[data-tracks]{content-visibility:visible}.data-\[playing\]\:bg-blue-600[data-playing]{background-color:#1976d2}@media(hover:hover){.data-\[playing\]\:hover\:bg-blue-500[data-playing]:hover{background-color:#0ea5e9}}@media(width>=40rem){.sm\:max-w-1\/2{max-width:50%}}@media(width>=48rem){.md\:w-full{width:100%}.md\:max-w-2\/3{max-width:66.6667%}.md\:max-w-4\/5{max-width:80%}.md\:flex-1{flex:1}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:px-12{padding-inline:calc(var(--spacing)*12)}.md\:py-8{padding-block:calc(var(--spacing)*8)}}@media(width>=64rem){.lg\:flex{display:flex}.lg\:max-w-1\/2{max-width:50%}.lg\:max-w-1\/3{max-width:33.3333%}.lg\:max-w-3\/4{max-width:75%}}@media(width>=80rem){.xl\:max-w-1\/2{max-width:50%}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (width>=475px){.\@min-\[475px\]\:flex-row{flex-direction:row}}@container (width>=24rem){.\@sm\:top-8{top:calc(var(--spacing)*8)}.\@sm\:h-4{height:calc(var(--spacing)*4)}.\@sm\:h-5{height:calc(var(--spacing)*5)}.\@sm\:h-10{height:calc(var(--spacing)*10)}.\@sm\:w-4{width:calc(var(--spacing)*4)}.\@sm\:w-5{width:calc(var(--spacing)*5)}.\@sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@sm\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.\@sm\:px-2{padding-inline:calc(var(--spacing)*2)}.\@sm\:px-3{padding-inline:calc(var(--spacing)*3)}.\@sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\@sm\:text-\[10px\]{font-size:10px}.\@sm\:text-\[11px\]{font-size:11px}.\@sm\:text-\[45\%\]{font-size:45%}}@container (width>=28rem){.\@md\:top-10{top:calc(var(--spacing)*10)}.\@md\:h-5{height:calc(var(--spacing)*5)}.\@md\:h-6{height:calc(var(--spacing)*6)}.\@md\:h-12{height:calc(var(--spacing)*12)}.\@md\:w-5{width:calc(var(--spacing)*5)}.\@md\:w-6{width:calc(var(--spacing)*6)}.\@md\:gap-2{gap:calc(var(--spacing)*2)}.\@md\:px-3{padding-inline:calc(var(--spacing)*3)}.\@md\:px-4{padding-inline:calc(var(--spacing)*4)}.\@md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.\@md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\@md\:text-\[40\%\]{font-size:40%}}@container (width>=32rem){.\@lg\:top-12{top:calc(var(--spacing)*12)}.\@lg\:h-14{height:calc(var(--spacing)*14)}.\@lg\:w-7{width:calc(var(--spacing)*7)}.\@lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\@lg\:text-\[35\%\]{font-size:35%}}@container (width>=36rem){.\@xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width>=72rem){.\@6xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.\[\&\>\.clip-overlay\:nth-child\(even\)\]\:bg-gray-700>.clip-overlay:nth-child(2n){background-color:#31353b}.\[\&\>\.clip-overlay\:nth-child\(even\)\]\:opacity-30>.clip-overlay:nth-child(2n){opacity:.3}.\[\&\>\.clip-overlay\:nth-child\(odd\)\]\:bg-gray-800>.clip-overlay:nth-child(odd){background-color:#21252b}.\[\&\>\.clip-overlay\:nth-child\(odd\)\]\:opacity-40>.clip-overlay:nth-child(odd){opacity:.4}}.active-project-cover{view-transition-name:active-project-cover}.active-nav-highlight{view-transition-name:nav-highlight}::view-transition{background-color:#161819}::view-transition-group(active-project-cover){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-group(nav-highlight){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes skeleton-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.inspector-channel-strip-container{container-type:size}.inspector-mixer-channel{container-type:inline-size}.inspector-mixer-channel .slider{appearance:none;cursor:pointer;--tw-ring-color:color-mix(in oklab,var(--track-color),#232323 45%);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:color-mix(in oklab,var(--track-color),#232323 45%);background:0 0;width:1.5rem;height:100%;position:relative}.inspector-mixer-channel .slider:focus{--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);--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.inspector-mixer-channel .slider:focus{outline-offset:2px;outline:2px solid #0000}}.inspector-mixer-channel .slider::-webkit-slider-runnable-track{background:#374151;border-radius:9px;width:4px;height:30%}.inspector-mixer-channel .slider::-webkit-slider-thumb{appearance:none;background-color:#f9fafb;border:1px solid #4b5563;border-radius:4px;width:34px;height:24px;margin-top:-8px;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.inspector-meter-container{container-type:inline-size}.inspector-meter-container .meters{min-height:calc(var(--slider-meter-height)*1.3cqh);padding-block:calc(var(--spacing)*1)}.inspector-meter-container .meters .slider{min-width:calc(var(--slider-meter-height)*1.3cqh);padding-inline:calc(var(--spacing)*1)}@container (height<=25em){.inspector-meter-container .meters{min-height:calc(var(--slider-meter-height)*1.5cqh)}.inspector-meter-container .meters .slider{min-width:calc(var(--slider-meter-height)*1.5cqh)}}@container (height>=25.01em) and (height<=30em){.inspector-meter-container .meters{min-height:calc(var(--slider-meter-height)*1.9cqh)}.inspector-meter-container .meters .slider{min-width:calc(var(--slider-meter-height)*1.9cqh)}}@container (height>=30.01em) and (height<=40em){.inspector-meter-container .meters{min-height:calc(var(--slider-meter-height)*2.4cqh)}.inspector-meter-container .meters .slider{min-width:calc(var(--slider-meter-height)*2.4cqh)}}@container (height>=40.01em) and (height<=44em){.inspector-meter-container .meters{min-height:calc(var(--slider-meter-height)*3cqh)}.inspector-meter-container .meters .slider{min-width:calc(var(--slider-meter-height)*3cqh)}}@container (height>=44.01em) and (height<=50em){.inspector-meter-container .meters{min-height:calc(var(--slider-meter-height)*3.2cqh)}.inspector-meter-container .meters .slider{min-width:calc(var(--slider-meter-height)*3.2cqh)}}@container (height>=50.01em){.inspector-meter-container .meters{min-height:calc(var(--slider-meter-height)*3.5cqh)}.inspector-meter-container .meters .slider{min-width:calc(var(--slider-meter-height)*3.5cqh)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}