@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-xs:.125rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-spin{animation:var(--animate-spin)}.touch-none{touch-action:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:10px}.rounded-md{border-radius:7px}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/65{background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){.bg-black\/65{background-color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.bg-border{background-color:var(--border)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-foreground{fill:var(--foreground)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[3px\]{padding:3px}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[12px\]{font-size:12px}.leading-none{--tw-leading:1;line-height:1}.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)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-background{color:var(--background)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.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-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-xs{--tw-shadow:0 1px 2px 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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition-\[background\,color\,box-shadow\]{transition-property:background,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;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-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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.running{animation-play-state:running}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:0}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:0}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover,.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-ring:focus{--tw-ring-color:var(--ring)}.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\: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-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-visible\:ring-\[3px\]:focus-visible{--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-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 30%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--spacing) * 3.5)}.data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--spacing) * 6)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--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)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@media (min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:text-foreground:is(.dark *):hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active]{color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--secondary) 90%, transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--foreground)}a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#111216;--foreground:#e9e9ee;--card:#17181e;--popover:#202128;--primary:#b9a1fb;--primary-foreground:#241b3a;--secondary:#262730;--muted:#202127;--muted-foreground:#898a9b;--accent:#2c293b;--destructive:#fa8794;--border:#2a2b34;--input:#2c2d36;--ring:#b9a1fb;--radius:.65rem}*{box-sizing:border-box;border-color:var(--border)}html,body{background:var(--background);min-height:100%;color:var(--foreground);margin:0;font-family:Segoe UI,Inter,system-ui,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}input,select,textarea{color:var(--foreground)}input[type=range]{accent-color:var(--primary)}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--ring);outline-offset:3px}::selection{background:#b9a1fb55}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#14151a}::-webkit-scrollbar-thumb{background:#353641;border-radius:5px}.logo-mark{background:var(--primary);color:#241b3a;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.eyebrow{letter-spacing:1.7px;color:var(--muted-foreground);font-size:10px;font-weight:650}.login-page{background:radial-gradient(at 50% 30%,#28203588,#0000 60%),#111216;place-items:center;min-height:100dvh;display:grid}.login-card{background:#19191fed;border:1px solid #37303f;border-radius:20px;width:min(430px,100vw - 32px);padding:40px;box-shadow:0 20px 100px #0006}.login-card .logo-mark{width:46px;height:46px;margin-bottom:30px}.login-card h1{letter-spacing:-1px;margin:15px 0;font-size:28px;line-height:1.25}.login-card p{color:#9999a8;line-height:1.7}.login-card label{margin:28px 0 9px;font-weight:600;display:block}.login-input{border:1px solid var(--border);background:#111216;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.login-input input{background:0 0;border:0;outline:none;width:100%}.primary-button{background:var(--primary);width:100%;color:var(--primary-foreground);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin:16px 0 25px;padding:13px;font-weight:650;text-decoration:none;display:flex}.login-card a:not(.primary-button){color:#c7b6ff}.player-chip{align-items:center;gap:8px;min-width:0;display:flex}.player-chip>span{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;font-weight:650;overflow:hidden}.player-head,.rail-avatar img{image-rendering:pixelated;border-radius:6px;display:block}.header-logout{color:#b7b6c4;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.header-logout:hover{color:#fff;background:#ffffff12}.admin-page{color:#eceaf3;background:radial-gradient(at 12% 0,#2a214088,#0000 42%),#111216;min-height:100dvh;padding:32px 28px 64px}.admin-header{align-items:center;gap:22px;max-width:1080px;margin:0 auto 28px;display:flex}.admin-header h1{letter-spacing:-.6px;font-size:28px}.admin-header .player-chip{margin-left:auto}.admin-back{color:#c7b6ff;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.admin-page section{background:#19191fe6;border:1px solid #37303f;border-radius:18px;max-width:1080px;margin:0 auto 18px;padding:20px}.admin-page h2{margin-bottom:6px;font-size:18px}.admin-page section>p{color:#9999a8;max-width:720px;margin-bottom:16px;line-height:1.55}.access-hero{background:linear-gradient(#221c31,#19191f);grid-template-columns:minmax(220px,320px) 1fr;align-items:center;gap:22px;display:grid}.access-hero-copy h2{margin-top:6px}.access-hero-copy p{margin:0}.access-toggles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.access-toggle{background:#14141a;border:1px solid #3b354c;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.access-toggle span{font-size:12px;font-weight:650}.access-heading{color:#c7b6ff;align-items:center;gap:8px;margin-bottom:6px;display:flex}.access-heading h2{margin:0}.access-switch{background:#2a2b34;border:0;border-radius:999px;flex-shrink:0;width:38px;height:22px;padding:0;position:relative}.access-switch:after{content:"";background:#8d8e9c;border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.access-switch.is-on{background:#b9a1fb55}.access-switch.is-on:after{background:#efeaff;transform:translate(16px)}.admin-table-wrap{border:1px solid #2c2c36;border-radius:12px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #2c2c36;padding:11px 12px}.admin-table thead th{color:#9999a8;letter-spacing:.3px;font-size:11px;font-weight:650}.admin-table tbody th{font-weight:650}.admin-table td{text-align:center}.admin-table tr:last-child th,.admin-table tr:last-child td{border-bottom:0}.admin-search{background:#111216;border:1px solid #37303f;border-radius:12px;align-items:center;gap:8px;max-width:420px;margin-bottom:14px;padding:10px 12px;display:flex}.admin-search input{color:inherit;background:0 0;border:0;outline:none;flex:1}.admin-players{flex-direction:column;gap:10px;display:flex}.admin-player{background:#14141a;border:1px solid #2c2c36;border-radius:14px;grid-template-columns:40px minmax(140px,180px) 1fr;align-items:center;gap:14px;padding:12px;display:grid}.admin-player small{color:#9999a8;margin-top:2px;display:block}.admin-grant{flex-wrap:wrap;gap:10px;display:flex}.grant-field{color:#b7b6c4;flex-direction:column;gap:6px;font-size:11px;display:flex}.grant-pills{background:#111216;border:1px solid #2c2c36;border-radius:999px;padding:3px;display:flex}.grant-pills button{color:#8d8e9c;background:0 0;border:0;border-radius:999px;padding:4px 8px;font-size:11px}.grant-pills button.is-inherit{color:#efeaff;background:#2c293b}.grant-pills button.is-allow{color:#b7f0cb;background:#1d3b2c}.grant-pills button.is-deny{color:#ffc1c7;background:#3d2428}.admin-status{color:#9999a8;padding:8px 0 4px}@media (max-width:760px){.player-chip>span{display:none}.access-hero{grid-template-columns:1fr}.admin-player{grid-template-columns:40px 1fr}.admin-grant{grid-column:1/-1}}.login-card small{color:#707180;font-size:11px}.error-text{color:#ff9ba5!important}.studio-app{flex-direction:column;height:100dvh;min-height:640px;display:flex;overflow:hidden}.studio-header{border-bottom:1px solid var(--border);background:#15161b;flex-shrink:0;align-items:center;gap:30px;height:66px;padding:0 22px;display:flex}.brand{align-items:center;gap:11px;min-width:245px;display:flex}.brand strong{letter-spacing:-.6px;align-items:baseline;gap:7px;font-size:19px;display:flex}.brand strong span{letter-spacing:2px;color:#bcb9cd;font-size:11px;font-weight:500}.version-badge{letter-spacing:.8px;color:#aa91e1;margin-left:3px;border-color:#3b354c!important;padding:2px 5px!important;font-size:8px!important}.header-breadcrumb{color:#6f7080;align-items:center;gap:10px;font-size:11px;display:flex}.header-breadcrumb strong{color:#c0bfcc;font-weight:500}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.autosave{color:#7e8090;align-items:center;gap:6px;margin-right:12px;font-size:10px;display:flex}.status-dot{background:#666675;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.status-dot.online{background:#8acd9f;box-shadow:0 0 6px #8acd9f20}.studio-body{flex:1;min-height:0;display:flex}.nav-rail{border-right:1px solid var(--border);background:#15161b;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:60px;padding:20px 0 17px;display:flex}.rail-main,.rail-bottom{flex-direction:column;align-items:center;gap:13px;display:flex}.nav-rail .icon-button{color:#747688;border-radius:9px;width:35px;height:35px}.nav-rail .icon-button.is-active{color:var(--primary);background:#b9a1fb16}.rail-divider{background:var(--border);width:23px;height:1px;margin:7px 0}.rail-avatar{color:#d1baff;background:#302d3e;border:1px solid #4a425c;border-radius:8px;place-items:center;width:28px;height:28px;margin-top:8px;font-size:10px;display:grid}.browser-shell{border-right:1px solid var(--border);background:#17181d;flex-shrink:0;width:264px}.sound-browser{flex-direction:column;height:100%;display:flex}.browser-heading{color:#777888;justify-content:space-between;align-items:center;padding:24px 18px 18px;display:flex}.browser-heading .eyebrow{letter-spacing:1.3px;font-size:8px}.browser-heading h2{letter-spacing:-.3px;color:#e6e6ed;margin:6px 0 0;font-size:16px;font-weight:650}.browser-heading h2 span{color:#676877;margin-left:5px;font-size:11px;font-weight:400}.browser-tabs{background:#101116;border:1px solid #24252e;border-radius:7px;gap:3px;margin:0 18px 16px;padding:3px;display:flex}.browser-tabs button{color:#7e7f90;white-space:nowrap;background:0 0;border:0;border-radius:5px;flex:1;padding:7px 4px;font-size:10px}.browser-tabs button.active{color:#d2c0fa;background:#2b2938;box-shadow:0 1px 5px #0004}.browser-tabs button span{margin-left:3px;font-size:8px}.search-field{color:#656777;background:#121318;border:1px solid #2a2b33;border-radius:7px;align-items:center;gap:8px;margin:0 18px 12px;padding:9px 10px;display:flex}.search-field input{color:#c6c5d3;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:10px}.search-field input::placeholder{color:#666877}.search-field kbd{color:#696a77;background:#24252e;border-radius:3px;padding:0 4px;font-size:9px}.source-selector{color:#747487;border-bottom:1px solid #292a32;align-items:center;gap:7px;margin:0 18px 12px;padding:8px 2px;display:flex}.source-selector select{appearance:none;color:#9393a3;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:10px}select option{color:#dddce7;background:#202128}.category-chips{flex-wrap:wrap;gap:5px;padding:0 18px 15px;display:flex}.category-chips button{color:#858698;background:#1e1f26;border:1px solid #0000;border-radius:5px;padding:4px 8px;font-size:9px}.category-chips button.active{color:#cab3ff;background:#2d283e;border-color:#504366}.sound-list{flex:1;min-height:0;padding:0 11px 15px;overflow:auto}.instrument-card{border:1px solid #0000;border-radius:8px;align-items:center;min-height:57px;margin-bottom:3px;display:flex}.instrument-card:hover{background:#21222a}.instrument-card.selected{background:var(--instrument)}@supports (color:color-mix(in lab, red, red)){.instrument-card.selected{background:color-mix(in srgb,var(--instrument) 8%,#191a21)}}.instrument-card.selected{border-color:var(--instrument)}@supports (color:color-mix(in lab, red, red)){.instrument-card.selected{border-color:color-mix(in srgb,var(--instrument) 24%,#282932)}}.instrument-preview{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.block-icon{background:var(--instrument);place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.block-icon{background:color-mix(in srgb,var(--instrument) 7%,#191a20)}}.block-icon{color:var(--instrument);border-radius:7px;flex-shrink:0}.block-icon img{width:34px;height:34px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 2px 3px #0008)}.instrument-copy{flex:1;min-width:0}.instrument-copy strong{color:#cccad8;margin-bottom:4px;font-size:11px;font-weight:550;display:block}.instrument-card.selected strong{color:var(--instrument)}.instrument-copy small{color:#747585;white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.hover-play{color:var(--instrument);opacity:0;flex-shrink:0}.instrument-preview:hover .hover-play{opacity:1}.add-instrument{color:#727486;background:0 0;border:0;border-radius:4px;place-items:center;width:27px;height:30px;margin-right:3px;display:grid}.add-instrument:hover{color:var(--instrument);background:#ffffff0b}.preview-tuning{border-top:1px solid var(--border);background:#15161b;padding:17px 18px 14px}.tuning-title{color:#a7a4b9;justify-content:space-between;align-items:center;font-size:10px;display:flex}.tuning-title select{color:#ad98da;background:#262431;border:0;border-radius:4px;padding:4px;font-size:9px}.tuning-values{justify-content:space-between;align-items:baseline;padding:12px 0 14px;display:flex}.tuning-values strong{color:#ded5f7;font-size:18px;font-weight:550}.tuning-values span{color:#7e7e90;font-size:9px}.tuning-labels{color:#686a7a;justify-content:space-between;margin-top:9px;font-size:8px;display:flex}.preview-tuning p{color:#707283;margin:18px 0 0;font-size:8px}.preview-tuning p span{margin-right:4px}.browser-alert{color:#a49cc0;gap:6px;padding:4px 18px 14px;font-size:9px;display:flex}.browser-error{color:#e49ba8;padding:8px 18px 16px;font-size:10px}.browser-error p{line-height:1.7}.sample-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #25262d;align-items:center;gap:8px;width:100%;padding:9px 6px;display:flex}.sample-row:hover{background:#25212f}.sample-play{color:#b5a0e5;background:#2c293b;border-radius:6px;flex-shrink:0;place-items:center;width:23px;height:23px;display:grid}.sample-row>span:nth-child(2){flex:1;min-width:0}.sample-row strong{color:#c4c1d6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;display:block;overflow:hidden}.sample-row small{color:#707284;font-size:8px}.sample-row>span small{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;display:block;overflow:hidden}.load-more{width:100%;margin-top:8px;font-size:10px}.empty-small{color:#7b7e8d;padding:20px 9px;font-size:11px}.studio-main{background:#111216;flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto}.project-heading{flex-shrink:0;align-items:center;gap:13px;min-height:95px;padding:21px 24px 19px;display:flex}.project-cover{width:46px;height:46px;color:var(--primary);background:linear-gradient(135deg,#3b314c,#22232d);border:1px solid #4b3b5b;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.project-cover img{object-fit:contain;width:43px;height:43px;image-rendering:pixelated;filter:drop-shadow(0 3px 4px #0008)}.project-heading-copy{min-width:0}.project-title-row{align-items:center;gap:11px;display:flex}.project-title-row h1{letter-spacing:-.65px;color:#e5e3ee;white-space:nowrap;text-overflow:ellipsis;max-width:400px;margin:0;font-size:20px;font-weight:620;line-height:1.2;overflow:hidden}.project-title-row button{color:#75778c;background:0 0;border:0;flex-shrink:0;padding:2px}.project-heading-copy p{color:#7e7e92;white-space:nowrap;align-items:center;gap:6px;margin:8px 0 0;font-size:9px;display:flex}.project-heading-copy p>span:not(.status-dot){color:#454653;margin:0 3px}.project-heading-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.environment-select{color:#727487;align-items:center;gap:5px;padding:6px 0;display:flex}.environment-select select{appearance:none;color:#a2a0b5;background:0 0;border:0;outline:none;padding:2px;font-size:10px}.transport{background:linear-gradient(110deg,#202027,#1b1a22);border:1px solid #2d2b39;border-radius:10px;flex-shrink:0;align-items:center;gap:13px;margin:0 24px 22px;padding:12px 15px;display:flex}.transport-controls{align-items:center;gap:4px;display:flex}.transport .icon-button{color:#898499}.transport .icon-button.is-active{color:#d0b5ff;background:#b9a1fb15}.play-button{color:#221833;background:#bda4ff;border-radius:8px;width:34px;height:34px;box-shadow:0 0 18px #b799ff16}.play-button svg{width:14px;height:14px}.transport-time{min-width:90px;margin-left:4px}.transport-time strong{letter-spacing:.5px;color:#e8dcff;font-family:Consolas,SFMono-Regular,monospace;font-size:18px;font-weight:500;line-height:1.3;display:block}.transport-time span{color:#676479;margin-top:2px;font-family:Consolas,monospace;font-size:9px;display:block}.transport-divider{background:#353040;width:1px;height:27px;margin:0 2px}.tempo-control{flex-direction:column;align-items:center;display:flex}.tempo-control input{text-align:center;color:#d7d0e6;background:0 0;border:0;outline:none;width:42px;font-size:17px;font-weight:500}.tempo-control span{letter-spacing:1px;color:#7a758e;font-size:7px}.time-signature{color:#a2a0b4;margin-left:3px;font-size:12px}.transport-right{align-items:center;gap:14px;margin-left:auto;display:flex}.transport-right select{color:#b4a9cd;background:#24222d;border:1px solid #383240;border-radius:6px;padding:5px 7px;font-size:9px}.sample-rate{letter-spacing:.6px;color:#7f778e;white-space:nowrap;font-size:7px}.composer{padding:0 24px 22px}.arrangement-panel{background:#15161b;border:1px solid #2b2b35;border-radius:9px;margin-bottom:19px;overflow:hidden}.panel-heading{background:#191a21;border-bottom:1px solid #292a32;justify-content:space-between;align-items:center;height:37px;padding:0 13px;display:flex}.panel-heading>span{letter-spacing:1.1px;color:#a4a0b7;align-items:center;gap:8px;font-size:8px;font-weight:600;display:flex}.panel-heading>div{color:#686b7c;align-items:center;gap:5px;font-size:9px;display:flex}.panel-heading .icon-button{height:26px}.arrangement-wrap{max-height:200px;overflow:auto}.arrangement-canvas{cursor:pointer;width:100%;display:block}.editor-panel{background:#17181f;border:1px solid #2e2d3a;border-radius:9px;overflow:hidden}.editor-tabs{background:#1c1d25;border-bottom:1px solid #30303c;justify-content:space-between;align-items:center;height:44px;padding:0 11px;display:flex}.editor-tabs>div:first-child{align-items:center;gap:15px;height:100%;display:flex}.editor-tabs button{color:#7c7d90;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;height:100%;padding:0 3px;font-size:10px;display:flex}.editor-tabs button.active{color:#cdb8ff;border-bottom-color:#b9a1fb}.active-track-label{color:#b6b1c8;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:9px;display:flex}.active-track-label>span:first-child{border-radius:50%;width:5px;height:5px}.track-key-label{color:#6f7184;border-left:1px solid #363542;margin-left:7px;padding-left:9px;font-size:8px}.editor-toolbar{background:#191a21;border-bottom:1px solid #2e2e39;align-items:center;gap:3px;height:43px;padding:0 9px;display:flex}.icon-button{color:#89879c;border-radius:5px;width:28px;height:28px}.icon-button.is-active{color:#c7b2fb;background:#b9a1fb17}.icon-button:hover{color:#ddd2f9}.tool-group{background:#121318;border-radius:6px;gap:2px;padding:3px;display:flex}.tool-group .icon-button{width:26px;height:25px}.tool-group .is-active{color:#d0baff;background:#41354f;box-shadow:0 1px 4px #0003}.toolbar-divider{background:#33313e;width:1px;height:17px;margin:0 6px}.toolbar-spacer{flex:1}.snap-control{color:#a394c1;align-items:center;gap:5px;margin-left:2px;display:flex}.snap-control select{color:#aaa4bd;background:0 0;border:0;width:79px;padding:2px;font-size:9px}.zoom-label{color:#7c7a8e;text-align:center;min-width:28px;font-size:8px}.piano-roll{background:#17181e;display:flex}.piano-keys{z-index:3;background:#1a1b21;border-right:1px solid #45404f;flex-shrink:0;width:60px}.key-ruler{letter-spacing:1px;color:#5f6073;background:#181920;border-bottom:1px solid #34313f;align-items:center;height:32px;padding-left:11px;font-size:7px;display:flex}.piano-key{color:#858496;border:0;border-bottom:1px solid #30303b;justify-content:space-between;align-items:center;width:100%;padding:0 10px 0 0;font-size:8px;display:flex}.piano-key.white{color:#b0adbf;background:#31313c}.piano-key.black{color:#7c778f;background:#191a23;border-right:1px solid #423c4e;border-radius:0 3px 3px 0;width:49px;box-shadow:1px 1px 2px #0004}.piano-key:hover{color:#fff;background:#766184}.piano-key span{text-align:right;width:100%}.piano-key i{background:#ac8ddb;border-radius:1px;width:3px;height:6px;margin-left:5px}.key-velocity{color:#67667c;border-top:1px solid #2d2e38;height:80px;padding:17px 10px;font-size:7px}.roll-scroll{flex:1;min-width:0;overflow:auto hidden}.roll-spacer{position:relative}.roll-spacer canvas{touch-action:none;display:block;position:sticky;left:0}.editor-bottom{color:#6f6e84;background:#191a21;border-top:1px solid #2b2b35;justify-content:space-between;align-items:center;height:31px;padding:0 11px;font-size:8px;display:flex}.editor-bottom>span{align-items:center;gap:6px;display:flex}.editor-bottom>span>span:not(.status-dot){padding:0 4px}.track-rack{margin-top:18px}.track-rack-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.track-rack-heading>span{letter-spacing:1.2px;color:#9390a3;font-size:8px;font-weight:600}.track-rack-heading small{color:#636371;margin-left:5px}.track-rack-heading button{color:#8d839f;font-size:9px}.channel-tabs{gap:7px;padding-bottom:6px;display:flex;overflow:auto}.channel-tab{background:#19191f;border:1px solid #2e2b38;border-radius:7px;flex-shrink:0;align-items:center;gap:4px;padding:7px 5px 7px 8px;display:flex}.channel-tab.active{border-color:var(--instrument)}@supports (color:color-mix(in lab, red, red)){.channel-tab.active{border-color:color-mix(in srgb,var(--instrument) 35%,#2a2731)}}.channel-tab.active{background:var(--instrument)}@supports (color:color-mix(in lab, red, red)){.channel-tab.active{background:color-mix(in srgb,var(--instrument) 7%,#19191f)}}.channel-select{color:#b6aec9;background:0 0;border:0;align-items:center;gap:6px;padding:1px 5px 1px 0;font-size:9px;display:flex}.channel-select>span{color:#655f76;font-size:7px}.channel-select i{background:var(--instrument);border-radius:2px;width:4px;height:10px}.channel-tab>button:not(.channel-select){color:#6e677f;background:#23212b;border:0;border-radius:3px;width:18px;height:19px;font-size:8px}.channel-tab>button.active,.mute-solo .active,.mixer-ms .active{color:#fbafa5!important;background:#573134!important}.channel-tab>button.solo,.mute-solo .solo,.mixer-ms .solo{color:#e8d390!important;background:#4c4430!important}.channel-tab.muted .channel-select{opacity:.45}.inspector{border-left:1px solid var(--border);background:#17181e;flex-direction:column;flex-shrink:0;width:233px;display:flex;overflow:auto}.inspector-heading{justify-content:space-between;align-items:center;padding:19px 16px 9px;display:flex}.inspector-heading .eyebrow{letter-spacing:1.2px;font-size:8px}.inspector-instrument{flex-direction:column;align-items:center;padding:2px 20px 13px;display:flex}.inspector-block{width:64px;height:64px;color:var(--instrument);background:radial-gradient(ellipse,var(--instrument) 0%,transparent 60%);background:radial-gradient(ellipse,var(--instrument),transparent 70%);border-radius:12px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.inspector-block{background:radial-gradient(ellipse,color-mix(in srgb,var(--instrument) 9%,#20212a),transparent 70%)}}.inspector-block img{object-fit:contain;width:58px;height:58px;image-rendering:pixelated;filter:drop-shadow(0 5px 5px #0006)}.instrument-category{letter-spacing:1.2px;text-transform:uppercase;color:var(--instrument);background:var(--instrument);font-size:7px}@supports (color:color-mix(in lab, red, red)){.instrument-category{background:color-mix(in srgb,var(--instrument) 8%,#17181e)}}.instrument-category{border:1px solid var(--instrument)}@supports (color:color-mix(in lab, red, red)){.instrument-category{border:1px solid color-mix(in srgb,var(--instrument) 17%,#26242e)}}.instrument-category{border-radius:4px;margin:8px 0 6px;padding:2px 6px}.inspector-instrument input{text-align:center;height:29px;box-shadow:none;letter-spacing:-.3px;color:#ddd7ec;background:0 0;border:0;font-size:18px;font-weight:600}.inspector-instrument p{color:#707085;margin:3px 0 0;font-size:9px}.waveform{background:#13141b;border:1px solid #302c3d;border-radius:7px;margin:0 16px 17px;padding:10px 10px 12px}.waveform>svg{width:100%;height:47px}.waveform button svg{width:12px;height:12px}.waveform>div{letter-spacing:.6px;color:#716782;justify-content:space-between;margin:6px 0 12px;font-size:6px;display:flex}.waveform button{color:#a18eba;background:#25202e;border-color:#3d314a;width:100%;height:26px;font-size:9px}.inspector-section{border-top:1px solid #292a33;padding:17px 17px 20px}.field-label,.section-title{letter-spacing:1px;color:#9290a4;font-size:8px;font-weight:550}.field-label{margin-bottom:10px;display:block}.field-select{color:#bfb6d0;background:#202027;border:1px solid #33303e;border-radius:5px;width:100%;padding:8px;font-size:10px}.slider-label{color:#9b94ac;justify-content:space-between;align-items:center;margin:17px 0 12px;font-size:10px;display:flex}.slider-label strong{color:#c9b2f7;font-size:9px;font-weight:500}[data-slot=slider-track]{height:3px!important}[data-slot=slider-thumb]{box-shadow:0 0 0 2px #bba0fa10;background:#d0baf9!important;border:0!important;width:9px!important;height:9px!important}.mute-solo{gap:7px;margin-top:19px;display:flex}.mute-solo button{color:#a393be;background:#25232e;border:1px solid #34303f;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:7px;padding:7px;font-size:8px;font-weight:600;display:flex}.mute-solo button span{color:#91869f;font-size:9px;font-weight:400}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title [data-slot=badge]{color:#ac8cd5;border-color:#3b3348;padding:1px 5px;font-size:7px}.empty-note{text-align:center;color:#534d63;flex-direction:column;align-items:center;padding:21px 0 4px;display:flex}.empty-note p{color:#766b87;margin:8px 0;font-size:9px;line-height:1.8}.note-info{gap:15px;margin:16px 0 10px;display:flex}.note-info>div{flex:1}.note-info span{color:#7f758d;margin-bottom:6px;font-size:9px;display:block}.note-info strong{color:#d2bfee;font-size:15px;font-weight:500}.note-controls{gap:5px;margin-top:13px;display:flex}.note-controls button{color:#a28ebf;flex:1;font-size:8px}.minecraft-hint{background:linear-gradient(135deg,#212527,#191d22);border:1px solid #313b38;border-radius:7px;margin:7px 16px 20px;padding:13px}.minecraft-hint>div{color:#adcfb7;align-items:center;gap:7px;font-size:9px;display:flex}.mini-cube{color:#93c797;font-size:17px}.minecraft-hint strong{font-weight:500}.minecraft-hint p{color:#7e9088;margin:8px 0;font-size:8px;line-height:1.7}.minecraft-hint code{color:#82978c;font-family:Consolas,monospace;font-size:8px}.inspector-footer{border-top:1px solid var(--border);margin-top:auto;padding:10px 16px}.inspector-footer button{color:#736879;width:100%;font-size:9px}.studio-footer{background:#15161c;border-top:1px solid #292a33;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;height:35px;padding:0 15px;display:flex}.footer-left,.footer-center{color:#777387;align-items:center;gap:8px;font-size:8px;display:flex}.footer-left svg{color:#968aa9}.footer-separator{color:#47414f;padding:0 4px}.master-control{color:#92899f;align-items:center;gap:9px;font-size:8px;display:flex}.master-control>[data-slot=slider]{width:74px}.master-control>span{width:26px}.master-meter{gap:2px;height:10px;margin-left:3px;display:flex}.master-meter i{background:#30383a;border-radius:1px;width:3px;height:10px}.master-meter .lit{background:#96c6a2}.master-meter i:nth-last-child(-n+3).lit{background:#dfbe77}.master-meter i:last-child.lit{background:#ed818d}.studio-dialog{box-shadow:0 20px 100px #0009;background:#1a1b22!important;border-color:#41374f!important;border-radius:16px!important;padding:28px!important}.studio-dialog [data-slot=dialog-title]{letter-spacing:-.5px;color:#eee7fa;font-size:22px;font-weight:600;line-height:1.3}.studio-dialog [data-slot=dialog-description]{color:#90889e;max-width:95%;font-size:11px;line-height:1.8}.studio-dialog [data-slot=dialog-header]{margin-bottom:9px}.studio-dialog [data-slot=dialog-footer]{margin-top:15px}.export-options>button{text-align:left;background:#20202a;border:1px solid #363040;border-radius:9px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:16px 12px;display:flex}.export-options>button:hover{background:#292433;border-color:#786194}.export-options>button>div{color:#b8a0e2;background:#b9a1fb0c;border-radius:7px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.export-options>button>span{flex:1;min-width:0}.export-options strong{color:#ded5eb;font-size:12px;font-weight:550;display:block}.export-options small{color:#82768f;margin-top:5px;font-size:9px;line-height:1.7;display:block}.export-options [data-slot=badge]{color:#9982b7;white-space:nowrap;background:#191620;padding:2px 4px;font-size:8px;flex:none!important;overflow:visible!important}.export-ext-short{display:none}.export-options>button>svg{color:#887095;flex-shrink:0;width:13px}.dialog-note{color:#877790;margin:15px 0 0;font-size:9px;line-height:1.8}.metadata-form label,.settings-form label{color:#bdb0cc;margin-bottom:16px;font-size:11px;font-weight:500;display:block}.metadata-form input,.settings-form input{color:#d8cae7;background:#14141b;border-color:#3c3147;height:36px;margin-top:7px;font-size:12px}.metadata-form textarea{resize:vertical;background:#14141b;border:1px solid #3c3147;border-radius:6px;width:100%;margin-top:7px;padding:10px;font-size:12px;display:block}.metadata-form small{color:#7f728d;font-size:9px;font-weight:400}.metadata-form .creator-lock{color:#d8cae7;background:#14141b;border:1px solid #3c3147;border-radius:6px;align-items:center;min-height:36px;margin-top:7px;padding:0 12px;font-size:12px;display:flex}.form-row{gap:15px;display:flex}.form-row>*{flex:1;min-width:0}.help-dialog{max-height:90dvh;overflow:auto;max-width:min(710px,100vw - 30px)!important}.help-intro{gap:24px;padding:16px 0;display:flex}.help-intro>div{color:#baa4de;flex:1}.help-intro strong{color:#d9c9ec;margin:9px 0;font-size:12px;display:block}.help-intro p{color:#8a799b;font-size:10px;line-height:1.8}.shortcut-grid{grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.shortcut-grid>div{color:#aa96bd;border-bottom:1px solid #33293e;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:10px;display:flex}.shortcut-grid kbd{color:#cbb0e1;background:#2a2133;border:1px solid #483650;border-bottom-width:2px;border-radius:4px;padding:3px 5px;font-size:8px}.setting-switch{border-top:1px solid #332d3d;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.setting-switch strong{color:#c8b4da;font-size:11px;font-weight:500}.setting-switch p{color:#857391;margin:4px 0;font-size:10px}.connection-info{color:#a388bb;border:1px solid #393042;border-radius:8px;margin:15px 0;padding:15px;font-size:10px}.connection-info strong{color:#cfb2e4;font-size:11px}.connection-info p{align-items:center;gap:7px;margin:10px 0;display:flex}.connection-info small{color:#7e698c;font-size:8px}.new-options{gap:15px;display:flex}.new-options button{color:#cbb0e1;background:#241c2d;border:1px solid #493752;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:16px;padding:30px 16px;display:flex}.new-options button:hover{border-color:#9b75ba}.new-options strong{font-size:12px;font-weight:550}.new-options span{color:#9478a5;text-align:center;font-size:10px}.mixer-view,.library-view{padding:5px 24px 35px}.view-heading{justify-content:space-between;align-items:center;margin:0 0 28px;display:flex}.view-heading .eyebrow{font-size:8px}.view-heading h2{letter-spacing:-.7px;margin:7px 0 9px;font-size:26px;font-weight:600}.view-heading p{color:#80768f;margin:0;font-size:11px;line-height:1.7}.mixer-channels{gap:12px;padding:4px 0 15px;display:flex;overflow:auto}.mixer-channel{background:#1a1921;border:1px solid #34303c;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;width:116px;min-width:116px;padding:15px 11px;display:flex;position:relative}.mixer-channel-num{color:#6a5d7b;justify-content:space-between;align-items:center;width:100%;font-size:9px;display:flex}.mixer-channel-num button{color:#726079;background:0 0;border:0}.mixer-color{background:var(--instrument);border-radius:3px;width:25px;height:3px;margin:16px 0 10px}.mixer-channel>strong:not(.mixer-value){color:var(--instrument);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.mixer-channel>select{color:#81708f;text-align:center;background:0 0;border:0;width:100%;margin-top:7px;font-size:8px}.mixer-pan{color:#685a7b;align-items:center;gap:7px;width:100%;margin:18px 2px 20px;font-size:8px;display:flex}.fader-area{justify-content:space-between;align-items:center;width:50px;height:225px;display:flex}.fader-scale{color:#70617d;flex-direction:column;justify-content:space-between;height:100%;font-size:7px;display:flex}.fader-area [data-slot=slider]{height:100%;min-height:225px}.fader-area [data-slot=slider-track]{background:#302638;width:4px!important;height:100%!important}.fader-area [data-slot=slider-range]{background:var(--instrument)}.fader-area [data-slot=slider-thumb]{border-radius:2px;box-shadow:0 3px 5px #0006;background:#cec6d9!important;border:1px solid #f3e8ff!important;width:23px!important;height:11px!important}.mixer-value{color:#c5b4d6;margin:18px 0 13px;font-size:17px;font-weight:400}.mixer-value small{color:#716080;margin-left:2px;font-size:9px}.mixer-ms{gap:5px;margin-bottom:15px;display:flex}.mixer-ms button{color:#9075a6;background:#2a2233;border:1px solid #42334d;border-radius:4px;padding:5px 7px;font-size:8px}.mixer-channel>small{color:#695776;font-size:8px}.mixer-channel.muted{opacity:.6}.info-banner{color:#a28abb;background:#211c29;border:1px solid #3b2f48;border-radius:8px;align-items:flex-start;gap:10px;margin:20px 0 0;padding:14px;font-size:10px;line-height:1.8;display:flex}.info-banner svg{color:#a584c2;flex-shrink:0;margin-top:2px}.library-section-heading{justify-content:space-between;align-items:center;margin:24px 0 15px;display:flex}.library-section-heading h3{color:#cbbbdc;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.library-section-heading h3 svg{color:#9a7caf}.library-section-heading [data-slot=badge]{color:#8f75a7;background:#2b2234;font-size:8px}.library-section-heading button{color:#8a709e;font-size:9px}.library-search{margin:0 0 12px}.library-search input{font-size:11px}.empty-state{text-align:center;background:#18151e;border:1px dashed #3b2d47;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;padding:38px 20px;display:flex}.empty-state svg{color:#695173}.empty-state h3{color:#bfa6d0;margin:14px 0 8px;font-size:15px;font-weight:500}.empty-state p{color:#897095;max-width:500px;font-size:11px;line-height:1.8}.empty-state button{margin-top:10px}.song-table{border:1px solid #33283e;border-radius:8px;overflow:hidden}.song-row,.song-table-head{grid-template-columns:minmax(150px,1fr) 70px 65px 70px 40px;align-items:center;gap:12px;padding:12px 10px;display:grid}.song-table-head{color:#7d658e;letter-spacing:1px;background:#211a29;font-size:7px}.song-row{color:#987dab;border-top:1px solid #302638;font-size:10px}.song-row:hover{background:#211a29}.song-name{text-align:left;background:0 0;border:0;align-items:center;gap:11px;min-width:0;display:flex}.song-icon{color:#b790d2;background:#33263e;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.song-name>span{min-width:0}.song-name strong{color:#c9afdb;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.song-name small{color:#7f658d;margin-top:5px;font-size:8px;display:block}.song-row [data-slot=badge]{border-color:#4c345b;font-size:8px}.pagination{color:#8c739e;justify-content:flex-end;align-items:center;gap:7px;margin:14px 0 30px;font-size:9px;display:flex}.pagination>span{margin-right:auto}.draft-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px;display:grid}.draft-card{background:#1c1723;border:1px solid #3b2d47;border-radius:9px;padding:17px}.draft-top{color:#9e7ab4;justify-content:space-between;align-items:center;display:flex}.draft-top [data-slot=badge]{color:#a781bd;border-color:#4b3458;font-size:7px}.draft-card h4{color:#c5a8d8;margin:20px 0 8px;font-size:13px;font-weight:550}.draft-card p{color:#896996;margin:0 0 8px;font-size:9px}.draft-card>small{color:#70567d;font-size:8px}.draft-card>div:last-child{justify-content:space-between;align-items:center;margin-top:17px;display:flex}.draft-card button{color:#b896cc;background:#30203d;font-size:9px}.step-sequencer{min-height:440px;padding:24px 20px}.step-heading{color:#8b769b;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:11px;display:flex}.step-heading label{font-size:10px}.step-heading select{color:#b79bcb;background:#2b2037;border:1px solid #453151;border-radius:5px;margin:0 5px;padding:4px 8px}.step-grid{overflow:auto}.step-track,.step-labels{grid-template-columns:90px repeat(16,minmax(16px,1fr));align-items:center;gap:5px;min-width:550px;display:grid}.step-labels{color:#766085;text-align:center;margin-bottom:12px;font-size:8px}.step-labels>span:first-child{text-align:left;letter-spacing:1px}.step-track{margin-bottom:15px}.step-track>span{color:var(--instrument);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex;overflow:hidden}.step-track i{background:var(--instrument);border-radius:2px;width:3px;height:12px}.step-track button{background:#231e2d;border:1px solid #3e3047;border-radius:4px;height:40px;box-shadow:0 2px #0e0d13}.step-track button.alternate{background:#31273a;border-color:#4b3755}.step-track button.on{background:var(--instrument);border-color:var(--instrument);box-shadow:0 0 10px var(--instrument)}@supports (color:color-mix(in lab, red, red)){.step-track button.on{box-shadow:0 0 10px color-mix(in srgb,var(--instrument) 20%,transparent)}}.step-track button.current{outline-offset:2px;outline:2px solid #d9c2ee}.step-footnote{color:#71577f;margin-top:25px;font-size:9px}.mobile-close,.browser-toggle,.inspector-toggle{display:none}@media (min-width:1600px){.browser-shell{width:290px}.inspector{width:258px}.studio-header{height:72px}.project-heading{min-height:103px}.project-title-row h1{font-size:23px}.instrument-card{min-height:62px}.instrument-copy strong{font-size:12px}.instrument-copy small{font-size:9px}}@media (max-width:1320px){.inspector{width:209px}.browser-shell{width:240px}.project-heading{padding:19px 17px}.project-title-row h1{max-width:265px;font-size:17px}.composer{padding:0 17px 22px}.transport{gap:9px;margin-left:17px;margin-right:17px}.transport-right .sample-rate{display:none}.project-heading-actions{gap:6px}.project-heading-actions>button:not(.icon-button){padding:0 8px;font-size:9px}.header-breadcrumb{display:none}.brand{min-width:0}.project-cover{width:38px;height:38px}.project-cover img{width:35px;height:35px}.environment-select select{font-size:9px}.editor-toolbar{padding:0 5px}.toolbar-divider{margin:0 3px}.editor-toolbar>.icon-button{width:25px}}@media (max-width:1130px){.inspector{display:none}.inspector-toggle{display:inline-flex}.inspector.mobile-open{z-index:40;border-left-color:#65517b;width:270px;display:flex;position:fixed;top:66px;bottom:35px;right:0;box-shadow:-20px 0 100px #0008}.mobile-open .mobile-close{z-index:2;color:#d3b8e6;background:#302339;border:1px solid #594166;border-radius:6px;width:27px;height:27px;display:block;position:absolute;top:10px;right:10px}.inspector.mobile-open .inspector-heading{padding-top:45px}.project-heading-actions{gap:10px}.project-title-row h1{max-width:330px}}@media (max-width:920px){.browser-shell{width:215px}.nav-rail{width:49px}.project-heading-actions>.environment-select{display:none}.project-title-row h1{max-width:260px}.transport{gap:7px;padding:10px}.transport-time{min-width:80px}.transport-time strong{font-size:16px}.transport-right{gap:5px}.editor-toolbar>.toolbar-divider{margin:0 2px}.editor-toolbar .icon-button{width:23px}.editor-toolbar{gap:1px}.snap-control select{width:67px;font-size:8px}.track-key-label,.footer-center{display:none}.header-actions .autosave{margin-right:0}.instrument-copy small{font-size:7px}.browser-heading,.preview-tuning{padding-left:14px;padding-right:14px}}@media (max-width:760px){.browser-shell{display:none}.browser-toggle{display:inline-flex}.browser-shell.mobile-open{z-index:40;border-right-color:#5a4170;width:270px;display:block;position:fixed;top:66px;bottom:35px;left:49px;box-shadow:20px 0 100px #0008}.browser-shell.mobile-open .browser-heading{padding-top:43px}.studio-header{gap:10px;padding:0 14px}.brand strong{font-size:16px}.brand strong span{letter-spacing:1px;font-size:8px}.brand .version-badge,.header-actions .autosave{display:none}.header-actions{gap:4px}.header-actions button{padding:0 9px;font-size:10px}.header-actions>.icon-button{padding:0}.project-heading{gap:10px;min-height:90px;padding:16px}.project-title-row h1{max-width:270px;font-size:17px}.project-heading-copy p{gap:4px;font-size:8px}.project-heading-actions{gap:3px}.project-heading-actions>.environment-select,.project-heading-actions>button:not(.icon-button),.project-cover{display:none}.transport{margin-bottom:17px}.transport-controls{gap:1px}.transport .icon-button{width:25px}.transport-right select{max-width:85px;font-size:8px}.mixer-view,.library-view{padding-left:16px;padding-right:16px}.view-heading{align-items:flex-start;gap:10px}.view-heading p{font-size:10px}.view-heading button{font-size:8px}.song-row,.song-table-head{grid-template-columns:minmax(110px,1fr) 46px 43px 39px 25px;gap:7px}.song-row{font-size:8px}.song-name{gap:7px}.song-name strong{font-size:10px}.song-icon{width:25px;height:25px}.studio-footer{padding:0 10px}.footer-left{gap:5px;font-size:7px}.footer-left>span:last-child,.master-meter{display:none}}@media (max-width:480px){.studio-app{min-height:600px}.studio-header{height:58px;padding:0 10px}.brand{gap:8px}.brand .logo-mark{border-radius:7px;width:28px;height:28px}.brand strong{font-size:14px}.brand strong span{letter-spacing:.8px;font-size:7px}.header-actions button{gap:4px;height:28px;padding:0 7px;font-size:9px}.header-actions>.icon-button{display:none}.nav-rail{width:42px;padding-top:15px}.nav-rail .icon-button{width:29px;height:29px}.rail-main,.rail-bottom{gap:10px}.project-heading{gap:5px;min-height:81px;padding:15px 10px}.project-title-row h1{max-width:210px;font-size:15px}.project-title-row{gap:5px}.project-heading-copy p{font-size:7px}.project-heading-copy p>span:not(.status-dot){margin:0 1px}.project-heading-actions .icon-button{width:24px}.transport{flex-wrap:wrap;gap:5px;margin:0 9px 15px;padding:9px 6px}.transport .icon-button{width:21px}.play-button{width:29px;height:29px}.transport-time{min-width:67px;margin-left:0}.transport-time strong{font-size:14px}.transport-time span{font-size:7px}.transport-divider{margin:0}.tempo-control input{width:32px;font-size:14px}.tempo-control span{font-size:6px}.time-signature{font-size:10px}.transport-right{border-top:1px solid #32283c;flex-basis:100%;justify-content:flex-end;margin-top:2px;padding-top:7px}.transport-right .sample-rate{font-size:6px;display:block}.composer{padding:0 9px 20px}.panel-heading{padding:0 9px}.panel-heading>span{font-size:7px}.editor-tabs{padding:0 8px}.editor-tabs>div:first-child{gap:9px}.editor-tabs button{gap:4px;font-size:9px}.editor-tabs button svg{width:10px}.active-track-label{white-space:nowrap;text-overflow:ellipsis;max-width:75px;font-size:8px;overflow:hidden}.editor-toolbar{flex-wrap:wrap;gap:2px;height:auto;min-height:65px;padding:5px}.toolbar-spacer,.editor-toolbar>.toolbar-divider{display:none}.editor-toolbar>.icon-button{width:22px;height:25px}.snap-control{margin:0 6px}.zoom-label{font-size:7px}.piano-keys{width:43px}.piano-key.black{width:36px}.piano-key{padding-right:5px;font-size:7px}.key-ruler,.key-velocity{padding-left:6px;font-size:6px}.editor-bottom{font-size:7px}.editor-bottom>span:last-child{display:none}.track-rack-heading>span{font-size:7px}.browser-shell.mobile-open{width:min(270px,100vw - 42px);top:58px;left:42px}.inspector.mobile-open{top:58px}.view-heading{flex-direction:column;gap:15px}.view-heading h2{font-size:22px}.view-heading .eyebrow{font-size:7px}.library-section-heading h3{font-size:11px}.song-table-head>span:nth-child(4),.song-row>span:nth-child(4){display:none}.song-row,.song-table-head{grid-template-columns:minmax(105px,1fr) 45px 40px 25px;gap:4px;padding:10px 8px}.song-icon{display:none}.song-name strong{font-size:9px}.song-table-head{letter-spacing:0}.shortcut-grid{grid-template-columns:1fr}.help-intro{flex-direction:column;gap:10px}.help-dialog{padding:20px!important}.new-options{flex-direction:column}.form-row{flex-direction:column;gap:0}.studio-dialog{padding:22px!important}.export-options>button{gap:8px;padding:12px 9px}.export-options>button>div{width:26px;height:26px}.export-ext-full{display:none}.export-ext-short{display:inline}.master-control{gap:7px}.master-control>[data-slot=slider]{width:50px}.master-control>span{width:23px}}.export-ready a{color:#d4bcff;background:#a98ae612;border:1px solid #8971c855;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.export-ready a span{flex:1;min-width:0}.export-ready strong{overflow-wrap:anywhere;font-size:12px;display:block}.export-ready small{color:#a4a0ad;margin-top:4px;font-size:11px;display:block}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
.studio-app{min-height:0;font-size:14px}.studio-header{gap:22px;height:64px;padding:0 22px}.brand{gap:10px;min-width:0}.header-actions{gap:10px}.studio-header button{font-size:12px}.autosave{font-size:11px}.nav-rail{width:62px;padding:20px 0}.studio-main{overflow:hidden}.project-heading{gap:14px;min-height:84px;padding:18px 24px}.project-title-row h1{letter-spacing:-.6px;max-width:min(500px,45vw);font-size:23px}.project-heading-copy{flex:1}.project-heading-copy p{margin-top:7px;font-size:11px}.project-heading-actions{gap:10px}.project-heading-actions button{font-size:12px}.project-cover{width:44px;height:44px}.transport{border-color:#2c2a35;border-radius:12px;gap:18px;min-height:58px;margin:0 24px 12px;padding:10px 14px}.transport-controls{gap:6px}.transport .icon-button{width:32px;height:32px}.transport-time{min-width:105px}.transport-time strong{font-size:20px}.transport-time span{font-size:10px}.play-button{width:36px;height:36px}.tempo-control input{width:48px;font-size:19px}.tempo-control span{font-size:9px}.transport-right{margin-left:auto}.transport-right>button{font-size:12px}.workspace-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 24px 14px;display:flex}.workspace-tabs{background:#191a20;border:1px solid #2a2b34;border-radius:9px;gap:4px;padding:3px;display:flex}.workspace-tabs button{color:#888997;background:0 0;border:0;border-radius:6px;padding:7px 16px;font-size:12px}.workspace-tabs button.active{color:#d7c5ff;background:#30293f;box-shadow:0 1px 4px #0003}.workspace-panels{gap:5px;display:flex}.workspace-panels button{color:#93909f;gap:7px;font-size:12px}.workspace-panels button.active{color:#ceb5fc;background:#b9a1fb12}.workspace-panels svg{width:15px;height:15px}.composer{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:192px minmax(0,1fr);gap:14px;min-height:0;padding:0 24px 20px;display:grid}.composer.has-arrangement{grid-template-rows:150px minmax(0,1fr)}.composer>.arrangement-panel{flex-direction:column;grid-area:1/1/auto/-1;margin:0;display:flex;overflow:hidden}.arrangement-panel .panel-heading{flex-shrink:0;height:36px}.arrangement-wrap{min-height:0;overflow:auto}.composer>.editor-panel{border-radius:12px;flex-direction:column;grid-area:1/2;min-height:0;display:flex;overflow:hidden}.composer>.track-rack{background:#17181e;border:1px solid #2b2934;border-radius:12px;flex-direction:column;grid-area:1/1;min-height:0;margin:0;padding:12px 9px 9px;display:flex;overflow:hidden}.composer.has-arrangement>.editor-panel,.composer.has-arrangement>.track-rack{grid-row:2}.track-rack-heading{flex-shrink:0;margin-bottom:12px;padding:0 5px}.track-rack-heading>span{letter-spacing:1px;font-size:10px}.track-rack-heading small{font-size:10px}.channel-tabs{flex-direction:column;gap:5px;min-height:0;padding:0;overflow:auto}.channel-tab{background:0 0;border-color:#0000;border-radius:8px;flex-wrap:wrap;gap:5px;width:100%;min-height:49px;padding:7px 7px 7px 10px;position:relative}.channel-tab:not(.active):hover{background:#21212a}.channel-select{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;gap:7px;min-width:0;padding:4px 0;font-size:12px;overflow:hidden}.channel-select>span{font-size:9px}.channel-select i{flex-shrink:0;width:3px;height:16px}.channel-tab>button:not(.channel-select){border-radius:5px;width:22px;height:23px;font-size:10px}.editor-tabs{flex-shrink:0;height:45px;min-height:45px;padding:0 13px}.editor-tabs button{gap:7px;padding:0 10px;font-size:12px}.active-track-label{max-width:40%;font-size:11px}.active-track-label select{color:#b5a9ce;text-overflow:ellipsis;background:0 0;border:0;min-width:0;max-width:170px;padding:5px 0;font-size:11px;overflow:hidden}.editor-toolbar{flex-shrink:0;gap:5px;height:45px;padding:0 10px}.editor-toolbar .icon-button{width:30px;height:30px}.editor-toolbar>.toolbar-divider{margin:0 4px}.tool-group{gap:3px;padding:3px}.tool-group .icon-button{width:27px;height:27px}.snap-control select{width:89px;font-size:11px}.editor-toolbar>button{font-size:11px}.zoom-label{min-width:32px;font-size:10px}.piano-roll{flex:1;min-height:0;overflow:hidden auto}.piano-keys{width:58px}.piano-key{padding-right:8px;font-size:9px}.piano-key.black{width:48px}.key-velocity{height:64px}.roll-scroll{flex:1;height:100%;overflow:auto hidden}.editor-bottom{flex-shrink:0;height:30px;font-size:10px}.editor-bottom>span:last-child{display:none}.browser-shell{width:288px;display:none;position:relative}.browser-shell.is-open{display:block}.browser-heading{padding:22px 18px 19px}.browser-heading h2{font-size:19px}.browser-heading .eyebrow{font-size:9px}.browser-heading>svg{display:none}.browser-tabs button{padding:8px 4px;font-size:12px}.browser-tabs button span{font-size:9px}.search-field{padding:11px 10px}.search-field input,.source-selector select{font-size:12px}.source-selector{padding:8px 0 12px}.category-chips{gap:5px}.category-chips button{padding:5px 7px;font-size:10px}.instrument-card{min-height:60px}.block-icon{background:0 0;width:43px;height:43px}.block-icon img{width:43px;height:43px}.instrument-copy strong{margin-bottom:5px;font-size:13px}.instrument-copy small{font-size:10px}.add-instrument{width:31px;height:31px}.preview-tuning{flex-shrink:0;padding:14px 18px}.preview-tuning summary{cursor:pointer;color:#a89abd;justify-content:space-between;align-items:center;font-size:12px;list-style:none;display:flex}.preview-tuning summary::-webkit-details-marker{display:none}.preview-tuning[open] summary{margin-bottom:18px}.preview-tuning .tuning-title{font-size:12px}.preview-tuning .tuning-title select{font-size:11px}.preview-tuning .tuning-values span{font-size:10px}.preview-tuning p{margin-top:12px;font-size:10px;line-height:1.5}.sample-row{min-height:51px;padding:10px}.sample-row strong{font-size:12px}.sample-row small{font-size:10px}.inspector{width:272px;display:none;position:relative}.inspector.is-open{display:flex}.inspector-heading{padding:22px 18px 12px}.inspector-heading>.icon-button{display:none}.inspector-heading .eyebrow{font-size:10px}.inspector-instrument{padding:8px 20px 20px}.inspector-block{width:76px;height:76px}.inspector-block img{width:70px;height:70px}.instrument-category{font-size:9px}.inspector-instrument input{font-size:21px}.inspector-instrument p{font-size:11px}.field-label,.section-title{font-size:10px}.field-select{padding:10px;font-size:13px}.slider-label,.note-info span,.note-info strong{font-size:12px}.empty-note p,.minecraft-hint p{font-size:12px;line-height:1.6}.minecraft-hint strong{font-size:12px}.minecraft-hint code{font-size:10px}.waveform button{height:31px;font-size:11px}.waveform>div{font-size:8px}.mobile-close{z-index:2;color:#aaa0be;background:#24202d;border:1px solid #393140;border-radius:7px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:15px;right:12px}.studio-footer{height:32px;min-height:32px;font-size:10px}.mixer-view,.library-view{flex:1;min-height:0;padding:10px 24px 30px;overflow:auto}.studio-menu{z-index:80;color:#d2ccdf;background:#202027;border:1px solid #413749;border-radius:11px;min-width:224px;max-width:calc(100vw - 24px);padding:6px;animation:.12s ease-out menu-in;box-shadow:0 16px 60px #0008}.studio-menu-item{cursor:pointer;border-radius:6px;outline:none;align-items:center;gap:9px;min-height:35px;padding:8px 10px;font-size:12px;display:flex}.studio-menu-item[data-highlighted]{color:#e6d9fc;background:#a98ae621}.studio-menu-item[data-disabled]{opacity:.35;cursor:default}.studio-menu-item>svg{color:#a69bbb;width:15px;height:15px}.studio-menu-label{color:#827b91;letter-spacing:.4px;padding:8px 10px 6px;font-size:10px}.studio-menu-separator{background:#38313f;height:1px;margin:5px 4px}.menu-check{width:15px;min-width:15px}.menu-end,.studio-menu-item kbd{color:#81768f;margin-left:auto;font-size:10px}.studio-menu-item kbd{padding-left:10px}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px)}}.studio-dialog{max-height:calc(100dvh - 36px);overflow:auto}.import-dialog{flex-direction:column;gap:18px;width:min(760px,100vw - 32px);display:flex;overflow:hidden;max-width:760px!important;padding:28px!important}.export-dialog{width:min(640px,100vw - 32px);max-width:640px!important}.import-body{flex-direction:column;gap:18px;min-height:0;padding-right:4px;display:flex;overflow:auto}.import-body>*{flex-shrink:0}.import-picker{text-align:center;cursor:pointer;background:#211e2a;border:1px dashed #74618c;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:32px 18px;display:flex;position:relative}.import-picker:hover,.import-picker:focus-within{background:#292235;border-color:#b896ef}.import-picker svg{color:#b896ef}.import-picker strong{font-size:17px}.import-picker span{color:#b8b0c7;font-size:12px;line-height:1.8}.import-picker small{color:#958caa;font-size:11px}.import-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.menu-mobile{display:none}.menu-select,.menu-transpose{color:#d5ccdf;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;font-size:12px;display:flex}.menu-select select{color:#e5d7fb;background:#292332;border:1px solid #4b3d60;border-radius:6px;padding:6px}.menu-transpose{flex-direction:column;align-items:stretch}.menu-transpose>div{gap:5px;display:flex}.menu-transpose button{background:#292332;border:1px solid #4b3d60;border-radius:6px;flex:1;padding:6px}.menu-transpose button:disabled{opacity:.4}@media (max-width:720px){.studio-menu [data-submenu-trigger]{display:none}.menu-mobile{display:flex}.menu-select,.menu-transpose{color:#d5ccdf;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;font-size:12px}.menu-select select{color:#e5d7fb;background:#292332;border:1px solid #4b3d60;border-radius:6px;padding:6px}.menu-transpose{flex-direction:column;align-items:stretch}.menu-transpose>div{gap:5px;display:flex}.menu-transpose button{background:#292332;border:1px solid #4b3d60;border-radius:6px;flex:1;padding:6px}.menu-transpose button:disabled{opacity:.4}}.import-dialog [data-slot=dialog-header],.import-dialog [data-slot=dialog-footer]{flex-shrink:0;margin:0}.import-dialog [data-slot=dialog-footer]{border-top:1px solid #352e3d;padding-top:16px}.dialog-eyebrow{color:#ae91db;letter-spacing:1.2px;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.import-file{color:#c1a1f0;background:#a98ae60a;border:1px solid #3e3349;border-radius:10px;align-items:center;gap:13px;padding:16px;display:flex}.import-file span{min-width:0}.import-file strong{overflow-wrap:anywhere;color:#dfd5ee;font-size:14px;display:block}.import-file small{color:#91869f;margin-top:5px;font-size:11px;display:block}.import-range{justify-content:space-between;align-items:center;gap:15px;padding:0 2px;display:flex}.import-range>span{color:#bbb2cc;font-size:12px}.import-range small{color:#81758f;margin-top:5px;font-size:10px;display:block}.import-range select,.import-track select{color:#c6b4dc;background:#24202d;border:1px solid #403447;border-radius:7px;padding:9px;font-size:12px}.import-stats{border:1px solid #302d39;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid}.import-stats span{color:#81768f;flex-direction:column;gap:5px;font-size:11px;display:flex}.import-stats strong{color:#e1d4f3;font-size:19px;font-weight:550}.import-mapping-heading{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.import-mapping-heading>span{color:#82758e;font-size:11px}.import-track-list{border:1px solid #352e3d;border-radius:9px;max-height:230px;overflow:auto}.import-track{border-bottom:1px solid #302a38;align-items:center;gap:12px;padding:10px 12px;display:flex}.import-track:last-child{border-bottom:0}.import-track-number{color:#706579;font-size:10px}.import-track-name{flex:1;min-width:0}.import-track-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.import-track-name small{color:#827389;margin-top:4px;font-size:10px;display:block}.import-track>svg{color:#766480}.import-track select{width:160px;padding:7px;font-size:11px}.import-notes{color:#b2a28b;background:#b8894510;border:1px solid #4b3c30;border-radius:8px;align-items:flex-start;gap:9px;padding:12px 14px;display:flex}.import-notes>svg{flex-shrink:0;margin-top:2px}.import-notes p{margin:0 0 4px;font-size:11px;line-height:1.7}.import-notes p:last-child{margin:0}.import-loading{color:#a391b9;justify-content:center;align-items:center;gap:12px;padding:30px;font-size:13px;display:flex}.import-warning{color:#eeb0bb;border:1px solid #763f4c;border-radius:8px;gap:10px;padding:15px;font-size:12px;display:flex}.import-file-check{color:#9acfae;flex-shrink:0;margin-left:auto}.import-ready{background:linear-gradient(125deg,#a78bfa12,#72c9a40b);border:1px solid #685180;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.import-ready-icon{color:#c9a6f5;background:#b38deb20;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.import-ready strong{color:#eee2ff;font-size:16px;font-weight:550}.import-ready p{color:#a89ab9;margin:5px 0 0;font-size:12px;line-height:1.6}.import-sound-chips{flex-wrap:wrap;gap:7px;display:flex}.import-sound-chips>span{color:#b7a8c9;border:1px solid #3e3449;border-radius:20px;align-items:center;gap:7px;padding:5px 10px;font-size:10px;display:flex}.import-sound-chips i{border-radius:50%;width:5px;height:5px}.import-auto-summary{color:#a6c2b0;flex-wrap:wrap;gap:7px 16px;font-size:11px;display:flex}.import-auto-summary>span{align-items:center;gap:5px;display:flex}.import-audition{background:#ae87e80a;border-color:#5b476e;justify-content:flex-start;width:100%;min-height:43px;font-size:12px}.import-audition>span{color:#8c7d9d;margin-left:auto;font-size:10px}.import-advanced{border:1px solid #3b3245;border-radius:10px}.import-advanced>summary{cursor:pointer;color:#b5a6c8;align-items:center;gap:12px;padding:15px;list-style:none;display:flex}.import-advanced>summary::-webkit-details-marker{display:none}.import-advanced>summary:focus-visible{outline-offset:3px;border-radius:10px;outline:2px solid #b695e2}.import-advanced>summary>span{flex:1;font-size:12px}.import-advanced>summary small{color:#82748f;margin-top:4px;font-size:10px;display:block}.import-advanced[open]>summary{border-bottom:1px solid #3b3245}.import-advanced[open]>summary>svg:last-child{transform:rotate(180deg)}.import-advanced-body{flex-direction:column;gap:17px;padding:16px;display:flex}.import-advanced .import-range select{max-width:55%}.import-auto-settings{border-top:1px solid #342c3e;border-bottom:1px solid #342c3e;flex-direction:column;gap:15px;padding:14px 0;display:flex}.import-auto-settings label{justify-content:space-between;align-items:center;gap:16px;display:flex}.import-auto-settings strong{color:#c6b8d5;font-size:12px;font-weight:500}.import-auto-settings small{color:#92849f;margin-top:4px;font-size:10px;line-height:1.5;display:block}.import-auto-settings button{flex-shrink:0}.import-analysis{color:#a495b4;font-size:11px}.import-analysis summary{cursor:pointer;padding:4px 0}.import-analysis>div{max-height:200px;padding:8px 0;overflow:auto}.import-analysis p{border-bottom:1px solid #312b3a;margin:0;padding:7px 0}.import-analysis strong{color:#c5b5d7;font-weight:500;display:block}.import-analysis small{margin-top:4px;line-height:1.6;display:block}@media (max-width:600px){.import-ready{gap:11px;padding:14px}.import-ready-icon{width:36px;height:36px}.import-ready strong{font-size:14px}.import-audition>span{display:none}.import-advanced-body{padding:13px}.import-advanced .import-range select{width:100%;max-width:100%}.import-mapping-heading{flex-direction:column;align-items:flex-start;gap:5px}}@media (max-width:1400px){.project-heading,.transport,.workspace-toolbar{margin-left:0;margin-right:0}.transport{margin:0 20px 12px}.project-heading{padding:17px 20px}.workspace-toolbar{padding:0 20px 13px}.composer{grid-template-columns:178px minmax(0,1fr);gap:12px;padding:0 20px 16px}.browser-shell{width:270px}.inspector{width:258px}.project-heading-actions>button:not(.icon-button){padding:0 10px;font-size:11px}}@media (max-width:1200px){.inspector.is-open{z-index:40;border-left:1px solid #4c3b5d;width:280px;display:flex;position:absolute;top:64px;bottom:32px;right:0;box-shadow:-16px 0 70px #0008}.project-heading-actions{gap:5px}.project-title-row h1{max-width:340px;font-size:21px}.studio-header{gap:16px}.workspace-panels button{padding:0 8px}.composer{grid-template-columns:156px minmax(0,1fr)}.channel-tab{gap:3px;padding-left:7px}.channel-select{gap:5px;font-size:11px}.channel-tab>button:not(.channel-select){width:19px}}@media (max-width:1000px){.browser-shell.is-open{z-index:40;border-right:1px solid #4d3c60;width:300px;display:block;position:absolute;top:64px;bottom:32px;left:62px;box-shadow:18px 0 70px #0008}.project-title-row h1{max-width:370px}.workspace-panels button span{display:none}.composer{grid-template-columns:172px minmax(0,1fr)}.editor-toolbar{gap:3px}.editor-toolbar>.toolbar-divider{margin:0 2px}.snap-control{margin-left:0}}@media (max-width:720px){.studio-header{gap:10px;height:60px;padding:0 15px}.studio-header .brand{gap:8px}.brand strong{font-size:17px}.brand strong span{letter-spacing:1px;font-size:8px}.logo-mark{width:31px;height:31px}.autosave,.header-import{display:none}.header-actions{gap:4px}.nav-rail{width:48px}.nav-rail .icon-button{width:33px;height:33px}.project-heading{gap:10px;min-height:77px;padding:15px 14px}.project-cover{display:none}.project-title-row h1{max-width:calc(100vw - 190px);font-size:19px}.project-heading-copy p{white-space:normal;flex-wrap:wrap;gap:3px;font-size:10px}.project-heading-actions .connection-button{display:none}.project-heading-actions>button:not(.connection-button){min-width:34px;padding:0 8px;display:flex!important}.project-heading-actions>button span{display:none}.transport{flex-wrap:nowrap;gap:12px;margin:0 14px 12px;padding:10px}.transport-time{min-width:83px;margin-left:0}.transport-time strong{font-size:17px}.transport-time span{font-size:9px}.transport-controls{gap:2px}.transport-controls .icon-button:first-child{display:none}.transport .icon-button{width:27px}.transport-divider{display:none}.tempo-control input{width:40px;font-size:17px}.transport-right{border:0;width:auto;margin-left:auto;padding:0;display:flex}.transport-right button{gap:3px;min-width:29px;padding:0 4px}.transport-right button span{display:none}.workspace-toolbar{gap:8px;padding:0 14px 12px}.workspace-tabs button{padding:6px 10px;font-size:11px}.workspace-panels{gap:1px}.workspace-panels button{width:30px;min-width:30px;height:30px;padding:0}.composer{flex-direction:column;gap:10px;padding:0 14px 13px;display:flex}.composer>.track-rack{display:none}.composer>.editor-panel{flex:1;min-height:0}.composer>.arrangement-panel{flex-shrink:0;height:140px;min-height:140px}.editor-tabs{height:44px;min-height:44px;padding:0 7px}.editor-tabs button{padding:0 7px;font-size:11px}.active-track-label{max-width:35%}.active-track-label select{max-width:100%;font-size:10px}.editor-toolbar{flex-wrap:wrap;gap:2px;height:auto;min-height:43px;padding:6px}.editor-toolbar .icon-button{width:27px;height:27px}.editor-toolbar>.toolbar-divider{display:none}.snap-control select{width:75px;font-size:10px}.snap-control svg{display:none}.editor-toolbar>button{height:27px;min-height:27px;padding:0 6px;font-size:10px}.tool-group{gap:1px;padding:2px}.tool-group .icon-button{width:26px;height:25px}.zoom-label{min-width:27px;font-size:9px}.editor-bottom{height:26px;padding:0 8px;font-size:8px}.piano-keys{width:45px}.piano-key{padding-right:5px;font-size:8px}.piano-key.black{width:36px}.browser-shell.is-open{width:min(300px,100vw - 48px);top:60px;left:48px}.inspector.is-open{width:min(280px,100vw - 48px);top:60px}.mixer-view,.library-view{padding:5px 14px 24px}.studio-footer{padding:0 14px;font-size:9px}.footer-center,.footer-left>span{display:none}.import-dialog{width:calc(100vw - 24px);padding:22px!important}.import-range{flex-direction:column;align-items:flex-start;gap:9px}.import-range select{width:100%}.import-stats{gap:8px;padding:12px}.import-stats strong{font-size:15px}.import-stats span{font-size:10px}.import-mapping-heading>span{display:none}.import-track{flex-wrap:wrap;gap:8px}.import-track-name{flex-basis:calc(100% - 30px)}.import-track>svg{margin-left:20px}.import-track select{flex:1}}@media (max-width:420px){.brand strong span{display:none}.studio-header{padding:0 12px}.project-heading{padding:14px 12px}.project-title-row h1{font-size:17px}.transport{gap:7px;margin:0 12px 11px;padding:8px}.play-button{width:32px;height:32px}.transport-time{min-width:76px}.transport-time strong{font-size:15px}.transport-controls .icon-button{width:25px;height:28px}.tempo-control input{width:35px;font-size:16px}.workspace-toolbar{padding:0 12px 10px}.workspace-tabs button{padding:6px 7px}.composer{padding:0 12px 12px}.editor-tabs button{padding:0 5px;font-size:10px}.editor-tabs button svg,.active-track-label>span{display:none}.editor-toolbar .snap-control{margin:0 2px}.editor-toolbar .toolbar-spacer{flex:1}.editor-toolbar>.icon-button[aria-label=Zoom\ out],.editor-toolbar>.icon-button[aria-label=Zoom\ in],.editor-toolbar>.zoom-label{display:none}}@media (max-height:650px) and (min-width:721px){.studio-header{height:52px}.project-heading{min-height:65px;padding-top:12px;padding-bottom:12px}.transport{min-height:49px;margin-bottom:8px;padding-top:6px;padding-bottom:6px}.workspace-toolbar{padding-bottom:9px}}@media (max-width:360px){.transport{gap:4px}.transport-controls .icon-button{width:20px}.transport-time{min-width:65px}.transport-time strong{font-size:13px}.tempo-control input{width:30px;font-size:15px}.transport-right button{gap:0;min-width:24px;padding:0 2px}.transport-right button svg{width:12px}.editor-toolbar>.icon-button[aria-label^=Undo],.editor-toolbar>.icon-button[aria-label^=Redo]{display:none}}@media (max-height:850px) and (min-width:721px){.studio-header{height:56px}.project-heading{min-height:70px;padding-top:10px;padding-bottom:10px}.transport{min-height:48px;margin-bottom:9px;padding-top:6px;padding-bottom:6px}.workspace-toolbar{padding-bottom:7px}.editor-tabs{height:38px;min-height:38px}.editor-toolbar{height:38px}.editor-bottom{height:25px}.composer{padding-bottom:16px}}@media (max-height:850px) and (min-width:721px) and (max-width:999px){.browser-shell.is-open{top:56px}}@media (max-height:850px) and (min-width:721px) and (max-width:1199px){.inspector.is-open{top:56px}}