@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-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-violet-400:#a685ff;--color-violet-500:#8d54ff;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#9f9fa9;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--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)}@supports (color:lab(0% 0 0)){:root,:host{--color-violet-400:lab(62.8239% 34.9159 -60.0512);--color-violet-500:lab(49.9355% 55.1776 -81.8963);--color-zinc-100:lab(96.1634% .0993311 -.364041);--color-zinc-200:lab(90.6853% .399232 -1.45452);--color-zinc-300:lab(84.9837% .601262 -2.17986);--color-zinc-400:lab(65.6464% 1.53497 -5.42429)}}}@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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/\[\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-transparent{background-color:#0000}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white\/\[\.07\]{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.07\]{background-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.object-contain{object-fit:contain}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.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))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-white{color:var(--color-white)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.lowercase{text-transform:lowercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(139\,92\,246\,\.22\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#8b5cf638);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-violet-400:hover{background-color:var(--color-violet-400)}.hover\:bg-white\/\[\.06\]:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[\.06\]:hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.hover\:bg-white\/\[\.12\]:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[\.12\]:hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:text-zinc-100:hover{color:var(--color-zinc-100)}}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-violet-400\/60:focus-visible{--tw-ring-color:#a685ff99}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-violet-400\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-violet-400) 60%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-45:disabled{opacity:.45}}:root{--lime:#d7ff3f;--ink:#090b0d;--panel:#0c0f11e0;--line:#ffffff1f;--muted:#ffffff85}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus,:focus-visible{outline:none!important}:focus-visible{--tw-ring-offset-shadow:0 0 #0000!important;--tw-ring-shadow:0 0 #0000!important}html,body{background:#000;min-height:100%}body{color:#f5f6f2;-webkit-font-smoothing:antialiased;background:#000;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}body,body *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true],[contenteditable=plaintext-only],[data-native-selection]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{color:#090b0d;background:var(--lime)}.studio-flow-shell{background:radial-gradient(circle at 45% 42%,#2e3e4329,#0000 44%),#080d0f;position:absolute;inset:0;overflow:hidden}.studio-flow-shell .react-flow{background:0 0}.studio-flow-shell .react-flow__pane{cursor:grab}.studio-flow-shell .react-flow__pane.dragging{cursor:grabbing}.studio-flow-context-menu{z-index:90;color:#edf3ef;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d0ff7;border:1px solid #ffffff24;border-radius:10px;width:224px;padding:5px;display:grid;position:absolute;overflow:hidden;box-shadow:0 20px 55px #00000094,0 0 0 1px #00000040}.studio-flow-context-menu>header{border-bottom:1px solid #ffffff12;gap:2px;padding:8px 9px 7px;display:grid}.studio-flow-context-menu>header small{color:var(--lime);letter-spacing:.15em;font-size:6px;font-weight:950}.studio-flow-context-menu>header strong{color:#ffffffdb;font-size:10px}.studio-flow-context-menu>button{color:#ffffff94;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:31px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:45px;padding:6px 7px;display:grid}.studio-flow-context-menu>button:hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-flow-context-menu>button:hover{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.studio-flow-context-menu>button:hover{color:var(--lime)}.studio-flow-context-menu>button>i{border:1px solid var(--lime);place-items:center;width:29px;height:29px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-flow-context-menu>button>i{border:1px solid color-mix(in srgb,var(--lime) 16%,transparent)}}.studio-flow-context-menu>button>i{background:var(--lime);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.studio-flow-context-menu>button>i{background:color-mix(in srgb,var(--lime) 9%,transparent)}}.studio-flow-context-menu>button>i{color:var(--lime)}.studio-flow-context-menu>button>span{gap:2px;min-width:0;display:grid}.studio-flow-context-menu>button strong{color:#ffffffdb;font-size:8px}.studio-flow-context-menu>button small{color:#ffffff52;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.studio-flow-context-menu>button>svg{color:var(--lime);justify-self:end}@supports (color:color-mix(in lab, red, red)){.studio-flow-context-menu>button>svg{color:color-mix(in srgb,var(--lime) 55%,transparent)}}.studio-flow-control-menu{width:240px;max-height:calc(100% - 138px);top:126px;left:auto;right:12px;overflow-y:auto}.studio-flow-control-menu>header small,.studio-flow-control-menu>button:hover,.studio-flow-control-menu>button>svg{color:#52d9ff}.studio-flow-control-menu>button:hover{background:#52d9ff14}.studio-flow-control-menu>button>i{color:#52d9ff;background:#52d9ff17;border-color:#52d9ff2e}.studio-flow-shell .react-flow__node{width:auto}.studio-flow-shell .react-flow__node:focus-visible{outline:1px solid var(--lime);outline-offset:4px}.studio-flow-shell .react-flow__controls{border:1px solid #ffffff1f;border-radius:8px;overflow:hidden;box-shadow:0 14px 34px #0006}.studio-flow-shell .react-flow__controls-button{color:#d7dedd;fill:currentColor;background:#111719;border:0;border-bottom:1px solid #ffffff14}.studio-flow-shell .react-flow__controls-button:hover{background:#1b2426}.studio-flow-shell .react-flow__minimap{background:#060a0bdb;border:1px solid #ffffff1a;border-radius:7px;overflow:hidden}.studio-flow-node{--node-color:#9b72ff;border:1px solid var(--node-color);width:252px;position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.studio-flow-node{border:1px solid color-mix(in srgb, var(--node-color) 48%, transparent)}}.studio-flow-node{color:#edf3ef;background:#0b1012f7;border-radius:10px;transition:border-color .12s,box-shadow .12s,opacity .12s;box-shadow:0 16px 38px #0000005c}.studio-flow-node:before{z-index:-1;border-radius:inherit;background:linear-gradient(145deg, var(--node-color), transparent 52%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.studio-flow-node:before{background:linear-gradient(145deg, color-mix(in srgb, var(--node-color) 9%, transparent), transparent 52%)}}.studio-flow-node:before{content:""}.studio-flow-node.selected{border-color:var(--node-color);box-shadow:0 0 0 1px var(--node-color), 0 18px 42px #0000007a, 0 0 28px var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-flow-node.selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--node-color) 42%, transparent), 0 18px 42px #0000007a, 0 0 28px color-mix(in srgb, var(--node-color) 16%, transparent)}}.studio-flow-node.bypassed{opacity:.56}.studio-flow-node.channel.muted{opacity:.58}.studio-flow-node.channel.soloed{box-shadow:0 0 0 1px #ffcf409e,0 18px 42px #0000007a,0 0 24px #ffcf4026}.studio-flow-shell .react-flow__node.studio-flow-node-ghost{cursor:pointer;filter:grayscale();opacity:.48}.studio-flow-shell .react-flow__node.studio-flow-node-ghost:hover{opacity:.72}.studio-flow-node-ghost .studio-flow-node{--node-color:#aeb5b2;background:#07090af0;border-color:#dee4e157;box-shadow:0 12px 30px #00000052}.studio-flow-node-ghost .studio-flow-node button,.studio-flow-node-ghost .studio-flow-node input,.studio-flow-node-ghost .studio-flow-node select,.studio-flow-node-ghost .react-flow__handle{pointer-events:none}.studio-flow-node-ghost .react-flow__handle{opacity:.38}.studio-flow-edge.ghost{opacity:.34;stroke-dasharray:5 6}.studio-flow-node>header{background:var(--node-color);border-bottom:1px solid #ffffff14;border-radius:9px 9px 0 0;align-items:center;gap:8px;min-height:47px;padding:8px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-flow-node>header{background:color-mix(in srgb, var(--node-color) 10%, #101517f5)}}.studio-flow-node>header>span:not(.studio-flow-node-icon){flex:1;min-width:0;display:grid}.studio-flow-node header small{color:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-flow-node header small{color:color-mix(in srgb, var(--node-color) 74%, #fff)}}.studio-flow-node header small{letter-spacing:.18em;font-size:7px;font-weight:800}.studio-flow-node header strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.studio-flow-node header button,.studio-flow-node footer button{color:#ffffff8a;background:#0000002e;border:1px solid #ffffff14;border-radius:5px;justify-content:center;align-items:center;gap:5px;height:25px;display:inline-flex}.studio-flow-node header button:hover,.studio-flow-node footer button:hover{border-color:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-flow-node header button:hover,.studio-flow-node footer button:hover{border-color:color-mix(in srgb, var(--node-color) 55%, transparent)}}.studio-flow-node header button:hover,.studio-flow-node footer button:hover{color:#fff}.studio-flow-node header button.active{border-color:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-flow-node header button.active{border-color:color-mix(in srgb, var(--node-color) 65%, transparent)}}.studio-flow-node header button.active{background:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-flow-node header button.active{background:color-mix(in srgb, var(--node-color) 20%, #0000002e)}}.studio-flow-node header button.active{color:var(--node-color)}.studio-flow-node header .studio-flow-channel-toggle{width:25px;padding:0;font-size:8px;font-weight:950}.studio-flow-node header .studio-flow-channel-toggle.solo.active{color:#ffcf40;background:#ffcf4029;border-color:#ffcf40ad}.studio-flow-node-icon{background:var(--node-color);border-radius:6px;place-items:center;width:27px;height:27px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-flow-node-icon{background:color-mix(in srgb, var(--node-color) 18%, transparent)}}.studio-flow-node-icon{color:var(--node-color)}.studio-flow-node>footer{color:#ffffff6b;letter-spacing:.13em;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;min-height:31px;padding:5px 10px;font-size:8px;font-weight:800;display:flex}.studio-flow-node footer button{letter-spacing:.08em;border:0;height:21px;padding:0 7px;font-size:8px}.studio-flow-sound{color:#ffffff7a;padding:9px 11px 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.studio-flow-gain{flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;position:relative}.studio-flow-gain>span{background:radial-gradient(circle at center, #22282b 0 53%, transparent 56%), conic-gradient(from 225deg, var(--node-color) 0 var(--gain-progress), #ffffff1a var(--gain-progress) 270deg, transparent 270deg);border-radius:50%;width:27px;height:27px;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff12,0 5px 11px #0000004d}.studio-flow-gain>span i{width:2px;height:8px;transform:rotate(var(--gain-angle));transform-origin:50% 10px;box-shadow:0 0 5px var(--node-color);background:#f2f5f1;border-radius:2px;position:absolute;top:4px;left:12.5px}@supports (color:color-mix(in lab, red, red)){.studio-flow-gain>span i{box-shadow:0 0 5px color-mix(in srgb, var(--node-color) 60%, transparent)}}.studio-flow-gain input{cursor:ns-resize;opacity:0;touch-action:none;width:30px;height:30px;position:absolute;inset:0}.studio-flow-pattern-meta{justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:4px 10px 2px;display:flex}.studio-flow-pattern-meta>span{color:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-flow-pattern-meta>span{color:color-mix(in srgb, var(--node-color) 72%, #ffffff5c)}}.studio-flow-pattern-meta>span{letter-spacing:.14em;font-size:7px;font-weight:900}.studio-flow-pattern-meta label{color:#ffffff47;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;font-size:6px;font-weight:800;display:flex}.studio-flow-pattern-meta select{height:22px;color:var(--node-color);background:#111719;border:1px solid #ffffff17;border-radius:4px;outline:0;padding:0 4px;font-size:7px;font-weight:800}.studio-flow-midi-preview{background-color:#0c1214;background-image:linear-gradient(90deg,#ffffff1c 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:calc(100% / var(--preview-bars)) 100%, calc(100% / var(--preview-beats)) 100%, 100% 12.5%;border:1px solid #ffffff14;border-radius:4px;height:58px;margin:4px 10px 11px;position:relative;overflow:hidden}.studio-flow-midi-preview>.studio-flow-midi-note{border:1px solid var(--node-color);min-width:2px;height:7px;position:absolute}@supports (color:color-mix(in lab, red, red)){.studio-flow-midi-preview>.studio-flow-midi-note{border:1px solid color-mix(in srgb, var(--node-color) 78%, white)}}.studio-flow-midi-preview>.studio-flow-midi-note{background:var(--node-color);box-shadow:0 0 6px var(--node-color);border-radius:2px}@supports (color:color-mix(in lab, red, red)){.studio-flow-midi-preview>.studio-flow-midi-note{box-shadow:0 0 6px color-mix(in srgb, var(--node-color) 36%, transparent)}}.studio-flow-midi-preview:after{top:0;bottom:0;left:calc(var(--studio-midi-playback-progress,0) * 100%);opacity:0;width:1px;box-shadow:0 0 5px white, 0 0 11px var(--node-color);background:#fff;position:absolute}@supports (color:color-mix(in lab, red, red)){.studio-flow-midi-preview:after{box-shadow:0 0 5px white, 0 0 11px color-mix(in srgb, var(--node-color) 76%, transparent)}}.studio-flow-midi-preview:after{content:"";pointer-events:none;transform:translate(-.5px)}.studio-flow-shell.playing .studio-flow-midi-preview:after{opacity:.95}.studio-flow-step-viewport{width:100%;overflow:visible}.studio-flow-node.sound{--node-color:#d7ff3f;width:236px}.studio-flow-node.sound.drums{--node-color:#ff8a4c}.studio-flow-node.sound.synth{--node-color:#bd8cff}.studio-flow-node.sound.one-shots{--node-color:#52d9ff}.studio-flow-node.sound>p{color:#ffffff57;margin:0;padding:2px 12px 12px;font-size:8px;line-height:1.5}.studio-flow-browse-button{border:1px solid var(--node-color);height:28px;margin:0 12px 11px}@supports (color:color-mix(in lab, red, red)){.studio-flow-browse-button{border:1px solid color-mix(in srgb, var(--node-color) 28%, transparent)}}.studio-flow-browse-button{background:var(--node-color);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.studio-flow-browse-button{background:color-mix(in srgb, var(--node-color) 8%, transparent)}}.studio-flow-browse-button{color:var(--node-color);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900}.studio-flow-browse-button:hover{border-color:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-flow-browse-button:hover{border-color:color-mix(in srgb, var(--node-color) 62%, transparent)}}.studio-flow-browse-button:hover{background:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-flow-browse-button:hover{background:color-mix(in srgb, var(--node-color) 12%, transparent)}}.studio-flow-node.generator{--node-color:#c798ff;width:272px}.studio-flow-node.generator-pad{width:520px}.studio-flow-node.generator-arpeggiator{width:340px}.studio-flow-node.generator-polyrhythm{width:380px}.studio-flow-node.generator-chords{width:340px}.studio-flow-node.generator-beats{width:720px}.generator-code-preview{max-height:118px;color:var(--node-color);background:#020507c2;border-bottom:1px solid #ffffff12;margin:0;padding:10px 12px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.generator-code-preview{color:color-mix(in srgb, var(--node-color) 76%, white)}}.generator-code-preview{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;line-height:1.55}.generator-pad-sequencer{gap:4px;padding:12px;display:grid;overflow-x:auto}.generator-pad-sequencer>div{gap:3px;min-width:27px;display:grid}.generator-pad-sequencer>div>i{background:#ffffff24;border-radius:99px;width:5px;height:5px;margin:0 auto 2px}.generator-pad-sequencer>div>i.active{background:var(--node-color);box-shadow:0 0 8px var(--node-color)}.generator-pad-sequencer button{background:#272b3b;border:1px solid #ffffff14;border-radius:3px;height:25px}.generator-pad-sequencer button.active{border-color:var(--node-color);background:var(--node-color)}.generator-pad-sequencer button.selected{outline-offset:-2px;outline:2px solid #fff}.generator-pad-sequencer button.group-0{background:#53d6c7}.generator-pad-sequencer button.group-1{background:#ff8a5b}.generator-pad-sequencer button.group-2{background:#5da8ff}.generator-pad-sequencer button.group-3{background:#e9d553}.generator-pad-sequencer select{color:#ffffffb3;text-align:center;background:#171c25;border:1px solid #ffffff14;border-radius:3px;width:100%;height:23px;font-size:8px}.generator-controls{border-top:1px solid #ffffff12;padding:0 12px 10px}.generator-controls summary{cursor:pointer;color:#ffffff8a;letter-spacing:.12em;text-transform:uppercase;padding:10px 0 7px;font-size:8px;font-weight:800}.generator-controls>div,.generator-beats-controls{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.generator-controls label,.generator-beats-controls label{color:#ffffff73;gap:4px;font-size:8px;display:grid}.generator-controls select,.generator-controls button,.generator-beats-controls button{color:#e8ecea;background:#171c25;border:1px solid #ffffff1a;border-radius:4px;min-height:27px;padding:0 8px;font-size:8px}.generator-counter>span,.generator-octave-range>span{align-items:center;gap:3px;display:flex}.generator-counter strong{min-width:24px;color:var(--node-color);text-align:center}.generator-octave-range button.active{border-color:var(--node-color);background:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.generator-octave-range button.active{background:color-mix(in srgb, var(--node-color) 20%, #171c25)}}.generator-pad-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:12px;display:grid}.generator-pad-grid button{background:#272b3b;border:1px solid #ffffff14;border-radius:4px;height:38px}.generator-pad-grid button:hover,.generator-pad-grid button.active{border-color:var(--node-color);background:var(--node-color);box-shadow:0 0 12px var(--node-color)}@supports (color:color-mix(in lab, red, red)){.generator-pad-grid button:hover,.generator-pad-grid button.active{box-shadow:0 0 12px color-mix(in srgb, var(--node-color) 30%, transparent)}}.generator-beats-grid{gap:5px;padding:12px;display:grid}.generator-beats-grid>div{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:6px;display:grid}.generator-beats-grid>div>select,.generator-polyrhythm select{color:#e6eae8;background:#171c25;border:1px solid #ffffff1a;border-radius:4px;height:28px;padding:0 7px;font-size:8px}.generator-beats-grid section{grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.generator-beats-grid section>span{gap:2px;display:grid}.generator-beats-grid button{background:#292d3e;border:1px solid #ffffff14;border-radius:3px;height:27px}.generator-beats-grid button.playing{outline:1px solid #fffc}.generator-beats-grid select{color:#ffffff8c;background:#171c25;border:0;border-radius:2px;min-width:0;height:19px;font-size:7px}.generator-beats-controls{justify-content:flex-end;padding:0 12px 12px}.generator-toggle{align-items:center;display:flex!important}.generator-toggle input{accent-color:var(--node-color)}.generator-beats-grid button.beat{border-left-color:#c798ff80}.generator-beats-grid button.active{border-color:var(--node-color);background:var(--node-color);box-shadow:0 0 9px var(--node-color)}@supports (color:color-mix(in lab, red, red)){.generator-beats-grid button.active{box-shadow:0 0 9px color-mix(in srgb, var(--node-color) 30%, transparent)}}.generator-mode-grid{grid-template-columns:repeat(3,1fr);gap:5px;padding:12px;display:grid}.generator-mode-grid button{color:#ffffff8c;background:#202535;border:1px solid #ffffff14;border-radius:4px;place-items:center;gap:3px;min-height:51px;font-size:7px;display:grid}.generator-mode-grid button.active{border-color:var(--node-color);background:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.generator-mode-grid button.active{background:color-mix(in srgb, var(--node-color) 22%, #202535)}}.generator-mode-grid button.active{color:#fff}.generator-arp-preview{align-items:end;gap:3px;height:24px;display:flex}.generator-arp-preview i{background:currentColor;border-radius:99px;width:4px}.generator-chord-grid{grid-template-columns:repeat(7,1fr);gap:3px;padding:14px 10px;display:grid}.generator-chord-grid button{color:#ffffff8f;background:#242938;border:1px solid #ffffff14;border-radius:3px;height:54px;font-size:8px}.generator-chord-grid button.active{border-color:var(--node-color);background:var(--node-color);color:#17121e}.generator-rhythm-grid{gap:6px;padding:12px;display:grid}.generator-rhythm-grid>div{background:#ffffff06;border:1px solid #ffffff0f;border-radius:4px;grid-template-columns:1fr 30px 48px 30px;align-items:center;gap:4px;padding:6px;display:grid}.generator-rhythm-grid span{color:#ffffff80;font-size:8px}.generator-rhythm-grid strong{color:var(--node-color);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.generator-rhythm-grid button{color:#ffffffb3;background:#242938;border:1px solid #ffffff17;border-radius:4px;height:26px}.generator-polyrhythm{gap:10px;padding:12px;display:grid}.generator-polyrhythm>div{gap:5px;display:grid}.generator-polyrhythm section{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.generator-polyrhythm button{color:#ffffff8f;background:#202535;border:1px solid #ffffff14;border-radius:4px;height:28px;font-size:8px}.generator-polyrhythm button.active{border-color:var(--node-color);background:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.generator-polyrhythm button.active{background:color-mix(in srgb, var(--node-color) 25%, #202535)}}.generator-polyrhythm button.active{color:#fff}.studio-flow-steps{box-sizing:border-box;grid-template-columns:repeat(16,1fr);gap:3px;min-width:100%;padding:8px 10px 11px;display:grid}.studio-flow-steps button{height:var(--grid-step-height,27px);background:#151c1e;border:1px solid #ffffff14;border-radius:3px;padding:0}.studio-flow-steps button.beat{border-color:#ffffff29}.studio-flow-steps button.bar{border-left-color:var(--node-color)}.studio-flow-steps button.active{border-color:var(--node-color);background:var(--node-color);box-shadow:0 0 10px var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-flow-steps button.active{box-shadow:0 0 10px color-mix(in srgb, var(--node-color) 38%, transparent)}}.studio-flow-steps button.playing{z-index:1;background:var(--node-color);border-color:#fff;position:relative}@supports (color:color-mix(in lab, red, red)){.studio-flow-steps button.playing{background:color-mix(in srgb, var(--node-color) 58%, white)}}.studio-flow-steps button.playing{box-shadow:0 0 0 1px var(--node-color), 0 0 14px 4px var(--node-color), inset 0 0 7px #ffffffc7}@supports (color:color-mix(in lab, red, red)){.studio-flow-steps button.playing{box-shadow:0 0 0 1px color-mix(in srgb, var(--node-color) 78%, white), 0 0 14px 4px color-mix(in srgb, var(--node-color) 68%, transparent), inset 0 0 7px #ffffffc7}}.studio-flow-node.drum-rack{--node-color:#ff8a4c;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.studio-drum-rack-length{color:#ffffff61;letter-spacing:.08em;text-transform:uppercase;flex:none;align-items:center;gap:5px;font-size:7px;font-weight:800;display:flex}.studio-drum-rack-length select{color:#ffffffad;background:#111719;border:1px solid #ffffff17;border-radius:5px;outline:0;height:25px;padding:0 7px;font-size:8px}.studio-drum-rack-lanes{scrollbar-color:#ff8a4c57 transparent;scrollbar-width:thin;flex:1;min-width:0;min-height:0;overflow:auto}.studio-drum-rack-lane{opacity:1;border-bottom:1px solid #ffffff0e;grid-template-columns:188px minmax(220px,1fr);align-items:center;min-width:max-content;display:grid}.studio-drum-rack-lane.muted{opacity:.48}.studio-drum-rack-lane.soloed{background:#ffcf400b}.studio-drum-rack-add-sound{color:#ff8a4c9e;letter-spacing:.08em;text-transform:uppercase;background:#ff8a4c09;border:1px dashed #ff8a4c47;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 16px);min-width:220px;height:34px;margin:8px;font-size:8px;font-weight:900;display:flex;position:sticky;left:8px}.studio-drum-rack-add-sound:hover{color:#ff9b65;background:#ff8a4c17;border-color:#ff8a4c9e}.studio-drum-rack-sound{z-index:2;background:#0d1315;border-right:1px solid #fff1;align-items:center;gap:5px;height:47px;padding:0 7px;display:flex;position:sticky;left:0}.studio-drum-rack-sound>span{flex:1;min-width:0;display:grid}.studio-drum-rack-sound strong,.studio-drum-rack-sound small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-drum-rack-sound strong{font-size:9px}.studio-drum-rack-sound small{color:#ffffff52;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px}.studio-drum-rack-remove,.studio-drum-rack-sound .studio-flow-channel-toggle{color:#ffffff61;background:#ffffff06;border:1px solid #ffffff12;border-radius:4px;flex:none;place-items:center;width:21px;height:21px;font-size:7px;font-weight:950;display:grid}.studio-drum-rack-sound .studio-flow-channel-toggle.active{border-color:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-drum-rack-sound .studio-flow-channel-toggle.active{border-color:color-mix(in srgb,var(--node-color) 60%,transparent)}}.studio-drum-rack-sound .studio-flow-channel-toggle.active{color:var(--node-color)}.studio-drum-rack-sound .studio-flow-channel-toggle.solo.active{color:#ffcf40;border-color:#ffcf40a6}.studio-drum-rack-sound .studio-flow-gain{flex-basis:25px;width:25px;height:25px;transform:scale(.78)}.studio-drum-rack-midi{width:100%;min-width:220px;height:47px;color:var(--node-color);text-align:left;background:#00000014;border:0;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.studio-drum-rack-midi:hover{background:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-drum-rack-midi:hover{background:color-mix(in srgb,var(--node-color) 6%,#00000014)}}.studio-drum-rack-midi>span{background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:6.25% 100%,100% 50%;border:1px solid #ffffff0f;border-radius:3px;height:29px;display:block;position:relative;overflow:hidden}.studio-drum-rack-midi i{background:var(--node-color);min-width:3px;height:5px;box-shadow:0 0 6px var(--node-color);border-radius:1px;position:absolute;bottom:6px}@supports (color:color-mix(in lab, red, red)){.studio-drum-rack-midi i{box-shadow:0 0 6px color-mix(in srgb,var(--node-color) 38%,transparent)}}.studio-drum-rack-midi strong{white-space:nowrap;align-items:center;gap:5px;font-size:7px;display:flex}.studio-drum-rack-resize-handle{opacity:0;transition:opacity .12s,box-shadow .12s;background:#ff8a4c!important;border:2px solid #111719!important;border-radius:7px!important;width:28px!important;height:28px!important;box-shadow:0 0 0 1px #ff8a4c4d,0 0 18px #ff8a4c73!important}.studio-drum-rack-resize-handle:hover,.studio-drum-rack-resize-handle:active{opacity:1;box-shadow:0 0 0 2px #ff8a4c61,0 0 24px #ff8a4cad!important}.studio-flow-node.effect{width:202px}.studio-flow-node.effect-eq{--node-color:#67d9d4}.studio-flow-node.effect-reverb{--node-color:#b173ff}.studio-flow-node.effect-delay{--node-color:#ff9a55}.studio-flow-bypass{letter-spacing:.08em;min-width:29px;padding:0 5px;font-size:7px;font-weight:900}.studio-flow-bypass.active{border-color:var(--node-color)!important}@supports (color:color-mix(in lab, red, red)){.studio-flow-bypass.active{border-color:color-mix(in srgb, var(--node-color) 55%, transparent)!important}}.studio-flow-bypass.active{color:var(--node-color)!important}.studio-flow-eq-preview{background-color:#081315;background-image:linear-gradient(#67d9d40d 1px,#0000 1px),linear-gradient(90deg,#67d9d40d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #67d9d429;border-radius:6px;justify-content:space-around;align-items:center;height:62px;margin:10px;display:flex;position:relative;overflow:hidden}.studio-flow-eq-preview:after{content:"";background:#ffffff4d;height:1px;position:absolute;bottom:28px;left:0;right:0}.studio-flow-eq-preview i{z-index:1;background:#67d9d4;border:1px solid #fff;border-radius:50%;width:7px;height:7px}.studio-flow-knobs{gap:10px;padding:12px;display:grid}.studio-flow-knobs label{color:#ffffff70;grid-template-columns:34px 1fr;align-items:center;font-size:8px;font-weight:800;display:grid}.studio-flow-knobs input,.studio-flow-modifier-control input{accent-color:var(--node-color)}.studio-flow-node.modifier{--node-color:#70d6ff;width:208px}.studio-flow-modifier-control{grid-template-columns:1fr auto;gap:9px;padding:12px;display:grid}.studio-flow-modifier-control select{color:#e7eeeb;background:#111719;border:1px solid #ffffff1a;border-radius:5px;grid-column:1/-1;height:30px;font-size:10px}.studio-flow-modifier-control output{color:#70d6ff;text-align:right;min-width:42px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.studio-flow-switch-copy{color:#ffffff6b;grid-column:1/-1;font-size:9px}.studio-flow-node.effect-rack{--node-color:#f2a7bd;width:310px}.studio-effect-rack-grid{padding:8px}.studio-effect-rack-group+.studio-effect-rack-group{margin-top:4px}.studio-effect-rack-section{color:#ffffff4d;letter-spacing:.17em;text-align:left;background:0 0;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;width:100%;padding:8px 6px 6px;font-size:7px;font-weight:900;display:flex}.studio-effect-rack-section:first-child{padding-top:2px}.studio-effect-rack-section:hover{color:#ffffff9e}.studio-effect-rack-section svg{color:var(--node-color);flex:none}.studio-effect-rack-slots{background:linear-gradient(90deg,#0000 33.2%,#ffffff09 33.3%,#0000 33.6% 66.3%,#ffffff09 66.4%,#0000 66.7%);grid-template-columns:repeat(3,1fr);display:grid}.studio-effect-rack-slot{opacity:.52;border-radius:7px;align-content:center;place-items:center;gap:5px;min-height:94px;transition:background .12s,opacity .12s;display:grid}.studio-effect-rack-slot:hover,.studio-effect-rack-slot.selected{opacity:.86;background:#f2a7bd0e}.studio-effect-rack-slot.active{opacity:1}.studio-effect-rack-knob{width:52px;height:52px;position:relative}.studio-effect-rack-knob>span{background:radial-gradient(circle at center, #252b2f 0 53%, transparent 55%), conic-gradient(from 225deg, var(--node-color) 0 var(--knob-progress), #ffffff1c var(--knob-progress) 270deg, transparent 270deg);border-radius:50%;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.studio-effect-rack-knob>span{background:radial-gradient(circle at center, #252b2f 0 53%, transparent 55%), conic-gradient(from 225deg, color-mix(in srgb, var(--node-color) 92%, #fff) 0 var(--knob-progress), #ffffff1c var(--knob-progress) 270deg, transparent 270deg)}}.studio-effect-rack-knob>span{box-shadow:inset 0 0 0 1px #ffffff0e,0 7px 14px #0000004d}.studio-effect-rack-knob>span:after{width:3px;height:16px;transform:rotate(var(--knob-angle));transform-origin:50% 19px;content:"";background:#ffffff94;border-radius:3px;position:absolute;top:7px;left:24px}.studio-effect-rack-knob.active>span:after{background:var(--node-color);box-shadow:0 0 7px var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-effect-rack-knob.active>span:after{box-shadow:0 0 7px color-mix(in srgb, var(--node-color) 60%, transparent)}}.studio-effect-rack-knob input{cursor:ns-resize;opacity:0;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.adjusting-vertical-knob,.adjusting-vertical-knob *{cursor:ns-resize!important;-webkit-user-select:none!important;user-select:none!important}.studio-effect-rack-switch{color:#ffffff47;background:#20262a;border:1px solid #ffffff17;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 0 0 6px #00000029,0 7px 14px #0000004d}.studio-effect-rack-switch.active{border-color:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-effect-rack-switch.active{border-color:color-mix(in srgb, var(--node-color) 60%, transparent)}}.studio-effect-rack-switch.active{color:var(--node-color);box-shadow:inset 0 0 0 6px #00000029, 0 0 13px var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-effect-rack-switch.active{box-shadow:inset 0 0 0 6px #00000029, 0 0 13px color-mix(in srgb, var(--node-color) 22%, transparent)}}.studio-effect-rack-label{color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:3px;font-size:8px;font-weight:800;display:inline-flex}.studio-effect-rack-label span{color:var(--node-color);font-size:13px}.studio-effect-rack-slot.active .studio-effect-rack-label{color:#ffffffe6}.studio-effect-rack-summary{color:#ffffff4d;letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:6px;font-weight:700;overflow:hidden}.studio-effect-rack-slot.active .studio-effect-rack-summary{color:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-effect-rack-slot.active .studio-effect-rack-summary{color:color-mix(in srgb, var(--node-color) 70%, transparent)}}.studio-effect-rack-settings{background:#f2a7bd06;border-top:1px solid #f2a7bd24;gap:8px;padding:10px;display:grid}.studio-effect-rack-settings>header{align-items:center;gap:6px;display:flex}.studio-effect-rack-settings>header>span{flex:1;display:grid}.studio-effect-rack-settings>header small{color:#ffffff52}.studio-effect-rack-settings>header button{color:#ffffff80;background:#0000002e;border:1px solid #ffffff14;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.studio-effect-rack-settings>header button.active{border-color:var(--node-color)}@supports (color:color-mix(in lab, red, red)){.studio-effect-rack-settings>header button.active{border-color:color-mix(in srgb, var(--node-color) 50%, transparent)}}.studio-effect-rack-settings>header button.active{color:var(--node-color)}.studio-effect-rack-settings label{color:#ffffff80;grid-template-columns:58px 1fr 54px;align-items:center;gap:7px;font-size:8px;font-weight:700;display:grid}.studio-effect-rack-settings input{accent-color:var(--node-color)}.studio-effect-rack-settings output{color:var(--node-color);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.studio-effect-rack-settings p{color:#ffffff57;margin:0;font-size:8px}.studio-effect-editor{--channel:#f2a7bd}.studio-effect-editor>header{border-bottom:1px solid var(--channel);padding-bottom:9px}@supports (color:color-mix(in lab, red, red)){.studio-effect-editor>header{border-bottom:1px solid color-mix(in srgb, var(--channel) 18%, transparent)}}.studio-effect-editor-actions{align-items:center;gap:6px;display:flex}.studio-effect-editor>header .studio-effect-editor-actions button{align-items:center;gap:5px;display:inline-flex}.studio-effect-editor>header .studio-effect-editor-actions button.active{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-effect-editor>header .studio-effect-editor-actions button.active{border-color:color-mix(in srgb, var(--channel) 50%, transparent)}}.studio-effect-editor>header .studio-effect-editor-actions button.active{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-effect-editor>header .studio-effect-editor-actions button.active{background:color-mix(in srgb, var(--channel) 9%, transparent)}}.studio-effect-editor>header .studio-effect-editor-actions button.active{color:var(--channel)}.studio-effect-editor-description{color:#ffffff61;max-width:760px;margin:0 0 10px;font-size:7px;line-height:1.55}.studio-effect-editor-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.studio-effect-editor-options,.studio-effect-editor-toggle{align-content:start;gap:6px;display:grid}.studio-effect-editor-options{grid-column:1/-1}.studio-effect-editor-options>span{color:#ffffff73;letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:800}.studio-effect-editor-options>div{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));align-items:stretch;gap:4px;display:grid}.studio-effect-editor-options>div>em{color:#ffffff47;letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;margin-top:4px;font-size:6px;font-style:normal;font-weight:900}.studio-effect-editor-options>div>em:first-child{margin-top:0}.studio-effect-editor-options button,.studio-effect-editor-toggle button{color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff14;border-radius:3px;padding:6px 9px;font-size:7px;font-weight:800;transition:border-color .12s,background .12s,color .12s}.studio-effect-editor-options button:hover,.studio-effect-editor-toggle button:hover{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-effect-editor-options button:hover,.studio-effect-editor-toggle button:hover{border-color:color-mix(in srgb, var(--channel) 35%, transparent)}}.studio-effect-editor-options button:hover,.studio-effect-editor-toggle button:hover{color:#ffffffd9}.studio-effect-editor-options button.active,.studio-effect-editor-toggle button.active{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-effect-editor-options button.active,.studio-effect-editor-toggle button.active{border-color:color-mix(in srgb, var(--channel) 55%, transparent)}}.studio-effect-editor-options button.active,.studio-effect-editor-toggle button.active{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-effect-editor-options button.active,.studio-effect-editor-toggle button.active{background:color-mix(in srgb, var(--channel) 12%, transparent)}}.studio-effect-editor-options button.active,.studio-effect-editor-toggle button.active{color:var(--channel)}.studio-effect-editor-options button{justify-items:center;gap:4px;padding:5px 4px;display:grid}.studio-distortion-thumb{background:#0000004d;border-radius:2px;width:100%;height:26px}.studio-distortion-thumb .axis{stroke:#ffffff1a;stroke-width:1px}.studio-distortion-thumb .trace{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.4px;opacity:.75;vector-effect:non-scaling-stroke}.studio-effect-editor-options button.active .studio-distortion-thumb .trace{opacity:1}.studio-reverb-thumb{background:#0000004d;border-radius:2px;width:100%;height:26px}.studio-reverb-thumb .trace{fill:currentColor;opacity:.45}.studio-effect-editor-options button.active .studio-reverb-thumb .trace{opacity:.85}.studio-effect-editor-toggle button{justify-content:flex-start;align-items:center;gap:6px;display:inline-flex}.studio-effect-editor-toggle button em{opacity:.7;margin-left:auto;font-style:normal}.studio-effect-editor-options small,.studio-effect-editor-toggle small{color:#ffffff59;font-size:7px;line-height:1.5}.studio-distortion-visual{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:10px;margin-bottom:12px;display:grid}@media (max-width:640px){.studio-distortion-visual{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio-distortion-readout{grid-column:1/-1}}.studio-distortion-curve{gap:5px;margin:0;display:grid}.studio-distortion-curve figcaption{color:#fff6;letter-spacing:.1em;text-transform:uppercase;font-size:6px;font-weight:800}.studio-distortion-curve svg{background:linear-gradient(var(--channel), transparent), #00000047;border:1px solid #ffffff12;border-radius:3px;width:100%;height:96px}@supports (color:color-mix(in lab, red, red)){.studio-distortion-curve svg{background:linear-gradient(color-mix(in srgb, var(--channel) 5%, transparent), transparent), #00000047}}.studio-distortion-curve-empty{color:#ffffff4d;text-align:center;border:1px dashed #ffffff17;border-radius:3px;place-items:center;height:96px;padding:8px;font-size:6px;display:grid}.studio-distortion-curve .axis{stroke:#ffffff17;stroke-width:.6px}.studio-distortion-curve .unity{fill:none;stroke:#ffffff24;stroke-dasharray:2 3;stroke-width:.6px}.studio-distortion-curve .trace{fill:none;stroke:var(--channel);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;vector-effect:non-scaling-stroke}.studio-distortion-readout{align-content:center;gap:5px;margin:0;display:grid}.studio-distortion-readout strong{color:var(--channel);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.studio-distortion-readout span{color:#fff6;font-size:7px;line-height:1.55}.studio-filter-visual{gap:8px;margin-bottom:12px;display:grid}.studio-filter-visual svg{background:linear-gradient(var(--channel), transparent), #00000047;border:1px solid #ffffff12;border-radius:3px;width:100%;height:96px}@supports (color:color-mix(in lab, red, red)){.studio-filter-visual svg{background:linear-gradient(color-mix(in srgb, var(--channel) 5%, transparent), transparent), #00000047}}.studio-filter-visual .grid{stroke:#ffffff0f;stroke-width:1px}.studio-filter-visual .sweep{fill:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-filter-visual .sweep{fill:color-mix(in srgb, var(--channel) 12%, transparent)}}.studio-filter-visual .formant{stroke:#ffffff52;stroke-dasharray:2 3;stroke-width:1px}.studio-filter-visual .band{fill:none;stroke:var(--channel);stroke-linejoin:round;stroke-width:1.8px;vector-effect:non-scaling-stroke}.studio-filter-readout{gap:4px;margin:0;display:grid}.studio-filter-readout strong{color:var(--channel);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.studio-filter-readout span{color:#fff6;font-size:7px;line-height:1.55}.unified-effect-settings .studio-filter-visual{--channel:#f2a7bd;margin-bottom:2px}.unified-effect-settings .studio-filter-visual svg{height:54px}.unified-effect-slot[open] .studio-filter-visual{grid-column:1/-1}.studio-delay-visual{gap:8px;margin-bottom:12px;display:grid}.studio-delay-track{background:linear-gradient(var(--channel), transparent), #00000047;border:1px solid #ffffff12;border-radius:3px;height:52px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-delay-track{background:linear-gradient(color-mix(in srgb, var(--channel) 5%, transparent), transparent), #00000047}}.studio-delay-track>i{background:#ffffff0f;width:1px;position:absolute;top:0;bottom:0}.studio-delay-track>i.bar{background:#ffffff29}.studio-delay-track>b{background:#ffffff80;border-radius:1px;width:2px;position:absolute;bottom:0;transform:translate(-1px)}.studio-delay-track>b.tap{--side:0;--darkness:1;--smear:0px;width:3px;transform:translateX(calc(-1.5px + var(--side) * 5px));background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-delay-track>b.tap{background:color-mix(in srgb, var(--channel) calc(35% + var(--darkness) * 65%), #2b2137)}}.studio-delay-track>b.tap{box-shadow:0 0 calc(4px + var(--smear)) var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-delay-track>b.tap{box-shadow:0 0 calc(4px + var(--smear)) color-mix(in srgb, var(--channel) 45%, transparent)}}.studio-delay-track>b.tap{filter:blur(calc(var(--smear) * .18))}.studio-delay-track>b.tap:after{content:"";background:var(--channel);width:3px;height:3px;opacity:calc(.25 + .75 * min(1, abs(var(--side))));transform:translateX(calc(-1.5px + var(--side) * 4px));border-radius:50%;position:absolute;bottom:-1px;left:50%}.studio-delay-readout{gap:4px;margin:0;display:grid}.studio-delay-readout strong{color:var(--channel);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.studio-delay-readout span{color:#fff6;font-size:7px;line-height:1.55}.unified-effect-settings .studio-delay-visual{--channel:#f2a7bd;margin-bottom:2px}.unified-effect-settings .studio-delay-track{height:30px}.studio-reverb-visual{gap:8px;margin-bottom:12px;display:grid}.studio-reverb-track{background:linear-gradient(var(--channel), transparent), #00000047;border:1px solid #ffffff12;border-radius:3px;height:54px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-reverb-track{background:linear-gradient(color-mix(in srgb, var(--channel) 5%, transparent), transparent), #00000047}}.studio-reverb-track svg{width:100%;height:100%;display:block}.studio-reverb-track>i{background:#ffffff0f;width:1px;position:absolute;top:0;bottom:0}.studio-reverb-track>b{background:#ffffff80;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:0}.studio-reverb-track>s{background:var(--channel);border-radius:1px;width:2px;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.studio-reverb-track>s{background:color-mix(in srgb, var(--channel) 70%, white)}}.studio-reverb-track>s{box-shadow:0 0 5px var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-reverb-track>s{box-shadow:0 0 5px color-mix(in srgb, var(--channel) 50%, transparent)}}.studio-reverb-track>s{transform-origin:50%;translate:-1px -50%}.studio-reverb-track>u{background:var(--channel);border-radius:2px;padding:1px 3px;position:absolute;top:3px}@supports (color:color-mix(in lab, red, red)){.studio-reverb-track>u{background:color-mix(in srgb, var(--channel) 30%, transparent)}}.studio-reverb-track>u{color:#ffffffd9;font-size:6px;font-weight:900;text-decoration:none}.studio-reverb-readout{gap:4px;margin:0;display:grid}.studio-reverb-readout strong{color:var(--channel);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.studio-reverb-readout span{color:#fff6;font-size:7px;line-height:1.55}.unified-effect-settings .studio-reverb-visual{--channel:#8fd8ff;margin-bottom:2px}.unified-effect-settings .studio-reverb-track{height:34px}.studio-time-visual{gap:8px;margin-bottom:12px;display:grid}.studio-time-grid{background:linear-gradient(var(--channel), transparent), #00000052;border:1px solid #ffffff12;border-radius:3px;height:170px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-time-grid{background:linear-gradient(color-mix(in srgb, var(--channel) 4%, transparent), transparent), #00000052}}.studio-time-grid{touch-action:none}.studio-time-grid.editable{cursor:copy}.studio-time-grid svg{width:100%;height:100%;display:block;overflow:visible}.studio-time-grid .step{stroke:#ffffff0d;stroke-width:1px;vector-effect:non-scaling-stroke}.studio-time-grid .step.beat{stroke:#ffffff1f}.studio-time-grid .step.bar{stroke:#ffffff29}.studio-time-grid .zero{stroke:#fff6;stroke-width:1.4px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.studio-time-grid .segment{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px)}.studio-time-grid .jump{stroke:currentColor;stroke-width:1.4px;stroke-dasharray:3 3;opacity:.55;vector-effect:non-scaling-stroke}.studio-time-grid .drawn{stroke:#fff3;stroke-width:1.2px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.studio-time-grid .real{color:#b2f05f}.studio-time-grid .slow{color:#62b6ff}.studio-time-grid .fast{color:#ffb84d}.studio-time-grid .reverse{color:#ff6b8a}.studio-time-grid .hold{color:#b8c2c6}.studio-time-grid>b{color:currentColor;letter-spacing:.04em;pointer-events:none;background:#060a0cbf;border-radius:2px;padding:1px 4px;font-size:6px;font-weight:900;position:absolute;translate:-50% -180%}.studio-time-grid>b.real{color:#b2f05f}.studio-time-grid>b.slow{color:#62b6ff}.studio-time-grid>b.fast{color:#ffb84d}.studio-time-grid>b.reverse{color:#ff6b8a}.studio-time-grid>b.hold{color:#b8c2c6}.studio-time-laser{opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.studio-time-laser[data-state=playing]{opacity:1}.studio-time-laser>i{top:0;bottom:0;left:var(--at,0%);background:linear-gradient(#fff0,#ffffff8c 18% 82%,#fff0);width:1px;position:absolute;box-shadow:0 0 8px #ffffff73}.studio-time-laser>b{top:var(--read,50%);left:var(--at,0%);width:9px;height:9px;box-shadow:0 0 10px #ffffffe6, 0 0 20px var(--channel);background:#fff;border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.studio-time-laser>b{box-shadow:0 0 10px #ffffffe6, 0 0 20px color-mix(in srgb, var(--channel) 70%, transparent)}}.studio-time-laser>b{translate:-50% -50%}.studio-time-point{background:var(--channel);border:2px solid #080c0dbf;border-radius:50%;width:13px;height:13px;position:absolute}@supports (color:color-mix(in lab, red, red)){.studio-time-point{background:color-mix(in srgb, var(--channel) 85%, white)}}.studio-time-point{box-shadow:0 0 0 1px var(--channel), 0 0 10px var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-time-point{box-shadow:0 0 0 1px color-mix(in srgb, var(--channel) 60%, transparent), 0 0 10px color-mix(in srgb, var(--channel) 45%, transparent)}}.studio-time-point{cursor:grab;touch-action:none;translate:-50% -50%}.studio-time-point:hover{width:15px;height:15px}.studio-time-point.held{cursor:grabbing;background:#fff}.studio-time-point.anchor{border-radius:3px}.studio-time-point.on-zero{box-shadow:0 0 0 2px #ffffffbf, 0 0 12px var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-time-point.on-zero{box-shadow:0 0 0 2px #ffffffbf, 0 0 12px color-mix(in srgb, var(--channel) 60%, transparent)}}.studio-time-point.on-bar{box-shadow:0 0 0 1px #ffffff80, 0 0 10px var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-time-point.on-bar{box-shadow:0 0 0 1px #ffffff80, 0 0 10px color-mix(in srgb, var(--channel) 50%, transparent)}}.studio-time-readout{gap:4px;margin:0;display:grid}.studio-time-readout strong{color:var(--channel);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.studio-time-readout span{color:#fff6;font-size:7px;line-height:1.55}.unified-effect-settings .studio-time-visual{--channel:#d7ff3f;margin-bottom:2px}.unified-effect-settings .studio-time-grid{height:128px}.unified-effect-slot[open] .studio-time-visual{grid-column:1/-1}.studio-effect-rack-slot .studio-time-visual{--channel:#d7ff3f;gap:0;margin:0}.studio-effect-rack-slot .studio-time-grid{height:30px}.studio-duck-visual{gap:8px;margin-bottom:12px;display:grid}.studio-duck-track{background:#00000047;border:1px solid #ffffff12;border-radius:3px;height:54px;position:relative;overflow:hidden}.studio-duck-track svg{width:100%;height:100%;display:block}.studio-duck-track svg path{fill:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-duck-track svg path{fill:color-mix(in srgb, var(--channel) 26%, transparent)}}.studio-duck-track svg path{stroke:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-duck-track svg path{stroke:color-mix(in srgb, var(--channel) 90%, white)}}.studio-duck-track svg path{stroke-width:1.2px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px var(--channel))}@supports (color:color-mix(in lab, red, red)){.studio-duck-track svg path{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--channel) 45%, transparent))}}.studio-duck-track>i{z-index:1;background:#ffffff21;width:1px;position:absolute;top:0;bottom:0}.studio-duck-track>s{z-index:1;background:#ffffff0d;width:1px;position:absolute;top:0;bottom:0}.studio-duck-track svg path.tail{fill:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-duck-track svg path.tail{fill:color-mix(in srgb, var(--channel) 12%, transparent)}}.studio-duck-track svg path.tail{stroke:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-duck-track svg path.tail{stroke:color-mix(in srgb, var(--channel) 45%, transparent)}}.studio-duck-track svg path.tail{stroke-dasharray:4 3;filter:none}.studio-duck-readout{gap:4px;margin:0;display:grid}.studio-duck-readout strong{color:var(--channel);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.studio-duck-readout span{color:#fff6;font-size:7px;line-height:1.55}.studio-duck-thumb{flex:none;width:26px;height:15px}.studio-duck-thumb .trace{fill:#ffffff24;stroke:#ffffff80;stroke-width:1.2px;vector-effect:non-scaling-stroke}.studio-effect-editor-options button.active .studio-duck-thumb .trace{fill:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-effect-editor-options button.active .studio-duck-thumb .trace{fill:color-mix(in srgb, var(--channel) 30%, transparent)}}.studio-effect-editor-options button.active .studio-duck-thumb .trace{stroke:var(--channel)}.unified-effect-settings .studio-duck-visual{--channel:#ffb84d;margin-bottom:2px}.unified-effect-settings .studio-duck-track{height:34px}.studio-effect-rack-slot .studio-duck-visual{--channel:#ffb84d;gap:0;margin:0}.studio-effect-rack-slot .studio-duck-track{height:22px}.studio-eq-visual{gap:8px;margin-bottom:12px;display:grid}.studio-eq-track{background:linear-gradient(var(--channel), transparent), #00000047;border:1px solid #ffffff12;border-radius:3px;height:54px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-eq-track{background:linear-gradient(color-mix(in srgb, var(--channel) 5%, transparent), transparent), #00000047}}.studio-eq-track{background-image:repeating-linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px 33.333%)}.studio-eq-track svg{width:100%;height:100%;display:block;overflow:visible}.studio-eq-track .zero{stroke:#ffffff29;stroke-width:.5px}.studio-eq-track .trace{fill:none;stroke:var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-eq-track .trace{stroke:color-mix(in srgb, var(--channel) 85%, white)}}.studio-eq-track .trace{stroke-width:1.4px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px var(--channel))}@supports (color:color-mix(in lab, red, red)){.studio-eq-track .trace{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--channel) 45%, transparent))}}.studio-eq-track>b{background:var(--channel);border-radius:50%;width:5px;height:5px;position:absolute}@supports (color:color-mix(in lab, red, red)){.studio-eq-track>b{background:color-mix(in srgb, var(--channel) 70%, white)}}.studio-eq-track>b{box-shadow:0 0 6px var(--channel)}@supports (color:color-mix(in lab, red, red)){.studio-eq-track>b{box-shadow:0 0 6px color-mix(in srgb, var(--channel) 55%, transparent)}}.studio-eq-track>b{translate:-50% -50%}.studio-effect-rack-slot .studio-eq-visual{--channel:#f2a7bd;gap:0;margin:0}.studio-effect-rack-slot .studio-eq-track{height:22px}.studio-eq-readout{gap:4px;margin:0;display:grid}.studio-eq-readout strong{color:var(--channel);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.studio-eq-readout span{color:#fff6;font-size:7px;line-height:1.55}.unified-effect-settings .studio-eq-visual{--channel:#f2a7bd;margin-bottom:2px}.unified-effect-settings .studio-eq-track{height:34px}.unified-effect-open-eq{color:#f2a7bd;letter-spacing:.1em;text-transform:uppercase;background:#f2a7bd1a;border:1px solid #f2a7bd57;border-radius:4px;height:26px;font-size:8px;font-weight:900}.unified-effect-open-eq:hover{background:#f2a7bd2e}.studio-chorus-visual{gap:8px;margin-bottom:12px;display:grid}.studio-chorus-field{background:linear-gradient(var(--channel), transparent), #00000047;border:1px solid #ffffff12;border-radius:3px;height:60px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-chorus-field{background:linear-gradient(color-mix(in srgb, var(--channel) 5%, transparent), transparent), #00000047}}.studio-chorus-axis{background:#ffffff17;width:1px;position:absolute;top:0;bottom:0;left:50%}.studio-chorus-field>i{background:#fff9;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:50%;translate:-50% -50%}.studio-chorus-field>b{width:var(--swing);background:var(--channel);height:6px;box-shadow:0 0 8px var(--channel);border-radius:3px;position:absolute}@supports (color:color-mix(in lab, red, red)){.studio-chorus-field>b{box-shadow:0 0 8px color-mix(in srgb, var(--channel) 55%, transparent)}}.studio-chorus-field>b{animation:studio-chorus-drift var(--period) ease-in-out infinite alternate;translate:-50% -50%}.studio-chorus-field>b.rotary{animation:studio-chorus-circle var(--rotary-period) ease-in-out infinite alternate}@keyframes studio-chorus-drift{0%{transform:scaleX(.7)}to{transform:scaleX(1.25)}}@keyframes studio-chorus-circle{0%{transform:translateX(calc(var(--sway) * -1))}to{transform:translateX(var(--sway))}}@media (prefers-reduced-motion:reduce){.studio-chorus-field>b{animation:none}}.studio-chorus-field>em{color:#ffffff40;font-size:7px;font-style:normal;font-weight:900;position:absolute;bottom:2px}.studio-chorus-field>em.left{left:4px}.studio-chorus-field>em.right{right:4px}.studio-chorus-readout{gap:4px;margin:0;display:grid}.studio-chorus-readout strong{color:var(--channel);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.studio-chorus-readout span{color:#fff6;font-size:7px;line-height:1.55}.studio-chorus-thumb{background:#0000004d;border-radius:2px;width:100%;height:26px;display:block;position:relative}.studio-chorus-thumb>i{background:#ffffff80;border-radius:50%;width:3px;height:3px;position:absolute;top:2px;left:50%;translate:-50%}.studio-chorus-thumb>b{opacity:.7;background:currentColor;border-radius:2px;max-width:60%;height:3px;position:absolute;translate:-50% -50%}.unified-effect-settings .studio-chorus-visual{--channel:#b7a6ff;margin-bottom:2px}.unified-effect-settings .studio-chorus-field{height:38px}.studio-effect-editor-empty{color:#ffffff61;background:#ffffff05;border:1px solid #ffffff0f;border-radius:3px;grid-column:1/-1;padding:12px;font-size:7px}.studio-flow-node.pattern-output{--node-color:#d7ff3f;width:196px}.studio-flow-node.master{--node-color:#d7ff3f;width:220px}.studio-flow-node.master>header{color:var(--lime);letter-spacing:.16em;justify-content:space-between;font-size:9px;font-weight:900}.studio-flow-node.master>header>strong{font-size:9px}.studio-flow-master-gain{--node-color:var(--lime)}.studio-flow-output-controls{align-items:center;gap:4px;flex:none!important;min-width:auto!important;display:flex!important}.studio-flow-transpose{--node-color:#72d9ff}.studio-flow-transpose>span:after{color:#ffffff9e;content:"±";place-items:center;font-size:8px;font-style:normal;font-weight:900;display:grid;position:absolute;inset:0}.studio-flow-meter,.studio-flow-master-meter{justify-content:center;align-items:end;gap:5px;height:62px;padding:13px;display:flex}.studio-flow-meter i,.studio-flow-master-meter i{background:var(--lime);border-radius:2px 2px 0 0;width:8px;height:28%}@supports (color:color-mix(in lab, red, red)){.studio-flow-meter i,.studio-flow-master-meter i{background:color-mix(in srgb,var(--lime) 28%,transparent)}}.studio-flow-meter i:nth-child(2),.studio-flow-master-meter i:nth-child(2){height:62%}.studio-flow-meter i:nth-child(3),.studio-flow-master-meter i:nth-child(3){height:84%}.studio-flow-master-meter i:nth-child(4){height:52%}.studio-flow-master-meter i:nth-child(5){height:73%}.studio-flow-meter.playing i,.studio-flow-master-meter.playing i{background:var(--lime);animation:.64s ease-in-out infinite alternate studio-flow-meter}.studio-flow-meter.playing i:nth-child(2n),.studio-flow-master-meter.playing i:nth-child(2n){animation-delay:-320ms}@keyframes studio-flow-meter{to{transform-origin:bottom;transform:scaleY(.35)}}.studio-flow-handle{box-shadow:0 0 0 1px var(--node-color);background:var(--node-color)!important;border:2px solid #081012!important;width:11px!important;height:11px!important}@supports (color:color-mix(in lab, red, red)){.studio-flow-handle{box-shadow:0 0 0 1px color-mix(in srgb, var(--node-color) 58%, transparent)}}.studio-flow-handle-in{left:-6px!important}.studio-flow-handle-out{right:-6px!important}.studio-flow-edge{stroke-width:2px;filter:drop-shadow(0 0 4px)}@supports (color:color-mix(in lab, red, red)){.studio-flow-edge{filter:drop-shadow(0 0 4px color-mix(in srgb, currentColor 30%, transparent))}}.studio-flow-edge.selected{stroke-width:3px}.studio-flow-edge-actions{z-index:8;pointer-events:all;align-items:center;gap:4px;display:flex;position:absolute}.studio-flow-edge-actions button{color:#eef2ef;background:#12191b;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:25px;height:25px;padding:0;display:grid;box-shadow:0 7px 20px #0000006b}.studio-flow-edge-actions button:hover{border-color:var(--lime);color:var(--lime)}.studio-flow-edge-actions button.delete{color:#ff6e74;width:21px;height:21px}.studio-flow-layout,.studio-flow-ghost-toggle,.studio-flow-controls-toggle{z-index:5;color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;background:#0c1113eb;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:7px;height:31px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.studio-flow-layout:hover,.studio-flow-ghost-toggle:hover,.studio-flow-ghost-toggle.active,.studio-flow-controls-toggle:hover:not(:disabled),.studio-flow-controls-toggle.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-flow-layout:hover,.studio-flow-ghost-toggle:hover,.studio-flow-ghost-toggle.active,.studio-flow-controls-toggle:hover:not(:disabled),.studio-flow-controls-toggle.active{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.studio-flow-layout:hover,.studio-flow-ghost-toggle:hover,.studio-flow-ghost-toggle.active,.studio-flow-controls-toggle:hover:not(:disabled),.studio-flow-controls-toggle.active{color:var(--lime)}.studio-flow-ghost-toggle{top:50px}.studio-flow-controls-toggle{top:88px}.studio-flow-ghost-toggle.active,.studio-flow-controls-toggle.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-flow-ghost-toggle.active,.studio-flow-controls-toggle.active{background:color-mix(in srgb,var(--lime) 9%,transparent)}}.studio-flow-controls-toggle:disabled{cursor:not-allowed;opacity:.34}.studio-flow-empty{z-index:2;color:#ffffff5c;pointer-events:none;text-align:center;justify-items:center;gap:8px;width:250px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-flow-empty strong{color:#ffffffbd}.studio-flow-empty span{font-size:10px;line-height:1.5}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-wave{background:var(--lime);color:#0a0c0d;width:38px;height:38px;box-shadow:0 0 28px var(--lime);border-radius:10px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.brand-wave{box-shadow:0 0 28px color-mix(in srgb,var(--lime) 18%,transparent)}}.brand-lockup>div:last-child{align-items:baseline;display:flex}.brand-lockup strong{letter-spacing:-.05em;font-size:17px;font-weight:950}.brand-lockup span{color:var(--lime);letter-spacing:-.05em;margin-left:4px;font-size:17px;font-weight:350}.cinematic-landing{isolation:isolate;background:#111a23;min-height:100dvh;position:relative;overflow:hidden}.landing-sky{background:radial-gradient(circle at 74% 34%,#ffb27094,#0000 24%),linear-gradient(155deg,#253e54 0%,#6d6571 45%,#e39467 73%,#1b252b 100%);position:absolute;inset:0}.landing-sun{aspect-ratio:1;filter:blur(1px);opacity:.92;background:#ffd4a7;border-radius:50%;width:11vw;min-width:130px;position:absolute;top:24%;right:15%;box-shadow:0 0 100px #ffb278}.skyline{filter:drop-shadow(0 -12px 20px #080d1126);background-repeat:repeat-x;height:53%;position:absolute;inset:auto -4% 0}.skyline-far{opacity:.48;clip-path:polygon(0 100%,0 35%,3% 35%,3% 19%,8% 19%,8% 50%,10% 50%,10% 31%,14% 31%,14% 62%,18% 62%,18% 12%,27% 12%,27% 55%,31% 55%,31% 29%,36% 29%,36% 45%,40% 45%,40% 0,51% 0,51% 52%,54% 52%,54% 26%,59% 26%,59% 58%,63% 58%,63% 18%,74% 18%,74% 54%,78% 54%,78% 34%,83% 34%,83% 62%,88% 62%,88% 21%,98% 21%,98% 100%);background:linear-gradient(90deg,#0000 0 3%,#17232b 3% 8%,#0000 8% 10%,#17232b 10% 14%,#0000 14% 18%,#17232b 18% 27%,#0000 27% 31%,#17232b 31% 36%,#0000 36% 40%,#17232b 40% 51%,#0000 51% 54%,#17232b 54% 59%,#0000 59% 63%,#17232b 63% 74%,#0000 74% 78%,#17232b 78% 83%,#0000 83% 88%,#17232b 88% 98%);bottom:12%}.skyline-near{clip-path:polygon(0 100%,0 70%,4% 70%,4% 52%,9% 52%,9% 73%,13% 73%,13% 44%,21% 44%,21% 65%,26% 65%,26% 38%,31% 38%,31% 67%,36% 67%,36% 48%,45% 48%,45% 61%,52% 61%,52% 31%,58% 31%,58% 69%,64% 69%,64% 42%,70% 42%,70% 63%,75% 63%,75% 36%,83% 36%,83% 71%,88% 71%,88% 49%,95% 49%,95% 66%,100% 66%);background:linear-gradient(#0b1217e0,#070b0e 65%)}.landing-road{transform-origin:bottom;background:linear-gradient(90deg,#0c1114,#1d2528 50%,#0b1012);height:43%;position:absolute;inset:auto -10% -11% 36%;transform:perspective(500px)rotateX(58deg)rotate(-11deg);box-shadow:0 -3px #ffffff12}.landing-road span{background:repeating-linear-gradient(#c3a862 0 35px,#0000 35px 70px);width:5px;position:absolute;top:0;bottom:0}.landing-road span:first-child{left:38%}.landing-road span:last-child{right:20%}.landing-grain,.world-grain{pointer-events:none;z-index:5;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.landing-nav{z-index:10;background:linear-gradient(#05080a85,#0000);border-bottom:1px solid #ffffff24;grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:0 5vw;display:grid;position:relative}.landing-nav-links{gap:38px;display:flex}.landing-nav-links span{color:#ffffffa8;letter-spacing:.2em;font-size:10px;font-weight:800}.nav-enter{color:#fff;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b0d38;border:1px solid #ffffff6b;border-radius:999px;justify-self:end;align-items:center;gap:9px;padding:11px 18px;font-size:11px;font-weight:800;display:flex}.landing-copy{z-index:9;max-width:760px;position:absolute;top:50%;left:7vw;transform:translateY(-50%)}.eyebrow{border-left:2px solid var(--lime);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:8px;margin-bottom:24px;padding-left:12px;font-size:10px;font-weight:900;display:inline-flex}.landing-copy h1{letter-spacing:-.075em;text-shadow:0 6px 45px #00000047;margin:0;font-size:clamp(4rem,7.6vw,8.7rem);font-weight:950;line-height:.82}.landing-copy h1 em{color:var(--lime);-webkit-text-stroke:1px #0508094d;font-style:normal}.landing-copy>p{color:#ffffffba;max-width:560px;margin:30px 0;font-size:17px;font-weight:500;line-height:1.65}.landing-actions{align-items:center;gap:28px;display:flex}.hero-enter,.primary-transport,.listen-button{background:var(--lime);color:#090c0d;text-transform:uppercase;letter-spacing:.09em;border:0;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:15px 22px;font-size:11px;font-weight:950;transition:transform .18s,filter .18s;display:inline-flex;box-shadow:0 10px 35px #bdff2030}.hero-enter:hover,.primary-transport:hover,.listen-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.hero-enter:disabled{opacity:.5}.online-count{border-left:1px solid #ffffff40;padding-left:22px}.online-count span{text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.online-count i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%}.online-count small{color:#ffffff6b;text-transform:uppercase;letter-spacing:.1em;margin-top:5px;font-size:9px;display:block}.landing-session-card{z-index:9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070b0db8;border:1px solid #ffffff26;width:370px;display:flex;position:absolute;bottom:9vh;right:5vw;box-shadow:0 25px 80px #0000005c}.session-art{background:linear-gradient(145deg,#e7553d,#7e2836 60%,#181219);flex:none;place-items:center;width:128px;display:grid;position:relative;overflow:hidden}.record-disc{background:#e3ed9b;border:18px solid #111;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 0 0 1px #ffffff4d,0 12px 30px #00000059}.session-art>span{letter-spacing:.12em;background:#ff5440;padding:4px 6px;font-size:8px;font-weight:950;position:absolute;top:8px;left:8px}.session-details{flex:1;padding:22px}.session-details small{color:var(--lime);letter-spacing:.18em;font-size:8px;font-weight:900}.session-details strong{margin:8px 0 5px;font-size:14px;display:block}.session-details p{color:var(--muted);margin:0;font-size:10px}.tiny-wave{align-items:center;gap:2px;height:20px;margin-top:12px;display:flex}.tiny-wave i{width:2px;height:calc(4px + (var(--i,1) * 1px));background:var(--lime);max-height:18px}@supports (color:color-mix(in lab, red, red)){.tiny-wave i{background:color-mix(in srgb,var(--lime) 68%,transparent)}}.tiny-wave i{animation:.7s ease-in-out infinite alternate meter}.tiny-wave i:nth-child(3n){height:16px;animation-delay:-.4s}.tiny-wave i:nth-child(2n){height:10px;animation-delay:-.2s}.landing-footer{z-index:9;align-items:center;gap:14px;display:flex;position:absolute;bottom:4vh;left:7vw}.landing-footer span{letter-spacing:.18em;font-size:8px;font-weight:900}.landing-footer i{background:#fff6;width:46px;height:1px}.landing-footer p{color:#fff6;margin:0;font-size:9px}.city-game{background:#151a1f;height:100dvh;position:relative;overflow:hidden}.city-canvas{position:absolute;inset:0}.world-color-grade{z-index:2;pointer-events:none;background:linear-gradient(#1a314214,#0000 48%,#090c0e47),radial-gradient(circle at 50% 44%,#0000 40%,#04070938 100%);position:absolute;inset:0}.world-loading{background:#000;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.loading-mark{background:var(--loading-accent,#fff);color:#090b0c;border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:8px;display:grid}.loading-disc{animation:1.1s linear infinite loading-disc-spin}@keyframes loading-disc-spin{to{transform:rotate(360deg)}}.world-loading strong{text-transform:uppercase;letter-spacing:.12em;font-size:14px}.world-loading span{color:var(--muted);font-size:10px}.world-entry-screen{--entry-accent:var(--lime);color:#f5f7f4;isolation:isolate;background:#080b0d;place-items:center;width:100%;height:100dvh;min-height:560px;display:grid;position:relative;overflow:hidden}.world-entry-atmosphere{z-index:-3;background:radial-gradient(circle at 50% 46%, var(--entry-accent) 0, transparent 34%), radial-gradient(circle at 50% 105%, #36444a7a, transparent 45%), linear-gradient(180deg, #11171b 0%, #080b0d 64%, #050708 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.world-entry-atmosphere{background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--entry-accent) 17%, transparent) 0, transparent 34%), radial-gradient(circle at 50% 105%, #36444a7a, transparent 45%), linear-gradient(180deg, #11171b 0%, #080b0d 64%, #050708 100%)}}.world-entry-grid{z-index:-2;opacity:.22;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 4%,#000 30% 74%,#0000 100%);mask-image:linear-gradient(#0000 4%,#000 30% 74%,#0000 100%)}.world-entry-screen:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle,#0000 42%,#000000a8 100%);position:absolute;inset:0}.mobile-portrait-guard{display:none}@media (orientation:landscape) and (hover:none) and (pointer:coarse){.mobile-portrait-guard{z-index:1000;background:radial-gradient(circle at 50% 42%, var(--entry-accent), transparent 34%), #080b0d;place-content:center;justify-items:center;gap:9px;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.mobile-portrait-guard{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--entry-accent) 13%, transparent), transparent 34%), #080b0d}}.mobile-portrait-guard{padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:#fff;text-align:center}.mobile-portrait-guard>span{border:2px solid var(--entry-accent);width:38px;height:62px;box-shadow:0 0 26px var(--entry-accent);border-radius:8px;position:relative;transform:rotate(90deg)}@supports (color:color-mix(in lab, red, red)){.mobile-portrait-guard>span{box-shadow:0 0 26px color-mix(in srgb, var(--entry-accent) 22%, transparent)}}.mobile-portrait-guard>span{animation:1.6s ease-in-out infinite mobile-portrait-turn}.mobile-portrait-guard>span:before{content:"";background:#ffffff6b;border-radius:99px;width:12px;height:2px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.mobile-portrait-guard>span>i{background:var(--entry-accent);border-radius:99px;height:3px;position:absolute;bottom:4px;left:4px;right:4px}@supports (color:color-mix(in lab, red, red)){.mobile-portrait-guard>span>i{background:color-mix(in srgb, var(--entry-accent) 72%, white)}}.mobile-portrait-guard strong{letter-spacing:.12em;margin-top:8px;font-size:14px;font-weight:950}.mobile-portrait-guard small{color:#ffffff75;font-size:9px}}@keyframes mobile-portrait-turn{0%,18%{transform:rotate(90deg)}55%,to{transform:rotate(0)}}.world-entry-brand{top:max(28px, env(safe-area-inset-top));left:max(30px, env(safe-area-inset-left));letter-spacing:.08em;align-items:center;gap:11px;display:flex;position:absolute}.world-entry-brand>span{background:var(--entry-accent);color:#090b0c;width:42px;height:42px;box-shadow:0 0 28px var(--entry-accent);border-radius:12px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.world-entry-brand>span{box-shadow:0 0 28px color-mix(in srgb, var(--entry-accent) 28%, transparent)}}.world-entry-brand strong{font-size:17px;font-weight:950}.world-entry-brand em{color:var(--entry-accent);font-style:normal}.world-entry-content{text-align:center;justify-items:center;width:min(460px,100vw - 36px);padding-top:26px;display:grid}.world-entry-copy{z-index:2;position:relative;transform:translateY(-48px)}.world-entry-copy>span{color:var(--entry-accent);letter-spacing:.24em;font-size:10px;font-weight:900}.world-entry-copy h1{letter-spacing:-.04em;grid-template-columns:22px minmax(0,max-content) 22px;align-items:center;gap:4px;width:fit-content;max-width:100%;margin:3px auto 0;font-size:clamp(28px,4vw,46px);font-weight:800;display:grid}.world-entry-copy h1:after{content:"";width:22px}.world-entry-display-name{text-overflow:ellipsis;white-space:nowrap;grid-column:2;min-width:0;overflow:hidden}.world-entry-name-verification{grid-area:1/1;justify-self:center}.chat-verified.world-entry-name-verification{margin-left:0}.world-entry-name-unverified{color:#ffffff40}.world-entry-verify-action{color:#ffffff40;background:0 0;border:0;grid-area:1/1;place-items:center;width:22px;height:22px;padding:0;display:grid}.world-entry-verify-action:hover{color:#ffffffa6}.world-entry-certification{color:#ffffff9e;letter-spacing:.15em;text-transform:uppercase;margin-top:8px;font-size:8px;font-weight:900;display:block}.world-entry-certification[data-tier=gold]{color:#f2c94c}.world-entry-certification[data-tier=platinum]{color:#e8f0f5}.world-entry-certification[data-tier=diamond]{color:#baf5ff}.world-entry-unclaimed{color:#ffffff80;letter-spacing:.14em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;margin-top:8px;padding:5px 8px;font-size:8px;font-weight:900;display:inline-flex}.world-entry-character{background:radial-gradient(circle at 50% 63%, var(--entry-accent), transparent 44%);border-radius:28px;width:min(430px,88vw);height:min(58dvh,540px);min-height:340px;margin:-24px 0 22px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.world-entry-character{background:radial-gradient(circle at 50% 63%, color-mix(in srgb, var(--entry-accent) 10%, transparent), transparent 44%)}}.world-entry-portrait-welcome{z-index:3;color:var(--entry-accent);letter-spacing:.24em;white-space:nowrap;margin-bottom:10px;font-size:10px;font-weight:900;position:relative}.world-entry-character.has-external-welcome{margin-top:0}.world-entry-character canvas{touch-action:none}.world-entry-artist-feature{z-index:2;aspect-ratio:1;isolation:isolate;width:min(62%,270px);box-shadow:0 24px 70px #000000ad,0 0 42px var(--entry-accent);background:#090d10;border:1px solid #fff3;border-radius:50%;position:absolute;top:46%;left:50%}@supports (color:color-mix(in lab, red, red)){.world-entry-artist-feature{box-shadow:0 24px 70px #000000ad,0 0 42px color-mix(in srgb,var(--entry-accent) 18%,transparent)}}.world-entry-artist-feature{transform:translate(-50%,-50%)}.world-entry-artist-feature:before{border:1px solid var(--entry-accent);position:absolute;inset:-10px}@supports (color:color-mix(in lab, red, red)){.world-entry-artist-feature:before{border:1px solid color-mix(in srgb,var(--entry-accent) 34%,transparent)}}.world-entry-artist-feature:before{border-radius:inherit;box-shadow:inset 0 0 24px var(--entry-accent)}@supports (color:color-mix(in lab, red, red)){.world-entry-artist-feature:before{box-shadow:inset 0 0 24px color-mix(in srgb,var(--entry-accent) 10%,transparent)}}.world-entry-artist-feature:before{content:""}.world-entry-artist-feature>img{z-index:0;border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block;position:relative}.world-entry-artist-placeholder{z-index:0;border-radius:inherit;background:radial-gradient(circle at 50% 42%,var(--entry-accent),#090d10 72%);place-items:center;width:100%;height:100%;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.world-entry-artist-placeholder{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--entry-accent) 16%,#151b1f),#090d10 72%)}}.world-entry-artist-placeholder{color:var(--entry-accent)}@supports (color:color-mix(in lab, red, red)){.world-entry-artist-placeholder{color:color-mix(in srgb,var(--entry-accent) 62%,#ffffff4d)}}.world-entry-artist-placeholder>svg{stroke-width:.75px;width:78%;height:78%}.world-entry-artist-fade{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0000001f 24%,#0000009e 68%,#000 100%);border-radius:0 0 999px 999px;height:72%;position:absolute;bottom:0;left:0;right:0}.world-entry-artist-unclaimed{z-index:3;margin-top:0;position:absolute;bottom:calc(100% + 22px);left:50%;transform:translate(-50%)}.world-entry-artist-identity{z-index:2;position:absolute;bottom:18px;left:8%;right:8%}.world-entry-artist-identity .world-entry-copy{transform:none}.world-entry-artist-identity .world-entry-copy h1{text-shadow:0 3px 12px #000000e6;gap:4px;font-size:clamp(20px,3vw,28px)}.world-entry-artist-identity .world-entry-copy>span{text-shadow:0 2px 8px #000000e6;font-size:7px}.world-entry-artist-identity .world-entry-certification,.world-entry-artist-identity .world-entry-unclaimed{margin-top:5px}.world-entry-career{z-index:3;text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#05080af5;border:1px solid #ffffff2b;border-radius:11px;grid-template-columns:minmax(0,1fr);transition:transform .2s,border-color .2s,box-shadow .2s;animation:.36s cubic-bezier(.2,.8,.2,1) world-entry-career-in;display:grid;position:absolute;bottom:12px;left:56px;right:56px;overflow:hidden;box-shadow:0 18px 52px #00000094,inset 0 1px #ffffff0d}.world-entry-career:hover{border-color:var(--entry-accent)}@supports (color:color-mix(in lab, red, red)){.world-entry-career:hover{border-color:color-mix(in srgb, var(--entry-accent) 58%, #ffffff3d)}}.world-entry-career:hover{box-shadow:0 22px 58px #0000009e, 0 0 28px var(--entry-accent), inset 0 1px #ffffff14;transform:translateY(-3px)scale(1.015)}@supports (color:color-mix(in lab, red, red)){.world-entry-career:hover{box-shadow:0 22px 58px #0000009e, 0 0 28px color-mix(in srgb, var(--entry-accent) 20%, transparent), inset 0 1px #ffffff14}}.world-entry-career[data-syncing=true]{border-color:var(--entry-accent)}@supports (color:color-mix(in lab, red, red)){.world-entry-career[data-syncing=true]{border-color:color-mix(in srgb, var(--entry-accent) 44%, #fff3)}}.world-entry-career[data-syncing=true]{box-shadow:0 18px 52px #00000094, 0 0 22px var(--entry-accent), inset 0 1px #ffffff0d}@supports (color:color-mix(in lab, red, red)){.world-entry-career[data-syncing=true]{box-shadow:0 18px 52px #00000094, 0 0 22px color-mix(in srgb, var(--entry-accent) 16%, transparent), inset 0 1px #ffffff0d}}.world-entry-career>button:disabled{cursor:wait}.world-entry-career:before{background:linear-gradient(90deg, transparent, var(--entry-accent), transparent);height:2px;box-shadow:0 0 12px var(--entry-accent);position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.world-entry-career:before{box-shadow:0 0 12px color-mix(in srgb, var(--entry-accent) 55%, transparent)}}.world-entry-career:before{content:""}.world-entry-career>button{width:100%;min-width:0;color:inherit;font:inherit;text-align:center;background:0 0;border:0;justify-items:center;gap:9px;padding:15px 16px 17px;display:grid;position:relative}.world-entry-career>button:after{background:linear-gradient(110deg, transparent 18%, var(--entry-accent) 48%, transparent 78%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.world-entry-career>button:after{background:linear-gradient(110deg, transparent 18%, color-mix(in srgb, var(--entry-accent) 12%, transparent) 48%, transparent 78%)}}.world-entry-career>button:after{content:"";pointer-events:none;transition:transform .48s;transform:translate(-115%)}.world-entry-career:hover>button:after{transform:translate(115%)}.world-entry-career>button:focus-visible{outline:2px solid var(--entry-accent);outline-offset:-3px}.world-entry-career>button span{z-index:1;color:#ffffff8f;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:7px;font-weight:850;transition:color .2s;display:flex;position:relative;overflow:hidden}.world-entry-career:hover>button span{color:#ffffffc7}.world-entry-career>button span svg{color:var(--entry-accent);flex:none}.world-entry-career>button strong{z-index:1;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.045em;text-align:center;text-overflow:ellipsis;width:100%;font-size:clamp(28px,3.5vw,40px);font-weight:900;line-height:1;transition:text-shadow .2s;display:block;position:relative;overflow:hidden}.world-entry-career:hover>button strong{text-shadow:0 0 20px var(--entry-accent)}@supports (color:color-mix(in lab, red, red)){.world-entry-career:hover>button strong{text-shadow:0 0 20px color-mix(in srgb, var(--entry-accent) 34%, transparent)}}@keyframes world-entry-career-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.world-entry-actions{z-index:3;justify-items:center;gap:10px;display:grid;position:relative}.world-entry-button{z-index:3;border:1px solid var(--entry-accent);grid-template-columns:1fr auto 1fr;align-items:center;width:min(330px,82vw);height:64px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.world-entry-button{border:1px solid color-mix(in srgb, var(--entry-accent) 72%, #fff)}}.world-entry-button{background:var(--entry-accent);color:#080a0b;box-shadow:0 16px 50px var(--entry-accent);border-radius:10px;padding:0 20px}@supports (color:color-mix(in lab, red, red)){.world-entry-button{box-shadow:0 16px 50px color-mix(in srgb, var(--entry-accent) 18%, transparent)}}.world-entry-button{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:950;transition:transform .18s,box-shadow .18s}.world-entry-button span{grid-column:2}.world-entry-button svg{grid-column:3;justify-self:end}.world-entry-button:hover{box-shadow:0 20px 60px var(--entry-accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.world-entry-button:hover{box-shadow:0 20px 60px color-mix(in srgb, var(--entry-accent) 28%, transparent)}}.world-entry-button:disabled{cursor:wait;filter:saturate(.58);opacity:.72;box-shadow:0 10px 34px var(--entry-accent);transform:none}@supports (color:color-mix(in lab, red, red)){.world-entry-button:disabled{box-shadow:0 10px 34px color-mix(in srgb, var(--entry-accent) 12%, transparent)}}.world-entry-button:active{transform:translateY(0)scale(.985)}.world-entry-button.secondary{border-color:var(--entry-accent);height:48px}@supports (color:color-mix(in lab, red, red)){.world-entry-button.secondary{border-color:color-mix(in srgb, var(--entry-accent) 38%, #ffffff29)}}.world-entry-button.secondary{color:#f5f7f4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090d0fc7;box-shadow:0 12px 36px #0000003d}.world-entry-button.secondary:hover{border-color:var(--entry-accent)}@supports (color:color-mix(in lab, red, red)){.world-entry-button.secondary:hover{border-color:color-mix(in srgb, var(--entry-accent) 72%, #fff)}}.world-entry-button.secondary:hover{box-shadow:0 16px 46px var(--entry-accent)}@supports (color:color-mix(in lab, red, red)){.world-entry-button.secondary:hover{box-shadow:0 16px 46px color-mix(in srgb, var(--entry-accent) 12%, transparent)}}.signed-out-entry-content{padding-top:12px}.signed-out-entry-space{width:min(560px,92vw);height:min(46dvh,400px);min-height:280px;margin:66px 0 4px}.community-entry-content{width:min(1240px,100vw - 20px);padding-top:0}.community-entry-characters{background:radial-gradient(circle at 50% 67%,#a97cff26,#0000 48%);width:min(1220px,98vw);height:min(78dvh,720px);min-height:390px;margin:0 0 10px}.community-entry-characters canvas{z-index:1;position:relative}.community-entry-logo{z-index:0;color:#fffffff0;letter-spacing:-.07em;pointer-events:none;text-shadow:0 18px 70px #000c;white-space:nowrap;align-items:center;gap:.12em;font-size:clamp(88px,14vw,190px);font-weight:950;line-height:.78;display:flex;position:absolute;top:27%;left:50%;transform:translate(-50%,-50%)}.community-entry-logo em{color:var(--entry-accent);text-shadow:0 0 46px var(--entry-accent);font-style:normal}@supports (color:color-mix(in lab, red, red)){.community-entry-logo em{text-shadow:0 0 46px color-mix(in srgb, var(--entry-accent) 38%, transparent)}}.community-slide-title{animation:.55s cubic-bezier(.2,.8,.2,1) community-slide-title-in}.community-slide-title[data-slide=create]{font-size:clamp(62px,9vw,120px)}.community-slide-title[data-single=true]{font-size:clamp(64px,10vw,132px)}@keyframes community-slide-title-in{0%{opacity:0;transform:translate(-50%,-44%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.community-network-chat{color:#111619;opacity:0;pointer-events:none;white-space:nowrap;width:max-content;max-width:130px;animation:6s ease-in-out infinite community-network-chat;animation-delay:var(--network-chat-delay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9fbf7;border:1px solid #ffffff3d;border-radius:10px 10px 10px 3px;padding:6px 9px;font-size:8px;font-weight:750;line-height:1.4;display:block;position:relative;box-shadow:0 7px 20px #00000047}.community-network-chat:after{clip-path:polygon(0 0,100% 0,0 100%);content:"";background:#f9fbf7;width:8px;height:8px;position:absolute;bottom:-4px;left:10px}@keyframes community-network-chat{0%,12%,72%,to{opacity:0;transform:translateY(6px)scale(.96)}20%,62%{opacity:.9;transform:translateY(0)scale(1)}}.community-slide-nav{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.community-slide-nav button{flex:none;place-items:center;padding:0;display:grid}.community-slide-nav .community-slide-dot{width:7px;height:7px;box-shadow:none;background:#ffffff3d;border:0;border-radius:50%;padding:0;transition:width .2s,border-radius .2s,background .2s}.community-slide-nav .community-slide-dot[aria-pressed=true]{background:var(--entry-accent);width:24px;box-shadow:0 0 14px var(--entry-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.community-slide-nav .community-slide-dot[aria-pressed=true]{box-shadow:0 0 14px color-mix(in srgb, var(--entry-accent) 45%, transparent)}}.community-slide-nav .community-slide-arrow{color:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a0cc2;border:1px solid #ffffff29;border-radius:50%;width:28px;height:28px;transition:border-color .18s,color .18s,transform .18s;box-shadow:0 8px 22px #0000004d}.community-slide-nav .community-slide-arrow:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.community-slide-nav .community-slide-arrow:hover{border-color:color-mix(in srgb,var(--lime) 55%,transparent)}}.community-slide-nav .community-slide-arrow:hover{color:var(--entry-accent);transform:scale(1.06)}.community-daw-demo{z-index:2;color:#eef2ed;opacity:.9;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05080af0;border:1px solid #ffffff2e;border-radius:13px;width:min(420px,44vw);height:230px;animation:.5s cubic-bezier(.2,.8,.2,1) community-daw-demo-in;position:absolute;top:55%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 26px 80px #0000009e,0 0 40px #a97cff1a,inset 0 1px #ffffff0f}@keyframes community-daw-demo-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}}.community-collab-demo{z-index:2;color:#eef2ed;opacity:.9;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05080af0;border:1px solid #ffffff2e;border-radius:13px;width:min(390px,42vw);height:210px;animation:.5s cubic-bezier(.2,.8,.2,1) community-daw-demo-in;position:absolute;top:57%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 26px 80px #0000009e,0 0 40px #a97cff1a,inset 0 1px #ffffff0f}.community-collab-demo>header{background:#0d1113;border-bottom:1px solid #ffffff17;grid-template-columns:1fr auto 1fr;align-items:center;height:36px;padding:0 11px;display:grid}.community-collab-demo>header>strong{letter-spacing:.12em;font-size:8px}.community-collab-live{color:var(--entry-accent);letter-spacing:.12em;align-items:center;gap:5px;font-size:6px;font-weight:950;display:flex}.community-collab-live i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite community-collab-live;box-shadow:0 0 9px}.community-collab-people{justify-self:end;padding-left:5px;display:flex}.community-collab-people i{color:#fff;background:#a97cff;border:1px solid #0d1113;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:-5px;font-size:6px;font-style:normal;font-weight:950;display:grid}.community-collab-people i:nth-child(2){color:#071012;background:#55ddeb}.community-collab-people i:nth-child(3){color:#111619;background:#d7ff3f}.community-collab-workspace{grid-template-columns:1fr 106px;height:132px;animation:8s infinite community-collab-workspace;display:grid}.community-collab-tracks{align-content:center;gap:6px;padding:12px;display:grid;position:relative;overflow:hidden}.community-collab-tracks>div{grid-template-columns:48px 1fr;align-items:center;gap:6px;height:27px;display:grid}.community-collab-tracks>div>strong{color:#ffffff8f;letter-spacing:.07em;font-size:6px}.community-collab-tracks>div>span{background:#ffffff0a;border-radius:3px;align-items:center;gap:2px;height:20px;padding:3px;display:flex}.community-collab-tracks>div>span i{background:#a97cff75;border-radius:2px;flex:1;height:100%;display:block}.community-collab-tracks>div>span[data-track="1"] i{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.community-collab-tracks>div>span[data-track="1"] i{background:color-mix(in srgb,var(--lime) 42%,transparent)}}.community-collab-tracks>div>span[data-track="2"] i{background:#55ddeb6b}.community-collab-tracks>div>span i:nth-child(2n){opacity:.52}.community-collab-tracks>div:first-child>span i:nth-child(3){animation:1.4s ease-in-out infinite community-collab-edit}.community-collab-workspace>aside{background:#ffffff05;border-left:1px solid #ffffff14;align-content:start;gap:10px;padding:14px 10px;display:grid}.community-collab-workspace>aside small{color:#ffffff52;letter-spacing:.12em;font-size:5px;font-weight:900}.community-collab-workspace>aside p{color:#ffffffa8;align-items:center;gap:5px;margin:0;font-size:6px;display:flex}.community-collab-workspace>aside p i{background:#fff;border-radius:50%;flex:none;width:4px;height:4px}.community-collab-workspace>aside p i[data-color=lime]{background:#d7ff3f}.community-collab-workspace>aside p i[data-color=purple]{background:#a97cff}.community-collab-workspace>aside p i[data-color=cyan]{background:#55ddeb}.community-collab-cursor{z-index:3;clip-path:polygon(0 0,100% 70%,58% 72%,76% 100%,60% 100%,43% 75%,12% 100%);filter:drop-shadow(0 2px 3px #000000a6);background:#fff;width:9px;height:13px;position:absolute}.community-collab-cursor b{color:#fff;letter-spacing:.05em;background:#a97cff;border-radius:3px;padding:2px 4px;font-size:4px;position:absolute;top:-10px;left:7px}.community-collab-cursor-one{animation:8s ease-in-out infinite community-collab-cursor-one}.community-collab-cursor-two{background:#55ddeb;animation:8s ease-in-out infinite community-collab-cursor-two}.community-collab-cursor-two b{color:#071012;background:#55ddeb}.community-collab-share{border:1px solid var(--lime);align-items:center;gap:5px;height:25px;display:flex;position:absolute;bottom:8px;right:10px}@supports (color:color-mix(in lab, red, red)){.community-collab-share{border:1px solid color-mix(in srgb,var(--lime) 34%,transparent)}}.community-collab-share{background:var(--lime);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.community-collab-share{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.community-collab-share{color:var(--entry-accent);letter-spacing:.08em;padding:0 9px;font-size:6px;font-weight:950;animation:8s infinite community-collab-share}.community-collab-send{z-index:6;opacity:0;background:#0c1012f7;border:1px solid #ffffff29;border-radius:10px;width:210px;padding:13px;animation:8s ease-in-out infinite community-collab-send;position:absolute;top:66px;left:50%;transform:translate(-50%,10px)scale(.96);box-shadow:0 20px 55px #0000008c}.community-collab-send>header{color:var(--entry-accent);align-items:center;gap:8px;display:flex}.community-collab-send>header span{gap:2px;display:grid}.community-collab-send>header small{color:#ffffff61;letter-spacing:.12em;font-size:5px}.community-collab-send>header strong{color:#fff;font-size:8px}.community-collab-send-progress{background:#ffffff14;border-radius:99px;height:4px;margin-top:13px;overflow:hidden}.community-collab-send-progress i{border-radius:inherit;background:var(--entry-accent);width:0;height:100%;animation:8s ease-in-out infinite community-collab-send-progress;display:block}.community-collab-send>b{color:var(--entry-accent);letter-spacing:.1em;opacity:0;justify-content:center;align-items:center;gap:5px;margin-top:9px;font-size:6px;animation:8s infinite community-collab-sent;display:flex}@keyframes community-collab-live{50%{opacity:.35}}@keyframes community-collab-edit{50%{opacity:1;box-shadow:0 0 10px #a97cff80}}@keyframes community-collab-cursor-one{0%{top:26px;left:44%}38%{top:45px;left:68%}to{top:45px;left:68%}}@keyframes community-collab-cursor-two{0%{top:91px;left:78%}38%{top:72px;left:52%}to{top:72px;left:52%}}@keyframes community-collab-workspace{0%,42%{opacity:1}50%,88%{opacity:.28}96%,to{opacity:1}}@keyframes community-collab-share{0%,32%{background:color-mix(in srgb,var(--lime) 10%,transparent);transform:scale(1)}38%,42%{background:color-mix(in srgb,var(--lime) 30%,transparent);transform:scale(.95)}48%,90%{opacity:.25}to{opacity:1}}@keyframes community-collab-send{0%,43%,94%,to{opacity:0;transform:translate(-50%,10px)scale(.96)}50%,88%{opacity:1;transform:translate(-50%)scale(1)}}@keyframes community-collab-send-progress{0%,48%{width:0}78%,to{width:100%}}@keyframes community-collab-sent{0%,76%{opacity:0}82%,92%{opacity:1}to{opacity:0}}.community-daw-demo>header{z-index:5;background:#0d1113;border-bottom:1px solid #ffffff17;grid-template-columns:1fr auto 1fr;align-items:center;height:38px;padding:0 12px;display:grid;position:relative}.community-daw-demo>header>strong{letter-spacing:.18em;font-size:8px}.community-daw-mark{align-items:center;gap:2px;display:flex}.community-daw-mark i{background:var(--entry-accent);border-radius:2px;width:2px}.community-daw-mark i:first-child{height:9px}.community-daw-mark i:nth-child(2){height:16px}.community-daw-mark i:nth-child(3){height:12px}.community-daw-transport{justify-self:end;align-items:center;gap:5px;display:flex}.community-daw-transport b{font-size:8px}.community-daw-transport small{color:#ffffff61;letter-spacing:.08em;font-size:5px}.community-daw-play{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:7px solid var(--entry-accent);width:0;height:0;margin-right:3px}.community-daw-view{position:absolute;inset:38px 0 0}.community-daw-playlist{grid-template-columns:110px 1fr;animation:16s infinite community-daw-playlist-view;display:grid}.community-daw-playlist>aside{text-align:left;background:#0a0e10;border-right:1px solid #ffffff14;align-content:start;gap:5px;padding:40px 12px 0;display:grid}.community-daw-playlist>aside span{color:var(--entry-accent);font-size:7px;font-weight:900}.community-daw-playlist>aside strong{letter-spacing:.06em;font-size:9px}.community-daw-playlist>aside small{color:#ffffff59;font-size:6px}.community-daw-playlist>section,.community-daw-piano>section{position:relative;overflow:hidden}.community-daw-ruler{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(8,1fr);height:27px;display:grid}.community-daw-ruler span{color:#ffffff59;border-left:1px solid #ffffff0e;padding:8px 0 0 6px;font-size:6px}.community-daw-grid{opacity:.56;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:26px 22px;position:absolute;inset:0}.community-daw-clip{border:1px solid var(--lime);align-items:end;gap:3px;width:0;height:54px;display:flex;position:absolute;top:52px;left:14px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.community-daw-clip{border:1px solid color-mix(in srgb,var(--lime) 62%,transparent)}}.community-daw-clip{background:var(--lime);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.community-daw-clip{background:color-mix(in srgb,var(--lime) 16%,transparent)}}.community-daw-clip{padding:8px;animation:16s cubic-bezier(.2,.8,.2,1) infinite community-daw-draw-clip;box-shadow:inset 0 1px #ffffff14}.community-daw-clip b{letter-spacing:.08em;font-size:6px;position:absolute;top:6px;left:8px}.community-daw-clip span{background:var(--entry-accent);opacity:.7;border-radius:2px 2px 0 0;width:12px}.community-daw-clip span:first-of-type{height:12px}.community-daw-clip span:nth-of-type(2){height:24px}.community-daw-clip span:nth-of-type(3){height:17px}.community-daw-clip span:nth-of-type(4){height:29px}.community-daw-clip span:nth-of-type(5){height:20px}@keyframes community-daw-draw-clip{0%,4%{opacity:0;width:0;padding-left:0;padding-right:0}18%,to{opacity:1;width:46%;padding-left:8px;padding-right:8px}}@keyframes community-daw-playlist-view{0%,26%{opacity:1;transform:scale(1)}31%,to{opacity:0;transform:scale(.985)}}.community-daw-editor{opacity:0;background:#090d0f;animation:16s infinite community-daw-editor-view}.community-daw-editor>header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:34px;padding:0 15px;display:flex}.community-daw-editor>header span{font-size:9px;font-weight:900}.community-daw-editor>header strong{color:var(--entry-accent);letter-spacing:.15em;font-size:7px}.community-daw-editor-body{grid-template-columns:1fr 1.35fr;gap:22px;padding:28px 28px 0;display:grid}.community-daw-editor-body section>small{color:#fff6;letter-spacing:.12em;font-size:6px}.community-daw-wave{align-items:center;gap:3px;height:70px;margin-top:12px;display:flex}.community-daw-wave i{background:#a97cff;border-radius:2px;width:3px;height:18px}.community-daw-wave i:nth-child(3n){height:42px}.community-daw-wave i:nth-child(3n+1){height:23px}.community-daw-knobs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.community-daw-knobs label{color:#ffffff7a;letter-spacing:.06em;justify-items:center;gap:7px;font-size:5px;display:grid}.community-daw-knobs label>i{background:radial-gradient(circle,#22292c 0 45%,#111517 47%);border:3px solid #242b2e;border-radius:50%;width:42px;height:42px;animation:16s ease-in-out infinite community-daw-turn-knob;position:relative;transform:rotate(-42deg)}.community-daw-knobs label>i:after{background:var(--entry-accent);content:"";border-radius:2px;width:2px;height:10px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.community-daw-knobs label small{color:#ffffff47;font-size:5px}.community-daw-editor>button{border:1px solid var(--lime);height:26px;position:absolute;bottom:18px;right:22px}@supports (color:color-mix(in lab, red, red)){.community-daw-editor>button{border:1px solid color-mix(in srgb,var(--lime) 35%,transparent)}}.community-daw-editor>button{background:var(--lime);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.community-daw-editor>button{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.community-daw-editor>button{color:var(--entry-accent);letter-spacing:.1em;padding:0 12px;font-size:6px;font-weight:900;animation:16s infinite community-daw-piano-button}@keyframes community-daw-editor-view{0%,26%{opacity:0;transform:translateY(7px)}31%,52%{opacity:1;transform:translateY(0)}57%,to{opacity:0;transform:translateY(-5px)}}@keyframes community-daw-turn-knob{0%,35%{transform:rotate(-42deg)}48%,to{transform:rotate(82deg)}}@keyframes community-daw-piano-button{0%,47%{background:color-mix(in srgb,var(--lime) 8%,transparent);box-shadow:none}50%,54%{background:color-mix(in srgb,var(--lime) 22%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--lime) 22%,transparent)}57%,to{background:color-mix(in srgb,var(--lime) 8%,transparent);box-shadow:none}}.community-daw-piano{opacity:0;background:#090d0f;grid-template-columns:62px 1fr;animation:16s infinite community-daw-piano-view;display:grid}.community-daw-piano>aside{z-index:2;background:#101517;grid-template-rows:repeat(10,1fr);display:grid;position:relative}.community-daw-piano>aside span{background:#e8ece7;border-bottom:1px solid #9da5a2}.community-daw-piano>aside span.black{z-index:2;background:#111517;width:62%;margin-bottom:-5px}.community-daw-piano-notes{clip-path:inset(0 100% 0 0);animation:16s steps(7,end) infinite community-daw-write-notes;position:absolute;inset:0;overflow:hidden}.community-daw-piano-notes i{border:1px solid var(--lime);height:11px;position:absolute}@supports (color:color-mix(in lab, red, red)){.community-daw-piano-notes i{border:1px solid color-mix(in srgb,var(--lime) 70%,transparent)}}.community-daw-piano-notes i{background:var(--lime);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.community-daw-piano-notes i{background:color-mix(in srgb,var(--lime) 52%,transparent)}}.community-daw-piano-notes i{box-shadow:0 0 10px var(--lime)}@supports (color:color-mix(in lab, red, red)){.community-daw-piano-notes i{box-shadow:0 0 10px color-mix(in srgb,var(--lime) 12%,transparent)}}@keyframes community-daw-piano-view{0%,52%{opacity:0;transform:translateY(6px)}58%,to{opacity:1;transform:translateY(0)}}@keyframes community-daw-write-notes{0%,60%{clip-path:inset(0 100% 0 0)}88%,to{clip-path:inset(0)}}.community-daw-cursor{z-index:8;clip-path:polygon(0 0,100% 70%,58% 72%,76% 100%,60% 100%,43% 75%,12% 100%);filter:drop-shadow(0 2px 4px #000000a6);background:#fff;width:15px;height:20px;animation:16s ease-in-out infinite community-daw-cursor-path;position:absolute}.community-daw-cursor i{border:1px solid var(--entry-accent);opacity:0;border-radius:50%;animation:16s infinite community-daw-double-click;position:absolute;inset:-9px}@keyframes community-daw-cursor-path{0%{opacity:0;top:78%;left:88%}8%{opacity:1;top:50%;left:42%}20%,27%{opacity:1;top:42%;left:35%}36%{opacity:1;top:52%;left:67%}47%{opacity:1;top:55%;left:70%}52%{opacity:1;top:87%;left:85%}58%{opacity:1;top:62%;left:42%}86%{opacity:1;top:34%;left:82%}94%,to{opacity:0;top:30%;left:90%}}@keyframes community-daw-double-click{0%,19%,20.5%,22%,23.5%,to{opacity:0;transform:scale(.45)}20%,21.5%,23%{opacity:.9;transform:scale(1)}}.community-entry-actions{margin-top:14px}@media (max-width:768px),(max-height:700px){.world-entry-screen{min-height:100dvh}.world-entry-brand{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left))}.world-entry-brand>span{width:38px;height:38px}.world-entry-content{padding-top:38px}.world-entry-character{height:min(55dvh,430px);min-height:300px;margin-top:-20px;margin-bottom:18px}.world-entry-career{bottom:8px;left:24px;right:24px}.world-entry-career>button{gap:7px;padding:13px 12px 14px}.world-entry-career>button span{letter-spacing:.05em;gap:4px;font-size:6px}.world-entry-career>button span svg{display:none}.world-entry-career>button strong{font-size:30px}.signed-out-entry-content{padding-top:28px}.signed-out-entry-space{height:min(42dvh,330px);min-height:245px;margin-top:58px}.community-entry-content{padding-top:8px}.community-entry-characters{height:min(68dvh,470px);min-height:320px;margin-top:0;margin-bottom:8px}.community-entry-logo{font-size:clamp(66px,20vw,112px);top:25%}.community-slide-title[data-slide=create]{font-size:clamp(40px,12vw,66px)}.community-slide-title[data-single=true]{font-size:clamp(42px,13vw,72px)}.community-daw-demo{border-radius:9px;width:min(68vw,360px);height:170px;top:57%}.community-collab-demo{border-radius:9px;width:min(72vw,360px);height:170px;top:58%}.community-collab-demo>header{height:30px}.community-collab-workspace{grid-template-columns:1fr 90px;height:108px}.community-collab-tracks{gap:3px;padding:7px}.community-collab-tracks>div{grid-template-columns:40px 1fr;height:25px}.community-collab-workspace>aside{gap:7px;padding:9px 7px}.community-collab-send{width:185px;top:50px}.community-collab-share{height:22px;bottom:5px}.community-daw-demo>header{height:30px;padding:0 8px}.community-daw-view{top:30px}.community-daw-playlist{grid-template-columns:72px 1fr}.community-daw-playlist>aside{gap:3px;padding:31px 7px 0}.community-daw-playlist>aside strong{font-size:7px}.community-daw-clip{height:42px;top:42px}.community-daw-editor-body{gap:10px;padding:17px 14px 0}.community-daw-wave{gap:2px;height:52px}.community-daw-knobs{gap:5px}.community-daw-knobs label>i{width:29px;height:29px}.community-daw-knobs label>i:after{height:7px}.community-daw-editor>button{height:22px;bottom:10px;right:12px}.community-daw-piano{grid-template-columns:44px 1fr}.community-slide-nav{gap:6px;bottom:8px}.community-entry-actions{margin-top:2px}.world-entry-button{height:58px}}@media (prefers-reduced-motion:reduce){.community-slide-title{animation:none}}@media (max-width:768px),(hover:none) and (pointer:coarse){.world-entry-copy>span{display:none}}.studio-invite-failure{z-index:100;text-align:center;padding:24px}.studio-invite-failure>span{max-width:420px;font-size:11px;line-height:1.55}.studio-invite-failure>div:last-child{gap:8px;margin-top:13px;display:flex}.studio-invite-failure button{color:#ffffffad;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:10px;font-weight:850;display:inline-flex}.studio-invite-failure button:first-child{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-invite-failure button:first-child{border-color:color-mix(in srgb,var(--lime) 34%,transparent)}}.studio-invite-failure button:first-child{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-invite-failure button:first-child{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.studio-invite-failure button:first-child{color:var(--lime)}.profile-menu{z-index:31;border:1px solid var(--line);background:#090c0ef5;border-radius:7px;width:170px;padding:7px;position:absolute;top:78px;right:24px;box-shadow:0 16px 50px #0000005c}.profile-menu button{color:#ffffffad;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;width:100%;padding:10px;font-size:10px;display:flex}.profile-menu button:hover{color:#fff;background:#ffffff12}.profile-menu-count{color:#fff;background:#ff5d45;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:7px;font-weight:900;display:grid}.graphics-settings-panel{z-index:45;color:#fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080b0df5;border:1px solid #ffffff24;border-radius:12px;width:min(370px,100vw - 32px);max-height:calc(100dvh - 94px);position:fixed;top:78px;right:24px;overflow:hidden auto;box-shadow:0 22px 70px #00000080}.graphics-settings-panel>header{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;padding:15px;display:flex}.graphics-settings-panel>header>span{background:var(--lime);border-radius:9px;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.graphics-settings-panel>header>span{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.graphics-settings-panel>header>span{color:var(--lime)}.graphics-settings-panel>header>div{flex:1;gap:2px;display:grid}.graphics-settings-panel>header small{color:var(--lime);letter-spacing:.16em;font-size:7px;font-weight:900}.graphics-settings-panel>header strong{font-size:14px}.graphics-settings-panel>header button{color:#ffffff94;background:0 0;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.graphics-settings-panel>header button:hover{color:#fff;border-color:#ffffff3d}.graphics-quality-options{gap:7px;padding:12px;display:grid}.graphics-quality-options>button{color:#ffffffad;text-align:left;background:#ffffff06;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:11px;padding:11px;display:flex}.graphics-quality-options>button:hover{color:#fff;background:#ffffff0d;border-color:#ffffff2e}.graphics-quality-options>button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.graphics-quality-options>button.active{border-color:color-mix(in srgb,var(--lime) 42%,transparent)}}.graphics-quality-options>button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.graphics-quality-options>button.active{background:color-mix(in srgb,var(--lime) 9%,transparent)}}.graphics-quality-options>button.active{color:#fff}.graphics-quality-options>button>i{border:2px solid #ffffff3d;border-radius:50%;flex:none;width:10px;height:10px}.graphics-quality-options>button.active>i{border-color:var(--lime);background:var(--lime);box-shadow:0 0 12px var(--lime)}@supports (color:color-mix(in lab, red, red)){.graphics-quality-options>button.active>i{box-shadow:0 0 12px color-mix(in srgb,var(--lime) 50%,transparent)}}.graphics-quality-options>button>span{gap:3px;display:grid}.graphics-quality-options>button strong{font-size:11px}.graphics-quality-options>button small{color:#fff6;font-size:8px;line-height:1.45}.graphics-settings-panel>p{color:#ffffff57;border-top:1px solid #ffffff12;margin:0;padding:11px 14px 13px;font-size:8px;line-height:1.5}.hud-map{z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a0ceb;border:1px solid #ffffff29;border-radius:10px;width:280px;position:absolute;top:24px;left:24px;overflow:hidden;box-shadow:0 15px 45px #0000005c}.map-grid{background-color:#1c2927;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;height:170px;position:relative;overflow:hidden}.map-geography{width:100%;height:100%;position:absolute;inset:0}.map-water{fill:#173c4b}.map-blocks{fill:#30443c}.map-highway-shape{fill:none;stroke:#96aab980;stroke-width:7px;stroke-linejoin:round}.map-road-shape{fill:#151b1d;stroke:#ffffff29;stroke-width:.65px}.map-yard-shape{fill:#263335;stroke:#596466;stroke-width:1px;stroke-dasharray:2 1.5}.map-port-shape{fill:#40484a;stroke:#788285;stroke-width:1px}.map-race-shape{fill:none;stroke:#c6d0d0;stroke-width:8px;stroke-linejoin:round;opacity:.62}.map-race-connector{fill:none;stroke:#c6d0d0;stroke-width:8px;opacity:.62}.map-geography text{fill:#ffffff4d;letter-spacing:1.2px;font-size:6px;font-weight:900}.map-producer{z-index:3;background:var(--player-color);width:7px;height:7px;box-shadow:0 0 7px var(--player-color);border:1.5px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.map-producer.friend{border-color:var(--lime);width:9px;height:9px;box-shadow:0 0 4px white, 0 0 11px var(--lime)}.map-producer.friend:after{content:"";border:1px solid var(--lime);position:absolute;inset:-4px}@supports (color:color-mix(in lab, red, red)){.map-producer.friend:after{border:1px solid color-mix(in srgb, var(--lime) 62%, transparent)}}.map-producer.friend:after{border-radius:inherit;animation:1.8s ease-out infinite minimap-friend-pulse}.map-player{z-index:4;width:18px;height:22px;color:var(--lime);filter:drop-shadow(0 0 5px var(--lime));display:block;position:absolute}@supports (color:color-mix(in lab, red, red)){.map-player{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--lime) 90%,transparent))}}.map-player{transform-origin:50%}.map-player svg{width:100%;height:100%;display:block;overflow:visible}.map-player path{fill:currentColor;stroke:#050809f2;stroke-linejoin:round;stroke-width:1.8px;vector-effect:non-scaling-stroke}.map-location{justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.map-location strong{letter-spacing:.12em;font-size:8px}.map-legend{color:#ffffff8c;align-items:center;gap:5px;font-size:7px;font-weight:800;display:flex}.map-legend i{border-radius:50%;width:6px;height:6px}.map-legend i.friend{background:var(--lime);box-shadow:0 0 6px var(--lime)}.map-legend i.producer{background:#6af;margin-left:5px;box-shadow:0 0 5px #6af}@keyframes minimap-friend-pulse{0%{opacity:.8;transform:scale(.65)}to{opacity:0;transform:scale(1.5)}}.game-help{z-index:9;color:#ffffff70;letter-spacing:.1em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b0dc7;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:13px;padding:8px 13px;font-size:7px;font-weight:900;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.game-help span{align-items:center;gap:4px;display:flex}.game-help i{background:var(--line);width:1px;height:18px}.game-help kbd{color:#fff;background:#ffffff14;border:1px solid #ffffff30;border-radius:3px;place-items:center;min-width:19px;height:19px;font-size:7px;display:grid}.emote-wheel{z-index:12;pointer-events:none;width:320px;height:320px;animation:.16s cubic-bezier(.2,.9,.3,1) emote-wheel-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes emote-wheel-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.emote-dial{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.emote-dial .emote-segment{fill:#080b0dbd;stroke:#ffffff1a;stroke-width:1px;transition:fill .12s,stroke .12s}.emote-dial .emote-segment.is-active{fill:#37cfff38;stroke:var(--accent,#37cfff);stroke-width:1.5px}.emote-dial .emote-ring{fill:none;stroke:#ffffff1f}.emote-dial .emote-ring.is-active{fill:none;stroke:#37cfff52}.emote-dial .emote-needle{stroke:var(--accent,#37cfff);stroke-width:2px;stroke-linecap:round;opacity:.8}.emote-name{color:#ffffff80;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:600;transition:color .12s;position:absolute;transform:translate(-50%,-50%)}.emote-name kbd{color:#ffffffc7;letter-spacing:0;background:#ffffff14;border:1px solid #fff3;border-radius:4px;place-items:center;width:17px;height:17px;margin-right:6px;font-size:8px;display:inline-grid}.emote-name.is-active{color:#fff;text-shadow:0 0 12px #37cfff99}.emote-name.is-active kbd{border-color:var(--accent,#37cfff);color:#fff;background:#37cfff2e}.emote-hub{text-align:center;justify-items:center;gap:4px;width:108px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.emote-hub strong{color:#fff;letter-spacing:.04em;font-size:15px;font-weight:700}.emote-hub span{color:#ffffff6b;letter-spacing:.16em;text-transform:uppercase;font-size:8px}.emote-hub kbd{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:6px;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.quick-actions{z-index:9;gap:8px;display:flex;position:absolute;top:24px;right:24px}.quick-actions button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b0dd9;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:relative}.quick-actions button:hover{border-color:var(--lime);color:var(--lime)}.quick-actions button[aria-pressed=true]{border-color:var(--lime);background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.quick-actions button[aria-pressed=true]{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.quick-actions button[aria-pressed=true]{color:var(--lime)}.quick-actions .quick-action-badge{color:#fff;background:#ff5d45;border-radius:50%;place-items:center;width:16px;height:16px;font-size:7px;font-weight:900;display:grid;position:absolute;top:-2px;right:-2px}.notifications-backdrop{z-index:720;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020405c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.notifications-panel{color:#fff;width:min(560px,100vw - 32px);max-height:min(680px,100dvh - 32px);box-shadow:0 30px 90px #000000b8,0 0 34px var(--entry-accent,var(--lime));background:#080c0dfa;border:1px solid #ffffff21;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.notifications-panel{box-shadow:0 30px 90px #000000b8,0 0 34px color-mix(in srgb,var(--entry-accent,var(--lime)) 10%,transparent)}}.notifications-panel>header{border-bottom:1px solid #ffffff14;flex:none;grid-template-columns:38px minmax(0,1fr) 36px;align-items:center;gap:10px;min-height:66px;padding:0 14px;display:grid}.notifications-panel>header>span{border:1px solid var(--entry-accent,var(--lime));place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.notifications-panel>header>span{border:1px solid color-mix(in srgb,var(--entry-accent,var(--lime)) 30%,transparent)}}.notifications-panel>header>span{background:var(--entry-accent,var(--lime));border-radius:10px}@supports (color:color-mix(in lab, red, red)){.notifications-panel>header>span{background:color-mix(in srgb,var(--entry-accent,var(--lime)) 9%,transparent)}}.notifications-panel>header>span{color:var(--entry-accent,var(--lime))}.notifications-panel>header>div{gap:3px;min-width:0;display:grid}.notifications-panel>header strong{letter-spacing:.04em;font-size:15px}.notifications-panel>header small{color:#ffffff61;font-size:10px}.notifications-panel>header>button{color:#ffffff94;background:#ffffff09;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.notifications-panel>header>button:hover{border-color:var(--entry-accent,var(--lime))}@supports (color:color-mix(in lab, red, red)){.notifications-panel>header>button:hover{border-color:color-mix(in srgb,var(--entry-accent,var(--lime)) 42%,transparent)}}.notifications-panel>header>button:hover{color:#fff}.notifications-list{gap:7px;min-height:150px;padding:10px;display:grid;overflow-y:auto}.notifications-list article{background:#ffffff06;border:1px solid #ffffff13;border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:11px;display:grid}.notifications-avatar{border:2px solid var(--entry-accent,var(--lime));place-items:center;width:40px;height:40px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.notifications-avatar{border:2px solid color-mix(in srgb,var(--entry-accent,var(--lime)) 44%,transparent)}}.notifications-avatar{background:var(--entry-accent,var(--lime));border-radius:50%}@supports (color:color-mix(in lab, red, red)){.notifications-avatar{background:color-mix(in srgb,var(--entry-accent,var(--lime)) 20%,#121719)}}.notifications-avatar{color:#fff;font-size:12px;font-weight:950}.notifications-avatar img{object-fit:cover;width:100%;height:100%}.notifications-list article>div:nth-child(2){gap:4px;min-width:0;display:grid}.notifications-list article strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.notifications-list article p{color:#ffffff8f;margin:0;font-size:11px;line-height:1.45}.notifications-list article p b{color:#ffffffdb}.notifications-list article small{color:#ffb15c;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;font-size:9px;font-weight:800;display:flex}.notifications-actions{align-items:center;gap:5px;display:flex}.notifications-actions button{color:#ffffff8c;background:#ffffff09;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:9px;font-weight:900;display:flex}.notifications-actions button:first-child{border-color:var(--entry-accent,var(--lime))}@supports (color:color-mix(in lab, red, red)){.notifications-actions button:first-child{border-color:color-mix(in srgb,var(--entry-accent,var(--lime)) 32%,transparent)}}.notifications-actions button:first-child{background:var(--entry-accent,var(--lime))}@supports (color:color-mix(in lab, red, red)){.notifications-actions button:first-child{background:color-mix(in srgb,var(--entry-accent,var(--lime)) 9%,transparent)}}.notifications-actions button:first-child{color:var(--entry-accent,var(--lime))}.notifications-actions button:hover:not(:disabled){color:#fff;border-color:#ffffff4d}.notifications-actions button:disabled{cursor:wait;opacity:.38}.notifications-empty{color:#ffffff57;justify-content:center;align-items:center;gap:9px;min-height:150px;font-size:11px;display:flex}.notifications-empty>svg{color:var(--entry-accent,var(--lime))}@supports (color:color-mix(in lab, red, red)){.notifications-empty>svg{color:color-mix(in srgb,var(--entry-accent,var(--lime)) 60%,transparent)}}.notifications-error{color:#ff8d8d;border-top:1px solid #ff5e5e24;flex:none;margin:0;padding:10px 14px;font-size:10px}.quick-friends-wrap{position:relative}.online-friends-tooltip{color:#fff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b0df5;border:1px solid #ffffff1f;border-radius:12px;width:210px;padding:13px;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-4px);box-shadow:0 18px 45px #00000073}.online-friends-tooltip:before{content:"";background:#080b0d;border-top:1px solid #ffffff1f;border-left:1px solid #ffffff1f;width:8px;height:8px;position:absolute;top:-5px;right:16px;transform:rotate(45deg)}.quick-friends-wrap:hover .online-friends-tooltip,.quick-friends-wrap:focus-within .online-friends-tooltip{opacity:1;transform:translateY(0)}.online-friends-tooltip>strong{font-size:11px;display:block}.online-friends-tooltip>div{border-top:1px solid #ffffff12;gap:8px;margin-top:10px;padding-top:10px;display:grid}.online-friends-tooltip>div>span{color:#ffffffad;align-items:center;gap:8px;min-width:0;font-size:9px;display:flex}.online-friends-tooltip i{border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 8px}.online-friends-tooltip small{color:#ffffff52;margin-top:6px;font-size:8px;line-height:1.4;display:block}.online-friends-tooltip>div small{color:var(--lime);margin:1px 0 0 15px}.quick-actions .quick-user-action{color:#fff;border-radius:50%;overflow:visible}.quick-actions .quick-user-action:hover,.quick-actions .quick-user-action[aria-expanded=true]{color:#fff;border-color:#ffffffc7}.quick-user-action img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.mobile-character-controls{display:none}.mobile-character-controls.force-visible{z-index:24;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.mobile-character-controls.force-visible.disabled{opacity:0;visibility:hidden}.mobile-character-controls.force-visible .mobile-movement-stick,.mobile-character-controls.force-visible .mobile-camera-stick{bottom:max(22px, calc(env(safe-area-inset-bottom) + 12px));pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle,#090d0e5c,#090d0e9e);border:1px solid #fff3;border-radius:50%;width:116px;height:116px;position:absolute;box-shadow:inset 0 0 28px #ffffff09,0 12px 30px #0003}.mobile-character-controls.force-visible .mobile-movement-stick{left:max(18px, env(safe-area-inset-left))}.mobile-character-controls.force-visible .mobile-camera-stick{right:max(18px, env(safe-area-inset-right))}.mobile-character-controls.force-visible .mobile-movement-stick-ring{border:1px solid var(--lime);position:absolute;inset:20px}@supports (color:color-mix(in lab, red, red)){.mobile-character-controls.force-visible .mobile-movement-stick-ring{border:1px solid color-mix(in srgb,var(--lime) 18%,transparent)}}.mobile-character-controls.force-visible .mobile-movement-stick-ring{border-radius:inherit}.mobile-character-controls.force-visible .mobile-movement-stick-thumb{border:1px solid var(--lime);width:48px;height:48px;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px)}@supports (color:color-mix(in lab, red, red)){.mobile-character-controls.force-visible .mobile-movement-stick-thumb{border:1px solid color-mix(in srgb,var(--lime) 70%,transparent)}}.mobile-character-controls.force-visible .mobile-movement-stick-thumb{background:linear-gradient(145deg, var(--lime), #8eb123e0);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.mobile-character-controls.force-visible .mobile-movement-stick-thumb{background:linear-gradient(145deg, color-mix(in srgb,var(--lime) 92%,transparent), #8eb123e0)}}.mobile-character-controls.force-visible .mobile-movement-stick-thumb{box-shadow:0 0 18px var(--lime), 0 7px 15px #00000059}@supports (color:color-mix(in lab, red, red)){.mobile-character-controls.force-visible .mobile-movement-stick-thumb{box-shadow:0 0 18px color-mix(in srgb,var(--lime) 26%,transparent), 0 7px 15px #00000059}}.mobile-character-controls.force-visible .mobile-movement-stick-thumb{will-change:transform}.mobile-character-controls.force-visible .mobile-action-controls{right:max(18px, env(safe-area-inset-right));bottom:max(92px, calc(env(safe-area-inset-bottom) + 82px));pointer-events:none;grid-template-rows:repeat(2,54px);grid-template-columns:54px 76px;align-items:center;gap:9px;display:grid;position:absolute}.mobile-character-controls.force-visible .mobile-action-button{color:#fffc;pointer-events:auto;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080b0db3;border:1px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:54px;display:flex;box-shadow:0 8px 22px #0000003d}.mobile-character-controls.force-visible .mobile-action-button span{letter-spacing:.08em;text-transform:uppercase;font-size:6px;font-weight:950}.mobile-character-controls.force-visible .mobile-action-button:active,.mobile-character-controls.force-visible .mobile-action-button[aria-pressed=true]{border-color:var(--lime);background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.mobile-character-controls.force-visible .mobile-action-button:active,.mobile-character-controls.force-visible .mobile-action-button[aria-pressed=true]{background:color-mix(in srgb,var(--lime) 16%,transparent)}}.mobile-character-controls.force-visible .mobile-action-button:active,.mobile-character-controls.force-visible .mobile-action-button[aria-pressed=true]{color:var(--lime);transform:scale(.94)}.mobile-character-controls.force-visible .mobile-action-primary{border-color:var(--lime);grid-area:1/2/3;align-self:center;width:76px;height:76px}@supports (color:color-mix(in lab, red, red)){.mobile-character-controls.force-visible .mobile-action-primary{border-color:color-mix(in srgb,var(--lime) 52%,transparent)}}.mobile-character-controls.force-visible .mobile-action-primary{color:var(--lime);background:#12170fbf}.mobile-character-controls.studio-mobile-character-controls .mobile-action-controls{right:auto;bottom:max(18px, calc(env(safe-area-inset-bottom) + 10px));grid-template-rows:46px;grid-template-columns:repeat(4,46px);gap:8px;left:50%;transform:translate(-50%)}.mobile-character-controls.studio-mobile-character-controls .mobile-action-button:not(.mobile-action-primary){width:46px;height:46px}@media (max-width:768px),(hover:none) and (pointer:coarse){.city-mobile-character-controls.force-visible .mobile-movement-stick,.city-mobile-character-controls.force-visible .mobile-camera-stick,.city-mobile-character-controls.force-visible .mobile-action-button,.city-game .quick-actions button,.city-game .hud-map,.city-game .game-help,.city-game .vehicle-prompt,.city-game .player-chat-bubble{-webkit-backdrop-filter:none;backdrop-filter:none}.city-mobile-character-controls.force-visible .mobile-movement-stick,.city-mobile-character-controls.force-visible .mobile-camera-stick{background:radial-gradient(circle,#090d0eb3,#090d0ee0)}.city-mobile-character-controls.force-visible .mobile-action-button{background:#080b0de6}}.studio-mobile-character-controls .mobile-action-use{grid-area:1/1}.studio-mobile-character-controls .mobile-action-chat{grid-area:1/2}.studio-mobile-character-controls .mobile-action-equip{grid-area:1/3}.studio-mobile-character-controls .mobile-action-emotes{grid-area:1/4}.mobile-emote-picker{z-index:130;padding:18px max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));place-items:end center;display:grid;position:absolute;inset:0}.mobile-emote-picker-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03050694;border:0;position:absolute;inset:0}.mobile-emote-picker>section{background:#090c0ef5;border:1px solid #ffffff24;border-radius:16px;width:min(420px,100%);padding:12px;position:relative;box-shadow:0 24px 80px #0000008c}.mobile-emote-picker header{justify-content:space-between;align-items:center;padding:2px 2px 10px 6px;display:flex}.mobile-emote-picker header strong{letter-spacing:.14em;text-transform:uppercase;font-size:11px}.mobile-emote-picker header button{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.mobile-emote-picker section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-emote-picker section>div button,.mobile-emote-stop{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;min-height:48px;font-size:10px;font-weight:850}.mobile-emote-picker section>div button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.mobile-emote-picker section>div button.active{border-color:color-mix(in srgb,var(--lime) 48%,transparent)}}.mobile-emote-picker section>div button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.mobile-emote-picker section>div button.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.mobile-emote-picker section>div button.active{color:var(--lime)}.mobile-emote-stop{color:#ffffff75;width:100%;min-height:40px;margin-top:8px}.mobile-movement-stick,.mobile-action-button{-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.demo-badge{z-index:9;color:#ffd17a;letter-spacing:.1em;background:#3f2c088c;border:1px solid #ffc1504d;border-radius:4px;align-items:center;gap:7px;padding:8px 10px;font-size:8px;font-weight:900;display:flex;position:absolute;top:78px;right:24px}.player-world-label{text-align:center;white-space:nowrap;background:#070a0bd1;border-radius:4px;min-width:90px;padding:5px 7px;box-shadow:0 5px 16px #00000040}.vehicle-prompt{border:1px solid var(--lime);align-items:center;gap:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.vehicle-prompt{border:1px solid color-mix(in srgb, var(--lime) 48%, transparent)}}.vehicle-prompt{color:#fff;white-space:nowrap;box-shadow:0 8px 26px #00000073, 0 0 26px var(--lime);background:#070a0be0;border-radius:999px;padding:5px 12px 5px 5px}@supports (color:color-mix(in lab, red, red)){.vehicle-prompt{box-shadow:0 8px 26px #00000073, 0 0 26px color-mix(in srgb, var(--lime) 22%, transparent)}}.vehicle-prompt{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:50% 120%;animation:.22s cubic-bezier(.2,1.4,.5,1) both vehicle-prompt-rise,2.6s ease-in-out .22s infinite vehicle-prompt-float}.vehicle-prompt-key{background:var(--lime);width:22px;height:22px;color:var(--ink);box-shadow:0 2px 0 var(--lime);border-radius:6px;flex:none;place-items:center;font-size:11px;font-weight:900;line-height:1;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.vehicle-prompt-key{box-shadow:0 2px 0 color-mix(in srgb, var(--lime) 55%, black)}}.vehicle-prompt-key:after{content:"";border:2px solid var(--lime);border-radius:8px;animation:1.6s ease-out infinite vehicle-prompt-ping;position:absolute;inset:0}.vehicle-prompt-copy{flex-direction:column;gap:2px;display:flex}.vehicle-prompt-copy strong{letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:900}.vehicle-prompt-copy small{color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.vehicle-prompt-copy small{color:color-mix(in srgb, var(--lime) 76%, white)}}.vehicle-prompt-copy small{letter-spacing:.1em;text-transform:uppercase;font-size:6px}@keyframes vehicle-prompt-rise{0%{opacity:0;transform:translateY(7px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vehicle-prompt-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes vehicle-prompt-ping{0%{opacity:.85;transform:scale(1)}70%,to{opacity:0;transform:scale(1.85)}}@media (prefers-reduced-motion:reduce){.vehicle-prompt{animation:.22s both vehicle-prompt-rise}.vehicle-prompt-key:after{opacity:0;animation:none}}.player-world-label strong{font-size:7px;display:block}.player-world-label small{color:#ffffff6b;text-transform:uppercase;margin-top:2px;font-size:5px;display:block}.player-chat-bubble{color:#111619;overflow-wrap:anywhere;white-space:normal;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f9fbf7e6;border:1px solid #ffffff3d;border-radius:13px 13px 13px 4px;align-items:center;gap:8px;width:max-content;max-width:210px;padding:9px 12px;font-size:10px;font-weight:750;line-height:1.4;animation:7s both player-chat-bubble-life;display:flex;position:relative;box-shadow:0 10px 28px #00000047}.player-chat-avatar{color:#111619;background:#d7ff3f;border:1px solid #1116191f;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:9px;font-weight:950;display:grid;overflow:hidden}.player-chat-avatar img{object-fit:cover;width:100%;height:100%}.player-chat-message{text-align:left;min-width:0;max-width:160px}.player-chat-bubble:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#f9fbf7e6;width:12px;height:8px;position:absolute;bottom:-7px;left:20px}@keyframes player-chat-bubble-life{0%{opacity:0;transform:translateY(5px)scale(.96)}8%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-5px)scale(.98)}}.city-chat{z-index:25;pointer-events:none;width:min(480px,100vw - 48px);position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.city-chat.typing{pointer-events:auto}.chat-feed{filter:drop-shadow(0 2px 3px #000000fa);max-height:190px;padding:0 2px 7px;overflow:hidden}.city-chat.typing .chat-feed{scrollbar-width:thin;scrollbar-color:#fff3 transparent;overflow-y:auto}.chat-message{color:#ffffffeb;text-shadow:0 1px 2px #000,0 0 5px #000;margin-top:4px;font-size:12px;font-weight:600;line-height:1.35;transition:opacity .25s linear;display:block}.chat-message strong{color:var(--lime);font-weight:800}.chat-verified{color:#67caff;filter:drop-shadow(0 0 4px #67caff80);vertical-align:-2px;margin-left:4px;display:inline-block}.chat-message span{color:#ffffffe6}.player-chat-verified{z-index:2;color:#fff;fill:#0095f6;filter:drop-shadow(0 0 .7px #fff)drop-shadow(0 1px 2px #0000006b);position:absolute;top:5px;left:32px;overflow:visible}.chat-compose{pointer-events:auto;background:#020405c7;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:7px;height:36px;padding:0 14px;display:flex;box-shadow:0 4px 14px #0000005c}.chat-compose>span{color:var(--lime);white-space:nowrap;font-size:11px;font-weight:800}.chat-compose input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0;font-size:12px}.chat-compose input::placeholder{color:#ffffff52}.chat-compose input:disabled{opacity:.4}.chat-compose .chat-compose-close{color:#ffffff8a;background:#ffffff12;border:0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.chat-compose .chat-compose-close:hover{color:#fff}.friends-backdrop{z-index:80;background:radial-gradient(circle at 50% 42%, var(--lime), transparent 34%), #030506c7;place-items:center;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.friends-backdrop{background:radial-gradient(circle at 50% 42%, color-mix(in srgb,var(--lime) 7%,transparent), transparent 34%), #030506c7}}.friends-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:24px}.friends-panel{color:#f2f5f2;background:#030404;border:1px solid #ffffff2e;border-radius:50px;width:min(410px,100%);height:min(780px,100dvh - 48px);padding:9px;overflow:hidden;box-shadow:0 40px 120px #000c,inset 0 0 0 1px #ffffff0f}.friends-phone-screen{background:radial-gradient(circle at 20% 0%, var(--lime), transparent 30%), #0b0f11;border:1px solid #ffffff14;border-radius:41px;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;width:100%;height:100%;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.friends-phone-screen{background:radial-gradient(circle at 20% 0%, color-mix(in srgb,var(--lime) 7%,transparent), transparent 30%), #0b0f11}}.friends-phone-status{color:#ffffffbd;grid-row:1;justify-content:space-between;align-items:center;height:42px;padding:0 22px;display:flex}.friends-phone-status>strong{letter-spacing:.1em;font-size:9px;font-weight:950}.friends-phone-status>span{align-items:center;gap:5px;display:flex}.friends-phone-island{z-index:2;background:#010202;border:1px solid #ffffff09;border-radius:999px;width:94px;height:25px;position:absolute;top:9px;left:50%;transform:translate(-50%);box-shadow:inset -16px 0 20px #ffffff04}.friends-phone-screen>header{grid-row:2;justify-content:space-between;align-items:center;padding:11px 20px 14px;display:flex}.friends-phone-screen>header small{color:var(--lime);letter-spacing:.16em;font-size:8px;font-weight:950;display:block}.friends-phone-screen>header strong{letter-spacing:-.035em;margin-top:5px;font-size:25px;display:block}.friends-phone-screen>header>button{color:#ffffff8c;background:#ffffff09;border:1px solid #ffffff17;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.friends-phone-screen>header>button:hover{color:#fff;background:#ffffff14}.friends-search{color:#ffffff61;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:13px;grid-row:3;align-items:center;gap:10px;height:48px;margin:0 18px 10px;padding:0 13px;display:flex}.friends-search:focus-within{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.friends-search:focus-within{border-color:color-mix(in srgb,var(--lime) 42%,transparent)}}.friends-search:focus-within{box-shadow:0 0 0 3px var(--lime)}@supports (color:color-mix(in lab, red, red)){.friends-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 6%,transparent)}}.friends-search:focus-within{color:var(--lime)}.friends-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.friends-search input::placeholder{color:#ffffff4d}.friends-search button{color:#ffffff61;background:0 0;border:0;place-items:center;display:grid}.friends-tabs{border-bottom:1px solid #ffffff14;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px;display:grid}.friends-tabs button{color:#ffffff6b;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;height:46px;font-size:11px;font-weight:850;display:flex;position:relative}.friends-tabs button.active{color:#fff}.friends-tabs button.active:after{background:var(--lime);content:"";height:2px;position:absolute;inset:auto 0 -1px}.friends-tabs button span{color:#ffffff85;background:#ffffff12;border-radius:999px;padding:3px 7px;font-size:9px}.friends-tabs button i{color:#fff;background:#ff694c;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:8px;font-style:normal;display:grid}.friends-content{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;grid-row:5;min-height:0;padding:12px 18px 18px;overflow-y:auto}.friends-section-label{justify-content:space-between;align-items:center;padding:10px 2px 8px;display:flex}.friends-section-label.outgoing{border-top:1px solid #ffffff12;margin-top:12px;padding-top:20px}.friends-section-label span{color:#ffffff59;letter-spacing:.14em;font-size:9px;font-weight:950}.friends-section-label small{color:#ffffff47;font-size:10px}.friend-row{background:#ffffff06;border:1px solid #ffffff13;border-radius:9px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:72px;padding:11px 12px;display:grid}.friend-row+.friend-row{margin-top:7px}.friend-row:hover{background:#ffffff09;border-color:#ffffff26}.friend-avatar{border:1px solid var(--lime);place-items:center;width:42px;height:42px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.friend-avatar{border:1px solid color-mix(in srgb,var(--lime) 20%,transparent)}}.friend-avatar{background:linear-gradient(145deg, var(--lime), var(--lime));border-radius:50%}@supports (color:color-mix(in lab, red, red)){.friend-avatar{background:linear-gradient(145deg, color-mix(in srgb,var(--lime) 17%,transparent), color-mix(in srgb,var(--lime) 4%,transparent))}}.friend-avatar{color:var(--lime);font-size:13px;font-weight:950}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-identity{min-width:0}.friend-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.friend-identity>span{color:var(--lime);margin-top:3px;font-size:9px;display:block}.friend-identity small{color:#ffffff59;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:9px;display:block;overflow:hidden}.friend-row-actions{align-items:center;gap:6px;display:flex}.friend-row-actions,.friend-add,.friend-pending{grid-column:2;justify-self:start}.friend-row-actions button,.friend-add,.friend-pending{color:#ffffff9e;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:9px;font-weight:850;display:inline-flex}.friend-row-actions button:disabled,.friend-add:disabled,.friend-pending:disabled{opacity:.4}.friend-row-actions>button:not(.friend-accept):not(.friend-studio){width:34px;padding:0}.friend-add,.friend-accept{border-color:var(--lime)!important}@supports (color:color-mix(in lab, red, red)){.friend-add,.friend-accept{border-color:color-mix(in srgb,var(--lime) 32%,transparent)!important}}.friend-add,.friend-accept{background:var(--lime)!important}@supports (color:color-mix(in lab, red, red)){.friend-add,.friend-accept{background:color-mix(in srgb,var(--lime) 10%,transparent)!important}}.friend-add,.friend-accept{color:var(--lime)!important}.friend-studio{color:#fff!important;border-color:#ffffff29!important}.friend-pending{color:#fff6}.friends-empty{color:#ffffff3d;text-align:center;place-content:center;justify-items:center;min-height:220px;display:grid}.friends-empty.compact{min-height:180px}.friends-empty strong{color:#ffffffc2;margin-top:12px;font-size:13px}.friends-empty span:not(.friends-loading){color:#ffffff57;max-width:280px;margin-top:6px;font-size:10px;line-height:1.5}.friends-empty-icon{border:1px solid var(--lime);place-items:center;width:56px;height:56px;display:grid;margin:0!important}@supports (color:color-mix(in lab, red, red)){.friends-empty-icon{border:1px solid color-mix(in srgb,var(--lime) 18%,transparent)}}.friends-empty-icon{background:var(--lime);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.friends-empty-icon{background:color-mix(in srgb,var(--lime) 7%,transparent)}}.friends-empty-icon{color:var(--lime)!important}.friends-messages-empty{min-height:100%}.friends-none{color:#ffffff4d;text-align:center;border:1px dashed #ffffff14;border-radius:7px;margin:0;padding:16px;font-size:10px}.friends-error{color:#ff9a90;text-align:center;background:#460e0cf0;border:1px solid #ff5b4d40;border-radius:6px;margin:10px 0 0;padding:10px;font-size:10px;position:sticky;bottom:0}.friends-loading{border:2px solid #ffffff1a;border-top-color:var(--lime);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite record-spin}.friends-phone-dock{background:#0b0f11eb;border-top:1px solid #ffffff14;grid-row:6;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 13px;padding:9px 28px 5px;display:grid}.friends-phone-dock button{color:#ffffff4d;background:0 0;border:0;justify-items:center;gap:4px;font-size:8px;font-weight:800;display:grid}.friends-phone-dock button>span{border-radius:10px;place-items:center;width:34px;height:30px;display:grid;position:relative}.friends-phone-dock button.active{color:var(--lime)}.friends-phone-dock button.active>span{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.friends-phone-dock button.active>span{background:color-mix(in srgb,var(--lime) 9%,transparent)}}.friends-phone-dock button i{color:#fff;background:#ff694c;border:2px solid #0b0f11;border-radius:999px;place-items:center;min-width:16px;height:16px;font-size:7px;font-style:normal;display:grid;position:absolute;top:-3px;right:-4px}.friends-phone-home{background:#ffffffb8;border-radius:999px;grid-row:7;justify-self:center;width:112px;height:4px;margin:7px 0 8px}.studio-experience{grid-template-columns:minmax(0, 1fr) var(--console-width,75vw);background:#090b0c;height:100dvh;display:grid}.studio-experience.daw-hidden{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.studio-experience.resizing-console,.studio-experience.resizing-console *{cursor:col-resize!important}.studio-experience.resizing-console canvas{pointer-events:none}.studio-viewport{min-width:0;position:relative;overflow:hidden}.studio-viewport canvas{inset:0;position:absolute!important}.studio-chat{width:min(480px,100% - 32px);bottom:84px}.studio-vignette{pointer-events:none;background:linear-gradient(90deg,#05070847,#0000 45%),linear-gradient(#0000 65%,#05070880);position:absolute;inset:0}.live-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px}.studio-presence{color:#ffffff73;text-transform:uppercase;align-items:center;gap:6px;margin-left:auto;font-size:8px;display:flex}.studio-presence.reconnecting{color:#ffb15c}.studio-room-hud{z-index:3;align-items:stretch;gap:8px;display:flex;position:absolute;bottom:24px;left:24px}.studio-mobile-top-meta{display:none}.studio-room-identity-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b0ccc;border-radius:8px;align-items:center;gap:10px;width:250px;min-width:0;padding:11px 12px;display:flex;box-shadow:0 18px 50px #00000059}.studio-room-identity-card .live-dot{color:var(--lime);flex:none}.studio-room-identity-copy{flex:1;min-width:0}.studio-room-identity-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.studio-room-identity-card small{color:#ffffff59;text-transform:uppercase;letter-spacing:.1em;margin-top:5px;font-size:7px;display:block}.studio-room-identity-card .studio-presence{white-space:nowrap;border-left:1px solid #ffffff1a;margin-left:auto;padding-left:12px}.studio-room-identity-card .studio-presence-count{color:#ffffffd1;font-size:14px;font-weight:900;line-height:1}.studio-room-action{color:#ffffff94;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b0ccc;border:1px solid #ffffff1f;border-radius:8px;flex:none;align-content:center;place-items:center;gap:4px;width:54px;display:grid;box-shadow:0 18px 50px #00000059}.studio-room-action span{letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:48px;font-size:6px;font-weight:900;overflow:hidden}.studio-room-action:hover{color:#fff;background:#12181aeb;border-color:#ffffff4d}.studio-room-exit{z-index:4;min-height:54px;position:absolute;top:24px;left:24px}.studio-daw-toggle{z-index:4;min-height:54px;position:absolute;top:24px;left:86px}.studio-daw-toggle.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-daw-toggle.active{border-color:color-mix(in srgb,var(--lime) 42%,transparent)}}.studio-daw-toggle.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-daw-toggle.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.studio-daw-toggle.active{color:var(--lime)}.studio-analytics-toggle{z-index:4;min-height:54px;position:absolute;top:24px;left:148px}.studio-analytics-toggle.without-daw{left:86px}.studio-analytics-toggle.active{color:#8ed8ff;background:#3b9ddb24;border-color:#7ecdff7a}.studio-beatstars-toggle{z-index:4;min-height:54px;position:absolute;top:24px;left:210px}.studio-beatstars-toggle.without-catalog,.studio-beatstars-toggle.without-daw{left:148px}.studio-beatstars-toggle.without-daw.without-catalog{left:86px}.studio-beatstars-toggle.active{color:#d7adff;background:#8b47db29;border-color:#b56fff85}.studio-viewport.mobile-layout .studio-chat{bottom:max(76px, calc(env(safe-area-inset-bottom) + 68px));width:min(360px,100% - 24px)}.studio-viewport.mobile-layout .desktop-copy{display:none}.studio-viewport.mobile-layout .studio-room-hud{inset:12px 64px auto}.studio-viewport.mobile-layout .studio-room-identity-card{flex:1;width:auto;min-width:0}.studio-viewport.mobile-layout .studio-room-action{width:44px}.studio-viewport.mobile-layout .studio-room-exit{min-height:44px;top:12px;left:12px}.studio-viewport.mobile-layout .studio-daw-toggle{min-height:44px;top:64px;left:12px}.studio-viewport.mobile-layout .studio-analytics-toggle{min-height:44px;top:116px;left:12px}.studio-viewport.mobile-layout .studio-analytics-toggle.without-daw{top:64px;left:12px}.studio-viewport.mobile-layout .studio-beatstars-toggle{min-height:44px;top:168px;left:12px}.studio-viewport.mobile-layout .studio-beatstars-toggle.without-catalog,.studio-viewport.mobile-layout .studio-beatstars-toggle.without-daw{top:116px;left:12px}.studio-viewport.mobile-layout .studio-beatstars-toggle.without-daw.without-catalog{top:64px;left:12px}.studio-viewport.mobile-layout:has(.studio-beatstars-toggle:not(.without-catalog)) .studio-room-hud{left:64px}.studio-viewport.mobile-layout .studio-user-menu{top:12px;right:12px}.studio-viewport.mobile-layout .studio-user-action{width:43px;height:43px;min-height:0}.studio-viewport.mobile-layout .studio-profile-menu{top:51px;right:0}.studio-viewport.mobile-layout .studio-graphics-action{width:44px;min-height:44px;top:12px;right:12px}.studio-viewport.mobile-layout .studio-customize-action{width:44px;min-height:44px;top:64px;right:12px}.studio-viewport.mobile-layout .studio-location-action{width:44px;min-height:44px;top:116px;right:12px}.studio-viewport.mobile-layout .graphics-settings-panel{top:66px;right:12px}.studio-viewport.mobile-layout .studio-room-action span{max-width:39px;font-size:5px}.studio-analytics-overlay{z-index:105;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0204058f;place-items:stretch end;display:grid;position:fixed;inset:0}.studio-analytics-panel{border-left:1px solid var(--lime);width:min(720px,50vw);height:100dvh;position:relative;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.studio-analytics-panel{border-left:1px solid color-mix(in srgb,var(--lime) 20%,transparent)}}.studio-analytics-panel{background-color:#080b0c;background-image:radial-gradient(circle at 100% 0,var(--lime),transparent 32%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px)}@supports (color:color-mix(in lab, red, red)){.studio-analytics-panel{background-image:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--lime) 7.5%,transparent),transparent 32%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px)}}.studio-analytics-panel{color:#fff;background-size:auto,36px 36px,36px 36px;box-shadow:-28px 0 90px #000000bf}.studio-analytics-header{z-index:3;border-bottom:1px solid var(--lime);align-items:center;gap:12px;min-height:72px;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.studio-analytics-header{border-bottom:1px solid color-mix(in srgb,var(--lime) 16%,transparent)}}.studio-analytics-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a0bf0;grid-template-columns:40px minmax(0,1fr) 38px;padding:12px 16px}.studio-analytics-title-icon{border:1px solid var(--lime);place-items:center;width:40px;height:40px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-analytics-title-icon{border:1px solid color-mix(in srgb,var(--lime) 36%,transparent)}}.studio-analytics-title-icon{background:var(--lime);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.studio-analytics-title-icon{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.studio-analytics-title-icon{color:var(--lime);box-shadow:0 0 22px var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-analytics-title-icon{box-shadow:0 0 22px color-mix(in srgb,var(--lime) 9%,transparent)}}.studio-analytics-header small,.studio-analytics-card small{color:var(--lime);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:900;display:block}.studio-analytics-header h2{letter-spacing:-.02em;margin:3px 0 0;font-size:18px;line-height:1}.studio-analytics-header>button{color:#ffffff9e;background:#ffffff09;border:1px solid #ffffff1a;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.studio-analytics-header>button:hover{color:#fff;border-color:#ffffff42}.studio-analytics-header>button:disabled{opacity:.45}@media (min-width:641px){.studio-analytics-header{display:none}}.studio-analytics-content{gap:0;padding:0;display:grid}.studio-analytics-metrics{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.studio-analytics-metrics small,.studio-analytics-platform-card header small,.studio-analytics-songs header small{color:#ffffff6b;letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:900}.studio-analytics-metrics strong{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:clamp(20px,2vw,30px);line-height:1}.studio-analytics-metrics em{color:var(--lime);letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-style:normal;font-weight:900}.studio-analytics-lifetime{background:linear-gradient(0deg,var(--lime) 0%,var(--lime) 30%,transparent 62%),radial-gradient(circle at 50% 68%,var(--lime),transparent 44%);border:0;border-radius:0;align-content:stretch;gap:0;min-height:344px;padding:14px 0 10px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-analytics-lifetime{background:linear-gradient(0deg,color-mix(in srgb,var(--lime) 15%,transparent) 0%,color-mix(in srgb,var(--lime) 5%,transparent) 30%,transparent 62%),radial-gradient(circle at 50% 68%,color-mix(in srgb,var(--lime) 12%,transparent),transparent 44%)}}.studio-analytics-lifetime{color:#fff;text-align:center;grid-template-rows:auto 1fr}.studio-analytics-lifetime:after{background:linear-gradient(90deg,transparent,var(--lime),transparent);height:1px;box-shadow:0 0 14px var(--lime);position:absolute;bottom:0;left:15%;right:15%}@supports (color:color-mix(in lab, red, red)){.studio-analytics-lifetime:after{box-shadow:0 0 14px color-mix(in srgb,var(--lime) 50%,transparent)}}.studio-analytics-lifetime:after{content:""}.studio-analytics-lifetime-profile{justify-items:center;gap:13px;min-width:0;margin-bottom:18px;padding:2px 0 5px;display:grid}.studio-analytics-lifetime-avatar{border:1px solid var(--lime);place-items:center;width:116px;height:116px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.studio-analytics-lifetime-avatar{border:1px solid color-mix(in srgb,var(--lime) 22%,transparent)}}.studio-analytics-lifetime-avatar{background:var(--lime);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.studio-analytics-lifetime-avatar{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.studio-analytics-lifetime-avatar{color:var(--lime);box-shadow:0 12px 34px #00000057,0 0 24px var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-analytics-lifetime-avatar{box-shadow:0 12px 34px #00000057,0 0 24px color-mix(in srgb,var(--lime) 6%,transparent)}}.studio-analytics-lifetime-avatar>img,.studio-analytics-lifetime-avatar>div{border-radius:inherit;object-fit:cover;width:100%;height:100%}.studio-analytics-lifetime-avatar>div{place-items:center;display:grid}.studio-analytics-lifetime-avatar[data-tier=gold]{border:4px solid #f2c94c;box-shadow:0 0 0 3px #7e530c99,0 12px 34px #0006,0 0 30px #f2c94c3d}.studio-analytics-lifetime-avatar[data-tier=platinum]{border:4px solid #e8f0f5;box-shadow:0 0 0 3px #667782b8,0 12px 34px #0006,0 0 30px #dceff833}.studio-analytics-lifetime-avatar[data-tier=diamond]{border:4px solid #baf5ff;box-shadow:0 0 0 3px #2f8fa4b3,0 12px 34px #0006,0 0 36px #69ddf257}.studio-analytics-lifetime-avatar>span{color:#fff;background:#168cff;border:2px solid #080c0d;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:7px;right:-3px;box-shadow:0 4px 13px #00000073,0 0 16px #168cff59}.studio-analytics-lifetime-profile strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:27px;display:block;overflow:hidden}.studio-analytics-lifetime-profile>small{color:#e8f0f5;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 14px #dceff859;margin-top:-7px;font-size:8px;font-weight:900}.studio-analytics-lifetime-score{align-content:center;justify-items:center;padding:12px 10px 30px;display:grid}.studio-analytics-lifetime-score>strong{font-variant-numeric:tabular-nums;letter-spacing:-.055em;margin:4px 0 3px;font-size:clamp(40px,5vw,64px);line-height:1}.studio-analytics-lifetime-score>em{color:var(--lime);letter-spacing:.13em;text-transform:uppercase;margin-top:3px;font-size:8px;font-style:normal;font-weight:900}.studio-analytics-lifetime-platforms{z-index:1;align-items:center;gap:4px;display:flex;position:absolute;bottom:10px;right:12px}.studio-analytics-lifetime-platforms>i{background:#050809e6;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid;box-shadow:0 5px 14px #0000004d}.studio-analytics-lifetime-platforms svg{width:16px;height:16px}.studio-analytics-lifetime-platforms>i>span{color:currentColor;letter-spacing:-.04em;text-transform:uppercase;font-size:6px;font-weight:950}.studio-analytics-platform-card,.studio-analytics-songs,.studio-analytics-awards{background:0 0;border:0;border-radius:0;overflow:hidden}.studio-analytics-awards-row{scrollbar-color:var(--lime) transparent;gap:9px;padding:12px 0;display:flex;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.studio-analytics-awards-row{scrollbar-color:color-mix(in srgb,var(--lime) 28%,transparent) transparent}}.studio-analytics-awards-row{scrollbar-width:thin}.studio-analytics-awards-row>button{color:#fff;text-align:center;background:0 0;border:0;border-radius:0;justify-items:center;gap:6px;width:138px;min-width:138px;padding:9px 0 10px;transition:background .18s,transform .18s;display:grid}.studio-analytics-awards-row>button:hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-analytics-awards-row>button:hover{background:color-mix(in srgb,var(--lime) 5%,transparent)}}.studio-analytics-awards-row>button:hover{transform:translateY(-2px)}.studio-analytics-awards-row>button>span{border-radius:2px;width:112px;height:166px;display:block;overflow:hidden;box-shadow:0 10px 24px #00000061}.studio-analytics-awards-row>button>span>i{transform-origin:0 0;width:608px;height:902px;display:block;transform:scale(.184)}.studio-analytics-awards-row>button>strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;overflow:hidden}.studio-analytics-awards-row>button>small{color:#ffffff6b;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%;font-size:7px;font-weight:850;overflow:hidden}.studio-analytics-platform-card>header,.studio-analytics-songs>header{border-bottom:0;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 18px;display:flex}.studio-analytics-platform-card header h3,.studio-analytics-songs header h3{margin:4px 0 0;font-size:17px}.studio-analytics-platform-card header>span,.studio-analytics-songs header>span{color:#ffffff70;text-transform:uppercase;background:#ffffff0b;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:850}.studio-integration-panel{flex-direction:column;display:flex;position:relative;overflow:hidden}.studio-integration-content{flex:1;min-height:0;display:flex}.studio-integration-content>iframe{background:#080a0b;border:0;flex:1;width:100%;height:100%;min-height:0;display:block}.studio-launch-backdrop{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0000 30%,#020405b8);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.studio-launch-sheet{width:min(760px,100vw - 32px);padding:14px 18px calc(22px + env(safe-area-inset-bottom));color:#fff;background:linear-gradient(150deg,#131819fa,#070a0bfc);border:1px solid #ffffff24;border-bottom:0;border-radius:18px 18px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) studio-launch-rise;box-shadow:0 -24px 80px #00000094}.studio-launch-handle{background:#fff3;border-radius:999px;width:42px;height:4px;margin:0 auto 18px}.studio-launch-sheet>header{text-align:center;margin-bottom:15px}.studio-launch-sheet>header small{color:var(--lime);letter-spacing:.18em;font-size:8px;font-weight:950}.studio-launch-sheet>header h2{margin:6px 0 0;font-size:21px}.studio-launch-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;display:grid}.studio-launch-options>button{color:#ffffffc7;text-align:center;background:#ffffff09;border:1px solid #ffffff1a;border-radius:12px;align-content:center;justify-items:center;gap:8px;min-width:0;min-height:142px;padding:16px;display:grid}.studio-launch-options>button>span{border:1px solid var(--lime);place-items:center;width:48px;height:48px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-launch-options>button>span{border:1px solid color-mix(in srgb,var(--lime) 23%,transparent)}}.studio-launch-options>button>span{background:var(--lime);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.studio-launch-options>button>span{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.studio-launch-options>button>span{color:var(--lime)}.studio-launch-options>button strong{font-size:14px}.studio-launch-options>button small{color:#ffffff5c;font-size:9px;line-height:1.4}.studio-launch-options>button:hover:not(:disabled){border-color:var(--lime);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.studio-launch-options>button:hover:not(:disabled){border-color:color-mix(in srgb,var(--lime) 34%,transparent)}}.studio-launch-options>button:hover:not(:disabled){background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-launch-options>button:hover:not(:disabled){background:color-mix(in srgb,var(--lime) 7.5%,transparent)}}.studio-launch-options>button:hover:not(:disabled){color:#fff}.studio-launch-options>button:disabled{opacity:.34}.studio-launch-options>.studio-launch-beatstars>span{color:#d7adff;background:#8c4bd71a;border-color:#bb7bff47}@keyframes studio-launch-rise{0%{transform:translateY(105%)}to{transform:translateY(0)}}.studio-analytics-platform-scoreboard{grid-template-columns:minmax(0,1fr);align-items:center;gap:22px;padding:26px 0 30px;display:grid}.studio-analytics-platform-chart{aspect-ratio:1;background:var(--platform-chart);filter:drop-shadow(0 18px 34px #00000047);border-radius:50%;justify-self:center;place-items:center;width:min(100%,320px);display:grid}.studio-analytics-platform-chart:before{aspect-ratio:1;content:"";background:#090c0d;border:1px solid #ffffff0f;border-radius:50%;grid-area:1/1;width:66%;box-shadow:inset 0 0 30px #00000047}.studio-analytics-platform-chart>div{z-index:1;grid-area:1/1;justify-items:center;gap:8px;display:grid}.studio-analytics-platform-chart small{color:#ffffff5c;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:900}.studio-analytics-platform-chart strong{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-size:clamp(30px,4vw,48px);line-height:1}.studio-analytics-platform-list{align-content:center;justify-self:center;gap:5px;width:100%;max-width:440px;display:grid}.studio-analytics-platform-list>div{border-radius:0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;min-height:56px;padding:7px 0;display:grid}.studio-analytics-platform-list>div:hover{background:#ffffff08}.studio-analytics-platform-list>div>i{border:1px solid var(--platform-color);place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-analytics-platform-list>div>i{border:1px solid color-mix(in srgb,var(--platform-color) 24%,#ffffff14)}}.studio-analytics-platform-list>div>i{background:var(--platform-color);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.studio-analytics-platform-list>div>i{background:color-mix(in srgb,var(--platform-color) 8%,#ffffff05)}}.studio-analytics-platform-list>div>i{color:var(--platform-color);font-style:normal;box-shadow:0 7px 20px #0003}.studio-analytics-platform-list>div>i svg{width:22px;height:22px}.studio-analytics-platform-list>div>i>span{text-transform:uppercase;font-size:8px;font-weight:950}.studio-analytics-platform-list>div>span{gap:3px;min-width:0;display:grid}.studio-analytics-platform-list>div>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.studio-analytics-platform-list>div>span small{color:#ffffff61;text-transform:uppercase;font-size:9px}.studio-analytics-platform-list>div>strong{font-variant-numeric:tabular-nums;text-align:right;font-size:16px}.studio-analytics-platform-empty{color:#ffffff57;text-align:center;margin:0;padding:34px 16px;font-size:11px}.studio-analytics-song-list{display:grid}.studio-analytics-song-list article{border-bottom:0;min-width:0;transition:background .16s}.studio-analytics-song-list article[data-expanded]{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-analytics-song-list article[data-expanded]{background:color-mix(in srgb,var(--lime) 2.5%,transparent)}}.studio-analytics-song-list article:last-child{border-bottom:0}.studio-analytics-song-summary{color:#fff;text-align:left;background:0 0;border:0;grid-template-columns:22px 42px minmax(0,1fr) auto minmax(72px,auto) 24px;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 18px;transition:background .16s;display:grid}.studio-analytics-song-summary:hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-analytics-song-summary:hover{background:color-mix(in srgb,var(--lime) 3.5%,transparent)}}.studio-analytics-song-summary>b{color:var(--lime);font-family:var(--font-geist-mono),monospace;opacity:.7;font-size:10px}.studio-analytics-song-summary>img,.studio-analytics-song-placeholder{object-fit:cover;color:#ffffff59;background:#ffffff0d;border-radius:6px;place-items:center;width:42px;height:42px;display:grid}.studio-analytics-song-copy{min-width:0}.studio-analytics-song-copy strong,.studio-analytics-song-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-analytics-song-copy strong{font-size:13px}.studio-analytics-song-copy span{color:#fff6;margin-top:5px;font-size:9px}.studio-analytics-song-platforms{gap:3px;display:flex}.studio-analytics-song-platforms i{border-radius:2px;width:6px;height:16px}.studio-analytics-song-total{font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.studio-analytics-song-total:after{color:#ffffff4d;letter-spacing:.1em;content:"STREAMS";margin-top:3px;font-size:7px;font-weight:800;display:block}.studio-analytics-song-summary>svg{color:#ffffff61;transition:color .18s,transform .2s}.studio-analytics-song-summary:hover>svg{color:var(--lime)}.studio-analytics-song-list article[data-expanded] .studio-analytics-song-summary>svg{color:var(--lime);transform:rotate(180deg)}.studio-analytics-song-list article>div{border-top:0;animation:.22s ease-out studio-track-breakdown-in}.studio-analytics-track-breakdown{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:22px;padding:20px 18px 22px;display:grid}.studio-analytics-track-chart-summary{justify-items:start;gap:6px;display:grid}.studio-analytics-track-chart{aspect-ratio:1;background:var(--track-platform-chart);filter:drop-shadow(0 15px 30px #00000047);border-radius:50%;place-items:center;width:150px;margin-bottom:10px;display:grid}.studio-analytics-track-chart:before{aspect-ratio:1;content:"";background:#090c0d;border:1px solid #ffffff0f;border-radius:50%;width:66%;box-shadow:inset 0 0 22px #00000047}.studio-analytics-track-chart-summary>small{color:#ffffff5c;letter-spacing:.15em;text-transform:uppercase;font-size:8px;font-weight:900}.studio-analytics-track-chart-summary>strong{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:24px;line-height:1}.studio-analytics-track-chart-summary>span{color:#ffffff57;font-size:9px}.studio-analytics-track-platforms{gap:7px;min-width:0;display:grid}.studio-analytics-track-platforms>a:not(.studio-analytics-track-genius),.studio-analytics-track-platforms>div{color:#fff;background:0 0;border:0;border-radius:0;grid-template-columns:36px minmax(86px,.65fr) minmax(70px,1fr) minmax(68px,auto) 24px;align-items:center;gap:10px;min-width:0;min-height:58px;padding:8px 10px;transition:background .16s,transform .16s;display:grid}.studio-analytics-track-platforms>a:not(.studio-analytics-track-genius):hover{background:var(--track-platform-color)}@supports (color:color-mix(in lab, red, red)){.studio-analytics-track-platforms>a:not(.studio-analytics-track-genius):hover{background:color-mix(in srgb,var(--track-platform-color) 5%,#ffffff05)}}.studio-analytics-track-platforms>a:not(.studio-analytics-track-genius):hover{transform:translateY(-1px)}.studio-analytics-track-platforms>a>i,.studio-analytics-track-platforms>div>i{border:1px solid var(--track-platform-color);place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-analytics-track-platforms>a>i,.studio-analytics-track-platforms>div>i{border:1px solid color-mix(in srgb,var(--track-platform-color) 28%,#ffffff14)}}.studio-analytics-track-platforms>a>i,.studio-analytics-track-platforms>div>i{background:var(--track-platform-color);border-radius:9px}@supports (color:color-mix(in lab, red, red)){.studio-analytics-track-platforms>a>i,.studio-analytics-track-platforms>div>i{background:color-mix(in srgb,var(--track-platform-color) 8%,transparent)}}.studio-analytics-track-platforms>a>i,.studio-analytics-track-platforms>div>i{color:var(--track-platform-color);font-style:normal}.studio-analytics-track-platforms>a>i svg,.studio-analytics-track-platforms>div>i svg{width:21px;height:21px}.studio-analytics-track-platforms>a>span,.studio-analytics-track-platforms>div>span{gap:4px;min-width:0;display:grid}.studio-analytics-track-platforms>a>span strong,.studio-analytics-track-platforms>div>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.studio-analytics-track-platforms>a>span small,.studio-analytics-track-platforms>div>span small{color:#ffffff5c;font-size:8px}.studio-analytics-track-platforms>a>div,.studio-analytics-track-platforms>div>div{background:#ffffff12;border-radius:999px;height:4px;overflow:hidden}.studio-analytics-track-platforms>a>div i,.studio-analytics-track-platforms>div>div i{width:var(--track-platform-progress);border-radius:inherit;background:var(--track-platform-color);height:100%;box-shadow:0 0 10px var(--track-platform-color);display:block}@supports (color:color-mix(in lab, red, red)){.studio-analytics-track-platforms>a>div i,.studio-analytics-track-platforms>div>div i{box-shadow:0 0 10px color-mix(in srgb,var(--track-platform-color) 32%,transparent)}}.studio-analytics-track-platforms b{font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.studio-analytics-track-platforms>a>svg{color:var(--track-platform-color)}.studio-analytics-track-genius{color:#fff6;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:6px;padding:4px 2px 0;font-size:9px;font-weight:800;display:flex}.studio-analytics-track-genius:hover{color:var(--lime)}@keyframes studio-track-breakdown-in{0%{opacity:0;transform:translateY(-5px)}}.studio-analytics-empty-songs{color:#ffffff47;text-align:center;padding:30px;font-size:9px}.studio-analytics-state{color:#ffffff7a;text-align:center;place-content:center;justify-items:center;gap:10px;min-height:calc(100dvh - 78px);padding:30px;display:grid}.studio-analytics-state>strong{color:#fff;font-size:14px}.studio-analytics-state p{max-width:340px;margin:0;font-size:9px;line-height:1.6}.studio-analytics-state>button{border:1px solid var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-analytics-state>button{border:1px solid color-mix(in srgb,var(--lime) 30%,transparent)}}.studio-analytics-state>button{background:var(--lime);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.studio-analytics-state>button{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.studio-analytics-state>button{color:var(--lime);text-transform:uppercase;padding:9px 13px;font-size:8px;font-weight:900}.studio-analytics-state.error{color:#ff8d82}.studio-character-label{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07090ac7;border:1px solid #ffffff1f;border-radius:4px;min-width:76px;padding:5px 7px}.studio-character-label strong{font-size:7px;display:block}.studio-character-label span{color:var(--lime);text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:5px;display:block}.studio-signal-device-label{color:#f5f7f7;text-align:center;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#05080ae0;border:1px solid #ffffff29;border-radius:999px;min-width:88px;padding:5px 9px;font-size:7px;font-weight:800;line-height:1;box-shadow:0 8px 22px #00000059}.studio-signal-device-details{border:1px solid var(--lime);min-width:124px}@supports (color:color-mix(in lab, red, red)){.studio-signal-device-details{border:1px solid color-mix(in srgb,var(--lime) 40%,transparent)}}.studio-signal-device-details{color:#f5f7f7;text-align:left;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05080af0;border-radius:7px;padding:8px 10px;box-shadow:0 10px 28px #00000075}.studio-signal-device-details strong{letter-spacing:.1em;font-size:8px;line-height:1.15;display:block}.studio-signal-device-details span{color:#ffffff94;letter-spacing:.08em;margin-top:5px;font-size:6px;line-height:1.2;display:block}.studio-signal-device-details em{color:var(--lime);letter-spacing:.1em;margin-top:6px;font-size:6px;font-style:normal;font-weight:900;display:block}.studio-signal-device-prompt{border-top:1px solid var(--lime);align-items:center;gap:7px;margin-top:7px;padding-top:7px;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-signal-device-prompt{border-top:1px solid color-mix(in srgb,var(--lime) 16%,transparent)}}.studio-signal-device-prompt em{margin-top:0}.studio-device-wheel.emote-wheel{z-index:125;pointer-events:none;position:fixed}.studio-device-wheel .studio-device-wheel-choice[aria-disabled=true]{color:#fff3;text-shadow:none}.studio-device-move-hint{z-index:124;border:1px solid var(--lime);gap:4px;min-width:280px;display:grid;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.studio-device-move-hint{border:1px solid color-mix(in srgb,var(--lime) 40%,transparent)}}.studio-device-move-hint{color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#06090aeb;border-radius:10px;padding:11px 15px}.studio-device-move-hint strong{font-size:10px}.studio-device-move-hint span{color:#ffffff80;font-size:8px}.studio-share-action{color:#ffffffb3;background:#ffffff0b;border:1px solid #ffffff21}.studio-share-action:hover{color:#fff;background:#ffffff17;border-color:#ffffff4d}.studio-user-menu{z-index:31;position:absolute;top:24px;right:24px}.studio-user-action{color:#fff;width:43px;height:43px;min-height:0;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b0dd9;border:1px solid #ffffff24;border-radius:50%;position:relative;overflow:visible}.studio-user-action:hover,.studio-user-action[aria-expanded=true]{color:#fff;border-color:#ffffffc7}.studio-user-action img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.studio-profile-menu{max-height:calc(100dvh - 89px);top:51px;right:0;overflow-y:auto}.studio-graphics-action{z-index:3;width:72px;min-height:54px;position:absolute;top:24px;right:24px}.studio-customize-action{z-index:3;border:1px solid var(--lime);width:72px;min-height:54px;position:absolute;top:24px;right:86px}@supports (color:color-mix(in lab, red, red)){.studio-customize-action{border:1px solid color-mix(in srgb,var(--lime) 25%,transparent)}}.studio-customize-action{color:var(--lime);background:#080b0ccc}.studio-customize-action:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-customize-action:hover{border-color:color-mix(in srgb,var(--lime) 55%,transparent)}}.studio-customize-action:hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-customize-action:hover{background:color-mix(in srgb,var(--lime) 14%,transparent)}}.studio-location-action{z-index:3;color:#8ed8ff;border-color:#6cc7ff4d;width:72px;min-height:54px;position:absolute;top:24px;right:184px}.studio-location-action:hover{background:#3099d629;border-color:#6cc7ffa6}.studio-location-overlay{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#010405c2;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.studio-location-dialog{background:#0a0f11;border:1px solid #ffffff24;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1180px,96vw);max-height:min(850px,94vh);display:grid;overflow:hidden;box-shadow:0 30px 100px #000000b3}.studio-location-header{border-bottom:1px solid #ffffff17;grid-template-columns:minmax(260px,1fr) auto 42px;align-items:center;gap:20px;padding:20px 22px;display:grid}.studio-location-heading{min-width:0}.studio-location-header small{color:var(--lime);letter-spacing:.18em;font-size:10px;font-weight:900}.studio-location-header h2{color:#fff;margin:5px 0 3px;font-size:25px}.studio-location-header p{color:#ffffff7a;margin:0;font-size:13px}.studio-location-header>button{color:#fff;background:#111719;border:1px solid #ffffff1f;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.studio-location-content{grid-template-columns:290px minmax(0,1fr);min-height:0;display:grid}.studio-location-list{border-right:1px solid #ffffff14;flex-direction:column;gap:7px;padding:14px;display:flex;overflow-y:auto}.studio-location-list button.studio-location-current{width:100%;color:inherit;text-align:left;background:linear-gradient(135deg,#4baee521,#ffffff06);border:1px solid #8ed8ff38;border-radius:10px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;margin-bottom:7px;padding:12px;display:grid}.studio-location-list button.studio-location-current:hover{background:linear-gradient(135deg,#4baee533,#ffffff0b);border-color:#8ed8ff7a}.studio-location-current>span{color:#8ed8ff;background:#55bef61f;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.studio-location-current>div{min-width:0}.studio-location-current small{color:#8ed8ff;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.studio-location-current strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:13px;display:block;overflow:hidden}.studio-location-current p{color:#ffffff6b;font-family:var(--font-geist-mono),monospace;margin:4px 0 0;font-size:9px}.studio-location-stats{grid-template-columns:repeat(6,minmax(78px,1fr));gap:5px;display:grid}.studio-location-stats>div,.studio-location-stats>button{min-width:0;min-height:65px;color:inherit;text-align:left;background:#ffffff06;border:1px solid #ffffff13;border-radius:8px;align-content:space-between;gap:3px;padding:8px;display:grid}.studio-location-stat-filter:hover{background:#8ed8ff13;border-color:#8ed8ff59}.studio-location-stat-filter.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-location-stat-filter.active{border-color:color-mix(in srgb,var(--lime) 48%,transparent)}}.studio-location-stat-filter.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-location-stat-filter.active{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.studio-location-stat-filter.active{box-shadow:inset 0 -2px var(--lime)}.studio-location-stat-filter.active strong{color:var(--lime)}.studio-location-stats small{color:#ffffff57;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:7px;font-weight:900;overflow:hidden}.studio-location-stats strong{color:#fff;font-family:var(--font-geist-mono),monospace;font-size:17px;line-height:1}.studio-location-stats span{color:#ffffff4d;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.studio-location-list button{color:#ffffff9e;text-align:left;background:#ffffff06;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:13px;display:flex}.studio-location-list button:hover{color:#fff;background:#ffffff0f}.studio-location-list button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-location-list button.active{border-color:color-mix(in srgb,var(--lime) 42%,transparent)}}.studio-location-list button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-location-list button.active{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.studio-location-list button.active{color:var(--lime)}.studio-location-list button>span{gap:3px;min-width:0;display:grid}.studio-location-list strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio-location-list small{color:#ffffff61;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:9px}.studio-location-empty{color:#ffffff57;text-align:center;margin:18px 8px;font-size:11px;line-height:1.5}.studio-location-stage{grid-template-rows:minmax(300px,1fr) auto auto;gap:14px;min-height:0;padding:18px;display:grid}.studio-location-preview{background:#11191d;border:1px solid #ffffff1a;border-radius:13px;min-height:340px;position:relative;overflow:hidden}.studio-location-preview canvas{display:block}.studio-location-preview-label{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040708bf;border:1px solid #ffffff1a;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:11px 13px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.studio-location-preview-label strong{font-size:12px}.studio-location-preview-label span{color:#ffffff85;font-family:var(--font-geist-mono), monospace;font-size:10px}.studio-location-controls{grid-template-columns:minmax(150px,.45fr) minmax(360px,1fr);align-items:end;gap:12px;display:grid}.studio-location-controls label,.studio-location-rotation{gap:7px;display:grid}.studio-location-controls label>span,.studio-location-rotation>span{color:#ffffff6b;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:900}.studio-location-controls select{color:#fff;background:#111719;border:1px solid #ffffff1f;border-radius:8px;height:44px;padding:0 12px}.studio-location-rotation>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.studio-location-rotation button{color:#ffffffb8;background:#111719;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:44px;font-size:11px;font-weight:800;display:flex}.studio-location-rotation button:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-location-rotation button:hover{border-color:color-mix(in srgb,var(--lime) 38%,transparent)}}.studio-location-rotation button:hover{color:var(--lime)}.studio-location-error{color:#ff796f;margin:0;font-size:12px}.studio-location-footer{border-top:1px solid #ffffff14;justify-content:flex-end;gap:9px;padding:16px 20px;display:flex}.studio-location-footer button{color:#ffffffad;letter-spacing:.07em;text-transform:uppercase;background:#111719;border:1px solid #ffffff1f;border-radius:8px;min-width:120px;height:44px;padding:0 18px;font-size:11px;font-weight:900}.studio-location-footer button.primary{border-color:var(--lime);background:var(--lime);color:#080b08}.studio-location-footer button:disabled{cursor:wait;opacity:.5}.studio-plaque-preview-overlay{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03050661;place-items:stretch end;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}.studio-plaque-preview-dialog{width:50vw;min-width:0;max-width:none;height:100dvh;box-shadow:-30px 0 100px #000000b8,0 0 50px var(--lime);background:linear-gradient(145deg,#171b1dfc,#07090afc);border:0;border-left:1px solid #ffffff29;border-radius:0;align-content:center;justify-items:center;gap:22px;padding:54px 32px 32px;display:grid;position:relative;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.studio-plaque-preview-dialog{box-shadow:-30px 0 100px #000000b8,0 0 50px color-mix(in srgb,var(--lime) 6%,transparent)}}.studio-plaque-preview-dialog.has-player{align-content:start}.studio-plaque-preview-close{z-index:2;color:#ffffffb3;background:#060809d1;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:10px;right:10px}.studio-plaque-preview-close:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-plaque-preview-close:hover{border-color:color-mix(in srgb,var(--lime) 42%,transparent)}}.studio-plaque-preview-close:hover{color:var(--lime)}.studio-plaque-preview-visual{flex:none;width:365px;position:relative}.studio-plaque-preview-frame{border-radius:3px;width:365px;height:541px;overflow:hidden;box-shadow:0 18px 52px #0009}.studio-plaque-preview-artwork{transform-origin:0 0;width:608px;height:902px;transform:scale(.6)}.studio-plaque-preview-nav{z-index:3;color:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07090ae0;border:1px solid #ffffff29;border-radius:9px;place-items:center;width:42px;height:56px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 28px #00000061}.studio-plaque-preview-nav.previous{left:-56px}.studio-plaque-preview-nav.next{right:-56px}.studio-plaque-preview-nav:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-plaque-preview-nav:hover{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.studio-plaque-preview-nav:hover{color:var(--lime);transform:translateY(-50%)scale(1.05)}.studio-plaque-preview-nav:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.studio-plaque-preview-count{z-index:2;color:#ffffffad;min-width:42px;font-family:var(--font-geist-mono),monospace;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050708cc;border:1px solid #ffffff1f;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;position:absolute;bottom:9px;right:9px}.studio-plaque-apple-player{background:#111;border:0;border-radius:12px;flex:none;width:min(440px,100%);height:175px;display:block;box-shadow:0 14px 36px #00000057}.studio-plaque-apple-preview{box-sizing:border-box;color:#111;background:#fbfbf8;border:3px solid #111;border-radius:2px;grid-template-columns:72px minmax(105px,1fr) 48px 42px minmax(72px,1fr) 44px auto;align-items:center;gap:10px;width:min(680px,100%);min-height:88px;padding:6px 13px 6px 6px;display:grid;overflow:hidden;box-shadow:0 14px 36px #00000057}.studio-plaque-apple-preview>img{object-fit:cover;width:72px;height:72px;display:block}.studio-plaque-apple-preview-copy{gap:3px;min-width:0;display:grid}.studio-plaque-apple-preview-copy strong,.studio-plaque-apple-preview-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-plaque-apple-preview-copy strong{font-size:18px;font-weight:500;line-height:1.1}.studio-plaque-apple-preview-copy span{font-size:14px;line-height:1.1}.studio-plaque-apple-preview>button{color:#111;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.studio-plaque-apple-preview>button:hover{background:#0000000e}.studio-plaque-apple-preview>button:focus-visible{outline-offset:2px;outline:2px solid #111}.studio-plaque-apple-preview-time{font-family:var(--font-geist-mono),monospace;font-variant-numeric:tabular-nums;text-align:center;font-size:15px}.studio-plaque-apple-preview>input[type=range]{accent-color:#111;cursor:pointer;width:100%;min-width:54px;height:20px;margin:0}.studio-plaque-apple-preview-brand{letter-spacing:-.05em;white-space:nowrap;font-size:18px;font-weight:650}.studio-plaque-apple-preview>audio{display:none}.studio-plaque-player-loading{color:#fff6;letter-spacing:.08em;text-transform:uppercase;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;place-items:center;width:min(440px,100%);min-height:72px;font-size:10px;font-weight:800;display:grid}.studio-plaque-preview-dialog>footer{text-align:center;justify-items:center;width:min(420px,100%);max-width:100%;display:grid}.studio-plaque-preview-dialog>footer small{color:var(--lime);letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:900}.studio-plaque-preview-dialog>footer strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:5px;font-size:17px;overflow:hidden}.studio-plaque-preview-dialog>footer span{color:#ffffff75;margin-top:5px;font-size:10px}.studio-share-overlay{z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030506b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-share-dialog{color:#edf1ed;background:#0b0f11;border:1px solid #ffffff24;border-radius:16px;width:min(520px,100%);overflow:hidden;box-shadow:0 32px 100px #000000a6}.profile-share-dialog>header{background:linear-gradient(110deg,var(--share-accent),transparent 62%);border-bottom:1px solid #ffffff17;align-items:center;gap:13px;padding:19px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.profile-share-dialog>header{background:linear-gradient(110deg,color-mix(in srgb,var(--share-accent) 10%,transparent),transparent 62%)}}.profile-share-dialog>header>span{background:var(--share-accent);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-share-dialog>header>span{background:color-mix(in srgb,var(--share-accent) 14%,transparent)}}.profile-share-dialog>header>span{color:var(--share-accent)}.profile-share-dialog>header>div{flex:1;min-width:0}.profile-share-dialog>header small{color:var(--share-accent);letter-spacing:.16em;font-size:8px;font-weight:900}.profile-share-dialog>header h2{margin:3px 0 0;font-size:20px}.profile-share-dialog>header>button{color:#ffffff85;background:0 0;border:1px solid #ffffff1a;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.profile-share-dialog>header>button:hover{color:#fff;border-color:#ffffff3d}.profile-share-content{gap:22px;padding:20px;display:grid}.profile-share-content>section{gap:9px;display:grid}.profile-share-content>section>span{color:#ffffffb3;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900}.profile-share-content>section>small{color:#ffffff61;font-size:9px;line-height:1.5}.profile-share-link{color:#fff;text-align:left;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:13px 14px;display:flex}.profile-share-link:hover{border-color:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.profile-share-link:hover{border-color:color-mix(in srgb,var(--share-accent) 52%,transparent)}}.profile-share-link:hover{background:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.profile-share-link:hover{background:color-mix(in srgb,var(--share-accent) 7%,transparent)}}.profile-share-link strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.profile-share-link svg{color:var(--share-accent);flex:none}.profile-share-visibility{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-share-visibility>button{color:#ffffff9e;text-align:left;background:#ffffff06;border:1px solid #ffffff17;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;min-width:0;padding:12px 10px;display:grid}.profile-share-visibility>button:hover:not(:disabled){color:#fff;border-color:#fff3}.profile-share-visibility>button.active{border-color:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.profile-share-visibility>button.active{border-color:color-mix(in srgb,var(--share-accent) 55%,transparent)}}.profile-share-visibility>button.active{background:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.profile-share-visibility>button.active{background:color-mix(in srgb,var(--share-accent) 8%,transparent)}}.profile-share-visibility>button.active{color:#fff}.profile-share-visibility>button>i{width:26px;height:26px;color:var(--share-accent);background:#ffffff0f;border-radius:7px;place-items:center;display:grid}.profile-share-visibility>button>span{gap:4px;min-width:0;display:grid}.profile-share-visibility>button strong{font-size:10px}.profile-share-visibility>button small{color:#ffffff59;font-size:7px;line-height:1.4}.profile-share-visibility>button>b{background:var(--share-accent);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-share-visibility>button>b{background:color-mix(in srgb,var(--share-accent) 18%,transparent)}}.profile-share-visibility>button>b{color:var(--share-accent)}.profile-share-content>p{color:#ffad95;background:#ff705612;border:1px solid #ff705638;border-radius:8px;margin:-8px 0 0;padding:10px 11px;font-size:9px;line-height:1.5}.studio-share-dialog{color:#edf1ed;background:#0b0f11;border:1px solid #ffffff24;border-radius:16px;width:min(720px,100%);overflow:hidden;box-shadow:0 32px 100px #000000a6}.studio-share-dialog>header{background:linear-gradient(110deg, var(--share-accent), transparent 55%);border-bottom:1px solid #ffffff17;align-items:flex-start;gap:14px;padding:22px 24px;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-share-dialog>header{background:linear-gradient(110deg, color-mix(in srgb, var(--share-accent) 8%, transparent), transparent 55%)}}.studio-share-heading-icon{border:1px solid var(--share-accent);flex:none;place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-share-heading-icon{border:1px solid color-mix(in srgb, var(--share-accent) 32%, transparent)}}.studio-share-heading-icon{background:var(--share-accent);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.studio-share-heading-icon{background:color-mix(in srgb, var(--share-accent) 12%, transparent)}}.studio-share-heading-icon{color:var(--share-accent)}.studio-share-dialog header>div:nth-child(2){flex:1;min-width:0}.studio-share-dialog header small{color:var(--share-accent);letter-spacing:.15em;font-size:11px;font-weight:900}.studio-share-dialog h2{margin:5px 0 4px;font-size:24px}.studio-share-dialog header p{color:#ffffff80;margin:0;font-size:14px;line-height:1.5}.studio-share-visibility{flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;display:flex}.studio-share-visibility>div{background:#0003;border:1px solid #ffffff1a;border-radius:8px;display:inline-flex;overflow:hidden}.studio-share-visibility button{color:#ffffff7a;letter-spacing:.07em;text-transform:uppercase;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:10px;font-weight:900;display:inline-flex}.studio-share-visibility>div button+button{border-left:1px solid #ffffff17}.studio-share-visibility button.active{background:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.studio-share-visibility button.active{background:color-mix(in srgb, var(--share-accent) 14%, transparent)}}.studio-share-visibility button.active{color:var(--share-accent)}.studio-share-visibility button:disabled{opacity:.5}.studio-share-visibility .studio-share-visitor-preview{color:#ffffffb8;background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px}.studio-share-visibility .studio-share-visitor-preview:hover{border-color:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.studio-share-visibility .studio-share-visitor-preview:hover{border-color:color-mix(in srgb, var(--share-accent) 35%, transparent)}}.studio-share-visibility .studio-share-visitor-preview:hover{color:#fff}.studio-share-visibility-note{margin-top:8px;line-height:1.45;display:block;color:#ffffff5e!important;letter-spacing:0!important;font-size:10px!important;font-weight:600!important}.studio-share-public-address{max-width:100%;color:var(--share-accent);background:0 0;border:0;align-items:center;gap:7px;margin-top:8px;padding:0;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-share-public-address{color:color-mix(in srgb, var(--share-accent) 78%, white)}}.studio-share-public-address{font-size:10px}.studio-share-public-address span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-share-analytics-access{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:14px;display:flex}.studio-share-analytics-access>span{min-width:0;color:var(--share-accent);align-items:center;gap:9px;display:flex}.studio-share-analytics-access>span>span{min-width:0}.studio-share-analytics-access strong,.studio-share-analytics-access small{display:block}.studio-share-analytics-access strong{color:#ffffffd1;font-size:11px}.studio-share-analytics-access small{color:#ffffff5c;margin-top:3px;font-size:9px;line-height:1.35}.studio-share-analytics-access>button{color:#ffffff73;letter-spacing:.07em;text-transform:uppercase;background:#ffffff09;border:1px solid #ffffff1c;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;min-width:86px;min-height:32px;padding:0 10px;font-size:9px;font-weight:900;display:inline-flex}.studio-share-analytics-access>button i{background:#ffffff47;border-radius:50%;width:7px;height:7px}.studio-share-analytics-access>button.active{border-color:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.studio-share-analytics-access>button.active{border-color:color-mix(in srgb, var(--share-accent) 40%, transparent)}}.studio-share-analytics-access>button.active{color:var(--share-accent)}.studio-share-analytics-access>button.active i{background:var(--share-accent);box-shadow:0 0 10px var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.studio-share-analytics-access>button.active i{box-shadow:0 0 10px color-mix(in srgb, var(--share-accent) 60%, transparent)}}.studio-share-close{color:#ffffff8c;background:#ffffff09;border:1px solid #ffffff17;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.studio-share-close:hover{color:#fff}.studio-share-content{gap:20px;padding:22px 24px 24px;display:grid}.studio-share-section-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.studio-share-section-heading span{letter-spacing:.02em;font-size:14px;font-weight:900}.studio-share-section-heading small{color:#ffffff57;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.studio-share-audience{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.studio-share-audience button{color:#ffffffb3;text-align:left;background:#ffffff06;border:1px solid #ffffff17;border-radius:10px;grid-template-rows:30px 1fr;grid-template-columns:34px 1fr;gap:3px 10px;min-height:118px;padding:13px;display:grid;position:relative}.studio-share-audience button:hover{background:#ffffff0b;border-color:#fff3}.studio-share-audience button.active{border-color:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.studio-share-audience button.active{border-color:color-mix(in srgb, var(--share-accent) 55%, transparent)}}.studio-share-audience button.active{background:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.studio-share-audience button.active{background:color-mix(in srgb, var(--share-accent) 8%, transparent)}}.studio-share-audience button.active{color:#fff}.studio-share-audience button>span{width:32px;height:32px;color:var(--share-accent);background:#ffffff0f;border-radius:7px;grid-row:1/3;place-items:center;display:grid}.studio-share-audience strong{align-self:end;font-size:14px}.studio-share-audience small{color:#ffffff70;font-size:11px;line-height:1.5}.studio-share-audience i{background:var(--share-accent);color:#090d0e;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:8px;right:8px}.studio-share-settings{grid-template-columns:minmax(0,1.4fr) minmax(170px,.6fr);gap:14px;display:grid}.studio-share-role-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.studio-share-role-toggle button{color:#ffffff85;text-align:left;background:#ffffff06;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:10px;min-height:58px;padding:11px;display:flex}.studio-share-role-toggle button.active{border-color:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.studio-share-role-toggle button.active{border-color:color-mix(in srgb, var(--share-accent) 42%, transparent)}}.studio-share-role-toggle button.active{background:var(--share-accent)}@supports (color:color-mix(in lab, red, red)){.studio-share-role-toggle button.active{background:color-mix(in srgb, var(--share-accent) 7%, transparent)}}.studio-share-role-toggle button.active{color:var(--share-accent)}.studio-share-role-toggle span{min-width:0}.studio-share-role-toggle strong,.studio-share-role-toggle small{display:block}.studio-share-role-toggle strong{color:#fff;font-size:13px}.studio-share-role-toggle small{color:#ffffff6b;margin-top:4px;font-size:10px;line-height:1.35}.studio-share-select{color:#ffffff73;background:#ffffff06;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:9px;height:58px;padding:0 12px;display:flex}.studio-share-select select{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.studio-share-project-scope{border:1px solid var(--share-accent);align-items:center;gap:11px;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-share-project-scope{border:1px solid color-mix(in srgb, var(--share-accent) 28%, transparent)}}.studio-share-project-scope{background:var(--share-accent);border-radius:9px}@supports (color:color-mix(in lab, red, red)){.studio-share-project-scope{background:color-mix(in srgb, var(--share-accent) 6%, transparent)}}.studio-share-project-scope{color:var(--share-accent);padding:12px 14px}.studio-share-project-scope>span{min-width:0}.studio-share-project-scope small,.studio-share-project-scope strong,.studio-share-project-scope em{display:block}.studio-share-project-scope small{letter-spacing:.13em;font-size:8px}.studio-share-project-scope strong{color:#fff;margin-top:3px;font-size:14px}.studio-share-project-scope em{color:#ffffff6b;margin-top:3px;font-size:10px;font-style:normal}.studio-share-create{border:1px solid var(--share-accent);background:var(--share-accent);color:#0a0d0e;text-transform:uppercase;letter-spacing:.08em;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;font-size:12px;font-weight:950;display:flex}.studio-share-create:disabled{opacity:.35}.studio-share-link-result{border:1px solid var(--share-accent);align-items:center;gap:10px;min-width:0;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-share-link-result{border:1px solid color-mix(in srgb, var(--share-accent) 30%, transparent)}}.studio-share-link-result{background:var(--share-accent);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.studio-share-link-result{background:color-mix(in srgb, var(--share-accent) 6%, transparent)}}.studio-share-link-result{padding:9px 10px}.studio-share-link-result>div{min-width:0;color:var(--share-accent);flex:1;align-items:center;gap:9px;display:flex}.studio-share-link-result span{min-width:0}.studio-share-link-result small,.studio-share-link-result strong{display:block}.studio-share-link-result small{color:#ffffff57;letter-spacing:.1em;font-size:8px}.studio-share-link-result strong{color:#ffffffd1;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.studio-share-link-result button{border:1px solid var(--share-accent);flex:none;align-items:center;gap:6px;height:38px;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-share-link-result button{border:1px solid color-mix(in srgb, var(--share-accent) 35%, transparent)}}.studio-share-link-result button{background:var(--share-accent);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.studio-share-link-result button{background:color-mix(in srgb, var(--share-accent) 12%, transparent)}}.studio-share-link-result button{color:var(--share-accent);padding:0 13px;font-size:10px;font-weight:900}.studio-share-error{color:#ff8178;text-align:center;margin:-8px 0 0;font-size:12px}.studio-share-dialog>footer{color:#fff6;text-align:center;border-top:1px solid #ffffff12;justify-content:center;align-items:center;gap:7px;padding:13px 18px;font-size:11px;line-height:1.4;display:flex}.producer-onboarding{--creator-accent:#d7ff3f;z-index:200;color:#f4f7f4;background:#080b0e;flex-direction:column;min-width:0;min-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.producer-onboarding:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.producer-onboarding-glow{background:var(--creator-accent);border-radius:50%;width:55vw;height:55vw;position:absolute;top:16%;left:20%}@supports (color:color-mix(in lab, red, red)){.producer-onboarding-glow{background:color-mix(in srgb, var(--creator-accent) 10%, transparent)}}.producer-onboarding-glow{filter:blur(120px);opacity:.48;pointer-events:none}.producer-onboarding-header{z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080b0ee0;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;padding:0 28px;display:grid;position:relative}.producer-onboarding-brand{align-items:center;gap:10px;display:flex}.producer-onboarding-brand>span{border:1px solid var(--creator-accent);place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.producer-onboarding-brand>span{border:1px solid color-mix(in srgb, var(--creator-accent) 42%, transparent)}}.producer-onboarding-brand>span{background:var(--creator-accent);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.producer-onboarding-brand>span{background:color-mix(in srgb, var(--creator-accent) 12%, transparent)}}.producer-onboarding-brand>span{color:var(--creator-accent);box-shadow:0 0 24px var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-onboarding-brand>span{box-shadow:0 0 24px color-mix(in srgb, var(--creator-accent) 12%, transparent)}}.producer-onboarding-brand strong{letter-spacing:.16em;font-size:13px}.producer-onboarding-brand small{color:#ffffff59;letter-spacing:.12em;border-left:1px solid #ffffff21;margin-left:4px;padding-left:14px;font-size:10px;font-weight:800}.producer-onboarding-steps{align-items:center;gap:13px;display:flex}.producer-onboarding-steps>em{background:linear-gradient(90deg, var(--creator-accent), #ffffff1a);width:36px;height:1px}@supports (color:color-mix(in lab, red, red)){.producer-onboarding-steps>em{background:linear-gradient(90deg, color-mix(in srgb, var(--creator-accent) 55%, transparent), #ffffff1a)}}.producer-onboarding-steps button{color:#ffffff59;text-align:left;background:0 0;border:0;align-items:center;gap:9px;display:flex}.producer-onboarding-steps button>i{border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;font-style:normal;font-weight:900;display:grid}.producer-onboarding-steps button small,.producer-onboarding-steps button strong{display:block}.producer-onboarding-steps button small{letter-spacing:.12em;font-size:8px}.producer-onboarding-steps button strong{margin-top:3px;font-size:11px}.producer-onboarding-steps button.active{color:#fff}.producer-onboarding-steps button.active>i{border-color:var(--creator-accent);background:var(--creator-accent);color:#08100a;box-shadow:0 0 18px var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-onboarding-steps button.active>i{box-shadow:0 0 18px color-mix(in srgb, var(--creator-accent) 35%, transparent)}}.producer-onboarding-steps button:disabled{cursor:default;opacity:.4}.producer-onboarding-secure{color:#ffffff52;letter-spacing:.11em;justify-self:end;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.producer-onboarding-close{color:#ffffff8c;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:7px;justify-self:end;place-items:center;width:36px;height:36px;display:grid}.producer-onboarding-close:hover{color:#fff;border-color:#ffffff4d}.producer-creator-layout{z-index:2;flex:1;grid-template-columns:minmax(420px,1.15fr) minmax(480px,.85fr);min-height:0;display:grid;position:relative}.producer-creator-layout.profile-only{grid-template-columns:minmax(480px,720px);justify-content:center}.producer-character-stage{background:radial-gradient(circle at 50% 56%, var(--creator-accent), transparent 42%), linear-gradient(145deg,#0d1216,#080b0e 65%);border-right:1px solid #ffffff17;min-width:0;min-height:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.producer-character-stage{background:radial-gradient(circle at 50% 56%, color-mix(in srgb, var(--creator-accent) 7%, transparent), transparent 42%), linear-gradient(145deg,#0d1216,#080b0e 65%)}}.producer-character-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000,#030507b8);height:30%;position:absolute;bottom:0;left:0;right:0}.producer-character-cycle{z-index:7;color:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070a0cb3;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:42px;height:42px;margin-top:-21px;display:grid;position:absolute;top:50%;box-shadow:0 12px 35px #00000052}.producer-character-cycle:hover{border-color:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-character-cycle:hover{border-color:color-mix(in srgb,var(--creator-accent) 55%,transparent)}}.producer-character-cycle:hover{background:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-character-cycle:hover{background:color-mix(in srgb,var(--creator-accent) 10%,#070a0ccc)}}.producer-character-cycle:hover{color:var(--creator-accent)}.producer-character-cycle.previous{left:calc(50% - 210px)}.producer-character-cycle.next{left:calc(50% + 168px)}.producer-character-picker{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a0cc2;border:1px solid #ffffff1f;border-radius:11px;flex-direction:column;width:218px;display:flex;position:absolute;top:22px;right:22px;overflow:hidden;box-shadow:0 24px 70px #0006}.producer-character-picker>header{border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;display:flex}.producer-character-picker>header small,.producer-character-picker>header strong{display:block}.producer-character-picker>header small{color:var(--creator-accent);letter-spacing:.14em;font-size:7px;font-weight:950}.producer-character-picker>header strong{text-overflow:ellipsis;white-space:nowrap;max-width:104px;margin-top:3px;font-size:10px;overflow:hidden}.producer-character-picker>header button{color:#ffffff73;letter-spacing:.07em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:4px;font-size:7px;font-weight:900;display:flex}.producer-character-picker>header button:hover{color:var(--creator-accent)}.producer-character-picker-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-height:0;padding:8px;display:grid;position:relative;overflow:auto}.producer-character-picker-models>button{z-index:0;color:#ffffff7a;background:#ffffff06;border:1px solid #ffffff14;border-radius:7px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:5px 4px 7px;display:flex;position:relative;overflow:hidden}.producer-character-picker-models>button:hover{color:#fff;border-color:#fff3}.producer-character-picker-models>button.active{border-color:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-character-picker-models>button.active{border-color:color-mix(in srgb,var(--creator-accent) 50%,transparent)}}.producer-character-picker-models>button.active{background:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-character-picker-models>button.active{background:color-mix(in srgb,var(--creator-accent) 8%,transparent)}}.producer-character-picker-models>button.active{color:#fff}.producer-character-picker-models>button>span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:8px;font-weight:800;overflow:hidden}.producer-character-picker-models>button>i{z-index:3;color:var(--creator-accent);font-style:normal;position:absolute;top:5px;right:5px}.producer-character-picker-colors{flex:none;padding:10px 12px 12px}.producer-character-picker-colors>span{color:#ffffff6b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:8px;font-weight:900;display:block}.producer-character-picker-colors>div{flex-wrap:wrap;gap:5px;display:flex}.producer-character-picker-colors button{background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.producer-character-picker-colors button>i{background:var(--swatch);width:16px;height:16px;box-shadow:0 0 10px var(--swatch);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.producer-character-picker-colors button>i{box-shadow:0 0 10px color-mix(in srgb,var(--swatch) 38%,transparent)}}.producer-character-picker-colors button.active{border-color:var(--swatch)}.producer-character-rotate{z-index:4;color:#ffffff52;letter-spacing:.1em;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex;position:absolute;bottom:25px;right:24px}.producer-character-nameplate{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070a0cb3;border:1px solid #ffffff1c;border-radius:8px;align-items:center;gap:10px;min-width:250px;padding:11px 13px;display:flex;position:absolute;bottom:24px;left:30px;box-shadow:0 18px 60px #00000061}.producer-character-nameplate>span{border-radius:4px;width:4px;height:34px;box-shadow:0 0 15px}.producer-character-nameplate>div{flex:1;min-width:0}.producer-character-nameplate strong,.producer-character-nameplate small{display:block}.producer-character-nameplate strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.producer-character-nameplate small{color:#ffffff61;margin-top:4px;font-size:10px}.producer-character-nameplate svg{color:var(--creator-accent)}.producer-creator-panel{background:#0a0e11f0;min-width:0;padding:clamp(28px,4vw,58px);overflow:auto}.producer-identity-step,.producer-character-step,.producer-verification-step,.producer-catalog-step,.producer-integrations-step{width:min(100%,620px);margin:0 auto}.producer-creator-heading{align-items:flex-start;gap:14px;margin-bottom:30px;display:flex}.producer-creator-heading>span{border:1px solid var(--creator-accent);flex:none;place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab, red, red)){.producer-creator-heading>span{border:1px solid color-mix(in srgb, var(--creator-accent) 30%, transparent)}}.producer-creator-heading>span{background:var(--creator-accent);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.producer-creator-heading>span{background:color-mix(in srgb, var(--creator-accent) 9%, transparent)}}.producer-creator-heading>span{color:var(--creator-accent)}.producer-creator-heading small{color:var(--creator-accent);letter-spacing:.17em;font-size:9px;font-weight:950}.producer-creator-heading h1{letter-spacing:-.025em;margin:5px 0 7px;font-family:Georgia,serif;font-size:clamp(24px,2.2vw,34px);font-weight:500}.producer-creator-heading p{color:#ffffff6e;max-width:520px;margin:0;font-size:14px;line-height:1.6}.producer-profile-field{margin-bottom:18px;display:block;position:relative}.producer-profile-field>span{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:850;display:flex}.producer-profile-field>span small{color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.producer-profile-field input,.producer-profile-field textarea,.producer-handle-input{color:#fff;width:100%;font:inherit;background:#ffffff09;border:1px solid #ffffff1c;border-radius:7px;outline:0;font-size:13px;transition:border-color .18s,background .18s,box-shadow .18s}.producer-profile-field input{height:48px;padding:0 14px}.producer-profile-field textarea{resize:vertical;min-height:100px;padding:13px 14px;line-height:1.55}.producer-profile-field input:focus,.producer-profile-field textarea:focus,.producer-handle-input:focus-within{border-color:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-profile-field input:focus,.producer-profile-field textarea:focus,.producer-handle-input:focus-within{border-color:color-mix(in srgb, var(--creator-accent) 55%, transparent)}}.producer-profile-field input:focus,.producer-profile-field textarea:focus,.producer-handle-input:focus-within{background:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-profile-field input:focus,.producer-profile-field textarea:focus,.producer-handle-input:focus-within{background:color-mix(in srgb, var(--creator-accent) 4%, transparent)}}.producer-profile-field input:focus,.producer-profile-field textarea:focus,.producer-handle-input:focus-within{box-shadow:0 0 0 3px var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-profile-field input:focus,.producer-profile-field textarea:focus,.producer-handle-input:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--creator-accent) 6%, transparent)}}.producer-profile-field>i{color:#ffffff40;text-align:right;margin-top:6px;font-size:9px;font-style:normal;display:block}.producer-handle-input{align-items:center;height:48px;display:flex;overflow:hidden}.producer-handle-input b{height:100%;color:var(--creator-accent);border-right:1px solid #ffffff14;place-items:center;padding:0 13px;font-size:13px;display:grid}.producer-handle-input input{background:0 0;border:0;height:100%;box-shadow:none!important}.producer-creator-primary{border:1px solid var(--creator-accent);background:var(--creator-accent);color:#081009;text-transform:uppercase;letter-spacing:.09em;min-height:48px;box-shadow:0 12px 35px var(--creator-accent);border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:12px;font-weight:950;display:flex}@supports (color:color-mix(in lab, red, red)){.producer-creator-primary{box-shadow:0 12px 35px color-mix(in srgb, var(--creator-accent) 12%, transparent)}}.producer-identity-step>.producer-creator-primary{width:100%;margin-top:25px}.producer-creator-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.producer-creator-primary:disabled{cursor:not-allowed;opacity:.32}.producer-style-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.producer-style-heading>span{font-size:12px;font-weight:900}.producer-style-heading button{color:var(--creator-accent);text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.producer-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:20px;display:grid;position:relative}.producer-style-grid>button{z-index:0;color:#ffffff94;text-align:left;background:#ffffff06;border:1px solid #ffffff17;border-radius:7px;grid-template-columns:62px 1fr 22px;align-items:center;gap:11px;min-height:86px;padding:7px 11px 7px 7px;display:grid;position:relative;overflow:hidden}.producer-style-grid>button:hover{background:#ffffff0b;border-color:#fff3}.producer-style-grid>button.active{border-color:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-style-grid>button.active{border-color:color-mix(in srgb, var(--creator-accent) 48%, transparent)}}.producer-style-grid>button.active{background:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-style-grid>button.active{background:color-mix(in srgb, var(--creator-accent) 7%, transparent)}}.producer-style-grid>button.active{color:#fff}.producer-style-thumbnail{background:radial-gradient(circle at 50% 62%,var(--creator-accent),#0b1013 72%);border:1px solid #ffffff14;border-radius:6px;width:62px;height:72px}@supports (color:color-mix(in lab, red, red)){.producer-style-thumbnail{background:radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--creator-accent) 9%,#11171b),#0b1013 72%)}}.producer-style-thumbnail-canvas{z-index:1;inset:0;pointer-events:none!important;position:absolute!important}.producer-style-grid strong,.producer-style-grid small{display:block}.producer-style-grid strong{font-size:13px}.producer-style-grid small{color:#ffffff4f;margin-top:4px;font-size:10px}.producer-style-grid>button>i{color:var(--creator-accent);font-style:normal}.producer-style-description{border-left:2px solid var(--creator-accent);gap:8px;margin:10px 0 20px;padding:4px 0 4px 11px;display:flex}.producer-style-description strong{color:var(--creator-accent);text-transform:uppercase;letter-spacing:.09em;flex:none;font-size:10px}.producer-style-description span{color:#ffffff5c;font-size:10px;line-height:1.45}.producer-accent-picker{margin-bottom:18px}.producer-accent-picker>span{justify-content:space-between;align-items:center;font-size:12px;font-weight:900;display:flex}.producer-accent-picker>span small{color:#ffffff47;text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:700}.producer-accent-picker>div{gap:9px;margin-top:11px;display:flex}.producer-accent-picker button{background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.producer-accent-picker button i{background:var(--swatch);width:23px;height:23px;box-shadow:0 0 15px var(--swatch);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.producer-accent-picker button i{box-shadow:0 0 15px color-mix(in srgb, var(--swatch) 35%, transparent)}}.producer-accent-picker button.active{border-color:var(--swatch)}.producer-creator-actions{grid-template-columns:110px 1fr;gap:8px;margin-top:27px;display:grid}.producer-creator-back{color:#fff9;text-transform:uppercase;letter-spacing:.08em;background:#ffffff09;border:1px solid #ffffff1c;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:11px;font-weight:900;display:flex}.producer-creator-error{color:#ff8e86;background:#ff615712;border:1px solid #ff615740;border-radius:6px;margin:15px 0 -12px;padding:9px 11px;font-size:11px;line-height:1.45}.producer-verification-card{background:linear-gradient(135deg,#ffffff0d,#ffffff04);border:1px solid #ffffff1c;border-radius:10px;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:17px;padding:20px;display:grid;box-shadow:0 18px 55px #00000038}.producer-verification-card.verified{border-color:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-verification-card.verified{border-color:color-mix(in srgb,var(--creator-accent) 45%,transparent)}}.producer-verification-card.verified{background:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-verification-card.verified{background:color-mix(in srgb,var(--creator-accent) 7%,#0d1215)}}.producer-verification-mark{border:1px solid var(--creator-accent);place-items:center;width:64px;height:64px;display:grid}@supports (color:color-mix(in lab, red, red)){.producer-verification-mark{border:1px solid color-mix(in srgb,var(--creator-accent) 38%,transparent)}}.producer-verification-mark{background:var(--creator-accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.producer-verification-mark{background:color-mix(in srgb,var(--creator-accent) 10%,transparent)}}.producer-verification-mark{color:var(--creator-accent);box-shadow:inset 0 0 22px var(--creator-accent),0 0 32px var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-verification-mark{box-shadow:inset 0 0 22px color-mix(in srgb,var(--creator-accent) 8%,transparent),0 0 32px color-mix(in srgb,var(--creator-accent) 10%,transparent)}}.producer-verification-card small,.producer-verification-card strong{display:block}.producer-verification-card small{color:var(--creator-accent);letter-spacing:.14em;font-size:9px;font-weight:950}.producer-verification-card strong{margin-top:5px;font-size:17px}.producer-verification-card p{color:#ffffff6b;margin:7px 0 0;font-size:11px;line-height:1.55}.producer-verification-status{color:#ffad89;background:#ff8b6212;border:1px solid #ff8b6238;border-radius:7px;margin:12px 0 0;padding:10px 12px;font-size:11px;line-height:1.45}.producer-verification-status.success{border-color:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-verification-status.success{border-color:color-mix(in srgb,var(--creator-accent) 28%,transparent)}}.producer-verification-status.success{background:var(--creator-accent)}@supports (color:color-mix(in lab, red, red)){.producer-verification-status.success{background:color-mix(in srgb,var(--creator-accent) 7%,transparent)}}.producer-verification-status.success{color:var(--creator-accent)}.producer-verification-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:25px;display:flex}.producer-verification-actions .producer-creator-back{margin-right:auto;padding:0 17px}.producer-verification-actions .producer-creator-primary{text-decoration:none}.producer-verification-skip{color:#ffffffad;text-transform:uppercase;letter-spacing:.08em;background:#ffffff0b;border:1px solid #ffffff21;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 18px;font-size:11px;font-weight:900;display:flex}.producer-verification-skip:hover:not(:disabled){color:#fff;border-color:#ffffff47}.producer-verification-skip:disabled{opacity:.4}.producer-verification-disconnect{color:#ff8f87;letter-spacing:.08em;text-transform:uppercase;background:#ff534711;border:1px solid #ff675c40;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 18px;font-size:11px;font-weight:900;display:flex}.producer-verification-disconnect:hover:not(:disabled){color:#ffb0aa;background:#ff53471f;border-color:#ff766c8c}.producer-verification-disconnect:disabled{cursor:wait;opacity:.45}.producer-catalog-lock,.producer-catalog-job{background:#ffffff09;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:13px;padding:16px;display:flex}.producer-catalog-lock>svg{color:#ffffff6b;flex:none}.producer-catalog-lock strong,.producer-catalog-lock p,.producer-catalog-job strong,.producer-catalog-job span{display:block}.producer-catalog-lock strong,.producer-catalog-job strong{font-size:13px}.producer-catalog-lock p{color:#fff6;margin:5px 0 0;font-size:11px;line-height:1.5}.producer-catalog-summary{grid-template-columns:minmax(0,1fr) 88px 88px;gap:7px;display:grid}.producer-catalog-summary>div{background:#ffffff08;border:1px solid #ffffff1a;border-radius:9px;min-width:0;padding:14px}.producer-catalog-summary small,.producer-catalog-summary strong,.producer-catalog-summary span{display:block}.producer-catalog-summary small{color:var(--creator-accent);letter-spacing:.13em;font-size:8px;font-weight:950}.producer-catalog-summary strong{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:18px;overflow:hidden}.producer-catalog-summary span{color:#ffffff59;margin-top:5px;font-size:9px}.producer-catalog-job{color:#ffffff8c;margin-top:9px}.producer-catalog-job>svg{color:var(--creator-accent);flex:none}.producer-catalog-job span{color:#ffffff5c;margin-top:4px;font-size:10px;line-height:1.4}.producer-catalog-job.failed{border-color:#ff605240}.producer-catalog-job.failed>svg{color:#ff786d}.producer-catalog-plaques{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;display:grid}.producer-catalog-plaques article{border:1px solid var(--creator-accent);align-items:center;gap:10px;min-width:0;display:flex}@supports (color:color-mix(in lab, red, red)){.producer-catalog-plaques article{border:1px solid color-mix(in srgb,var(--creator-accent) 20%,transparent)}}.producer-catalog-plaques article{background:var(--creator-accent);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.producer-catalog-plaques article{background:color-mix(in srgb,var(--creator-accent) 4%,transparent)}}.producer-catalog-plaques article{padding:10px}.producer-catalog-plaques article>img{object-fit:contain;flex:none;width:35px;height:35px}.producer-catalog-plaques article>svg{color:var(--creator-accent);flex:none}.producer-catalog-plaques article>div{min-width:0}.producer-catalog-plaques small,.producer-catalog-plaques strong,.producer-catalog-plaques span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.producer-catalog-plaques small{color:var(--creator-accent);letter-spacing:.12em;font-size:7px;font-weight:950}.producer-catalog-plaques strong{margin-top:3px;font-size:11px}.producer-catalog-plaques span{color:#ffffff59;margin-top:3px;font-size:9px}.producer-integration-card{background:linear-gradient(145deg,#ffffff0b,#ffffff05);border:1px solid #ffffff1c;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000038}.producer-integration-card.connected{border-color:#bb7bff59}.producer-integration-card>header{border-bottom:1px solid #ffffff14;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:15px;display:grid}.producer-integration-logo{color:#d7adff;background:linear-gradient(145deg,#b166ff3d,#662bb21c);border:1px solid #bb7bff57;border-radius:11px;place-items:center;width:46px;height:46px;font-size:20px;font-weight:950;display:grid}.producer-integration-card header small,.producer-integration-card header strong,.producer-integration-card header span{display:block}.producer-integration-card header small{color:#d7adff;letter-spacing:.15em;font-size:7px;font-weight:950}.producer-integration-card header strong{margin-top:3px;font-size:15px}.producer-integration-card header span{color:#ffffff5e;margin-top:4px;font-size:10px}.producer-integration-card header>i{color:#ffffff52;letter-spacing:.1em;border:1px solid #ffffff1a;border-radius:999px;padding:6px 8px;font-size:7px;font-style:normal;font-weight:950}.producer-integration-card.connected header>i{color:#d7adff;background:#bb7bff14;border-color:#bb7bff4d}.producer-integration-card>.producer-profile-field{margin:0;padding:15px}.producer-integration-card textarea{min-height:82px}.producer-integration-preview{background:#080a0b;border:1px solid #ffffff1a;border-radius:9px;margin:0 15px 15px;overflow:hidden}.producer-integration-preview iframe{border:0;width:100%;height:220px;display:block}.producer-integration-card>.producer-creator-error{margin:0 15px 12px}.producer-integration-card>footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;display:flex}.producer-integration-remove{color:#ff8b82;text-transform:uppercase;letter-spacing:.07em;background:#ff695e0d;border:1px solid #ff695e2e;border-radius:7px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:10px;font-weight:900;display:flex}.producer-integration-remove:disabled{opacity:.4}.spinning{animation:.9s linear infinite catalog-spin}@keyframes catalog-spin{to{transform:rotate(360deg)}}@media (max-width:980px){.producer-onboarding-header{grid-template-columns:1fr auto;padding:0 16px}.producer-onboarding-steps,.producer-onboarding-brand small{display:none}.producer-creator-layout{grid-template-columns:42% 58%}.producer-creator-panel{padding:28px 22px}.producer-character-picker{width:180px;right:12px}.producer-character-picker-models{grid-template-columns:1fr}.producer-character-rotate{right:208px}}@media (max-width:620px){.producer-style-grid{grid-template-columns:1fr}.producer-verification-card{grid-template-columns:52px minmax(0,1fr);padding:15px}.producer-verification-mark{width:50px;height:50px}.producer-verification-actions{grid-template-columns:1fr;display:grid}.producer-verification-actions .producer-creator-back{margin:0}.producer-catalog-summary{grid-template-columns:1fr 72px 72px}.producer-catalog-plaques{grid-template-columns:1fr}.studio-launch-sheet{width:100vw;padding-left:12px;padding-right:12px}.studio-launch-options{grid-template-columns:1fr}.studio-launch-options>button{text-align:left;grid-template-columns:44px minmax(0,1fr);align-content:center;justify-items:start;column-gap:12px;min-height:78px}.studio-launch-options>button>span{grid-row:1/span 2;width:44px;height:44px}.studio-launch-options>button strong,.studio-launch-options>button small{grid-column:2}}@media (max-width:720px){.producer-onboarding{overflow:auto}.producer-onboarding-header{min-height:60px;position:sticky;top:0}.producer-onboarding-secure{display:none}.producer-creator-layout{flex-direction:column;min-height:auto;display:flex}.producer-character-stage{border-bottom:1px solid #ffffff17;border-right:0;min-height:48vh}.producer-character-nameplate{min-width:0;bottom:15px;left:18px;right:18px}.producer-character-rotate{display:none}.producer-character-cycle.previous{left:calc(50% - 140px)}.producer-character-cycle.next{left:calc(50% + 98px)}.producer-character-picker{width:172px;max-height:calc(100% - 74px);top:10px;right:10px}.producer-character-picker-models{grid-template-columns:repeat(2,minmax(0,1fr))}.producer-character-picker-models .producer-style-thumbnail{width:54px;height:64px}.producer-creator-panel{padding:28px 18px 40px;overflow:visible}}.studio-customizer{color:#eef2ed;background:#080b0d;width:100%;height:100dvh;position:relative;overflow:hidden}.studio-customizer button,.studio-customizer input{font:inherit}.studio-customizer-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b0de6;border-bottom:1px solid #ffffff1f;align-items:center;gap:16px;height:62px;padding:0 16px;display:flex;position:absolute;inset:0 0 auto;box-shadow:0 8px 30px #0000003d}.studio-customizer-title{align-items:center;gap:10px;min-width:230px;display:flex}.studio-customizer-title>span{background:var(--lime);color:#0a0d0e;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.studio-customizer-title strong{letter-spacing:.13em;font-size:10px;display:block}.studio-customizer-title small{color:#ffffff61;margin-top:3px;font-size:8px;display:block}.studio-customizer-history{gap:4px;display:flex}.studio-customizer-history button,.studio-customizer-header-actions button{color:#ffffff9e;background:#ffffff09;border:1px solid #ffffff1a;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.studio-customizer-history button{width:34px;padding:0}.studio-customizer-history button:disabled,.studio-customizer-header-actions button:disabled{opacity:.28}.studio-customizer-save-state{color:#fff6;align-items:center;gap:6px;font-size:8px;display:flex}.studio-customizer-save-state svg{color:var(--lime)}.studio-customizer-header-actions{gap:7px;margin-left:auto;display:flex}.studio-customizer-header-actions .studio-customizer-save{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-customizer-header-actions .studio-customizer-save{border-color:color-mix(in srgb,var(--lime) 28%,transparent)}}.studio-customizer-header-actions .studio-customizer-save{color:var(--lime)}.studio-customizer-header-actions .studio-customizer-done{border-color:var(--lime);background:var(--lime);color:#0a0d0e;font-weight:900}.studio-customizer-library{z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e10e8;border:1px solid #ffffff21;border-radius:10px;height:178px;position:absolute;top:72px;left:12px;right:12px;overflow:hidden;box-shadow:0 14px 42px #00000057}.studio-customizer-library-tools{border-bottom:1px solid #ffffff14;align-items:center;gap:9px;height:42px;padding:0 10px;display:flex}.studio-customizer-library-tools>strong{letter-spacing:.12em;flex:none;font-size:9px}.studio-customizer-library-tools>label{color:#ffffff5c;background:#0c1012;border:1px solid #ffffff1a;border-radius:5px;align-items:center;gap:7px;width:190px;height:29px;padding:0 8px;display:flex}.studio-customizer-library-tools input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:9px}.studio-customizer-library-tools nav{gap:5px;min-width:0;display:flex;overflow-x:auto}.studio-customizer-library-tools nav button{color:#ffffff6b;background:0 0;border:1px solid #ffffff17;border-radius:999px;flex:none;padding:5px 8px;font-size:8px}.studio-customizer-library-tools nav button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-customizer-library-tools nav button.active{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.studio-customizer-library-tools nav button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-customizer-library-tools nav button.active{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.studio-customizer-library-tools nav button.active{color:var(--lime)}.studio-customizer-assets{scrollbar-color:var(--lime) #ffffff0a;gap:7px;height:135px;padding:7px 9px 10px;display:flex;overflow:auto hidden}@supports (color:color-mix(in lab, red, red)){.studio-customizer-assets{scrollbar-color:color-mix(in srgb,var(--lime) 45%,transparent) #ffffff0a}}.studio-customizer-assets{scrollbar-width:thin}.studio-customizer-assets>:is(button,article.studio-customizer-plaque-card){color:#fff;text-align:left;cursor:grab;background:#ffffff06;border:1px solid #ffffff14;border-radius:6px;grid-template-rows:75px 18px 14px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;width:132px;min-width:132px;height:116px;padding:4px;display:grid;position:relative}.studio-customizer-assets>:is(button,article.studio-customizer-plaque-card):hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-customizer-assets>:is(button,article.studio-customizer-plaque-card):hover{border-color:color-mix(in srgb,var(--lime) 45%,transparent)}}.studio-customizer-assets>:is(button,article.studio-customizer-plaque-card):hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-customizer-assets>:is(button,article.studio-customizer-plaque-card):hover{background:color-mix(in srgb,var(--lime) 6%,transparent)}}.studio-customizer-assets>:is(button,article.studio-customizer-plaque-card):active{cursor:grabbing}.studio-customizer-assets>:is(button,article.studio-customizer-plaque-card)>span{pointer-events:none;background:radial-gradient(circle at 50% 52%,#71828947,#0000 58%),linear-gradient(145deg,#222a2e,#13181b);border-radius:5px;grid-area:1/1/auto/3;width:100%;height:72px;display:block;overflow:hidden}.studio-customizer-assets>:is(button,article.studio-customizer-plaque-card)>span canvas{display:block;width:100%!important;height:100%!important}.studio-customizer-assets strong{text-overflow:ellipsis;white-space:nowrap;grid-area:2/1;padding-left:3px;font-size:9px;overflow:hidden}.studio-customizer-assets small{color:#ffffff57;grid-area:3/1;padding-left:3px;font-size:7px}.studio-customizer-assets>button>svg{color:var(--lime);grid-area:2/2/4}.studio-customizer-assets>article.studio-customizer-plaque-card{background:linear-gradient(145deg,#e1ca760e,#ffffff05);border-color:#e1ca7633}.studio-customizer-assets>article.studio-customizer-plaque-card:hover{background:#e1ca7616;border-color:#e1ca769e}.studio-customizer-assets>article.studio-customizer-plaque-card.is-used{cursor:default;opacity:.72;filter:saturate(.45);background:#ffffff05;border-color:#ffffff0f}.studio-customizer-assets>article.studio-customizer-plaque-card.is-used:hover{background:#ffffff06;border-color:#ffffff14}.studio-customizer-plaque-source{z-index:2;color:#f1d77c;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#040607d1;border:1px solid #ffffff2e;border-radius:999px;padding:3px 6px;font-size:6px;font-weight:950;line-height:1;position:absolute;top:9px;left:9px;box-shadow:0 2px 9px #00000061}.studio-customizer-plaque-source.source-billboard{color:#fff}.studio-customizer-plaque-add{color:#e6cd75;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-area:2/2/4;place-items:center;width:20px;height:28px;padding:0;display:grid}.studio-customizer-plaque-add:hover{color:#fff2b4;background:#e6cd7524}.studio-customizer-plaque-card.is-used .studio-customizer-plaque-add{color:#ff7474}.studio-customizer-plaque-card.is-used .studio-customizer-plaque-add:hover{color:#ffb0b0;background:#ff545426}.studio-customizer-plaque-add:disabled{color:#ffffff52;cursor:not-allowed;background:0 0}.studio-customizer-empty-awards{color:#fff6;text-align:center;border:1px dashed #ffffff1f;border-radius:6px;place-items:center;min-width:260px;height:116px;padding:18px;font-size:9px;line-height:1.5;display:grid}.studio-award-plaque-face{color:#111;background:radial-gradient(circle at 50% 28%,#191b1e 0,#090a0b 48%,#030404 100%);border:10px solid #292a2d;border-radius:3px;width:608px;height:902px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #050505,inset 0 0 54px #ffffff0e,0 24px 52px #00000073}.studio-award-plaque-grid{opacity:.06;background-image:linear-gradient(90deg,#fff 1px,#0000 1px),linear-gradient(#fff 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.studio-award-plaque-records{width:460px;height:420px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.studio-award-plaque-record{background:repeating-radial-gradient(circle,#00000038 0 2px,#0000 3px 8px),radial-gradient(circle at 38% 32%,#ffffffb8,#0000 17%),linear-gradient(135deg,#f2f3f4,#777c82 45%,#dedfe1 72%,#686d73);border:3px solid #ffffff73;border-radius:50%;width:380px;height:380px;position:absolute;top:0;box-shadow:0 22px 34px #00000094,inset 0 0 30px #ffffff3d}.studio-award-plaque-face.finish-gold .studio-award-plaque-record{background:repeating-radial-gradient(circle,#402a0033 0 2px,#0000 3px 8px),radial-gradient(circle at 38% 32%,#ffffffb8,#0000 17%),linear-gradient(135deg,#ffe68b,#9c701b 45%,#f5d566 72%,#705014)}.studio-award-plaque-face.finish-silver .studio-award-plaque-record{background:repeating-radial-gradient(circle,#00000038 0 2px,#0000 3px 8px),radial-gradient(circle at 38% 32%,#fffc,#0000 17%),linear-gradient(135deg,#f4f5f6,#91969c 45%,#d8dbdf 72%,#747a81)}.studio-award-plaque-face.finish-diamond .studio-award-plaque-record{background:repeating-radial-gradient(circle,#002d4129 0 2px,#0000 3px 8px),radial-gradient(circle at 38% 32%,#ffffffe6,#0000 17%),linear-gradient(135deg,#ecfdff,#71bacb 45%,#d7f7fb 72%,#5a9cab)}.studio-award-plaque-grooves{border:1px solid #00000057;border-radius:50%;position:absolute;inset:20px;box-shadow:inset 0 0 0 16px #0000000b,inset 0 0 0 34px #ffffff0b,inset 0 0 0 50px #0000000a}.studio-award-plaque-label{color:#ddd;background:#202225;border:6px solid #17181a;border-radius:50%;place-items:center;width:128px;height:128px;font-size:36px;font-weight:950;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.studio-award-plaque-label img{object-fit:cover;width:100%;height:100%}.studio-award-plaque-label:after{content:"";background:#090a0b;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-award-plaque-plate{background:linear-gradient(135deg,#e1e2e3,#aeb1b4);border:5px solid #d9d9d9;grid-template-columns:minmax(0,1fr) 94px;height:280px;display:grid;position:absolute;bottom:104px;left:48px;right:48px;overflow:hidden;box-shadow:0 0 0 2px #111,0 0 0 8px #888b8e,0 14px 28px #00000073,inset 0 0 24px #ffffff4d}.studio-award-plaque-copy{text-align:center;text-transform:uppercase;border-right:1px solid #85888c;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:17px 20px;display:flex}.studio-award-plaque-copy small{letter-spacing:.18em;max-width:100%;font-size:12px;font-style:normal;font-weight:750;line-height:1.25}.studio-award-plaque-copy strong{letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:7px 0 3px;font-size:25px;font-weight:950;line-height:1.05;overflow:hidden}.studio-award-plaque-copy em{color:#55585c;letter-spacing:.15em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:7px;font-size:11px;font-style:normal;font-weight:850;overflow:hidden}.studio-award-plaque-copy b{letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:4px 0;font-size:24px;font-weight:950;overflow:hidden}.studio-award-plaque-copy h3{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:5px 0 0;font-size:21px;font-weight:950;line-height:1.1;overflow:hidden}.studio-award-plaque-mark{background:#00000014;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex}.studio-award-plaque-mark img{object-fit:contain;filter:grayscale()contrast(1.12);width:72px;height:72px}.studio-award-plaque-mark strong{letter-spacing:.08em;text-align:center;font-size:16px}.studio-award-plaque-face footer{color:#777c82;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;font-size:12px;font-weight:750;display:flex;position:absolute;bottom:42px;left:48px;right:48px}.studio-billboard-plaque-face{color:#fff;background:#050506;border:14px solid #e5e6e8;border-radius:3px;width:608px;height:902px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #8d9095,inset 0 0 70px #ffffff0e,0 24px 52px #00000080}.studio-billboard-plaque-art{z-index:2;color:#777;text-align:center;background:#17181b;border:4px solid #ffffffe6;place-items:center;width:205px;height:205px;font-size:14px;display:grid;position:absolute;top:56px;left:72px;overflow:hidden;box-shadow:0 16px 28px #00000080}.studio-billboard-plaque-art img{object-fit:cover;width:100%;height:100%}.studio-billboard-plaque-record{background:repeating-radial-gradient(circle,#00000038 0 2px,#0000 3px 8px),radial-gradient(circle at 38% 32%,#ffffffc7,#0000 17%),linear-gradient(135deg,#eef0f2,#777d84 45%,#dbdde0 72%,#626970);border:3px solid #ffffff8c;border-radius:50%;width:198px;height:198px;position:absolute;top:65px;right:66px;box-shadow:0 18px 30px #00000094}.studio-billboard-plaque-record:after{z-index:1;content:"";background:#bbbfc4;border:6px solid #17181a;border-radius:50%;width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-billboard-plaque-record img{z-index:2;object-fit:cover;border:3px solid #17181a;border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-billboard-plaque-face>h2{color:#fff;letter-spacing:-.075em;text-align:center;margin:0;font-size:92px;font-weight:950;line-height:1;position:absolute;top:282px;left:36px;right:36px}.studio-billboard-plaque-rule{background:#fff;height:8px;position:absolute;top:380px;left:44px;right:44px}.studio-billboard-plaque-chart{border:4px solid #fff;grid-template-columns:minmax(0,1fr) 132px;height:186px;display:grid;position:absolute;top:432px;left:48px;right:48px}.studio-billboard-plaque-chart>div{border-right:4px solid #fff;flex-direction:column;justify-content:center;min-width:0;padding:18px 22px;display:flex}.studio-billboard-plaque-chart>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:28px;overflow:hidden}.studio-billboard-plaque-chart>div span{color:#bfc3c9;letter-spacing:.11em;text-transform:uppercase;margin-top:14px;font-size:16px;font-weight:800}.studio-billboard-plaque-chart>div b{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:6px;font-size:21px;overflow:hidden}.studio-billboard-plaque-chart aside{flex-direction:column;justify-content:center;align-items:center;display:flex}.studio-billboard-plaque-chart aside small{letter-spacing:.16em;font-size:13px;font-weight:900}.studio-billboard-plaque-chart aside strong{margin-top:8px;font-size:60px;line-height:1}.studio-billboard-plaque-meta{color:#aeb2b8;letter-spacing:.13em;justify-content:space-between;font-size:15px;font-weight:850;display:flex;position:absolute;top:637px;left:48px;right:48px}.studio-billboard-plaque-secondary{color:#d7d9dc;letter-spacing:.11em;text-transform:uppercase;flex-direction:column;align-items:center;gap:7px;font-size:15px;font-weight:850;display:flex;position:absolute;top:690px;left:52px;right:52px}.studio-billboard-plaque-face>footer{color:#858a91;letter-spacing:.12em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:14px;font-weight:800;position:absolute;bottom:40px;left:44px;right:44px;overflow:hidden}.studio-customizer-viewport{z-index:1;position:absolute;inset:0}.studio-customizer-viewport>canvas{display:block;width:100%!important;height:100%!important}.studio-customizer-toolbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0d0fe6;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;top:262px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000047}.studio-customizer-toolbar button{color:#ffffff9e;background:0 0;border:0;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.studio-customizer-toolbar button.active{background:var(--lime);color:#0a0d0e}.studio-customizer-toolbar i{background:#ffffff1f;width:1px;height:23px;margin:0 3px}.studio-customizer-help{z-index:20;color:#ffffff9e;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b0dc7;border:1px solid #ffffff1a;border-radius:999px;padding:8px 13px;font-size:8px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.studio-customizer-selection{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090c0ee6;border:1px solid #ffffff21;border-radius:8px;align-items:center;gap:7px;min-width:250px;padding:8px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 12px 35px #0000004d}.studio-customizer-selection>div{flex:1;min-width:0}.studio-customizer-selection strong{font-size:10px;display:block}.studio-customizer-selection small{color:#ffffff59;margin-top:3px;font-size:7px;display:block}.studio-customizer-selection button{color:#fff9;background:#ffffff09;border:1px solid #ffffff1a;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.studio-customizer-selection button.danger{color:#ff827b}.production-console,.production-mobile-project-layer,.production-mobile-collaborator-layer,.daw-collaborators-popover-desktop,.one-shot-select-menu,.one-shot-pack-modal-backdrop,.daw-value-tooltip{--lime:var(--daw-accent,#d7ff3f)}.production-console{z-index:4;background:#000;border-left:1px solid #ffffff1f;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;max-height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:-20px 0 60px #0000003d}.production-console:has(.project-library-backdrop){z-index:600;overflow:visible}.production-console.daw-hidden{display:none}.production-console.daw-fullscreen{z-index:100;height:100dvh;max-height:none;box-shadow:none;border:0;position:fixed;inset:0;width:100vw!important}.production-console.daw-fullscreen .console-resize-handle{display:none}.production-console.game-device-panel{z-index:120;background:#0b0f11;border:1px solid #ffffff29;border-radius:18px;height:auto;max-height:none;display:flex;position:fixed;inset:7vh 6vw;overflow:hidden;box-shadow:0 32px 120px #000000b8;width:auto!important}.production-console.daw-hidden.game-device-panel{display:flex}.production-console.game-device-panel .console-resize-handle,.production-console.game-device-panel .daw-header{display:none}.game-device-panel-header{z-index:80;background:#090d0ff5;border-bottom:1px solid #ffffff1a;flex:none;justify-content:space-between;align-items:center;min-height:58px;padding:10px 14px 10px 18px;display:flex;position:relative}.game-device-panel-header>span{gap:3px;display:grid}.game-device-panel-header small{color:var(--lime);letter-spacing:.17em;font-size:7px;font-weight:900}.game-device-panel-header strong{color:#fff;font-size:14px}.game-device-panel-header button{color:#fff;background:#ffffff0d;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.game-device-panel-header button:hover{border-color:var(--lime);color:var(--lime)}.production-console.game-device-panel .production-surface{height:100%}.production-console.game-device-panel-edit .unified-pattern-strip,.production-console.game-device-panel-edit .unified-compose>.unified-section-header,.production-console.game-device-panel-edit .unified-add-sounds,.production-console.game-device-panel-edit #builder-pattern-fx{display:none}.production-console.game-device-panel-edit .unified-builder{padding:18px;overflow-y:auto}.production-console.game-device-panel-edit .unified-compose{background:0 0;border:0}.console-resize-handle{z-index:20;cursor:col-resize;touch-action:none;outline:none;place-items:center;width:14px;display:grid;position:absolute;top:0;bottom:0;left:-7px}.console-resize-handle:before{content:"";background:0 0;transition:background .15s,box-shadow .15s;position:absolute;inset:0 5px}.console-resize-handle>span{background:#ffffff2e;border-radius:999px;width:3px;height:42px;transition:height .15s,background .15s,box-shadow .15s;position:relative;box-shadow:0 0 0 1px #00000059}.console-resize-handle:hover>span,.console-resize-handle:focus-visible>span,.resizing-console .console-resize-handle>span{background:var(--lime);height:64px;box-shadow:0 0 14px var(--lime)}@supports (color:color-mix(in lab, red, red)){.console-resize-handle:hover>span,.console-resize-handle:focus-visible>span,.resizing-console .console-resize-handle>span{box-shadow:0 0 14px color-mix(in srgb,var(--lime) 55%,transparent)}}.console-resize-handle:focus-visible:before{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.console-resize-handle:focus-visible:before{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.console-resize-handle:focus-visible:before{box-shadow:0 0 0 1px var(--lime)}@supports (color:color-mix(in lab, red, red)){.console-resize-handle:focus-visible:before{box-shadow:0 0 0 1px color-mix(in srgb,var(--lime) 18%,transparent)}}.production-surface{background:#000;flex-direction:column;flex:1 1 0;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.daw-value-tooltip{z-index:10000;pointer-events:none;border:1px solid var(--lime);min-width:38px;position:fixed;transform:translate(-50%,-100%)}@supports (color:color-mix(in lab, red, red)){.daw-value-tooltip{border:1px solid color-mix(in srgb,var(--lime) 48%,transparent)}}.daw-value-tooltip{box-shadow:0 8px 24px #00000061,0 0 12px var(--lime);background:#080b0cf5;border-radius:5px}@supports (color:color-mix(in lab, red, red)){.daw-value-tooltip{box-shadow:0 8px 24px #00000061,0 0 12px color-mix(in srgb,var(--lime) 8%,transparent)}}.daw-value-tooltip{color:var(--lime);padding:5px 8px}@supports (color:color-mix(in lab, red, red)){.daw-value-tooltip{color:color-mix(in srgb,var(--lime) 78%,white)}}.daw-value-tooltip{text-align:center;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:800;line-height:1}.daw-value-tooltip.below{transform:translate(-50%)}.production-tabs{z-index:40;scrollbar-width:thin;background:#000;border-bottom:0;flex:none;align-items:stretch;width:100%;min-width:0;height:68px;padding:0 9px;display:flex;position:relative;overflow:visible}.production-tabs button{color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:6px;padding:0 11px;font-size:7px;font-weight:900;display:flex}.production-tabs button:hover{color:#ffffffbf}.production-tabs button.active{border-bottom-color:var(--lime);color:#fff;background:linear-gradient(0deg, var(--lime), transparent)}@supports (color:color-mix(in lab, red, red)){.production-tabs button.active{background:linear-gradient(0deg, color-mix(in srgb,var(--lime) 7%,transparent), transparent)}}.production-tabs button.active svg{color:var(--lime)}.production-navigation-groups{flex:none;align-items:stretch;height:100%;display:flex}.production-navigation-menu{align-items:stretch;display:flex;position:relative}.production-tabs .production-navigation-mobile-backdrop,.production-navigation-mobile-header{display:none}.production-tabs .production-navigation-trigger{justify-content:center;width:44px;min-width:44px;padding:0}.production-tabs .production-navigation-trigger.active{background:0 0;border-bottom-color:#0000}.production-navigation-dropdown{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e10fa;border:1px solid #ffffff21;border-radius:7px;width:190px;padding:5px;display:grid;position:absolute;top:100%;left:6px;overflow:visible;box-shadow:0 18px 50px #00000094,0 0 0 1px #0000004d}.production-tabs .production-navigation-dropdown button{color:#ffffff8a;text-align:left;border:0;border-radius:4px;justify-content:flex-start;width:100%;height:40px;padding:0 11px}.production-tabs .production-navigation-dropdown button:hover{color:#fff;background:#ffffff0e}.production-tabs .production-navigation-dropdown button.active{background:var(--lime);border:0}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-navigation-dropdown button.active{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.production-tabs .production-navigation-dropdown button.active{color:#fff}.production-tabs .production-navigation-dropdown button.active svg{color:var(--lime)}.production-tabs .production-navigation-dropdown button span{font-size:inherit}.production-tabs .production-navigation-dropdown .production-navigation-project{text-transform:none;border-bottom:1px solid #ffffff12;border-radius:4px 4px 2px 2px;height:52px}.production-navigation-project>svg{color:var(--lime);flex:none}.production-navigation-project>span{gap:3px;min-width:0;display:grid}.production-navigation-project strong,.production-navigation-project small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.production-navigation-project strong{color:#ffffffc7;font-size:9px}.production-navigation-project small{color:#ffffff4d;letter-spacing:0;font-size:7px;font-weight:600}.production-tabs .production-navigation-dropdown .production-navigation-new-project{border-bottom:1px solid #ffffff12;border-radius:2px}.production-navigation-new-project>svg{color:var(--lime);flex:none}.production-navigation-new-project>span{text-transform:none;font-size:9px;font-weight:850}.production-navigation-submenu{position:relative}.production-navigation-submenu:after{content:"";width:8px;height:calc(100% + 8px);position:absolute;top:-4px;right:-8px}.production-tabs .production-navigation-dropdown .production-navigation-export>svg:last-child,.production-tabs .production-navigation-dropdown .production-navigation-recent>svg:last-child{color:#ffffff47;margin-left:auto;transition:transform .14s,color .14s}.production-navigation-submenu:hover>.production-navigation-export,.production-navigation-submenu:focus-within>.production-navigation-export,.production-navigation-submenu:hover>.production-navigation-recent,.production-navigation-submenu:focus-within>.production-navigation-recent{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-navigation-submenu:hover>.production-navigation-export,.production-navigation-submenu:focus-within>.production-navigation-export,.production-navigation-submenu:hover>.production-navigation-recent,.production-navigation-submenu:focus-within>.production-navigation-recent{background:color-mix(in srgb,var(--lime) 7%,transparent)}}.production-navigation-submenu:hover>.production-navigation-export,.production-navigation-submenu:focus-within>.production-navigation-export,.production-navigation-submenu:hover>.production-navigation-recent,.production-navigation-submenu:focus-within>.production-navigation-recent{color:#fff}.production-navigation-submenu:hover>.production-navigation-export>svg:last-child,.production-navigation-submenu:focus-within>.production-navigation-export>svg:last-child,.production-navigation-submenu:hover>.production-navigation-recent>svg:last-child,.production-navigation-submenu:focus-within>.production-navigation-recent>svg:last-child{color:var(--lime);transform:translate(2px)}.production-navigation-export-menu{z-index:82;visibility:hidden;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e10fc;border:1px solid #ffffff21;border-radius:7px;gap:3px;width:205px;padding:5px;transition:opacity .13s,transform .13s,visibility .13s;display:grid;position:absolute;top:-5px;left:calc(100% + 6px);transform:translate(-5px);box-shadow:0 18px 50px #00000094,0 0 0 1px #0000004d}.production-navigation-submenu:hover>.production-navigation-export-menu,.production-navigation-submenu:focus-within>.production-navigation-export-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translate(0)}.production-tabs .production-navigation-dropdown .production-navigation-export-format,.production-tabs .production-navigation-subpanel .production-navigation-export-format,.production-tabs .production-navigation-subpanel .production-navigation-recent-project{text-transform:none;gap:10px;height:50px}.production-navigation-export-format>svg{color:var(--lime);flex:none}.production-navigation-subpanel .production-navigation-export-format>svg{color:var(--lime)}.production-navigation-export-format>span,.production-navigation-subpanel .production-navigation-export-format>span,.production-navigation-subpanel .production-navigation-recent-project>span{gap:3px;min-width:0;display:grid}.production-navigation-export-format strong,.production-navigation-export-format small,.production-navigation-subpanel .production-navigation-export-format strong,.production-navigation-subpanel .production-navigation-export-format small,.production-navigation-subpanel .production-navigation-recent-project strong,.production-navigation-subpanel .production-navigation-recent-project small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.production-navigation-export-format strong{color:#fffc;letter-spacing:.08em;font-size:9px}.production-navigation-subpanel .production-navigation-export-format strong,.production-navigation-subpanel .production-navigation-recent-project strong{color:#fffc;letter-spacing:.04em;font-size:11px}.production-navigation-export-format small{color:#ffffff4d;letter-spacing:0;font-size:7px;font-weight:600}.production-navigation-subpanel .production-navigation-export-format small,.production-navigation-subpanel .production-navigation-recent-project small{color:#ffffff4d;letter-spacing:0;font-size:8px;font-weight:600}.production-navigation-recent-menu{scrollbar-color:var(--lime) #ffffff08;width:235px;max-height:310px;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.production-navigation-recent-menu{scrollbar-color:color-mix(in srgb,var(--lime) 32%,transparent) #ffffff08}}.production-navigation-recent-menu{scrollbar-width:thin}.production-tabs .production-navigation-dropdown .production-navigation-recent-project{text-transform:none;gap:10px;height:50px}.production-tabs .production-navigation-subpanel .production-navigation-recent-project{color:#ffffff8a}.production-tabs .production-navigation-subpanel button{color:#ffffff8a;text-align:left;border:0;border-radius:4px;justify-content:flex-start;width:100%;height:40px;padding:0 11px}.production-tabs .production-navigation-subpanel button,.production-tabs .production-navigation-subpanel .production-navigation-export-format,.production-tabs .production-navigation-subpanel .production-navigation-recent-project{font-size:11px}.production-tabs .production-navigation-subpanel .production-navigation-export-format strong,.production-tabs .production-navigation-subpanel .production-navigation-recent-project strong{font-size:11px!important}.production-tabs .production-navigation-subpanel .production-navigation-export-format small,.production-tabs .production-navigation-subpanel .production-navigation-recent-project small{font-size:8px!important}.production-tabs .production-navigation-subpanel .production-navigation-export-format:hover,.production-tabs .production-navigation-subpanel .production-navigation-recent-project:hover{color:#fff;background:#ffffff0e}.production-navigation-recent-project>svg{color:var(--lime);flex:none}.production-navigation-recent-project>span{gap:3px;min-width:0;display:grid}.production-navigation-recent-project strong,.production-navigation-recent-project small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.production-navigation-recent-project strong{color:#fffc;letter-spacing:.02em;font-size:9px}.production-navigation-recent-project small{color:#ffffff4d;letter-spacing:0;font-size:7px;font-weight:600}.production-navigation-recent-meta{align-items:center;gap:6px;min-width:0;display:flex!important;overflow:visible!important}.production-navigation-recent-time{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.production-navigation-recent-owner{flex:none;align-items:center;display:flex}.production-navigation-recent-owner-avatar{color:#ffffffc7;background:#151b1d;border:1px solid #ffffff7a;border-radius:50%;place-items:center;width:16px;height:16px;font-size:5px;font-weight:950;line-height:1;display:grid;overflow:hidden}.production-navigation-recent-owner-avatar img{object-fit:cover;width:100%;height:100%}.production-navigation-subpanel-backdrop,.production-navigation-subpanel{display:none}.production-tabs .production-navigation-dropdown .production-navigation-recent-project:disabled{cursor:default;opacity:.58}.production-navigation-recent-state{color:#ffffff57;align-items:center;gap:8px;min-height:50px;padding:0 11px;font-size:8px;font-weight:750;display:flex}.production-navigation-recent-state svg{color:var(--lime)}.production-tempo-control{flex:none;align-self:center;align-items:center;gap:5px;margin-left:auto;display:flex}.production-tempo-control>.daw-collaborators-desktop{margin-right:8px}.production-tempo-control>button{color:#ffffff8c;background:#ffffff09;border:1px solid #ffffff1a;border-radius:5px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.production-tempo-control>button:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tempo-control>button:hover{border-color:color-mix(in srgb,var(--lime) 36%,transparent)}}.production-tempo-control>button:hover{color:#fff}.daw-collaborators{flex:none;align-items:center;gap:5px;display:flex;position:relative}.daw-collaborators-mobile{display:none}.daw-collaborator-header-search,.daw-collaborator-panel-search{color:#ffffff4d;background:#ffffff09;border:1px solid #ffffff1a;border-radius:5px;align-items:center;gap:7px;display:flex}.daw-collaborator-header-search{width:132px;height:38px;padding:0 9px}.daw-collaborator-header-search:focus-within,.daw-collaborator-panel-search:focus-within{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.daw-collaborator-header-search:focus-within,.daw-collaborator-panel-search:focus-within{border-color:color-mix(in srgb,var(--lime) 40%,transparent)}}.daw-collaborator-header-search:focus-within,.daw-collaborator-panel-search:focus-within{color:var(--lime)}.daw-collaborator-header-search input,.daw-collaborator-panel-search input{color:#fff;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.daw-collaborator-header-search input{font-size:8px}.daw-collaborator-header-search input::placeholder,.daw-collaborator-panel-search input::placeholder{color:#ffffff47}.production-tabs .daw-collaborators-trigger{background:#ffffff09;border:1px solid #ffffff1a;border-radius:5px;justify-content:center;align-items:center;width:auto;min-width:48px;height:38px;padding:0 8px;display:flex}.production-tabs .daw-collaborators-trigger:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .daw-collaborators-trigger:hover{border-color:color-mix(in srgb,var(--lime) 36%,transparent)}}.production-tabs .daw-collaborators-trigger:hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .daw-collaborators-trigger:hover{background:color-mix(in srgb,var(--lime) 4.5%,transparent)}}.daw-collaborator-stack{align-items:center;padding-left:7px;display:flex}.daw-collaborator-avatar,.daw-collaborator-more{background:var(--collaborator-accent,#d7ff3f);color:#080b0c;letter-spacing:-.03em;text-transform:uppercase;border:2px solid #090c0d;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:8px;font-weight:950;display:grid;position:relative;overflow:hidden}.daw-collaborator-stack>:not(:first-child){margin-left:-7px}.daw-collaborator-avatar img{object-fit:cover;width:100%;height:100%}.daw-collaborator-more{z-index:4;color:#ffffffd1;background:#252b2d;font-size:7px}.production-tempo-control .daw-collaborators-invite,.production-mobile-actions .daw-collaborators-invite{border:1px dashed var(--lime);width:auto;min-width:62px;height:38px}@supports (color:color-mix(in lab, red, red)){.production-tempo-control .daw-collaborators-invite,.production-mobile-actions .daw-collaborators-invite{border:1px dashed color-mix(in srgb,var(--lime) 30%,transparent)}}.production-tempo-control .daw-collaborators-invite,.production-mobile-actions .daw-collaborators-invite{background:var(--lime);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.production-tempo-control .daw-collaborators-invite,.production-mobile-actions .daw-collaborators-invite{background:color-mix(in srgb,var(--lime) 4.5%,transparent)}}.production-tempo-control .daw-collaborators-invite,.production-mobile-actions .daw-collaborators-invite{color:var(--lime);padding:0 10px}@supports (color:color-mix(in lab, red, red)){.production-tempo-control .daw-collaborators-invite,.production-mobile-actions .daw-collaborators-invite{color:color-mix(in srgb,var(--lime) 78%,transparent)}}.production-tempo-control .daw-collaborators-invite,.production-mobile-actions .daw-collaborators-invite{white-space:nowrap;font-size:8px}.production-tempo-control .daw-collaborators-invite:hover,.production-mobile-actions .daw-collaborators-invite:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tempo-control .daw-collaborators-invite:hover,.production-mobile-actions .daw-collaborators-invite:hover{border-color:color-mix(in srgb,var(--lime) 62%,transparent)}}.production-tempo-control .daw-collaborators-invite:hover,.production-mobile-actions .daw-collaborators-invite:hover{color:var(--lime)}.daw-collaborators-popover{z-index:120;width:min(260px,100vw - 24px);box-shadow:0 20px 55px #000000ad,0 0 24px var(--lime);background:#070a0bfa;border:1px solid #ffffff1f;border-radius:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.daw-collaborators-popover{box-shadow:0 20px 55px #000000ad,0 0 24px color-mix(in srgb,var(--lime) 6%,transparent)}}.daw-collaborators-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.daw-collaborators-popover>header{border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;height:42px;padding:0 8px 0 13px;display:grid}.daw-collaborators-popover>header strong{color:#fff;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.daw-collaborators-popover>header span{background:var(--lime);border-radius:10px;place-items:center;min-width:20px;height:20px;display:grid}@supports (color:color-mix(in lab, red, red)){.daw-collaborators-popover>header span{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.daw-collaborators-popover>header span{color:var(--lime);font-size:8px;font-weight:900}.production-tabs .daw-collaborators-popover>header>button,.daw-collaborators-popover>header>button{border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.daw-collaborator-panel-search{height:42px;margin:9px 9px 4px;padding:0 11px}.daw-collaborator-panel-search input{font-size:12px}.daw-collaborator-friend-results{border-bottom:1px solid #ffffff12;gap:3px;padding:7px 5px;display:grid}.daw-collaborator-friend-results>small{color:#ffffff4d;letter-spacing:.09em;text-transform:uppercase;padding:2px 7px 5px;font-size:7px;font-weight:900}.daw-collaborator-friend-results>span{color:#ffffff52;padding:9px 8px;font-size:9px}.daw-collaborator-friend-results>button{text-align:left;text-transform:none;border:0;border-radius:5px;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:8px;width:100%;height:42px;padding:0 8px;display:grid}.daw-collaborator-friend-results>button:hover{background:#ffffff0d}.daw-collaborator-friend-results>button>span:nth-child(2){gap:1px;min-width:0;display:grid}.daw-collaborator-friend-results>button strong{color:#ffffffdb;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.daw-collaborator-friend-results>button small{color:#ffffff4d;font-size:7px}.daw-collaborator-list{max-height:246px;padding:5px;display:grid;overflow-y:auto}.production-tabs .daw-collaborators-popover-desktop,.daw-collaborators-popover-desktop{width:min(320px,100vw - 24px)}.daw-collaborators-desktop-backdrop{z-index:119;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020405ad;border:0;padding:0;position:fixed;inset:0}.daw-collaborators-popover article{border-radius:5px;grid-template-columns:32px minmax(0,1fr) 22px auto;align-items:center;gap:7px;min-width:0;padding:7px 8px;display:grid}.daw-collaborators-popover article:hover{background:#ffffff0b}.daw-collaborators-popover article>span{gap:2px;min-width:0;display:grid}.daw-collaborators-popover article>span strong,.daw-collaborators-popover article>span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.daw-collaborators-popover article>span strong{color:#ffffffe0;font-size:10px}.daw-collaborators-popover article>span small{color:#ffffff57;font-size:8px}.daw-collaborators-popover article>em{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;font-size:6px;font-style:normal;font-weight:900}.daw-collaborator-status{border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.daw-collaborator-status.pending{color:#ffb15c;background:#ffb15c1a}.daw-collaborator-status.accepted{color:#6add8e;background:#6add8e1a}.daw-collaborator-list article>button{color:#ffffff80;white-space:nowrap;border:1px solid #ffffff1a;border-radius:4px;width:auto;height:27px;padding:0 7px;font-size:6px}.daw-collaborator-list article>button:hover{color:#ff8d8d;border-color:#ff676759}.daw-collaborator-list>p{color:#ffffff52;text-align:center;padding:16px 8px;font-size:9px}.daw-collaborator-error{color:#ff8d8d;border-top:1px solid #ff5a5a21;margin:0;padding:9px 12px;font-size:8px}.daw-collaborators-mobile-backdrop{display:none}.production-tempo-control>.production-header-metronome>.production-metronome-icon{flex:0 0 16px;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px;display:block;transform:none}.production-tempo{background:#ffffff06;border:1px solid #ffffff17;border-radius:3px;flex:none;align-self:center;align-items:center;gap:5px;padding:4px 6px;display:flex}.production-tempo span{color:#ffffff40;letter-spacing:.08em;font-size:5px;font-weight:900}.production-tempo input{width:35px;color:var(--lime);text-align:right;background:0 0;border:0;outline:0;font-family:monospace;font-size:8px;font-weight:900}.production-bpm-drag{min-width:42px;height:40px;color:var(--lime);cursor:ns-resize;touch-action:none;flex:none;place-content:center;justify-items:center;gap:2px;display:grid;position:relative}.production-bpm-drag>small{color:#ffffff57;letter-spacing:.1em;font-size:5px;font-weight:900;line-height:1}.production-bpm-drag>strong{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:900}.production-bpm-drag>input{cursor:ns-resize;opacity:0;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.production-native-value-select{flex:none;place-content:center;justify-items:center;gap:3px;min-width:48px;height:42px;padding:0 4px;display:grid;position:relative}.production-native-value-select>small{color:#ffffff57;letter-spacing:.1em;text-transform:uppercase;font-size:5px;font-weight:900;line-height:1}.production-native-value-select>strong{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:900;line-height:1}.production-native-value-select.bpm>strong{color:var(--lime)}.production-native-value-select.pitch>strong{color:#72d9ff}.production-native-value-select>select{appearance:auto;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;inset:0}.production-tabs>span{color:#fff3;flex:none;align-self:center;margin-left:8px;padding-right:5px;font-family:monospace;font-size:7px}.production-header-actions{flex:none;align-self:center;align-items:center;gap:5px;margin-left:7px;display:flex}.production-tabs .production-header-actions button{color:#ffffff8c;background:#ffffff09;border:1px solid #ffffff1a;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 11px;font-size:9px;display:flex}.production-tabs .production-header-actions button:hover:not(:disabled){border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-actions button:hover:not(:disabled){border-color:color-mix(in srgb,var(--lime) 36%,transparent)}}.production-tabs .production-header-actions button:hover:not(:disabled){color:#fff}.production-tabs .production-header-actions button:disabled{cursor:wait;opacity:.35}.production-tabs .production-header-actions .production-header-play{border-color:var(--lime);width:38px;min-width:38px}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-actions .production-header-play{border-color:color-mix(in srgb,var(--lime) 45%,transparent)}}.production-tabs .production-header-actions .production-header-play{background:var(--lime);color:#090c0d;padding:0}.production-tabs .production-header-actions .production-header-play:hover:not(:disabled){color:#090c0d;filter:brightness(1.06)}.production-tabs .production-header-actions .production-header-play.playing{color:#fff;background:#ffffff14;border-color:#ffffff29}.production-tabs .production-header-actions .production-header-icon{width:38px;padding:0}.production-tabs .production-header-actions .production-header-ai{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-actions .production-header-ai{border-color:color-mix(in srgb,var(--lime) 34%,transparent)}}.production-tabs .production-header-actions .production-header-ai{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-actions .production-header-ai{background:color-mix(in srgb,var(--lime) 7%,transparent)}}.production-tabs .production-header-actions .production-header-ai{color:var(--lime)}.production-tabs .production-header-actions .production-header-ai:hover:not(:disabled){border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-actions .production-header-ai:hover:not(:disabled){border-color:color-mix(in srgb,var(--lime) 62%,transparent)}}.production-tabs .production-header-actions .production-header-ai:hover:not(:disabled){background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-actions .production-header-ai:hover:not(:disabled){background:color-mix(in srgb,var(--lime) 12%,transparent)}}.production-tabs .production-header-actions .production-header-ai:hover:not(:disabled){color:#fff;box-shadow:0 0 18px var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-actions .production-header-ai:hover:not(:disabled){box-shadow:0 0 18px color-mix(in srgb,var(--lime) 12%,transparent)}}.production-tabs .production-header-actions .production-header-icon.saved{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-actions .production-header-icon.saved{border-color:color-mix(in srgb,var(--lime) 30%,transparent)}}.production-tabs .production-header-actions .production-header-icon.saved{color:var(--lime)}.production-mobile-actions,.production-mobile-bottom-actions{display:none}.production-tabs .production-header-metronome.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-metronome.active{border-color:color-mix(in srgb,var(--lime) 56%,transparent)}}.production-tabs .production-header-metronome.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-metronome.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.production-tabs .production-header-metronome.active{color:var(--lime);box-shadow:0 0 14px var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-tabs .production-header-metronome.active{box-shadow:0 0 14px color-mix(in srgb,var(--lime) 12%,transparent)}}.production-tempo-control>button.production-header-plain,.production-tabs .production-header-actions button.production-header-plain{box-shadow:none;background:0 0;border-color:#0000}.production-tempo-control>button.production-header-plain:hover,.production-tabs .production-header-actions button.production-header-plain:hover:not(:disabled){background:0 0;border-color:#0000}.project-library-backdrop{z-index:500;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020506cc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-library-dialog{color:#edf3ef;background:#0b1012;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:min(780px,100vw - 32px);max-height:min(720px,100dvh - 32px);display:flex;overflow:hidden;box-shadow:0 34px 100px #000000a8}.project-library-dialog>header{border-bottom:1px solid #ffffff12;flex:none;align-items:center;gap:11px;min-height:64px;padding:0 18px;display:flex}.project-library-heading{flex:1;min-width:0}.project-library-heading strong{font-size:15px;display:block}.project-library-heading small{color:#ffffff57;margin-top:4px;font-size:7px;display:block}.project-library-dialog button{color:#ffffff9e;background:#ffffff06;border:1px solid #ffffff17;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:8px;font-weight:850;display:flex}.project-library-dialog button:hover:not(:disabled){border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-dialog button:hover:not(:disabled){border-color:color-mix(in srgb,var(--lime) 38%,transparent)}}.project-library-dialog button:hover:not(:disabled){color:#fff}.project-library-dialog button:disabled{opacity:.38}.project-library-dialog>header>button{width:34px;height:34px;padding:0}.project-library-icon{background:var(--lime);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.project-library-icon{background:color-mix(in srgb,var(--lime) 9%,transparent)}}.project-library-icon{color:var(--lime)}.project-library-create{background:#ffffff03;border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(220px,1fr) auto;gap:8px;padding:14px 18px;display:grid}.project-library-create label{gap:5px;display:grid}.project-library-create label span,.project-library-list-heading span{color:#ffffff52;letter-spacing:.13em;font-size:7px;font-weight:950}.project-library-create input,.project-library-row input{color:#fff;background:#111719;border:1px solid #ffffff1a;border-radius:7px;outline:0;min-width:0;height:36px;padding:0 11px;font-size:9px}.project-library-create input:focus,.project-library-row input:focus{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-create input:focus,.project-library-row input:focus{border-color:color-mix(in srgb,var(--lime) 52%,transparent)}}.project-library-create>button{align-self:end;height:36px;padding:0 13px}.project-library-create>button:first-of-type{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-create>button:first-of-type{border-color:color-mix(in srgb,var(--lime) 25%,transparent)}}.project-library-create>button:first-of-type{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-create>button:first-of-type{background:color-mix(in srgb,var(--lime) 7%,transparent)}}.project-library-create>button:first-of-type{color:var(--lime)}.project-library-list-heading{justify-content:space-between;align-items:center;padding:15px 19px 9px;display:flex}.project-library-list-heading small{color:#ffffff61;background:#ffffff0d;border-radius:4px;place-items:center;min-width:24px;height:20px;font-size:8px;display:grid}.project-library-list{scrollbar-color:var(--lime) #ffffff08;flex:1;min-height:180px;padding:0 14px 14px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.project-library-list{scrollbar-color:color-mix(in srgb,var(--lime) 35%,transparent) #ffffff08}}.project-library-list{scrollbar-width:thin}.project-library-row{background:#ffffff04;border:1px solid #fff1;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:11px;min-height:62px;margin-bottom:6px;padding:10px 11px 10px 15px;display:grid;position:relative;overflow:hidden}.project-library-row:hover{background:#ffffff07;border-color:#ffffff1f}.project-library-row.current{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-row.current{border-color:color-mix(in srgb,var(--lime) 20%,transparent)}}.project-library-row.current{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-row.current{background:color-mix(in srgb,var(--lime) 2.8%,transparent)}}.project-library-row.current:before{background:var(--lime);content:"";border-radius:0 2px 2px 0;width:2px;position:absolute;top:10px;bottom:10px;left:0}.project-library-project-info{min-width:0}.project-library-project-info>strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:10px;display:block;overflow:hidden}.project-library-project-info>span{color:#ffffff4d;font-size:7px;display:block}.project-library-row>em{background:var(--lime);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.project-library-row>em{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.project-library-row>em{color:var(--lime);letter-spacing:.1em;padding:5px 7px;font-size:6px;font-style:normal;font-weight:950}.project-library-row-actions{align-items:center;gap:5px;display:flex}.project-library-row-actions>button{width:31px;height:31px;padding:0}.project-library-row-actions>button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-row-actions>button.active{border-color:color-mix(in srgb,var(--lime) 42%,transparent)}}.project-library-row-actions>button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-row-actions>button.active{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.project-library-row-actions>button.active{color:var(--lime)}.project-library-row-actions>.project-library-preview{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-row-actions>.project-library-preview{border-color:color-mix(in srgb,var(--lime) 20%,transparent)}}.project-library-row-actions>.project-library-preview{color:var(--lime)}.project-library-row-actions>.project-library-preview:hover:not(:disabled),.project-library-row-actions>.project-library-preview.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-row-actions>.project-library-preview:hover:not(:disabled),.project-library-row-actions>.project-library-preview.active{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.project-library-row-actions>.project-library-preview:hover:not(:disabled),.project-library-row-actions>.project-library-preview.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.project-library-row-actions>.project-library-preview:hover:not(:disabled),.project-library-row-actions>.project-library-preview.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.project-library-row-actions>.project-library-preview:hover:not(:disabled),.project-library-row-actions>.project-library-preview.active{color:var(--lime)}.project-library-row-actions>.project-library-open{width:auto;min-width:70px;padding:0 10px}.project-library-backups{border:1px solid var(--lime);margin:-1px 6px 8px 46px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.project-library-backups{border:1px solid color-mix(in srgb,var(--lime) 16%,transparent)}}.project-library-backups{background:#04090ab8;border-radius:0 0 8px 8px}.project-library-backups>header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.project-library-backups>header span{color:var(--lime);letter-spacing:.12em;font-size:7px;font-weight:950}.project-library-backups>header small{color:#ffffff4d;font-size:7px}.project-library-backups-empty{color:#ffffff57;justify-content:center;align-items:center;gap:8px;min-height:58px;font-size:8px;display:flex}.project-library-backup-row{border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:12px;min-height:51px;padding:8px 10px;display:flex}.project-library-backup-row:first-of-type{border-top:0}.project-library-backup-row>span{gap:4px;min-width:0;display:grid}.project-library-backup-row strong{color:#ffffffc2;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.project-library-backup-row small{color:#ffffff4d;font-size:7px}.project-library-backup-row>button{min-width:78px;height:29px;padding:0 9px}.project-library-empty{color:#ffffff57;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:170px;font-size:9px;display:flex}.project-library-error{color:#ff9b96;background:#ff5f5f12;border:1px solid #ff5f5f40;border-radius:6px;margin:0 12px 10px;padding:9px 10px;font-size:8px}.studio-export-backdrop{z-index:620}.studio-export-dialog{color:#edf3ef;width:min(520px,100vw - 32px);box-shadow:0 34px 100px #000000ad,0 0 55px var(--lime);background:#0c1113;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-export-dialog{box-shadow:0 34px 100px #000000ad,0 0 55px color-mix(in srgb,var(--lime) 5%,transparent)}}.studio-export-dialog>header{background:linear-gradient(90deg,var(--lime),transparent 62%);border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:76px;padding:0 18px;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-export-dialog>header{background:linear-gradient(90deg,color-mix(in srgb,var(--lime) 7.5%,transparent),transparent 62%)}}.studio-export-dialog>header>span:nth-child(2){flex:1;min-width:0}.studio-export-dialog>header small{color:var(--lime);letter-spacing:.16em;margin-bottom:4px;font-size:8px;font-weight:950;display:block}.studio-export-dialog>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.studio-export-dialog button{color:#ffffffa8;text-transform:uppercase;letter-spacing:.07em;background:#ffffff09;border:1px solid #ffffff1c;border-radius:6px;justify-content:center;align-items:center;height:36px;padding:0 13px;font-size:9px;font-weight:900;display:flex}.studio-export-dialog button:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-export-dialog button:hover{border-color:color-mix(in srgb,var(--lime) 38%,transparent)}}.studio-export-dialog button:hover{color:#fff}.studio-export-dialog>header>button{width:36px;padding:0}.studio-export-icon{border:1px solid var(--lime);flex:none;place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-export-icon{border:1px solid color-mix(in srgb,var(--lime) 24%,transparent)}}.studio-export-icon{background:var(--lime);border-radius:9px}@supports (color:color-mix(in lab, red, red)){.studio-export-icon{background:color-mix(in srgb,var(--lime) 9%,transparent)}}.studio-export-icon{color:var(--lime)}.studio-export-content{align-content:center;gap:13px;min-height:150px;padding:24px 22px;display:grid}.studio-export-status{justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-export-status span{color:#ffffffad;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-export-status strong{color:var(--lime);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.studio-export-progress{background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;height:8px;overflow:hidden}.studio-export-progress>span{border-radius:inherit;background:linear-gradient(90deg,var(--lime),var(--lime));height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.studio-export-progress>span{background:linear-gradient(90deg,color-mix(in srgb,var(--lime) 72%,black),var(--lime))}}.studio-export-progress>span{box-shadow:0 0 16px var(--lime)}@supports (color:color-mix(in lab, red, red)){.studio-export-progress>span{box-shadow:0 0 16px color-mix(in srgb,var(--lime) 30%,transparent)}}.studio-export-progress>span{transition:width .22s}.studio-export-content>p{color:#ffffff59;margin:0;font-size:9px;line-height:1.5}.studio-export-content .studio-export-error{color:#ff9b96;background:#ff5f5f12;border:1px solid #ff5f5f3d;border-radius:6px;padding:9px 10px}.studio-export-content .studio-export-ready{color:var(--lime);align-items:center;gap:7px;display:flex}.studio-export-dialog>footer{border-top:1px solid #ffffff12;justify-content:flex-end;padding:12px 18px;display:flex}.studio-export-dialog>footer .primary{border-color:var(--lime);background:var(--lime);color:#090d0e;min-width:96px}.pattern-workspace,.arrange-workspace,.mixer-workspace,.midi-workspace,.code-workspace{overscroll-behavior:contain;scrollbar-color:var(--lime) #ffffff09;flex:1 1 0;width:100%;min-width:0;max-width:100%;min-height:0;overflow:auto}@supports (color:color-mix(in lab, red, red)){.pattern-workspace,.arrange-workspace,.mixer-workspace,.midi-workspace,.code-workspace{scrollbar-color:color-mix(in srgb,var(--lime) 35%,transparent) #ffffff09}}.pattern-workspace,.arrange-workspace,.mixer-workspace,.midi-workspace,.code-workspace{scrollbar-width:thin;-webkit-overflow-scrolling:touch}.production-tabs::-webkit-scrollbar{width:8px;height:8px}.pattern-workspace::-webkit-scrollbar{width:8px;height:8px}.arrange-workspace::-webkit-scrollbar{width:8px;height:8px}.mixer-workspace::-webkit-scrollbar{width:8px;height:8px}.midi-workspace::-webkit-scrollbar{width:8px;height:8px}.code-workspace::-webkit-scrollbar{width:8px;height:8px}.piano-roll-scroll::-webkit-scrollbar{width:8px;height:8px}.production-tabs::-webkit-scrollbar-track{background:#ffffff06}.pattern-workspace::-webkit-scrollbar-track{background:#ffffff06}.arrange-workspace::-webkit-scrollbar-track{background:#ffffff06}.mixer-workspace::-webkit-scrollbar-track{background:#ffffff06}.midi-workspace::-webkit-scrollbar-track{background:#ffffff06}.code-workspace::-webkit-scrollbar-track{background:#ffffff06}.piano-roll-scroll::-webkit-scrollbar-track{background:#ffffff06}.production-tabs::-webkit-scrollbar-thumb{background:var(--lime);border:2px solid #0d1012;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.production-tabs::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--lime) 32%,transparent)}}.pattern-workspace::-webkit-scrollbar-thumb{background:var(--lime);border:2px solid #0d1012;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.pattern-workspace::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--lime) 32%,transparent)}}.arrange-workspace::-webkit-scrollbar-thumb{background:var(--lime);border:2px solid #0d1012;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.arrange-workspace::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--lime) 32%,transparent)}}.mixer-workspace::-webkit-scrollbar-thumb{background:var(--lime);border:2px solid #0d1012;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.mixer-workspace::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--lime) 32%,transparent)}}.midi-workspace::-webkit-scrollbar-thumb{background:var(--lime);border:2px solid #0d1012;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.midi-workspace::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--lime) 32%,transparent)}}.code-workspace::-webkit-scrollbar-thumb{background:var(--lime);border:2px solid #0d1012;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.code-workspace::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--lime) 32%,transparent)}}.piano-roll-scroll::-webkit-scrollbar-thumb{background:var(--lime);border:2px solid #0d1012;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.piano-roll-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--lime) 32%,transparent)}}.pattern-workspace{background:#000}.pattern-toolbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;padding:10px 12px;display:flex}.pattern-controls{flex:1;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.piano-timing-controls{flex:none;align-items:center;gap:5px;display:flex}.piano-timing-controls label{background:#101416;border:1px solid #ffffff14;border-radius:3px;align-items:center;gap:6px;height:29px;padding:0 7px;display:flex}.piano-timing-controls span{color:#ffffff40;letter-spacing:.08em;text-transform:uppercase;font-size:5px;font-weight:900}.piano-timing-controls select{color:var(--lime);background:0 0;border:0;outline:0;font-family:monospace;font-size:6px;font-weight:800}.piano-back-button{color:#ffffff75;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#101416;border:1px solid #ffffff14;border-radius:3px;flex:none;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:6px;font-weight:900;display:flex}.piano-back-button:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.piano-back-button:hover{border-color:color-mix(in srgb,var(--lime) 30%,transparent)}}.piano-back-button:hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.piano-back-button:hover{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.piano-back-button:hover{color:var(--lime)}.piano-roll-sound-picker{flex:none;width:min(260px,32vw);min-width:180px}.piano-roll-sound-picker .unified-sound-select,.piano-roll-sound-picker .unified-sound-cycle{height:29px}.piano-ghost-notes-toggle{color:#ffffff61;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#101416;border:1px solid #ffffff14;border-radius:3px;flex:none;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:6px;font-weight:900;display:flex}.piano-ghost-notes-toggle:hover{color:#ffffffad;border-color:#ffffff2e}.piano-ghost-notes-toggle.active{color:#72d9ff;background:#72d9ff14;border-color:#72d9ff5c}.piano-chop-button{border:1px solid var(--lime);flex:none;align-items:center;gap:5px;height:29px;display:flex}@supports (color:color-mix(in lab, red, red)){.piano-chop-button{border:1px solid color-mix(in srgb,var(--lime) 18%,transparent)}}.piano-chop-button{background:var(--lime);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.piano-chop-button{background:color-mix(in srgb,var(--lime) 4.5%,transparent)}}.piano-chop-button{color:var(--lime);padding:0 8px}@supports (color:color-mix(in lab, red, red)){.piano-chop-button{color:color-mix(in srgb,var(--lime) 72%,transparent)}}.piano-chop-button{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:6px;font-weight:900}.piano-chop-button:hover:not(:disabled){border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.piano-chop-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--lime) 42%,transparent)}}.piano-chop-button:hover:not(:disabled){background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.piano-chop-button:hover:not(:disabled){background:color-mix(in srgb,var(--lime) 10%,transparent)}}.piano-chop-button:hover:not(:disabled){color:var(--lime)}.piano-chop-button:disabled{opacity:.25}.piano-chop-button kbd{border:1px solid var(--lime)}@supports (color:color-mix(in lab, red, red)){.piano-chop-button kbd{border:1px solid color-mix(in srgb,var(--lime) 18%,transparent)}}.piano-chop-button kbd{color:#ffffff61;background:#00000040;border-radius:3px;padding:2px 4px;font-family:monospace;font-size:5px}.piano-sampler-badge{border:1px solid var(--channel);flex:none;align-items:center;height:29px;display:flex}@supports (color:color-mix(in lab, red, red)){.piano-sampler-badge{border:1px solid color-mix(in srgb,var(--channel) 30%,transparent)}}.piano-sampler-badge{background:var(--channel);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.piano-sampler-badge{background:color-mix(in srgb,var(--channel) 7%,transparent)}}.piano-sampler-badge{color:var(--channel);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:0 9px;font-size:6px;font-weight:900}.piano-chop-backdrop{z-index:650;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020506c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.piano-chop-dialog{border:1px solid var(--lime);flex-direction:column;width:min(430px,100vw - 28px);max-height:calc(100dvh - 28px);display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.piano-chop-dialog{border:1px solid color-mix(in srgb,var(--lime) 22%,transparent)}}.piano-chop-dialog{color:#edf3ef;box-shadow:0 30px 90px #000000a6,0 0 48px var(--lime);background:#0c1113;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.piano-chop-dialog{box-shadow:0 30px 90px #000000a6,0 0 48px color-mix(in srgb,var(--lime) 5%,transparent)}}.piano-chop-dialog>header{background:linear-gradient(90deg,var(--lime),transparent 60%);border-bottom:1px solid #ffffff13;flex:none;align-items:center;gap:10px;min-height:62px;display:flex}@supports (color:color-mix(in lab, red, red)){.piano-chop-dialog>header{background:linear-gradient(90deg,color-mix(in srgb,var(--lime) 7%,transparent),transparent 60%)}}.piano-chop-dialog>header{padding:0 14px}.piano-chop-dialog>header>span:nth-child(2){flex:1;min-width:0}.piano-chop-dialog>header small{color:var(--lime);letter-spacing:.15em;margin-bottom:3px;font-size:6px;font-weight:950;display:block}.piano-chop-dialog>header strong{font-size:14px;display:block}.piano-chop-dialog>header>button{color:#ffffff80;background:#ffffff06;border:1px solid #ffffff17;border-radius:5px;place-items:center;width:32px;height:32px;padding:0;display:grid}.piano-chop-dialog>header>button:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.piano-chop-dialog>header>button:hover{border-color:color-mix(in srgb,var(--lime) 30%,transparent)}}.piano-chop-dialog>header>button:hover{color:var(--lime)}.piano-chop-dialog-icon{border:1px solid var(--lime);flex:none;place-items:center;width:35px;height:35px;display:grid}@supports (color:color-mix(in lab, red, red)){.piano-chop-dialog-icon{border:1px solid color-mix(in srgb,var(--lime) 20%,transparent)}}.piano-chop-dialog-icon{background:var(--lime);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.piano-chop-dialog-icon{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.piano-chop-dialog-icon{color:var(--lime)}.piano-chop-dialog-body{gap:13px;min-height:0;padding:16px;display:grid;overflow-y:auto}.piano-chop-dialog-body>p{color:#ffffff7a;margin:0;font-size:9px;line-height:1.45}.piano-chop-dialog-body>label{gap:6px;display:grid}.piano-chop-dialog-body>label>span,.piano-chop-dialog-body legend{color:#ffffff57;letter-spacing:.12em;text-transform:uppercase;font-size:6px;font-weight:900}.piano-chop-dialog-body select{width:100%;height:38px;color:var(--lime);background:#111719;border:1px solid #ffffff17;border-radius:5px;outline:0;padding:0 10px;font-family:monospace;font-size:9px}.piano-chop-range{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:10px;display:grid}.piano-chop-range input{width:100%;accent-color:var(--lime)}.piano-chop-range output{border:1px solid var(--lime);place-items:center;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.piano-chop-range output{border:1px solid color-mix(in srgb,var(--lime) 16%,transparent)}}.piano-chop-range output{background:var(--lime);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.piano-chop-range output{background:color-mix(in srgb,var(--lime) 4.5%,transparent)}}.piano-chop-range output{color:var(--lime);font-family:monospace;font-size:9px;font-weight:900}.piano-chop-dialog-body fieldset{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;display:grid}.piano-chop-dialog-body legend{grid-column:1/-1;margin-bottom:6px;padding:0}.piano-chop-dialog-body fieldset button{color:#ffffff70;text-align:left;background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;gap:4px;min-height:58px;padding:9px;display:grid}.piano-chop-dialog-body fieldset button:hover,.piano-chop-dialog-body fieldset button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.piano-chop-dialog-body fieldset button:hover,.piano-chop-dialog-body fieldset button.active{border-color:color-mix(in srgb,var(--lime) 34%,transparent)}}.piano-chop-dialog-body fieldset button:hover,.piano-chop-dialog-body fieldset button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.piano-chop-dialog-body fieldset button:hover,.piano-chop-dialog-body fieldset button.active{background:color-mix(in srgb,var(--lime) 6.5%,transparent)}}.piano-chop-dialog-body fieldset button:hover,.piano-chop-dialog-body fieldset button.active{color:var(--lime)}.piano-chop-dialog-body fieldset strong{font-size:9px}.piano-chop-dialog-body fieldset small{color:#ffffff4d;font-size:7px;line-height:1.35}.piano-chop-shortcut-hint{color:#ffffff52;border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding-top:11px;display:flex}.piano-chop-shortcut-hint kbd{color:#ffffffa8;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;padding:5px 7px;font-family:monospace;font-size:7px}.piano-chop-shortcut-hint span{font-size:7px}.piano-chop-dialog>footer{border-top:1px solid #ffffff12;flex:none;justify-content:flex-end;gap:7px;padding:11px 14px;display:flex}.piano-chop-dialog>footer button{color:#ffffff8c;letter-spacing:.07em;text-transform:uppercase;background:#ffffff06;border:1px solid #ffffff1a;border-radius:5px;min-width:92px;height:34px;font-size:7px;font-weight:900}.piano-chop-dialog>footer button:hover:not(:disabled){color:#fff;border-color:#ffffff38}.piano-chop-dialog>footer button.primary{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.piano-chop-dialog>footer button.primary{border-color:color-mix(in srgb,var(--lime) 32%,transparent)}}.piano-chop-dialog>footer button.primary{background:var(--lime);color:#0a0d0e}.piano-chop-dialog>footer button:disabled{opacity:.25}.rack-browser-layout{grid-template-columns:188px minmax(530px,1fr);align-items:stretch;min-width:730px;min-height:430px;display:grid}.rack-main{min-width:530px}.sound-browser{z-index:3;background:#090c0e;border-right:1px solid #ffffff1a;flex-direction:column;min-height:430px;max-height:calc(100dvh - 260px);display:flex;position:sticky;left:0;overflow:hidden;box-shadow:10px 0 25px #0000002e}.sound-browser-title{color:var(--lime);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:11px 10px 9px;display:flex}.sound-browser-title small{color:#ffffff40;letter-spacing:.14em;margin-bottom:2px;font-size:5px;font-weight:900;display:block}.sound-browser-title strong{color:#ffffffd6;font-size:9px}.sound-browser-title>button{color:#ffffff6b;background:#ffffff06;border:1px solid #ffffff14;border-radius:5px;place-items:center;width:27px;height:27px;display:grid}.sound-browser-title>button:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sound-browser-title>button:hover{border-color:color-mix(in srgb,var(--lime) 32%,transparent)}}.sound-browser-title>button:hover{color:var(--lime)}.sound-browser-search{color:#ffffff40;background:#111619;border:1px solid #ffffff14;border-radius:3px;align-items:center;gap:6px;margin:8px;padding:0 7px;display:flex}.sound-browser-search:focus-within{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sound-browser-search:focus-within{border-color:color-mix(in srgb,var(--lime) 28%,transparent)}}.sound-browser-search:focus-within{color:var(--lime)}.sound-browser-search input{color:#ffffffb8;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:7px 0;font-size:7px}.sound-browser-field{gap:4px;padding:0 8px 7px;display:grid}.sound-browser-field span{color:#ffffff38;letter-spacing:.1em;font-size:5px;font-weight:900}.sound-browser-field input,.sound-browser-field select{color:#ffffff8c;background:#111619;border:1px solid #ffffff13;border-radius:3px;outline:0;width:100%;min-width:0;padding:6px;font-family:monospace;font-size:6px}.sound-browser-field select:disabled{opacity:.45}.sound-browser-field>small{color:#ffffff38;font-size:5px;line-height:1.35}.sound-browser-section{border-top:1px solid #ffffff0f;flex-direction:column;flex:1;min-height:0;display:flex}.sound-browser-section-title{color:#ffffff4d;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:8px 9px 5px;font-size:5px;font-weight:900;display:flex}.sound-browser-section-title small{color:#ffffff6b;background:#ffffff0e;border-radius:2px;place-items:center;min-width:17px;height:15px;padding:0 4px;font-size:5px;display:grid}.sound-browser-list{scrollbar-color:var(--lime) transparent;flex:1;min-height:0;padding:2px 5px 7px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.sound-browser-list{scrollbar-color:color-mix(in srgb,var(--lime) 25%,transparent) transparent}}.sound-browser-list{scrollbar-width:thin}.sound-browser-list>button{color:#ffffff57;text-align:left;background:0 0;border:0;border-radius:2px;grid-template-columns:18px minmax(0,1fr) 31px;align-items:center;gap:4px;width:100%;padding:5px 4px;display:grid}.sound-browser-list>button[draggable=true]{cursor:grab}.sound-browser-list>button[draggable=true]:active{cursor:grabbing}.sound-browser-list>button:hover{color:#ffffffbf;background:#ffffff0b}.sound-browser-list>button.selected{color:#ffffffe0;box-shadow:inset 2px 0 var(--lime);background:#ffffff0f}.sound-browser-list>button.previewing{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sound-browser-list>button.previewing{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.sound-browser-list>button.previewing{color:var(--lime)}.sound-browser-list>button>span{min-width:0}.sound-browser-list>button strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:6px;display:block;overflow:hidden}.sound-browser-list>button small{color:#fff3;margin-top:1px;font-family:monospace;font-size:5px;display:block}.sound-browser-list>button>i{opacity:.3;justify-content:flex-end;align-items:center;gap:1px;height:16px;display:flex}.sound-browser-list>button>i b{background:currentColor;border-radius:1px;width:2px}.sound-browser-list>p{color:#ffffff3d;text-align:center;margin:18px 8px;font-size:6px;line-height:1.5}.sound-bank{border-bottom:1px solid #ffffff06}.sound-bank-toggle{color:#ffffff6b;text-align:left;background:0 0;border:0;border-radius:2px;grid-template-columns:14px minmax(0,1fr) 24px;align-items:center;gap:4px;width:100%;padding:6px 4px;display:grid}.sound-bank-toggle:hover{color:#ffffffc7;background:#ffffff0b}.sound-bank-toggle.selected{color:#ffffffe6}.sound-bank-toggle>svg{transition:transform .15s}.sound-bank.expanded .sound-bank-toggle>svg{color:var(--lime);transform:rotate(90deg)}.sound-bank-toggle>span{min-width:0}.sound-bank-toggle strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:6px;display:block;overflow:hidden}.sound-bank-toggle small{color:#fff3;margin-top:1px;font-family:monospace;font-size:5px;display:block}.sound-bank-toggle em{color:#ffffff59;background:#ffffff0e;border-radius:8px;place-items:center;min-width:20px;height:15px;font-size:5px;font-style:normal;display:grid}.sound-bank-samples{border-left:1px solid var(--lime);margin:0 0 3px 13px}@supports (color:color-mix(in lab, red, red)){.sound-bank-samples{border-left:1px solid color-mix(in srgb,var(--lime) 12%,transparent)}}.sound-bank-samples{padding-left:3px}.sound-bank-samples>button{color:#ffffff52;text-align:left;cursor:grab;background:0 0;border:0;border-radius:2px;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:4px;width:100%;padding:5px 4px;display:grid}.sound-bank-samples>button:active{cursor:grabbing}.sound-bank-samples>button:hover{color:#ffffffc7;background:#ffffff0b}.sound-bank-samples>button.selected{color:#ffffffdb;box-shadow:inset 2px 0 var(--lime);background:#ffffff0e}.sound-bank-samples>button.previewing{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sound-bank-samples>button.previewing{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.sound-bank-samples>button.previewing{color:var(--lime)}.sound-bank-samples>button>span{min-width:0}.sound-bank-samples>button strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:6px;display:block;overflow:hidden}.sound-bank-samples>button small{color:#fff3;margin-top:1px;font-family:monospace;font-size:5px;display:block}.sound-bank-samples>p{color:#ffffff38;margin:5px 4px 7px;font-size:5px}.sound-browser footer{color:#fff3;text-align:center;text-transform:uppercase;border-top:1px solid #ffffff0e;padding:7px 8px;font-size:5px}.sound-browser footer kbd{color:#ffffff7a;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:2px;place-items:center;min-width:13px;height:13px;font-family:inherit;font-size:6px;display:inline-grid}.add-channel{color:#ffffff8c;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:5px;padding:8px 11px;font-size:6px;font-weight:900;display:flex}.add-channel.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.add-channel.active{border-color:color-mix(in srgb,var(--lime) 28%,transparent)}}.add-channel.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.add-channel.active{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.add-channel.active{color:var(--lime)}.add-channel:disabled{opacity:.3}.rack-timeline,.rack-channel{grid-template-columns:188px repeat(16,minmax(16px,1fr));min-width:530px;display:grid}.rack-timeline{background:#090c0d;border-bottom:1px solid #ffffff0d;align-items:stretch;height:27px}.rack-timeline span{color:#ffffff29;border-left:1px solid #ffffff09;padding:7px 0 0 4px;font-family:monospace;font-size:6px}.rack-timeline span.beat{color:#ffffff61;border-left-color:#ffffff21}.channel-rack{min-width:530px}.channel-rack-footer{background:#0a0d0f;border-bottom:1px solid #ffffff0e;align-items:flex-start;gap:8px;padding:10px 12px 14px;display:flex}.new-channel-drop{color:#ffffff42;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:3px;align-items:center;gap:7px;min-width:152px;padding:7px 9px;display:flex}.new-channel-drop>span{font-size:5px;line-height:1.3}.new-channel-drop strong{color:#ffffff85;font-size:6px;display:block}.new-channel-drop.active{border-color:var(--lime);background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.new-channel-drop.active{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.new-channel-drop.active{color:var(--lime);box-shadow:inset 0 0 14px var(--lime)}@supports (color:color-mix(in lab, red, red)){.new-channel-drop.active{box-shadow:inset 0 0 14px color-mix(in srgb,var(--lime) 6%,transparent)}}.new-channel-drop.active strong{color:var(--lime)}.new-channel-drop.disabled{opacity:.25}.channel-type-picker{grid-template-columns:1fr 1fr;gap:6px;min-width:330px;display:grid}.channel-type-picker>button{color:#ffffff6b;text-align:left;background:#111619;border:1px solid #ffffff17;border-radius:3px;align-items:center;gap:8px;padding:8px 10px;display:flex}.channel-type-picker>button:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.channel-type-picker>button:hover{border-color:color-mix(in srgb,var(--lime) 25%,transparent)}}.channel-type-picker>button:hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.channel-type-picker>button:hover{background:color-mix(in srgb,var(--lime) 6%,transparent)}}.channel-type-picker>button:hover{color:var(--lime)}.channel-type-picker span{font-size:6px;line-height:1.35}.channel-type-picker strong{color:#fffc;margin-bottom:2px;font-size:7px;display:block}.blank-channel-state,.blank-piano-state,.blank-mixer-state{color:#ffffff45;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.blank-channel-state{border-bottom:1px solid #ffffff0e;min-height:250px}.blank-channel-state strong,.blank-piano-state strong,.blank-mixer-state strong{color:#ffffffad;margin-top:10px;font-size:10px}.blank-channel-state p,.blank-piano-state p{max-width:320px;margin:6px 0 14px;font-size:7px;line-height:1.6}.blank-piano-state button{border:1px solid var(--lime);align-items:center;gap:5px;display:flex}@supports (color:color-mix(in lab, red, red)){.blank-piano-state button{border:1px solid color-mix(in srgb,var(--lime) 24%,transparent)}}.blank-piano-state button{background:var(--lime);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.blank-piano-state button{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.blank-piano-state button{color:var(--lime);text-transform:uppercase;padding:8px 10px;font-size:6px;font-weight:900}.rack-channel{border-bottom:1px solid #ffffff0e;min-height:86px;transition:opacity .12s;position:relative}.rack-channel.reordering{opacity:.38}.rack-channel.reorder-before:before,.rack-channel.reorder-after:after{z-index:5;background:var(--lime);height:2px;box-shadow:0 0 9px var(--lime);border-radius:2px;position:absolute;left:5px;right:5px}@supports (color:color-mix(in lab, red, red)){.rack-channel.reorder-before:before,.rack-channel.reorder-after:after{box-shadow:0 0 9px color-mix(in srgb,var(--lime) 65%,transparent)}}.rack-channel.reorder-before:before,.rack-channel.reorder-after:after{content:"";pointer-events:none}.rack-channel.reorder-before:before{top:-1px}.rack-channel.reorder-after:after{bottom:-1px}.rack-channel.drop-target{z-index:2;outline:1px solid var(--lime);outline-offset:-2px;background:var(--lime);position:relative}@supports (color:color-mix(in lab, red, red)){.rack-channel.drop-target{background:color-mix(in srgb,var(--lime) 4.5%,transparent)}}.rack-channel.drop-target{box-shadow:inset 0 0 22px var(--lime)}@supports (color:color-mix(in lab, red, red)){.rack-channel.drop-target{box-shadow:inset 0 0 22px color-mix(in srgb,var(--lime) 6%,transparent)}}.rack-channel.drop-target .channel-info{background:linear-gradient(90deg, var(--lime), var(--lime))}@supports (color:color-mix(in lab, red, red)){.rack-channel.drop-target .channel-info{background:linear-gradient(90deg, color-mix(in srgb,var(--lime) 14%,transparent), color-mix(in srgb,var(--lime) 2.5%,transparent))}}.channel-info{background:linear-gradient(90deg, var(--channel), transparent);border-right:1px solid #ffffff17;align-items:center;gap:7px;min-width:0;padding:8px 8px 8px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.channel-info{background:linear-gradient(90deg, color-mix(in srgb, var(--channel) 8%, transparent), transparent)}}.channel-info>i{background:var(--channel);width:4px;height:35px;box-shadow:0 0 10px var(--channel);border-radius:2px;flex:none}@supports (color:color-mix(in lab, red, red)){.channel-info>i{box-shadow:0 0 10px color-mix(in srgb, var(--channel) 38%, transparent)}}.channel-info>div{flex:1;min-width:0}.channel-summary{cursor:grab}.channel-summary:active{cursor:grabbing}.channel-summary strong{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.channel-summary small{color:#ffffff4d;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:5px;font-family:monospace;font-size:6px;display:block;overflow:hidden}.channel-info button{color:#ffffff4d;background:#ffffff06;border:1px solid #ffffff17;border-radius:2px;flex:none;place-items:center;width:21px;height:21px;font-size:6px;font-weight:900;display:grid}.channel-info button.channel-drag-handle{cursor:grab;color:#ffffff38;background:0 0;border-color:#0000}.channel-info button.channel-drag-handle:hover{color:var(--channel)}.channel-info button.channel-drag-handle:active{cursor:grabbing}.channel-info button.active{color:#ff725f;background:#ff5c4a26;border-color:#ff5c4a59}.channel-info button.solo{color:#ffd45c;background:#ffcd4f1f;border-color:#ffcd4f66}.channel-info button.synth-settings-button.selected{border-color:var(--channel);background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.channel-info button.synth-settings-button.selected{background:color-mix(in srgb, var(--channel) 14%, transparent)}}.channel-info button.synth-settings-button.selected{color:var(--channel)}.channel-info button.delete:hover{color:#ff725f;background:#ff5c4a1f;border-color:#ff5c4a6b}.channel-info button.delete:disabled{opacity:.18}.synth-editor{border:1px solid #ffffff16;border-top:2px solid var(--channel);background:linear-gradient(120deg, var(--channel), #0a0d0f 42%);border-radius:4px;margin:10px 12px 14px}@supports (color:color-mix(in lab, red, red)){.synth-editor{background:linear-gradient(120deg, color-mix(in srgb, var(--channel) 7%, transparent), #0a0d0f 42%)}}.synth-editor{padding:11px}.synth-editor>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.synth-editor>header small{color:var(--channel);letter-spacing:.13em;font-size:5px;font-weight:900;display:block}.synth-editor>header strong{color:#ffffffd1;margin-top:3px;font-size:9px;display:block}.synth-editor>header button{color:#ffffff73;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff17;border-radius:3px;padding:5px 8px;font-size:6px;font-weight:900}.synth-editor>header .synth-add-layer{border-color:var(--channel);align-items:center;gap:5px;display:flex}@supports (color:color-mix(in lab, red, red)){.synth-editor>header .synth-add-layer{border-color:color-mix(in srgb,var(--channel) 38%,#ffffff17)}}.synth-editor>header .synth-add-layer{color:var(--channel)}.synth-editor>header .synth-add-layer:disabled{opacity:.3}.synth-editor-grid{grid-template-columns:repeat(4,minmax(90px,1fr));gap:7px;display:grid}.synth-editor-grid label{background:#ffffff05;border:1px solid #ffffff0f;border-radius:3px;grid-template-columns:1fr auto;align-items:center;min-width:0;padding:7px;display:grid}.synth-editor-grid label>span{color:#ffffff59;text-transform:uppercase;font-size:5px;font-weight:900}.synth-editor-grid select{color:#ffffffb8;background:#111619;border:1px solid #ffffff13;border-radius:2px;outline:0;grid-column:1/-1;width:100%;margin-top:5px;padding:6px;font-family:monospace;font-size:6px}.synth-editor-grid output{color:var(--channel);font-family:monospace;font-size:5px}.synth-editor-grid input[type=range]{width:100%;height:3px;accent-color:var(--channel);grid-column:1/-1;margin-top:8px}.synth-layer-strip{grid-template-columns:repeat(4,minmax(84px,1fr));gap:6px;margin-bottom:8px;display:grid}.synth-layer-card{color:#ffffff61;text-align:left;background:#ffffff05;border:1px solid #ffffff12;border-radius:5px;align-items:center;gap:7px;min-width:0;min-height:47px;padding:7px 8px;display:flex}.synth-layer-card>svg{color:var(--channel);flex:none}.synth-layer-card>span{min-width:0}.synth-layer-card small,.synth-layer-card strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.synth-layer-card small{color:#ffffff45;letter-spacing:.12em;font-size:5px;font-weight:900}.synth-layer-card strong{color:#ffffffa3;text-transform:uppercase;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px}.synth-layer-card:hover,.synth-layer-card.active{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.synth-layer-card:hover,.synth-layer-card.active{border-color:color-mix(in srgb,var(--channel) 58%,#ffffff14)}}.synth-layer-card:hover,.synth-layer-card.active{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.synth-layer-card:hover,.synth-layer-card.active{background:color-mix(in srgb,var(--channel) 10%,#ffffff05)}}.synth-layer-card.active{box-shadow:inset 0 -2px var(--channel)}.synth-layer-card.muted{opacity:.38}.synth-layer-card.solo{border-color:#ffd45c7a}.synth-layer-card.add{color:#ffffff47;border-style:dashed;justify-content:center}.synth-layer-card.add>svg{color:#ffffff47}.synth-layer-toolbar{background:#00000029;border:1px solid #ffffff0e;border-radius:4px;align-items:center;gap:4px;min-height:34px;margin-bottom:7px;padding:5px 6px;display:flex}.synth-layer-toolbar>div{flex:1;min-width:0}.synth-layer-toolbar small,.synth-layer-toolbar strong{display:block}.synth-layer-toolbar small{color:#ffffff40;letter-spacing:.12em;font-size:5px;font-weight:900}.synth-layer-toolbar strong{color:var(--channel);margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px}.synth-layer-toolbar>button{color:#ffffff59;background:#ffffff06;border:1px solid #ffffff14;border-radius:3px;place-items:center;width:25px;height:25px;padding:0;display:grid}.synth-layer-toolbar>button:hover{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.synth-layer-toolbar>button:hover{border-color:color-mix(in srgb,var(--channel) 45%,transparent)}}.synth-layer-toolbar>button:hover{color:#fff}.synth-layer-toolbar>button.active{color:#ff725f}.synth-layer-toolbar>button.solo{color:#ffd45c}.synth-layer-toolbar>button:disabled{opacity:.2}.synth-layer-controls{grid-template-columns:repeat(5,minmax(82px,1fr))}.synth-editor>footer{color:#ffffff38;margin-top:8px;font-size:5px}.step-grid{background:#ffffff02;grid-column:2/-1;grid-template-columns:repeat(16,minmax(16px,1fr));align-items:center;gap:3px;padding:11px 6px;display:grid}.step-grid button{background:#15191b;border:1px solid #ffffff13;border-radius:3px;height:35px;box-shadow:inset 0 -5px 9px #00000038}.step-grid button.beat{border-left-color:#ffffff38}.step-grid button:hover{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.step-grid button:hover{border-color:color-mix(in srgb, var(--channel) 55%, transparent)}}.step-grid button.active{border-color:var(--channel);background:var(--channel);box-shadow:0 0 11px var(--channel), inset 0 -7px 10px #00000029}@supports (color:color-mix(in lab, red, red)){.step-grid button.active{box-shadow:0 0 11px color-mix(in srgb, var(--channel) 32%, transparent), inset 0 -7px 10px #00000029}}.step-grid button.active{transform:translateY(-1px)}.piano-roll{background:#090c0d;flex-direction:column;flex:1;min-width:620px;min-height:0;display:flex}.pattern-workspace.piano-active{flex-direction:column;min-height:0;display:flex;overflow:hidden}.pattern-workspace.piano-active>.pattern-toolbar{flex:none;width:100%;min-width:0;overflow:auto hidden}.pattern-workspace.piano-active .pattern-controls{flex:none;overflow:visible}.pattern-workspace.piano-active .piano-roll{width:100%;min-width:0;overflow:hidden}.pattern-workspace.piano-active .piano-controller{width:100%;min-width:0}.blank-piano-state{background:radial-gradient(circle at 50% 40%, var(--lime), transparent 34%), #090c0d;min-width:530px;height:100%;min-height:320px}@supports (color:color-mix(in lab, red, red)){.blank-piano-state{background:radial-gradient(circle at 50% 40%, color-mix(in srgb,var(--lime) 4%,transparent), transparent 34%), #090c0d}}.piano-roll-scroll{overscroll-behavior:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;flex:1;min-height:0;overflow:auto}.piano-roll-step-header,.piano-roll-row{grid-template-columns:72px minmax(648px,1fr);min-width:720px;display:grid}.piano-roll-step-header{z-index:4;background:#080a0c;height:26px;position:sticky;top:0;box-shadow:0 1px #ffffff14}.piano-roll-step-header>div{z-index:5;background:#090c0d;position:sticky;left:0}.piano-roll-step-header span{color:#fff3;border-left:1px solid #ffffff0b;padding:7px 0 0 5px;font-family:monospace;font-size:6px}.piano-roll-step-header span.beat{color:#ffffff73;border-left-color:#ffffff29}.piano-key{z-index:3;color:#22292b;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:0;background:#e5e8e5;border-top:0;border-bottom:1px solid #b8bdba;border-left:0;border-right:1px solid #ffffff1f;justify-content:center;align-items:center;padding:0;font-family:monospace;font-size:6px;font-weight:900;transition:transform 75ms,filter 75ms,background 75ms,box-shadow 75ms;display:flex;position:sticky;left:0}.piano-key>span{z-index:1;opacity:.72;text-align:center;pointer-events:none;position:absolute;left:47px;right:0}.piano-roll-row.black .piano-key{color:#22292b;width:100%;box-shadow:none;background:#e5e8e5;border-bottom-color:#b8bdba;justify-self:stretch}.piano-roll-row.black .piano-key:before{z-index:0;content:"";background:#252a2c;width:47px;position:absolute;top:0;bottom:0;left:0;box-shadow:3px 2px 4px #00000080}.piano-roll-notes{position:relative}.piano-roll-lane{min-width:0;position:relative;overflow:hidden}.piano-roll.range-selecting .piano-roll-notes,.piano-roll.range-selecting .piano-roll-lane,.piano-roll.range-selecting .piano-note-cell,.piano-roll.range-selecting .piano-note,.piano-roll.range-selecting .piano-note>i{cursor:crosshair}.piano-selection-marquee{z-index:6;border:1px solid var(--channel);position:absolute}@supports (color:color-mix(in lab, red, red)){.piano-selection-marquee{border:1px solid color-mix(in srgb, var(--channel) 88%, white)}}.piano-selection-marquee{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-selection-marquee{background:color-mix(in srgb, var(--channel) 18%, transparent)}}.piano-selection-marquee{box-shadow:0 0 14px var(--channel), inset 0 0 0 1px #ffffff14}@supports (color:color-mix(in lab, red, red)){.piano-selection-marquee{box-shadow:0 0 14px color-mix(in srgb, var(--channel) 18%, transparent), inset 0 0 0 1px #ffffff14}}.piano-selection-marquee{pointer-events:none}.piano-note-cell{background-color:#111619;background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:calc(100% / var(--piano-grid-columns)) 100%, calc(100% / var(--piano-beat-columns)) 100%;border:0;border-bottom:1px solid #ffffff09;width:100%;position:absolute;inset:0}.piano-roll-row.black .piano-note-cell{background-color:#0d1113}.piano-roll-row.default-note .piano-key{color:#0b0e0f;box-shadow:inset -4px 0 var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-roll-row.default-note .piano-key{box-shadow:inset -4px 0 color-mix(in srgb, var(--channel) 55%, transparent)}}.piano-key.playing{background:var(--channel);color:#090b0d;box-shadow:inset -7px 0 #ffffff7a, inset 0 2px 4px #0000003d, 0 0 14px var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-key.playing{box-shadow:inset -7px 0 #ffffff7a, inset 0 2px 4px #0000003d, 0 0 14px color-mix(in srgb, var(--channel) 58%, transparent)}}.piano-key.playing{filter:brightness(1.08);transform:translate(3px)scaleX(.965)}.piano-roll-row.black .piano-key.playing{color:#090b0d;box-shadow:0 0 12px var(--channel);background:#e5e8e5}@supports (color:color-mix(in lab, red, red)){.piano-roll-row.black .piano-key.playing{box-shadow:0 0 12px color-mix(in srgb, var(--channel) 45%, transparent)}}.piano-roll-row.black .piano-key.playing{transform:translate(3px)scaleX(.95)}.piano-roll-row.black .piano-key.playing:before{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-roll-row.black .piano-key.playing:before{background:color-mix(in srgb, var(--channel) 78%, #101415)}}.piano-roll-row.black .piano-key.playing:before{box-shadow:inset -5px 0 #ffffff40, 2px 2px 7px #00000073, 0 0 12px var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-roll-row.black .piano-key.playing:before{box-shadow:inset -5px 0 #ffffff40, 2px 2px 7px #00000073, 0 0 12px color-mix(in srgb, var(--channel) 55%, transparent)}}.piano-roll-row.default-note .piano-note-cell{border-bottom-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-roll-row.default-note .piano-note-cell{border-bottom-color:color-mix(in srgb, var(--channel) 24%, #ffffff0a)}}.piano-roll-row.default-note .piano-note-cell{background-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-roll-row.default-note .piano-note-cell{background-color:color-mix(in srgb, var(--channel) 5%, #111619)}}.sampler-piano-roll .sampler-slice-row .piano-key{background:var(--channel);border-bottom-color:#ffffff0e}@supports (color:color-mix(in lab, red, red)){.sampler-piano-roll .sampler-slice-row .piano-key{background:color-mix(in srgb,var(--channel) 7%,#101416)}}.sampler-piano-roll .sampler-slice-row .piano-key{color:#ffffffad;box-shadow:inset -3px 0 var(--channel)}@supports (color:color-mix(in lab, red, red)){.sampler-piano-roll .sampler-slice-row .piano-key{box-shadow:inset -3px 0 color-mix(in srgb,var(--channel) 30%,transparent)}}.sampler-piano-roll .sampler-slice-row:nth-child(2n) .piano-key{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.sampler-piano-roll .sampler-slice-row:nth-child(2n) .piano-key{background:color-mix(in srgb,var(--channel) 4%,#0d1113)}}.sampler-piano-roll .sampler-slice-row.black .piano-key:before{display:none}.sampler-piano-roll .sampler-slice-row .piano-key>span{color:inherit;letter-spacing:.04em;left:0}.sampler-piano-roll .sampler-slice-row .piano-key.playing{background:var(--channel);color:#090c0d;box-shadow:inset -6px 0 #ffffff57,0 0 14px var(--channel)}@supports (color:color-mix(in lab, red, red)){.sampler-piano-roll .sampler-slice-row .piano-key.playing{box-shadow:inset -6px 0 #ffffff57,0 0 14px color-mix(in srgb,var(--channel) 45%,transparent)}}.sampler-piano-roll .sampler-slice-row[data-sampler-octave="0"] .piano-key{color:#ffffffe6;box-shadow:inset -4px 0 var(--channel)}@supports (color:color-mix(in lab, red, red)){.sampler-piano-roll .sampler-slice-row[data-sampler-octave="0"] .piano-key{box-shadow:inset -4px 0 color-mix(in srgb,var(--channel) 58%,transparent)}}.sampler-piano-roll .sampler-slice-row[data-piano-slice="1"]{border-top:1px solid var(--channel)}@supports (color:color-mix(in lab, red, red)){.sampler-piano-roll .sampler-slice-row[data-piano-slice="1"]{border-top:1px solid color-mix(in srgb,var(--channel) 32%,transparent)}}.sampler-piano-roll .sampler-slice-row .piano-note-cell{background-color:#0d1213}.sampler-piano-roll .sampler-slice-row:nth-child(2n) .piano-note-cell{background-color:#0b1011}.piano-note-cell.beat{border-left-color:#ffffff21}.piano-note-cell:hover{background-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-note-cell:hover{background-color:color-mix(in srgb, var(--channel) 13%, #111619)}}.piano-note-cell.active{z-index:1;border:1px solid var(--channel);margin:2px 1px;position:relative}@supports (color:color-mix(in lab, red, red)){.piano-note-cell.active{border:1px solid color-mix(in srgb, var(--channel) 75%, white)}}.piano-note-cell.active{background:var(--channel);box-shadow:0 0 10px var(--channel), inset 0 -5px 7px #0000002e;border-radius:2px}@supports (color:color-mix(in lab, red, red)){.piano-note-cell.active{box-shadow:0 0 10px color-mix(in srgb, var(--channel) 28%, transparent), inset 0 -5px 7px #0000002e}}.piano-note{z-index:2;border:1px solid var(--channel);min-width:3px;position:absolute;top:2px;bottom:2px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.piano-note{border:1px solid color-mix(in srgb, var(--channel) 78%, white)}}.piano-note{background:var(--channel);border-radius:2px}@supports (color:color-mix(in lab, red, red)){.piano-note{background:color-mix(in srgb, var(--channel) 88%, #111)}}.piano-note{color:#090b0d;box-shadow:0 0 9px var(--channel), inset 0 -5px 7px #00000029;padding:0}@supports (color:color-mix(in lab, red, red)){.piano-note{box-shadow:0 0 9px color-mix(in srgb, var(--channel) 24%, transparent), inset 0 -5px 7px #00000029}}.piano-note{cursor:grab;text-align:left}.piano-ghost-note{z-index:1;border:1px solid var(--ghost-channel);min-width:2px;position:absolute;top:3px;bottom:3px}@supports (color:color-mix(in lab, red, red)){.piano-ghost-note{border:1px solid color-mix(in srgb,var(--ghost-channel) 56%,#ffffff47)}}.piano-ghost-note{background:var(--ghost-channel);border-radius:2px}@supports (color:color-mix(in lab, red, red)){.piano-ghost-note{background:color-mix(in srgb,var(--ghost-channel) 12%,transparent)}}.piano-ghost-note{opacity:.58;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff06}.piano-note:active{cursor:grabbing}.piano-note.selected{z-index:3;box-shadow:0 0 0 1px var(--channel), 0 0 14px var(--channel);border-color:#fff}@supports (color:color-mix(in lab, red, red)){.piano-note.selected{box-shadow:0 0 0 1px var(--channel), 0 0 14px color-mix(in srgb, var(--channel) 48%, transparent)}}.piano-note.drawing{z-index:4;background:var(--channel);border-color:#fff}@supports (color:color-mix(in lab, red, red)){.piano-note.drawing{background:color-mix(in srgb, var(--channel) 94%, white)}}.piano-note.drawing{box-shadow:0 0 0 1px var(--channel), 0 0 18px var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-note.drawing{box-shadow:0 0 0 1px var(--channel), 0 0 18px color-mix(in srgb, var(--channel) 62%, transparent)}}.piano-note.drawing{cursor:move}.piano-note>span{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;padding:3px 7px 0 4px;font-family:monospace;font-size:5px;font-weight:900;display:block;overflow:hidden}.piano-note>i{cursor:ew-resize;background:#ffffff29;border-left:1px solid #00000047;width:6px;position:absolute;top:0;bottom:0;right:0}.piano-controller{background:#090c0d;border-top:1px solid #ffffff1a;flex:none;grid-template-columns:72px minmax(0,1fr);min-width:620px;height:108px;display:grid;overflow:hidden}.piano-controller-selector{z-index:2;background:#0b0e10;border-right:1px solid #ffffff1a;flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:8px 6px;display:flex}.piano-controller-selector>span{color:#ffffff47;letter-spacing:.08em;text-transform:uppercase;font-size:5px;font-weight:900}.piano-controller-selector select{border:1px solid var(--channel);width:100%;min-width:0;height:27px}@supports (color:color-mix(in lab, red, red)){.piano-controller-selector select{border:1px solid color-mix(in srgb, var(--channel) 24%, #ffffff14)}}.piano-controller-selector select{color:var(--channel);background:#111619;border-radius:3px;outline:0;padding:0 4px;font-size:6px;font-weight:800}.piano-controller-selector select:focus{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-controller-selector select:focus{border-color:color-mix(in srgb, var(--channel) 62%, transparent)}}.piano-controller-mobile-toggle{display:none}.piano-controller-viewport{min-width:0;overflow:hidden}.piano-controller-grid{transform-origin:0;will-change:transform;background:linear-gradient(#0000,#ffffff06);grid-template-columns:repeat(16,minmax(36px,1fr));width:max(648px,100%);height:100%;display:grid;position:relative}.piano-controller-grid>i{border-left:1px solid #ffffff0a;grid-row:1}.piano-controller-grid>i.beat{border-left-color:#ffffff21}.piano-controller-grid.pan:after{z-index:1;content:"";pointer-events:none;background:#ffffff29;height:1px;position:absolute;top:50%;left:0;right:0}.piano-controller-grid>button{z-index:2;background:var(--channel);border:0;border-radius:2px 2px 0 0;width:7px;min-height:4px;position:absolute;bottom:0;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.piano-controller-grid>button{background:color-mix(in srgb, var(--channel) 70%, #465)}}.piano-controller-grid>button{box-shadow:0 0 7px var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-controller-grid>button{box-shadow:0 0 7px color-mix(in srgb, var(--channel) 22%, transparent)}}.piano-controller-grid>button{cursor:ns-resize}.piano-controller-grid>button.selected{background:var(--channel);width:9px;box-shadow:0 0 10px var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-controller-grid>button.selected{box-shadow:0 0 10px color-mix(in srgb, var(--channel) 55%, transparent)}}.arrange-workspace,.mixer-workspace{background:#000;padding:0}.arrange-workspace{position:relative;overflow:hidden}.mixer-workspace>header{background:#080c0db8;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:62px;margin-bottom:0;padding:12px 15px;display:flex}.arrange-workspace header small,.mixer-workspace header small{color:var(--lime);letter-spacing:.15em;font-size:6px;font-weight:900;display:block}.arrange-workspace header strong,.mixer-workspace header strong{margin-top:4px;font-size:12px;display:block}.arrange-workspace header span,.mixer-workspace header span{color:#ffffff40;text-transform:uppercase;letter-spacing:.08em;font-size:6px}.arrange-grid-scroll{overscroll-behavior:contain;scrollbar-color:var(--lime) #ffffff09;background:#000;width:100%;max-width:100%;height:100%;overflow:auto;container-type:inline-size}@supports (color:color-mix(in lab, red, red)){.arrange-grid-scroll{scrollbar-color:color-mix(in srgb,var(--lime) 35%,transparent) #ffffff09}}.arrange-grid-scroll{scrollbar-width:thin;touch-action:pan-x pan-y}.arrange-grid-scroll.mobile-playback-vertical-scroll-only{overscroll-behavior-x:none;touch-action:pan-y;overflow:hidden auto}.arrange-grid{width:max(100%,var(--arrangement-width));grid-template-columns:var(--arrangement-label-width,130px) repeat(var(--arrangement-steps),minmax(var(--arrangement-step-width,10.5px),1fr));background:#000;display:grid;position:relative}.arrange-grid.playback-interactions-disabled{pointer-events:none}.arrange-grid.playback-interactions-disabled .arrange-add-sound-label{pointer-events:auto}.arrange-grid.mobile-playback-transforming{will-change:transform}.arrange-grid.mobile-playback-transforming .arrange-add-sound-label{transform:translate3d(var(--mobile-playback-offset,0px),0,0);will-change:transform}.arrange-grid.mobile-playback-transforming .arrange-pattern-color-line{transform:translate3d(var(--mobile-sticky-color-offset,0px),0,0);will-change:transform}.arrange-grid.arrangement-live-zoom{transform-origin:var(--arrangement-label-width,130px) 0;will-change:transform}.arrange-grid.arrangement-live-zoom .arrange-corner,.arrange-grid.arrangement-live-zoom .arrange-pattern-name,.arrange-grid.arrangement-live-zoom .arrange-add-sound-label,.arrange-grid.arrangement-live-zoom .arrange-inline-sound-panel{transform-origin:0;will-change:transform}.arrange-playhead{z-index:8;top:0;bottom:0;left:var(--arrangement-label-width,130px);width:2px;box-shadow:0 0 7px #ffffffd9, 0 0 13px var(--lime);background:#fff;position:absolute;transform:translate(-1px)}@supports (color:color-mix(in lab, red, red)){.arrange-playhead{box-shadow:0 0 7px #ffffffd9, 0 0 13px color-mix(in srgb,var(--lime) 50%,transparent)}}.arrange-playhead{opacity:0;pointer-events:none;will-change:left}.arrange-mobile-fixed-playhead{display:none}.arrange-playhead.playing{opacity:1}.arrange-playhead.idle{width:12px;box-shadow:none;opacity:.45;cursor:ew-resize;pointer-events:auto;touch-action:none;background:linear-gradient(90deg,#0000 5px,#fff 5px 7px,#0000 7px);transform:translate(-6px)}.arrange-playhead.idle:hover,.arrange-playhead.idle:focus-visible{opacity:.85;filter:drop-shadow(0 0 5px var(--lime))}@supports (color:color-mix(in lab, red, red)){.arrange-playhead.idle:hover,.arrange-playhead.idle:focus-visible{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--lime) 72%,transparent))}}.arrange-playhead.idle:hover,.arrange-playhead.idle:focus-visible{outline:0}.arrange-playhead:before{width:8px;height:8px;box-shadow:0 0 8px var(--lime);background:#fff;border-radius:1px;position:absolute;top:-1px;left:50%;transform:translate(-50%,-35%)rotate(45deg)}@supports (color:color-mix(in lab, red, red)){.arrange-playhead:before{box-shadow:0 0 8px color-mix(in srgb,var(--lime) 65%,transparent)}}.arrange-playhead:before{content:""}.arrange-corner,.arrange-ruler-bar{color:#ffffff38;background:#000;height:30px;font-size:6px;font-weight:900}.arrange-corner{z-index:7;width:var(--arrangement-label-width,130px);box-sizing:border-box;white-space:nowrap;grid-area:1/1;padding:10px;position:relative;overflow:hidden}.arrange-ruler-bar{background-image:linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-position:0 100%;background-repeat:repeat-x;background-size:calc(100% / var(--arrangement-steps-per-bar,4)) 8px;text-align:left;border:0;grid-row:1;padding:0;font-family:monospace;position:relative}.arrange-ruler-bar:before{content:"";background:#ffffff17;width:1px;position:absolute;inset:0 auto 0 0}.arrange-ruler-bar>span{font-size:7px;line-height:1;position:absolute;top:2px;left:6px}.arrange-ruler-bar:hover{color:#ffffffa6;background-color:#ffffff09}.arrange-row{grid-column:1/-1;grid-template-columns:var(--arrangement-label-width,130px) repeat(var(--arrangement-steps), minmax(var(--arrangement-step-width,10.5px),1fr));min-height:72px;display:grid;position:relative}.arrange-row.reordering{opacity:.42}.arrange-row.reorder-before:before,.arrange-row.reorder-after:after{z-index:10;background:var(--lime);height:2px;box-shadow:0 0 9px var(--lime);border-radius:2px;position:absolute;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.arrange-row.reorder-before:before,.arrange-row.reorder-after:after{box-shadow:0 0 9px color-mix(in srgb,var(--lime) 65%,transparent)}}.arrange-row.reorder-before:before,.arrange-row.reorder-after:after{content:"";pointer-events:none}.arrange-row.reorder-before:before{top:-1px}.arrange-row.reorder-after:after{bottom:-1px}.arrange-row.solo-suppressed .arrange-clip-cell{opacity:.38}.arrange-row.solo-suppressed .arrange-pattern-clip{opacity:.32;filter:grayscale(.65)saturate(.4)}.arrange-row.solo-suppressed .arrange-pattern-name-main{opacity:.42}.arrange-row.soloed .arrange-pattern-name{background:linear-gradient(90deg,var(--lime),transparent 65%),#111517}@supports (color:color-mix(in lab, red, red)){.arrange-row.soloed .arrange-pattern-name{background:linear-gradient(90deg,color-mix(in srgb,var(--lime) 11%,transparent),transparent 65%),#111517}}.arrange-row.soloed .arrange-pattern-name{box-shadow:inset 2px 0 var(--lime),1px 0 #ffffff12,8px 0 18px #00000029}.arrange-row.soloed .arrange-pattern-clip{box-shadow:none}.arrange-row.muted{opacity:.3;filter:grayscale()}.arrange-pattern-name{z-index:6;width:var(--arrangement-label-width,130px);box-sizing:border-box;color:#ffffff94;background:#000;grid-area:1/1;grid-template-rows:auto auto;grid-template-columns:16px minmax(0,1fr) 12px;align-content:center;align-items:center;gap:3px 5px;min-width:0;padding:7px 0 7px 6px;display:grid;position:relative;overflow:hidden}.arrange-pattern-color-line{z-index:7;background:0 0;border:0;grid-area:1/1;place-self:stretch end;place-items:center;width:12px;height:100%;padding:0;display:grid;position:sticky;left:0}.arrange-grid-scroll.sound-lines-stuck .arrange-pattern-color-line{background:#000}.arrange-pattern-color-line:after{background:var(--sound-color);content:"";border-radius:2px;width:4px;height:calc(100% - 12px)}.arrange-pattern-drag-handle{color:#ffffff47;cursor:grab;background:0 0;border:0;border-radius:3px;grid-area:1/1/3;place-items:center;width:16px;height:30px;padding:0;display:grid}.arrange-pattern-drag-handle:hover{color:var(--lime);background:#ffffff0d}.arrange-pattern-drag-handle:active{cursor:grabbing}.arrange-pattern-name-main{min-width:0;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;grid-area:1/2;padding:0;font-size:7px;font-weight:800;transition:opacity .1s;overflow:hidden}.arrange-pattern-name-main:hover{color:#ffffffe6}.arrange-pattern-row-actions{grid-area:2/2;justify-content:flex-start;align-items:center;gap:2px;min-width:0;display:flex}.arrange-pattern-row-actions button{color:#ffffff61;background:#ffffff06;border:1px solid #ffffff14;border-radius:3px;place-items:center;width:18px;height:20px;padding:0;font-family:monospace;font-size:7px;font-weight:900;display:grid}.arrange-pattern-row-actions button:hover{color:#fff;border-color:#ffffff3d}.arrange-pattern-row-actions button.active.mute{color:#ff764c;background:#ff764c24;border-color:#ff764c8c}.arrange-pattern-row-actions button.active.solo{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.arrange-pattern-row-actions button.active.solo{border-color:color-mix(in srgb,var(--lime) 55%,transparent)}}.arrange-pattern-row-actions button.active.solo{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.arrange-pattern-row-actions button.active.solo{background:color-mix(in srgb,var(--lime) 13%,transparent)}}.arrange-pattern-row-actions button.active.solo{color:var(--lime)}.arrange-pattern-row-actions button.delete:hover:not(:disabled){color:#ff5670;background:#ff56701a;border-color:#ff567080}.arrange-pattern-row-actions button:disabled{opacity:.18;cursor:not-allowed}.arrange-clip-cell{color:#0d1011;cursor:crosshair;touch-action:none;background:0 0;border:0;grid-row:1;margin:0;font-size:7px;font-weight:950}.arrange-row.focused .arrange-pattern-name{background:var(--clip)}@supports (color:color-mix(in lab, red, red)){.arrange-row.focused .arrange-pattern-name{background:color-mix(in srgb,var(--clip) 18%,#000)}}.arrange-row.focused{background:var(--clip)}@supports (color:color-mix(in lab, red, red)){.arrange-row.focused{background:color-mix(in srgb,var(--clip) 8%,transparent)}}.arrange-pattern-clip{z-index:3;border:1px solid var(--clip);background:var(--clip);border-radius:3px;grid-row:1;min-width:0;margin:5px 1px;display:flex;position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.arrange-pattern-clip{background:color-mix(in srgb, var(--clip) 72%, #111)}}.arrange-pattern-clip.selected{box-shadow:none;border-color:#fff}.arrange-pattern-clip-body{color:#0d1011;cursor:grab;text-align:left;touch-action:none;background:0 0;border:0;flex:1;justify-content:space-between;align-items:flex-start;gap:7px;min-width:0;padding:5px 10px 0 8px;display:flex;position:relative;overflow:hidden}.arrange-pattern-clip-body:active{cursor:grabbing}.arrange-pattern-clip-body strong{z-index:2;text-shadow:0 1px #ffffff2e;flex:none;font-size:7px;font-weight:950;position:relative}.arrange-pattern-clip-body>.arrange-clip-length{z-index:2;opacity:.58;text-overflow:ellipsis;text-shadow:0 1px #ffffff24;white-space:nowrap;font-family:monospace;font-size:6px;font-weight:900;position:relative;overflow:hidden}.arrange-clip-note-preview{z-index:1;opacity:.72;pointer-events:none;border-top:1px solid #080c0d1f;position:absolute;inset:17px 5px 4px;overflow:hidden}.arrange-clip-note-preview i{background:#090d0eb8;border-radius:1px;min-width:1px;height:2px;position:absolute;transform:translateY(-50%);box-shadow:0 0 2px #ffffff2e}.arrange-pattern-clip-body:hover{background:#ffffff14}.arrange-pattern-clip-resize{z-index:2;cursor:ew-resize;touch-action:none;background:0 0;border:0;border-radius:3px;width:9px;position:absolute;top:3px;bottom:3px;right:-4px}.arrange-pattern-clip-resize:after{content:"";background:#0a0d0e9e;border-radius:2px;width:2px;height:18px;position:absolute;top:50%;right:3px;transform:translateY(-50%);box-shadow:3px 0 #ffffff4d}.arrange-pattern-clip-resize:hover:after{background:#0a0d0e;box-shadow:3px 0 #ffffffa6}.arrange-grid.range-selecting,.arrange-grid.range-selecting .arrange-clip-cell{cursor:crosshair}.arrange-selection-marquee{z-index:9;border:1px solid var(--lime);position:absolute}@supports (color:color-mix(in lab, red, red)){.arrange-selection-marquee{border:1px solid color-mix(in srgb,var(--lime) 80%,transparent)}}.arrange-selection-marquee{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.arrange-selection-marquee{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.arrange-selection-marquee{box-shadow:0 0 12px var(--lime)}@supports (color:color-mix(in lab, red, red)){.arrange-selection-marquee{box-shadow:0 0 12px color-mix(in srgb,var(--lime) 14%,transparent)}}.arrange-selection-marquee{pointer-events:none}.arrange-inline-sound-panel{z-index:10;background:linear-gradient(90deg,#090d0f,#0b1012);grid-column:1/-1;justify-self:start;width:100cqi;min-width:700px;scroll-margin-top:8px;position:sticky;left:0;overflow:visible;box-shadow:0 14px 32px #0003}.arrange-inline-sound-dialog{display:contents}.arrange-sound-mobile-layer,.arrange-clip-mobile-menu,.arrange-inline-sound-mobile-backdrop,.arrange-inline-sound-mobile-header{display:none}.arrange-inline-sound-panel .inline-sound-builder{min-height:0;padding:8px 12px 12px calc(var(--arrangement-label-width,130px) + 12px);background:0 0;overflow:visible}.inline-sound-builder .unified-compose{border:0}.inline-sound-builder .unified-sound-list{padding:0}.inline-sound-builder .unified-sound-card{cursor:default}.arrange-add-sound-row{z-index:12;background:#000;grid-template-columns:130px minmax(0,1fr);min-height:52px;position:sticky;bottom:0;box-shadow:0 -12px 24px #00000047}.arrange-add-sound-label{z-index:10;width:var(--arrangement-label-width,130px);background:#000;grid-area:1/1;justify-content:stretch;align-items:stretch;padding:0;display:flex;position:sticky;left:0;overflow:visible}.arrange-add-sound-trigger{color:#fff;background:#ffffff1a;border:0;border-radius:0;flex:1;place-items:center;width:100%;height:100%;padding:0;display:grid}.arrange-add-sound-trigger:hover{color:#fff;background:#ffffff24}.arrange-add-sound-menu{z-index:15;filter:drop-shadow(0 8px 16px #00000057);gap:5px;padding:0;display:flex;position:absolute;top:9px;left:calc(100% + 9px)}.arrange-add-sound-menu button{color:#ffffff9e;white-space:nowrap;background:#121719;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:7px;font-weight:850;display:flex}.arrange-add-sound-menu button:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.arrange-add-sound-menu button:hover{border-color:color-mix(in srgb,var(--lime) 42%,transparent)}}.arrange-add-sound-menu button:hover{color:var(--lime);background:#18201b}.arrange-add-sound-placeholder{background:#000;grid-area:1/2/auto/-1}.arrange-add-sound-mobile-layer{display:none}.mixer-workspace-header{min-width:720px}.mixer-session-summary{align-items:center;gap:6px;display:flex}.mixer-session-summary span{background:#ffffff05;border:1px solid #ffffff12;border-radius:4px;align-items:center;gap:5px;height:28px;padding:0 9px;display:flex}.mixer-session-summary b{color:var(--lime);font-family:monospace;font-size:9px}.mixer-console{background:#080b0c;border-bottom:1px solid #ffffff14;width:100%;min-width:720px;overflow-x:auto;box-shadow:inset 0 1px #ffffff06}.mixer-strips{align-items:stretch;gap:1px;min-width:max-content;padding:8px;display:flex}.blank-mixer-state{color:#ffffff6b;border:1px dashed #ffffff14;border-radius:5px;align-content:center;place-items:center;width:min(720px,100vw - 80px);min-height:310px;display:grid}.blank-mixer-state span{text-align:center;max-width:280px;margin-top:6px;font-size:7px;line-height:1.5}.mixer-strip{--channel:var(--lime);border:1px solid #ffffff14;border-top:2px solid var(--channel);background:linear-gradient(180deg, var(--channel), #0b0f10 17%, #090c0d);border-radius:5px;flex-direction:column;flex:0 0 158px;align-items:stretch;width:158px;min-height:475px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mixer-strip{background:linear-gradient(180deg, color-mix(in srgb, var(--channel) 7%, transparent), #0b0f10 17%, #090c0d)}}.mixer-strip{transition:border-color .14s,opacity .14s,box-shadow .14s}.mixer-strip.selected{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.mixer-strip.selected{border-color:color-mix(in srgb, var(--channel) 48%, #ffffff1a)}}.mixer-strip.selected{box-shadow:inset 0 0 0 1px var(--channel), 0 0 18px var(--channel)}@supports (color:color-mix(in lab, red, red)){.mixer-strip.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--channel) 14%, transparent), 0 0 18px color-mix(in srgb, var(--channel) 7%, transparent)}}.mixer-strip.muted{opacity:.55}.mixer-strip-header{color:#fff;text-align:left;background:#ffffff05;border:0;border-bottom:1px solid #fff1;grid-template-columns:25px minmax(0,1fr) 6px;align-items:center;gap:7px;height:48px;padding:0 9px;display:grid}.mixer-strip-header>span{background:var(--channel);border-radius:4px;place-items:center;width:23px;height:23px;display:grid}@supports (color:color-mix(in lab, red, red)){.mixer-strip-header>span{background:color-mix(in srgb, var(--channel) 15%, transparent)}}.mixer-strip-header>span{color:var(--channel);font-family:monospace;font-size:8px;font-weight:900}.mixer-strip-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mixer-strip-header i{background:var(--channel);width:5px;height:5px;box-shadow:0 0 8px var(--channel);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.mixer-strip-header i{box-shadow:0 0 8px color-mix(in srgb, var(--channel) 65%, transparent)}}.mixer-strip-source{border-bottom:1px solid #ffffff0d;align-content:center;gap:3px;min-height:42px;padding:0 10px;display:grid}.mixer-strip-source span{color:#ffffff40;letter-spacing:.12em;font-size:6px;font-weight:900}.mixer-strip-source small{color:var(--channel);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:7px;overflow:hidden}.mixer-strip-console{grid-template-columns:48px 1fr;align-items:stretch;gap:8px;height:220px;padding:15px 12px 8px;display:grid}.mixer-stereo-meter,.mixer-master-meter{background:#060809;border:1px solid #ffffff0f;border-radius:3px;gap:3px;height:100%;padding:4px;display:flex;box-shadow:inset 0 0 12px #00000080}.mixer-stereo-meter>span,.mixer-master-meter>span{flex-direction:column-reverse;gap:2px;width:50%;display:flex}.mixer-stereo-meter i,.mixer-master-meter i{background:#ffffff0b;border-radius:1px;flex:1;min-height:2px;transition:background 80ms,box-shadow 80ms}.mixer-stereo-meter i.meter-on,.mixer-master-meter i.meter-on{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.mixer-stereo-meter i.meter-on,.mixer-master-meter i.meter-on{background:color-mix(in srgb,var(--channel) 78%,#22a861)}}.mixer-stereo-meter i.meter-on,.mixer-master-meter i.meter-on{box-shadow:0 0 4px var(--channel)}@supports (color:color-mix(in lab, red, red)){.mixer-stereo-meter i.meter-on,.mixer-master-meter i.meter-on{box-shadow:0 0 4px color-mix(in srgb,var(--channel) 28%,transparent)}}.mixer-stereo-meter i.meter-on.meter-warn,.mixer-master-meter i.meter-on.meter-warn{background:#e8cc48;box-shadow:0 0 4px #e8cc4852}.mixer-stereo-meter i.meter-on.meter-clip,.mixer-master-meter i.meter-on.meter-clip{background:#ff725f;box-shadow:0 0 5px #ff725f66}.mixer-channel-fader{grid-template-rows:auto 1fr auto;place-items:center;gap:7px;min-width:0;display:grid}.mixer-channel-fader>span{color:#ffffff47;letter-spacing:.1em;font-size:6px;font-weight:900}.mixer-channel-fader input{width:25px;height:155px;accent-color:var(--channel);cursor:ns-resize;writing-mode:vertical-lr;direction:rtl;margin:0}.mixer-channel-fader output{color:var(--channel);font-family:monospace;font-size:7px}.mixer-pan-control{background:#ffffff05;border:1px solid #ffffff0e;border-radius:4px;grid-template-columns:1fr auto;align-items:center;gap:5px;margin:5px 10px 0;padding:8px;display:grid}.mixer-pan-control span{color:#ffffff4d;font-size:6px;font-weight:900}.mixer-pan-control output{color:var(--channel);font-family:monospace;font-size:7px}.mixer-pan-control input{width:100%;height:3px;accent-color:var(--channel);grid-column:1/-1;margin-top:5px}.strip-actions{grid-template-columns:repeat(4,1fr);gap:4px;margin:auto 9px 10px;padding-top:13px;display:grid}.strip-actions button{color:#fff6;background:#ffffff06;border:1px solid #ffffff17;border-radius:3px;place-items:center;height:29px;font-size:7px;font-weight:900;display:grid}.strip-actions button:hover{color:#fff;border-color:#fff3}.strip-actions button.active{color:#ff725f;background:#ff5c4a17;border-color:#ff5c4a6b}.strip-actions button.solo{color:#ffd45c;background:#ffcd4f14;border-color:#ffcd4f6b}.strip-actions button.selected{border-color:var(--channel);background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.strip-actions button.selected{background:color-mix(in srgb, var(--channel) 12%, transparent)}}.strip-actions button.selected{color:var(--channel)}.strip-actions button.delete:hover{color:#ff725f;background:#ff5c4a1a;border-color:#ff5c4a6b}.mixer-master-strip{--channel:var(--lime);border-color:var(--lime);flex-basis:178px;width:178px;margin-left:8px}@supports (color:color-mix(in lab, red, red)){.mixer-master-strip{border-color:color-mix(in srgb,var(--lime) 24%,transparent)}}.mixer-master-strip{background:linear-gradient(180deg, var(--lime), #0b0f0d 22%, #080b0c)}@supports (color:color-mix(in lab, red, red)){.mixer-master-strip{background:linear-gradient(180deg, color-mix(in srgb,var(--lime) 8%,transparent), #0b0f0d 22%, #080b0c)}}.mixer-master-strip>header{border-bottom:1px solid var(--lime);align-content:center;place-items:center;gap:3px;height:91px;display:grid}@supports (color:color-mix(in lab, red, red)){.mixer-master-strip>header{border-bottom:1px solid color-mix(in srgb,var(--lime) 12%,transparent)}}.mixer-master-strip>header span{color:var(--lime);letter-spacing:.18em;font-size:7px;font-weight:900}.mixer-master-strip>header strong{font-size:12px}.mixer-master-console{grid-template-columns:52px 42px;justify-content:center;gap:14px;height:276px;margin:14px 12px 10px;display:grid}.mixer-master-meter{height:100%;margin:0}.mixer-master-fader{grid-template-rows:auto 1fr auto;place-items:center;gap:7px;min-width:0;display:grid}.mixer-master-fader>span{color:#ffffff52;letter-spacing:.1em;font-size:6px;font-weight:900}.mixer-master-fader input{width:25px;height:220px;accent-color:var(--lime);cursor:ns-resize;writing-mode:vertical-lr;direction:rtl;margin:0}.mixer-master-fader output{color:var(--lime);white-space:nowrap;font-family:monospace;font-size:7px}.mixer-master-status{color:#ffffff59;border-top:1px solid #ffffff0e;align-content:center;place-items:center;gap:4px;min-height:60px;display:grid}.mixer-master-status svg{color:var(--lime)}.mixer-master-status span{text-transform:uppercase;letter-spacing:.1em;font-size:6px}.mixer-master-status strong{color:var(--lime);font-family:monospace;font-size:8px}.midi-workspace{background:#000;padding:15px}.midi-workspace>header{justify-content:space-between;align-items:flex-end;min-width:520px;margin-bottom:15px;display:flex}.midi-workspace>header small{color:#52d9ff;letter-spacing:.15em;font-size:6px;font-weight:900;display:block}.midi-workspace>header strong{margin-top:4px;font-size:12px;display:block}.midi-workspace>header span{color:#ffffff40;text-transform:uppercase;font-size:6px}.midi-panels{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:10px;min-width:520px;display:grid}.midi-panels>section{background:#070a0cbf;border:1px solid #ffffff14;border-radius:4px;padding:13px}.midi-panel-title{color:#52d9ff;align-items:center;gap:9px;margin-bottom:14px;display:flex}.midi-panel-title>div{flex:1;min-width:0}.midi-panel-title strong{color:#ffffffd1;font-size:9px;display:block}.midi-panel-title small{color:#ffffff45;margin-top:3px;font-size:6px;display:block}.midi-panel-title button,.midi-channel-routes button{color:#ffffff52;text-transform:uppercase;background:#ffffff06;border:1px solid #ffffff17;border-radius:3px;padding:6px 8px;font-size:6px;font-weight:900}.midi-panel-title button.active,.midi-channel-routes button.active{color:#52d9ff;background:#52d9ff1a;border-color:#52d9ff59}.midi-panels>section>label{color:#ffffff59;grid-template-columns:90px 1fr;align-items:center;margin-top:8px;font-size:7px;font-weight:800;display:grid}.midi-panels>section>label input,.midi-panels>section>label select{color:#ffffffb8;background:#101416;border:1px solid #ffffff14;border-radius:3px;outline:0;min-width:0;padding:8px;font-family:monospace;font-size:7px}.midi-channel-routes{gap:5px;margin-top:12px;display:grid}.midi-channel-routes>div{border-top:1px solid #ffffff0e;grid-template-columns:4px minmax(70px,1fr) 56px 54px 76px;align-items:center;gap:7px;padding-top:7px;display:grid}.midi-channel-routes i{border-radius:2px;width:4px;height:24px}.midi-channel-routes strong{color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.midi-channel-routes label{color:#ffffff38;align-items:center;gap:4px;font-size:5px;font-weight:900;display:flex}.midi-channel-routes input{color:#ffffffad;background:#101416;border:1px solid #ffffff14;border-radius:2px;outline:0;width:100%;min-width:0;padding:5px;font-family:monospace;font-size:7px}.midi-note{color:#ffffff47;border-left:2px solid #52d9ff73;min-width:520px;margin:10px 0 0;padding:8px 10px;font-size:7px;line-height:1.5}.code-workspace{flex-direction:column;display:flex}.code-note{color:#ffffff40;background:#090c0d;border-bottom:1px solid #ffffff0f;flex:none;align-items:center;gap:8px;height:33px;padding:0 12px;font-size:6px;display:flex}.code-note span{color:var(--lime);letter-spacing:.1em;font-weight:900}.code-workspace .code-editor-shell{flex:1;min-height:0}.editor-tabs{background:#0a0c0e;border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;align-items:stretch;height:38px;padding-right:13px;display:flex}.editor-tabs button{border:0;border-top:2px solid var(--lime);color:#ffffffbf;background:#111517;padding:0 15px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.editor-tabs span{color:#ffffff42;align-self:center;font-family:monospace;font-size:7px}.code-editor-shell{background:#000;flex:1;grid-template-columns:38px minmax(0,1fr);min-height:0;display:grid}.line-numbers{color:#ffffff2e;border-right:1px solid #ffffff0e;flex-direction:column;align-items:flex-end;gap:0;padding-top:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:21px;display:flex;overflow:hidden}.line-numbers span{padding-right:10px}.code-editor-shell textarea{resize:none;color:#dce6d5;width:100%;min-height:0;caret-color:var(--lime);tab-size:2;background:0 0;border:0;outline:0;padding:14px 16px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:21px}.console-alert{color:#ffca6c;margin:-5px 14px 10px;font-size:8px}.console-alert.error{color:#ff6a55}.listen-mode{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:34px;display:flex}.listen-icon{background:#ffffff09;border:1px solid;border-radius:50%;place-items:center;width:78px;height:78px;margin-bottom:22px;display:grid;box-shadow:0 0 40px}.listen-mode>small{color:var(--lime);letter-spacing:.18em;font-size:7px;font-weight:900}.listen-mode h2{letter-spacing:-.04em;margin:10px 0;font-size:24px}.listen-mode p{color:#ffffff6e;max-width:330px;margin:0 0 24px;font-size:10px;line-height:1.7}.listen-button{min-width:220px}.listen-button:disabled{opacity:.55}.locked-session{color:#ffffff47;align-items:center;gap:7px;margin-top:19px;font-size:8px;display:flex}.spin{animation:1s linear infinite record-spin}.node-workspace{background:#080b0d;flex-direction:column;flex:1;min-width:840px;min-height:0;display:flex;position:relative;overflow:hidden}.node-toolbar{background:#0d1113;border-bottom:1px solid #ffffff13;align-items:center;gap:10px;min-height:52px;padding:8px 12px;display:flex}.node-pattern-picker{flex:1;gap:5px;min-width:0;display:flex;overflow-x:auto}.node-pattern-picker button{color:#ffffff61;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;align-items:center;gap:7px;height:34px;padding:0 10px;font-weight:800;display:flex}.node-pattern-picker button span{color:#fff6;background:#ffffff0e;border-radius:3px;place-items:center;width:20px;height:20px;font-family:monospace;font-size:8px;display:grid}.node-pattern-picker button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.node-pattern-picker button.active{border-color:color-mix(in srgb,var(--lime) 20%,transparent)}}.node-pattern-picker button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.node-pattern-picker button.active{background:color-mix(in srgb,var(--lime) 7%,transparent)}}.node-pattern-picker button.active{color:#ffffffe6}.node-pattern-picker button.active span{background:var(--lime);color:#090c0d}.node-pattern-actions{flex:none;align-items:center;gap:5px;display:flex}.node-pattern-actions>button{color:#ffffff6b;background:#ffffff09;border:1px solid #ffffff17;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.node-pattern-actions>button:hover:not(:disabled){border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.node-pattern-actions>button:hover:not(:disabled){border-color:color-mix(in srgb,var(--lime) 30%,transparent)}}.node-pattern-actions>button:hover:not(:disabled){color:var(--lime)}.node-pattern-actions>button:disabled{opacity:.22}.node-zoom-control{background:#ffffff06;border:1px solid #ffffff17;border-radius:5px;align-items:center;height:34px;margin-left:4px;display:flex;overflow:hidden}.node-zoom-control button{color:#fff6;background:0 0;border:0;border-right:1px solid #ffffff12;place-items:center;min-width:32px;height:100%;padding:0 7px;font-family:monospace;font-size:8px;display:grid}.node-zoom-control button:nth-child(2){min-width:46px}.node-zoom-control button:last-child{border-right:0}.node-zoom-control button:hover:not(:disabled){background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.node-zoom-control button:hover:not(:disabled){background:color-mix(in srgb,var(--lime) 7%,transparent)}}.node-zoom-control button:hover:not(:disabled){color:var(--lime)}.node-zoom-control button:disabled{opacity:.2}.node-editor-layout{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.node-editor-layout.browser-open{grid-template-columns:236px minmax(0,1fr)}.node-sound-browser{width:236px;min-height:0;max-height:none;position:relative}.node-editor-layout>.studio-flow-shell{min-width:0;min-height:0;position:relative;inset:auto}.node-synth-section{border-top:1px solid #ffffff0f;flex:none;padding-bottom:6px}.node-synth-section>div:last-child{grid-template-columns:1fr 1fr;gap:3px;padding:0 7px;display:grid}.node-synth-section>div:last-child button{color:#ffffff6b;text-overflow:ellipsis;white-space:nowrap;cursor:grab;background:#ffffff06;border:1px solid #ffffff0f;border-radius:3px;align-items:center;gap:5px;min-width:0;height:29px;padding:0 7px;display:flex;overflow:hidden}.node-synth-section>div:last-child button:hover:not(:disabled){border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.node-synth-section>div:last-child button:hover:not(:disabled){border-color:color-mix(in srgb,var(--lime) 20%,transparent)}}.node-synth-section>div:last-child button:hover:not(:disabled){background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.node-synth-section>div:last-child button:hover:not(:disabled){background:color-mix(in srgb,var(--lime) 6%,transparent)}}.node-synth-section>div:last-child button:hover:not(:disabled){color:var(--lime)}.node-synth-section>div:last-child button:disabled{opacity:.25}.node-one-shot-library{border-top:1px solid #ffffff0f;flex:1;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:0;display:grid;overflow:hidden}.one-shot-browser-packs,.one-shot-browser-sounds{scrollbar-color:var(--lime) transparent;min-width:0;padding:5px;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.one-shot-browser-packs,.one-shot-browser-sounds{scrollbar-color:color-mix(in srgb,var(--lime) 22%,transparent) transparent}}.one-shot-browser-packs,.one-shot-browser-sounds{scrollbar-width:thin}.one-shot-browser-packs{border-right:1px solid #ffffff0f;flex-direction:column;display:flex}.one-shot-browser-packs>button{color:#ffffff5c;text-align:left;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:5px;width:100%;padding:7px 6px;display:flex}.one-shot-browser-packs>button:hover,.one-shot-browser-packs>button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.one-shot-browser-packs>button:hover,.one-shot-browser-packs>button.active{background:color-mix(in srgb,var(--lime) 7%,transparent)}}.one-shot-browser-packs>button:hover,.one-shot-browser-packs>button.active{color:var(--lime)}.one-shot-browser-packs>button span{min-width:0}.one-shot-browser-packs>button strong,.one-shot-browser-packs>button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.one-shot-browser-packs>button strong{color:#ffffffc2;font-size:6px}.one-shot-browser-packs>button small{color:#ffffff3d;margin-top:2px;font-size:5px}.one-shot-browser-packs>button.import-pack{color:var(--lime);border-top:1px solid #ffffff0e;border-radius:0;justify-content:flex-start;margin-top:auto}.one-shot-browser-packs>p{color:#ffffff47;text-align:center;margin:auto;padding:12px 6px;font-size:6px;line-height:1.45}.one-shot-browser-sounds button{color:#ffffff75;text-align:left;background:0 0;border:0;border-radius:3px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;width:100%;padding:6px;display:grid}.one-shot-browser-sounds button:hover{color:var(--lime);background:#ffffff0d}.one-shot-browser-sounds button span{text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.sound-browser-coming-soon{color:#ffffff47;text-align:center;flex:1;align-content:center;justify-items:center;gap:8px;min-height:190px;padding:22px;display:grid}.sound-browser-coming-soon strong{color:#ffffffb8;font-size:11px}.sound-browser-coming-soon span{max-width:170px;font-size:8px;line-height:1.55}.node-canvas{cursor:grab;touch-action:none;background-color:#0a0e10;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),radial-gradient(circle at 50% 35%,#35484c1f,#0000 48%);background-size:22px 22px,22px 22px,auto;min-width:0;min-height:0;position:relative;overflow:hidden}.node-canvas.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.node-canvas.drop-ready{box-shadow:inset 0 0 0 2px var(--lime);background-color:#0d1213}@supports (color:color-mix(in lab, red, red)){.node-canvas.drop-ready{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--lime) 20%,transparent)}}.node-canvas-surface{transform-origin:0 0;position:absolute;top:0;left:0}.node-canvas-plane{transform-origin:0 0;width:1160px;height:680px;position:relative}.node-connections{z-index:0;pointer-events:none;width:1160px;height:680px;position:absolute;inset:0;overflow:visible}.node-connections path{fill:none;stroke-width:2px;stroke-linecap:round;opacity:.44;filter:drop-shadow(0 0 4px)}.node-connections path.pattern-master-connection{color:var(--lime);stroke:var(--lime);stroke-width:2.5px;opacity:.72}.node-port{z-index:5;color:var(--port-color);pointer-events:none;align-items:center;gap:4px;display:flex;position:absolute;transform:translateY(-50%)}.node-port-in{left:-5px}.node-port-out{flex-direction:row-reverse;right:-5px}.node-port i{background:var(--port-color);width:10px;height:10px;box-shadow:0 0 8px var(--port-color);border:2px solid #0b1012;border-radius:50%;flex:none}@supports (color:color-mix(in lab, red, red)){.node-port i{box-shadow:0 0 8px color-mix(in srgb,var(--port-color) 58%,transparent)}}.node-port em{color:var(--port-color);letter-spacing:.1em;text-shadow:0 1px 3px #080b0c;font-size:6px;font-style:normal;font-weight:950}.sound-node{z-index:2;border:1px solid var(--channel);width:248px;min-height:156px;position:absolute;overflow:visible}@supports (color:color-mix(in lab, red, red)){.sound-node{border:1px solid color-mix(in srgb, var(--channel) 32%, #ffffff14)}}.sound-node{background:linear-gradient(145deg, var(--channel), #0d1113 45%);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.sound-node{background:linear-gradient(145deg, color-mix(in srgb, var(--channel) 7%, #111719), #0d1113 45%)}}.sound-node{-webkit-user-select:none;user-select:none;box-shadow:0 14px 35px #0000004d}.sound-node .node-port{--port-color:var(--channel);top:78px}.sound-node.muted{opacity:.48}.sound-node>header{background:var(--channel);border-bottom:1px solid #ffffff12;align-items:center;gap:7px;height:44px;display:flex}@supports (color:color-mix(in lab, red, red)){.sound-node>header{background:color-mix(in srgb, var(--channel) 8%, #ffffff06)}}.sound-node>header{cursor:grab;touch-action:none;padding:0 10px 0 7px}.sound-node>header:active{cursor:grabbing}.sound-node>header>svg{color:#fff3;flex:none}.sound-node>header span{flex:1;min-width:0}.sound-node>header small{color:var(--channel);letter-spacing:.12em;font-size:6px;font-weight:950;display:block}.sound-node>header strong{color:#ffffffd6;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;display:block;overflow:hidden}.sound-node>header i{background:var(--channel);width:9px;height:9px;box-shadow:0 0 8px var(--channel);border:2px solid #111719;border-radius:50%;flex:none}@supports (color:color-mix(in lab, red, red)){.sound-node>header i{box-shadow:0 0 8px color-mix(in srgb, var(--channel) 55%, transparent)}}.sound-node-meta{justify-content:space-between;align-items:center;height:37px;padding:0 9px;display:flex}.sound-node-meta>span{color:#fff6;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:8px;overflow:hidden}.sound-node-meta>div{gap:3px;display:flex}.sound-node-meta button{color:#ffffff40;background:0 0;border:0;border-radius:3px;place-items:center;width:25px;height:25px;display:grid}.sound-node-meta button:hover{color:#fff;background:#ffffff0e}.sound-node-meta button.active{color:#ff725f}.sound-node-meta button.selected{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.sound-node-meta button.selected{background:color-mix(in srgb, var(--channel) 14%, transparent)}}.sound-node-meta button.selected{color:var(--channel)}.node-synth-editor{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex:none;width:auto;max-height:min(560px,68vh);margin:10px 12px 14px;scroll-margin-top:8px;position:relative;bottom:auto;left:auto;right:auto;overflow:auto;box-shadow:0 20px 55px #0000008c,0 0 0 1px #00000059}.daw-sampler-editor{--sampler-accent:var(--channel);background:#090c0ef7}.daw-sampler-editor>header{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;min-height:48px;padding:9px 11px;display:flex}.daw-sampler-editor>header>div{flex:1;min-width:0}.daw-sampler-editor>header small,.daw-sampler-editor>header strong{display:block}.daw-sampler-editor>header small{color:var(--channel);letter-spacing:.14em;font-size:6px;font-weight:950}.daw-sampler-editor>header strong{color:#ffffffdb;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.daw-sampler-editor>header>span{border:1px solid var(--channel)}@supports (color:color-mix(in lab, red, red)){.daw-sampler-editor>header>span{border:1px solid color-mix(in srgb,var(--channel) 30%,transparent)}}.daw-sampler-editor>header>span{background:var(--channel);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.daw-sampler-editor>header>span{background:color-mix(in srgb,var(--channel) 8%,transparent)}}.daw-sampler-editor>header>span{color:var(--channel);text-transform:uppercase;padding:5px 7px;font-size:6px;font-weight:900}.daw-sampler-empty{color:#ffffff59;text-align:center;place-items:center;min-height:120px;padding:16px;font-size:8px;display:grid}.daw-sampler-empty.error{color:#ff8b7d}.daw-sampler-toolbar{flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px 7px;display:flex}.daw-sampler-toolbar button{color:#ffffff6b;text-transform:uppercase;background:#ffffff06;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-height:25px;padding:0 7px;font-size:6px;font-weight:900;display:flex}.daw-sampler-toolbar button:hover,.daw-sampler-toolbar button.active{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.daw-sampler-toolbar button:hover,.daw-sampler-toolbar button.active{border-color:color-mix(in srgb,var(--channel) 45%,transparent)}}.daw-sampler-toolbar button:hover,.daw-sampler-toolbar button.active{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.daw-sampler-toolbar button:hover,.daw-sampler-toolbar button.active{background:color-mix(in srgb,var(--channel) 10%,transparent)}}.daw-sampler-toolbar button:hover,.daw-sampler-toolbar button.active{color:var(--channel)}.daw-sampler-mode,.daw-sampler-counts{gap:3px;display:flex}.daw-sampler-counts{margin-left:auto}.daw-sampler-counts button{width:25px;padding:0}.daw-sampler-toolbar .daw-sampler-chop{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.daw-sampler-toolbar .daw-sampler-chop{border-color:color-mix(in srgb,var(--channel) 45%,transparent)}}.daw-sampler-toolbar .daw-sampler-chop{color:var(--channel)}.daw-sampler-waveform{padding:0 10px}.daw-sampler-waveform .sampler-waveform{background:#070a0b;border-radius:5px}.daw-sampler-pads{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:7px 10px;display:grid}.daw-sampler-pads button{border:1px solid var(--pad);justify-content:center;align-items:center;gap:2px;min-width:0;height:25px;display:flex}@supports (color:color-mix(in lab, red, red)){.daw-sampler-pads button{border:1px solid color-mix(in srgb,var(--pad) 27%,transparent)}}.daw-sampler-pads button{background:var(--pad);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.daw-sampler-pads button{background:color-mix(in srgb,var(--pad) 5%,transparent)}}.daw-sampler-pads button{color:var(--pad)}@supports (color:color-mix(in lab, red, red)){.daw-sampler-pads button{color:color-mix(in srgb,var(--pad) 70%,white)}}.daw-sampler-pads button{font-size:6px;font-weight:900}.daw-sampler-pads button:hover,.daw-sampler-pads button.active{border-color:var(--pad);background:var(--pad)}@supports (color:color-mix(in lab, red, red)){.daw-sampler-pads button:hover,.daw-sampler-pads button.active{background:color-mix(in srgb,var(--pad) 18%,transparent)}}.daw-sampler-pads button:hover,.daw-sampler-pads button.active{color:#fff;box-shadow:0 0 8px var(--pad)}@supports (color:color-mix(in lab, red, red)){.daw-sampler-pads button:hover,.daw-sampler-pads button.active{box-shadow:0 0 8px color-mix(in srgb,var(--pad) 18%,transparent)}}.daw-sampler-selected{border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;align-items:center;gap:7px;min-height:27px;padding:0 10px;display:flex}.daw-sampler-selected span{color:var(--channel);text-transform:uppercase;font-size:7px;font-weight:900}.daw-sampler-selected strong{color:#fff;font-variant-numeric:tabular-nums;font-size:7px}.daw-sampler-selected small{color:#ffffff40;margin-left:auto;font-size:6px}.daw-sampler-controls{grid-template-columns:repeat(4,minmax(90px,1fr));gap:7px;padding:9px 10px;display:grid}.daw-sampler-controls label{color:#ffffff52;text-transform:uppercase;gap:5px;min-width:0;font-size:6px;font-weight:900;display:grid}.daw-sampler-controls label.daw-sampler-reverse{grid-template-columns:1fr auto;align-items:center}.daw-sampler-controls input{width:100%;min-width:0;accent-color:var(--channel)}.daw-sampler-controls input[type=checkbox]{width:auto}.daw-sampler-controls select{color:#ffffffc7;background:#070a0b;border:1px solid #ffffff14;border-radius:4px;outline:none;width:100%;min-width:0;height:26px;padding:0 6px;font-size:7px;font-weight:850}.daw-sampler-controls select:focus{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.daw-sampler-controls select:focus{border-color:color-mix(in srgb,var(--channel) 55%,transparent)}}.daw-sampler-editor>footer{color:#fff3;border-top:1px solid #ffffff0e;justify-content:center;align-items:center;min-height:25px;padding:0 9px;font-size:6px;display:flex}.sound-node-steps{grid-template-columns:repeat(16,1fr);gap:3px;padding:0 9px 12px;display:grid}.sound-node-steps button{background:#ffffff09;border:1px solid #ffffff13;border-radius:2px;height:26px;padding:0}.sound-node-steps button.beat{border-left-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.sound-node-steps button.beat{border-left-color:color-mix(in srgb, var(--channel) 55%, transparent)}}.sound-node-steps button:hover{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.sound-node-steps button:hover{border-color:color-mix(in srgb, var(--channel) 55%, white)}}.sound-node-steps button.active{border-color:var(--channel);background:var(--channel);box-shadow:0 0 7px var(--channel)}@supports (color:color-mix(in lab, red, red)){.sound-node-steps button.active{box-shadow:0 0 7px color-mix(in srgb, var(--channel) 32%, transparent)}}.sound-node>footer{color:#fff3;border-top:1px solid #ffffff0e;justify-content:center;align-items:center;height:27px;padding:0 9px;display:flex}.sound-node>footer span,.sound-node>footer small{color:var(--channel);letter-spacing:.12em;font-size:6px;font-weight:950}.node-effect-node{z-index:3;border:1px solid var(--channel);width:190px;min-height:126px;position:absolute;overflow:visible}@supports (color:color-mix(in lab, red, red)){.node-effect-node{border:1px solid color-mix(in srgb, var(--channel) 35%, #ffffff14)}}.node-effect-node{background:linear-gradient(145deg, var(--channel), #0c1112 48%);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.node-effect-node{background:linear-gradient(145deg, color-mix(in srgb, var(--channel) 8%, #111719), #0c1112 48%)}}.node-effect-node{-webkit-user-select:none;user-select:none;box-shadow:0 13px 32px #00000057}.node-effect-node .node-port{--port-color:var(--channel);top:63px}.node-effect-node>header{background:var(--channel);border-bottom:1px solid #ffffff12;align-items:center;gap:6px;height:39px;display:flex}@supports (color:color-mix(in lab, red, red)){.node-effect-node>header{background:color-mix(in srgb, var(--channel) 9%, #ffffff05)}}.node-effect-node>header{cursor:grab;touch-action:none;padding:0 7px}.node-effect-node>header:active{cursor:grabbing}.node-effect-node>header>svg{color:#fff3;flex:none}.node-effect-node>header span{flex:1;min-width:0}.node-effect-node>header small{color:var(--channel);letter-spacing:.13em;font-size:6px;font-weight:950;display:block}.node-effect-node>header strong{color:#ffffffd1;margin-top:2px;font-size:9px;display:block}.node-effect-node>header button{color:#ffffff3d;background:0 0;border:0;border-radius:3px;place-items:center;width:24px;height:24px;display:grid}.node-effect-node>header button:hover{color:#ff7770;background:#ff5f5f1a}.node-effect-node>header button.selected{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.node-effect-node>header button.selected{background:color-mix(in srgb, var(--channel) 13%, transparent)}}.node-effect-node>header button.selected{color:var(--channel)}.node-effect-controls{gap:4px;padding:8px;display:grid}.node-effect-controls label{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:5px;min-width:0;display:grid}.node-effect-controls label span{color:#ffffff52;letter-spacing:.1em;font-size:6px;font-weight:900}.node-effect-controls input{width:100%;accent-color:var(--channel)}.node-eq-preview{background-color:#091012;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:16px 16px;border:1px solid #ffffff12;border-radius:4px;width:100%;height:62px;position:relative;overflow:hidden}.node-eq-preview>i{background:#ffffff29;height:1px;position:absolute;top:50%;left:0;right:0}.node-eq-preview>span{background:var(--band);width:8px;height:8px;box-shadow:0 0 7px var(--band);border:1px solid #fffc;border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.node-eq-preview>span{box-shadow:0 0 7px color-mix(in srgb, var(--band) 60%, transparent)}}.node-eq-preview>span{transform:translate(-50%,-50%)}.node-eq-preview>span.disabled{opacity:.25}.node-eq-preview>small{color:#ffffff47;letter-spacing:.1em;font-size:5px;font-weight:900;position:absolute;bottom:4px;right:5px}.node-effect-node>footer{border-top:1px solid #ffffff0e;justify-content:center;align-items:center;height:24px;padding:0 8px;display:flex}.node-effect-node>footer :is(span,small){color:var(--channel);letter-spacing:.12em;font-size:6px;font-weight:950}.node-effect-insert{z-index:6;width:0;height:0;position:absolute}.node-effect-insert.open{z-index:30}.node-effect-add{border:1px solid var(--channel);place-items:center;width:25px;height:25px;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.node-effect-add{border:1px solid color-mix(in srgb, var(--channel) 55%, #101516)}}.node-effect-add{color:var(--channel);box-shadow:0 5px 16px #00000073, 0 0 10px var(--channel);background:#111719;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.node-effect-add{box-shadow:0 5px 16px #00000073, 0 0 10px color-mix(in srgb, var(--channel) 18%, transparent)}}.node-effect-add{transform:translate(-50%,-50%)}.node-effect-add:hover,.node-effect-insert.open .node-effect-add{background:var(--channel);color:#0b0f10}.node-effect-menu{z-index:1;background:#0d1213;border:1px solid #ffffff1c;border-radius:7px;gap:3px;width:168px;padding:7px;display:grid;position:absolute;top:18px;left:0;transform:translate(-50%);box-shadow:0 18px 42px #0000008c}.node-effect-menu>small{color:var(--channel);letter-spacing:.13em;padding:4px 5px 6px;font-size:6px;font-weight:950}.node-effect-menu>button{color:#ffffffbf;text-align:left;background:#ffffff06;border:0;border-radius:4px;padding:7px 8px;display:block}.node-effect-menu>button:hover:not(:disabled){background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.node-effect-menu>button:hover:not(:disabled){background:color-mix(in srgb, var(--channel) 10%, transparent)}}.node-effect-menu>button:hover:not(:disabled){color:#fff}.node-effect-menu>button:disabled{opacity:.32}.node-effect-menu strong,.node-effect-menu span{display:block}.node-effect-menu strong{font-size:8px}.node-effect-menu span{color:#ffffff4d;margin-top:2px;font-size:6px}.parametric-eq-editor{z-index:40;color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(#455156 0 38px,#172226 38px 100%);border:1px solid #a0b5ba6b;border-radius:9px;flex-direction:column;min-width:620px;max-height:calc(100% - 72px);display:flex;position:absolute;bottom:14px;left:250px;right:14px;overflow:auto;box-shadow:0 24px 70px #000000ad,inset 0 0 0 3px #080c0db8}.parametric-eq-editor>header{border-bottom:1px solid #000000b3;flex:none;justify-content:space-between;align-items:center;height:39px;padding:0 10px 0 14px;display:flex}.parametric-eq-editor>header small{color:#ffffff75;letter-spacing:.14em;font-size:6px;font-weight:900;display:block}.parametric-eq-editor>header strong{color:#ffffffe6;margin-top:2px;font-size:10px;display:block}.parametric-eq-header-actions{gap:5px;display:flex}.parametric-eq-header-actions button{color:#ffffff8c;background:#0003;border:1px solid #ffffff1a;border-radius:3px;height:25px;padding:0 9px;font-size:7px;font-weight:850}.parametric-eq-header-actions button.active{color:#b2f05f;border-color:#b2f05f59}.parametric-eq-band-tabs{background:#111a1d;border-bottom:1px solid #ffffff12;flex:none;grid-template-columns:repeat(7,1fr);gap:2px;height:29px;padding:4px 10px;display:grid}.parametric-eq-band-tabs button{border:1px solid var(--band)}@supports (color:color-mix(in lab, red, red)){.parametric-eq-band-tabs button{border:1px solid color-mix(in srgb, var(--band) 38%, transparent)}}.parametric-eq-band-tabs button{background:var(--band);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.parametric-eq-band-tabs button{background:color-mix(in srgb, var(--band) 10%, transparent)}}.parametric-eq-band-tabs button{color:var(--band);font-size:7px;font-weight:950}.parametric-eq-band-tabs button.selected{background:var(--band);color:#0c1214;box-shadow:0 0 11px var(--band)}@supports (color:color-mix(in lab, red, red)){.parametric-eq-band-tabs button.selected{box-shadow:0 0 11px color-mix(in srgb, var(--band) 30%, transparent)}}.parametric-eq-band-tabs button.disabled{opacity:.28}.parametric-eq-main{flex:1;grid-template-columns:minmax(0,1fr) 230px;min-height:300px;display:grid;overflow:hidden}.parametric-eq-graph{touch-action:none;background-color:#142328;background-image:linear-gradient(#7ea6b01a 1px,#0000 1px),linear-gradient(90deg,#7ea6b01a 1px,#0000 1px),linear-gradient(#7ea6b00d 1px,#0000 1px),linear-gradient(90deg,#7ea6b00d 1px,#0000 1px);background-size:100% 16.666%,10% 100%,100% 4.166%,2.5% 100%;border:8px solid #263338;border-top-width:6px;flex:1;min-height:300px;position:relative;overflow:hidden}.parametric-eq-main .parametric-eq-graph{min-width:0;min-height:0}.parametric-eq-graph>svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.parametric-eq-spectrum{opacity:.8}.parametric-eq-response{fill:none;stroke-width:3px;filter:drop-shadow(0 0 4px #ffffff40)}.parametric-eq-response.drawn{opacity:.32;stroke-width:1.5px;stroke-dasharray:7 6;filter:none}.parametric-eq-editor.modal{z-index:90;width:auto;max-width:1240px;max-height:min(760px,92vh);margin:auto;position:fixed;inset:max(24px,4vh) max(24px,5vw)}.parametric-eq-editor>header .parametric-eq-note{color:#ffffff57;letter-spacing:.04em;margin-top:2px;font-size:6px;font-style:normal;font-weight:700;display:block}.parametric-eq-slope-selector.inactive{opacity:.3;cursor:default}.parametric-eq-amount{grid-template-columns:auto 96px auto;align-items:center;gap:6px;margin-right:6px;display:grid}.parametric-eq-amount>span{color:#ffffff59;letter-spacing:.12em;font-size:6px;font-weight:900}.parametric-eq-amount>input{accent-color:#f2a7bd;width:96px}.parametric-eq-amount>output{color:#ffffffb3;text-align:right;min-width:30px;font-size:7px;font-weight:900}.parametric-eq-zero{stroke:#ffffff7a;stroke-width:1.4px}.parametric-eq-zones{z-index:0;background:#050a0c61;grid-template-columns:repeat(7,1fr);height:24px;display:grid;position:absolute;top:0;left:0;right:0}.parametric-eq-zones span{color:#b9d3d86b;border-right:1px solid #ffffff0f;place-items:center;font-size:6px;font-weight:800;display:grid}.parametric-eq-handle{z-index:3;background:var(--band);border:2px solid #080c0da6;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.parametric-eq-handle{background:color-mix(in srgb, var(--band) 75%, #26383d)}}.parametric-eq-handle{color:#071012;box-shadow:0 0 0 1px var(--band), 0 0 13px var(--band);font-size:8px;font-weight:950}@supports (color:color-mix(in lab, red, red)){.parametric-eq-handle{box-shadow:0 0 0 1px var(--band), 0 0 13px color-mix(in srgb, var(--band) 48%, transparent)}}.parametric-eq-handle{cursor:grab;touch-action:none;transform:translate(-50%,-50%)}.parametric-eq-handle:active{cursor:grabbing}.parametric-eq-handle.horizontal-only,.parametric-eq-handle.horizontal-only:active{cursor:ew-resize}.parametric-eq-handle.selected{color:#fff;width:29px;height:29px;box-shadow:0 0 0 2px white, 0 0 18px var(--band)}.parametric-eq-handle.disabled{opacity:.25}.parametric-eq-frequency-labels{z-index:2;color:#bed6dc59;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:2px;left:5px;right:5px}.parametric-eq-frequency-labels span{font-size:6px}.parametric-eq-gain-labels{z-index:2;color:#bed6dc57;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:28px;bottom:15px;right:4px}.parametric-eq-gain-labels span{font-size:6px}.parametric-eq-sliders{background:linear-gradient(#263238,#141d20);border-left:1px solid #000c;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;min-width:0;padding:7px 6px 6px;display:grid;box-shadow:inset 1px 0 #ffffff12}.parametric-eq-strip{background:#04090b47;border:1px solid #ffffff0e;border-radius:4px;grid-template-rows:52px minmax(150px,1fr) 18px;align-items:center;gap:3px;min-width:0;padding:3px 2px 4px;transition:background-color .15s,border-color .15s,opacity .15s;display:grid}.parametric-eq-strip.selected{border-color:var(--band)}@supports (color:color-mix(in lab, red, red)){.parametric-eq-strip.selected{border-color:color-mix(in srgb,var(--band) 42%,#ffffff14)}}.parametric-eq-strip.selected{background:var(--band)}@supports (color:color-mix(in lab, red, red)){.parametric-eq-strip.selected{background:color-mix(in srgb,var(--band) 8%,#04090b73)}}.parametric-eq-strip.selected{box-shadow:inset 0 0 12px var(--band)}@supports (color:color-mix(in lab, red, red)){.parametric-eq-strip.selected{box-shadow:inset 0 0 12px color-mix(in srgb,var(--band) 8%,transparent)}}.parametric-eq-strip.disabled{opacity:.3}.parametric-eq-strip-selectors{border:1px solid var(--band);grid-template-rows:33px 19px;width:100%;height:52px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.parametric-eq-strip-selectors{border:1px solid color-mix(in srgb,var(--band) 72%,#111)}}.parametric-eq-strip-selectors{background:linear-gradient(180deg,var(--band),var(--band));border-radius:3px 3px 1px 1px}@supports (color:color-mix(in lab, red, red)){.parametric-eq-strip-selectors{background:linear-gradient(180deg,color-mix(in srgb,var(--band) 90%,white),var(--band))}}.parametric-eq-strip-selectors{box-shadow:0 2px 7px var(--band)}@supports (color:color-mix(in lab, red, red)){.parametric-eq-strip-selectors{box-shadow:0 2px 7px color-mix(in srgb,var(--band) 22%,transparent)}}.parametric-eq-strip-selectors button{color:#10161a;cursor:ns-resize;touch-action:none;background:0 0;border:0;width:100%;min-width:0;position:relative}.parametric-eq-type-selector{place-items:center;display:grid;border-bottom:1px solid #080e1147!important}.parametric-eq-type-selector svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:22px;height:20px;overflow:visible}.parametric-eq-type-selector span{pointer-events:none;font-size:5px;font-weight:950;line-height:1;position:absolute;top:2px;left:3px}.parametric-eq-slope-selector{justify-content:center;align-items:center;gap:2px;display:flex}.parametric-eq-slope-selector i{pointer-events:none;background:currentColor;border-radius:50%;width:3px;height:3px;box-shadow:0 0 2px #0000004d}.parametric-eq-slope-selector.gentle i{transform:translateY(-1px)}.parametric-eq-slope-selector.steep i{transform:translateY(1px)}.parametric-eq-vertical-slider{width:100%;height:100%;min-height:150px;accent-color:var(--band);cursor:ns-resize;writing-mode:vertical-lr;direction:rtl;margin:0}.parametric-eq-vertical-slider:disabled{cursor:default;opacity:.24}.parametric-eq-strip>output{color:var(--band);text-align:center;text-overflow:clip;white-space:nowrap;font-size:6px;font-weight:900;overflow:hidden}.parametric-eq-inspector{background:#11191c;border-top:1px solid #ffffff14;flex:none;grid-template-columns:74px minmax(110px,1.2fr) repeat(3,minmax(104px,1fr));align-items:center;gap:6px;min-height:62px;padding:8px 10px;display:grid}.parametric-eq-inspector>button{border:1px solid var(--band);height:36px}@supports (color:color-mix(in lab, red, red)){.parametric-eq-inspector>button{border:1px solid color-mix(in srgb, var(--band) 40%, transparent)}}.parametric-eq-inspector>button{color:#ffffff59;background:#00000038;border-radius:4px;font-size:7px;font-weight:950}.parametric-eq-inspector>button.active{background:var(--band)}@supports (color:color-mix(in lab, red, red)){.parametric-eq-inspector>button.active{background:color-mix(in srgb, var(--band) 14%, transparent)}}.parametric-eq-inspector>button.active{color:var(--band)}.parametric-eq-inspector label{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;display:grid}.parametric-eq-inspector label>span{color:#ffffff4d;font-size:6px;font-weight:900}.parametric-eq-inspector :is(input,select){color:#fffc;background:#0b1113;border:1px solid #ffffff17;border-radius:3px;width:100%;min-width:0;height:30px;padding:0 7px;font-size:8px}.parametric-eq-inspector output{color:#ffffff4d;font-size:6px}.pattern-output-node{z-index:2;background:#111719;border:1px solid #ffb84d6b;border-radius:8px;width:196px;position:absolute;overflow:visible;box-shadow:0 18px 45px #0000005c,0 0 28px #ffb84d14}.pattern-output-node .node-port{--port-color:#ffb84d;top:58px}.pattern-output-node header{color:#ffb84d;cursor:grab;touch-action:none;background:#ffb84d1a;border-bottom:1px solid #ffffff12;align-items:center;gap:7px;height:43px;padding:0 10px;display:flex}.pattern-output-node header:active{cursor:grabbing}.pattern-output-node header svg{color:#ffb84d80;flex:none}.pattern-output-node header span{min-width:0}.pattern-output-node header small,.pattern-output-node header strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pattern-output-node header small{color:#ffb84d;letter-spacing:.14em;font-size:6px;font-weight:950}.pattern-output-node header strong{color:#ffffffd1;margin-top:3px;font-size:9px}.pattern-output-meter{justify-content:center;align-items:flex-end;gap:5px;height:44px;padding:9px 12px;display:flex}.pattern-output-meter i{background:linear-gradient(#ffd27d,#ff8a4c);border-radius:2px 2px 0 0;width:8px;box-shadow:0 0 7px #ffb84d2e}.pattern-output-meter i:first-child{height:38%}.pattern-output-meter i:nth-child(2){height:76%}.pattern-output-meter i:nth-child(3){height:55%}.pattern-output-meter i:nth-child(4){height:88%}.pattern-output-node footer{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;height:29px;padding:0 9px;display:flex}.pattern-output-node footer span{color:#ffb84d;font-size:6px;font-weight:950}.pattern-output-node footer strong{color:#ffffff5c;letter-spacing:.08em;font-size:6px;font-weight:850}.master-node{z-index:2;border:1px solid var(--lime);width:212px;position:absolute;overflow:visible}@supports (color:color-mix(in lab, red, red)){.master-node{border:1px solid color-mix(in srgb,var(--lime) 30%,transparent)}}.master-node{box-shadow:0 18px 45px #00000059, 0 0 30px var(--lime);background:#101517;border-radius:8px}@supports (color:color-mix(in lab, red, red)){.master-node{box-shadow:0 18px 45px #00000059, 0 0 30px color-mix(in srgb,var(--lime) 6%,transparent)}}.master-node .node-port{--port-color:var(--lime);top:51px}.master-node header{background:var(--lime);border-bottom:1px solid #ffffff12;align-items:center;gap:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.master-node header{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.master-node header{color:var(--lime);letter-spacing:.14em;cursor:grab;touch-action:none;padding:12px;font-size:7px;font-weight:950}.master-node header:active{cursor:grabbing}.master-node header svg{color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.master-node header svg{color:color-mix(in srgb,var(--lime) 42%,transparent)}}.master-node>div{justify-content:center;align-items:flex-end;gap:5px;height:72px;padding:14px;display:flex}.master-node>div i{background:linear-gradient(var(--lime), #4ebc74);border-radius:2px 2px 0 0;width:8px}.master-node>div i:first-child{height:28%}.master-node>div i:nth-child(2){height:62%}.master-node>div i:nth-child(3){height:85%}.master-node>div i:nth-child(4){height:48%}.master-node>div i:nth-child(5){height:70%}.master-node footer{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;height:30px;padding:0 10px;display:flex}.master-node footer span{color:var(--lime);font-size:6px;font-weight:950}.master-node footer strong{color:#ffffff59;font-size:7px;font-weight:700}.node-empty-state{color:#ffffff2e;text-align:center;pointer-events:none;background:#080b0c9e;border:1px dashed #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:320px;height:190px;display:flex;position:absolute;top:220px;left:310px}.node-empty-state strong{color:#ffffffb8;margin-top:13px;font-size:13px}.node-empty-state span{color:#ffffff4d;max-width:230px;margin-top:6px;font-size:8px;line-height:1.5}.production-surface{font-size:12px}.production-surface :is(button,label,input,select,textarea,small,span,output,p,footer){font-size:10px}.production-surface strong{font-size:12px}.unified-builder{overscroll-behavior:contain;scrollbar-color:var(--lime) #ffffff08;background:#000;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:auto}@supports (color:color-mix(in lab, red, red)){.unified-builder{scrollbar-color:color-mix(in srgb,var(--lime) 34%,transparent) #ffffff08}}.production-surface.build-active{overscroll-behavior:contain;overflow-y:auto}.production-surface.build-active>.production-tabs{z-index:60;flex:none;position:sticky;top:0}.production-surface.build-active>.unified-builder{flex:none;min-height:auto;overflow:visible}.unified-pattern-strip{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090c0ef0;border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:8px;min-height:58px;padding:8px 12px;display:flex;position:sticky;top:62px}.unified-pattern-scroll{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.unified-pattern-scroll::-webkit-scrollbar{display:none}.unified-pattern-pill{color:#ffffff85;text-align:left;background:#111618;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:8px;min-width:128px;height:40px;padding:0 10px;display:flex}.unified-pattern-pill span{color:#ffffff6b;background:#ffffff0e;border-radius:5px;flex:none;place-items:center;width:25px;height:25px;font-family:monospace;font-weight:900;display:grid}.unified-pattern-pill strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.unified-pattern-pill:hover{color:#fff;border-color:#fff3}.unified-pattern-pill.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.unified-pattern-pill.active{border-color:color-mix(in srgb,var(--lime) 42%,transparent)}}.unified-pattern-pill.active{background:linear-gradient(135deg,var(--lime),var(--lime))}@supports (color:color-mix(in lab, red, red)){.unified-pattern-pill.active{background:linear-gradient(135deg,color-mix(in srgb,var(--lime) 11%,transparent),color-mix(in srgb,var(--lime) 2.5%,transparent))}}.unified-pattern-pill.active{color:#fff;box-shadow:inset 0 -2px var(--lime)}.unified-pattern-pill.active span{background:var(--lime);color:#0a0d0e}.unified-pattern-actions{flex:none;gap:5px;display:flex}.unified-pattern-actions button{color:#ffffff70;background:#ffffff06;border:1px solid #ffffff17;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.unified-pattern-actions button:hover:not(:disabled){border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.unified-pattern-actions button:hover:not(:disabled){border-color:color-mix(in srgb,var(--lime) 36%,transparent)}}.unified-pattern-actions button:hover:not(:disabled){background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.unified-pattern-actions button:hover:not(:disabled){background:color-mix(in srgb,var(--lime) 7%,transparent)}}.unified-pattern-actions button:hover:not(:disabled){color:var(--lime)}.unified-pattern-actions button:disabled{cursor:not-allowed;opacity:.2}.unified-compose{border-bottom:1px solid #ffffff14;flex:none}.unified-section-header{background:#0d1113b8;border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:10px 16px;display:flex}.unified-section-header>div:first-child{grid-template-columns:auto auto;align-items:baseline;column-gap:8px;display:grid}.unified-section-header small{color:var(--lime);letter-spacing:.16em;grid-column:1/-1;font-size:6px;font-weight:950}.unified-section-header strong{color:#ffffffe0;margin-top:3px;font-size:14px}.unified-section-header>div:first-child>span{color:#ffffff47;font-size:7px}.unified-compose-actions{align-items:center;gap:7px;display:flex}.unified-add-sounds{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.unified-add-sounds>:is(button,label){color:#ffffff5c;text-align:left;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:8px 12px;display:grid}.unified-add-sounds>:is(button,label):hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.unified-add-sounds>:is(button,label):hover{border-color:color-mix(in srgb,var(--lime) 36%,transparent)}}.unified-add-sounds>:is(button,label):hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.unified-add-sounds>:is(button,label):hover{background:color-mix(in srgb,var(--lime) 4.5%,transparent)}}.unified-add-sounds>:is(button,label):hover{color:var(--lime)}.unified-add-sounds span strong,.unified-add-sounds span small{display:block}.unified-add-sounds span strong{color:#ffffffb3;font-size:9px}.unified-add-sounds span small{color:#ffffff40;margin-top:2px;font-size:6px}.one-shot-pack-picker{z-index:15;min-width:0;position:relative}.one-shot-pack-picker.menu-open{z-index:1000}.one-shot-pack-trigger{color:#ffffff5c;text-align:left;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;display:grid}.one-shot-pack-trigger:hover,.one-shot-pack-picker.dragging>.one-shot-pack-trigger{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.one-shot-pack-trigger:hover,.one-shot-pack-picker.dragging>.one-shot-pack-trigger{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.one-shot-pack-trigger:hover,.one-shot-pack-picker.dragging>.one-shot-pack-trigger{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.one-shot-pack-trigger:hover,.one-shot-pack-picker.dragging>.one-shot-pack-trigger{background:color-mix(in srgb,var(--lime) 5.5%,transparent)}}.one-shot-pack-trigger:hover,.one-shot-pack-picker.dragging>.one-shot-pack-trigger{color:var(--lime)}.one-shot-pack-trigger span{min-width:0}.one-shot-pack-trigger strong,.one-shot-pack-trigger small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.one-shot-pack-trigger strong{color:#ffffffb8;font-size:9px}.one-shot-pack-trigger small{color:#ffffff4d;margin-top:2px;font-size:6px}.one-shot-pack-modal-backdrop{z-index:550;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020506c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.one-shot-pack-dialog{color:#edf3ef;width:min(760px,100vw - 32px);height:min(720px,100dvh - 32px);max-height:min(760px,100dvh - 32px);box-shadow:0 34px 100px #0000009e,0 0 50px var(--lime);background:#0c1113;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.one-shot-pack-dialog{box-shadow:0 34px 100px #0000009e,0 0 50px color-mix(in srgb,var(--lime) 4%,transparent)}}.one-shot-pack-dialog>header{background:linear-gradient(90deg,var(--lime),transparent 50%);border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:11px;height:68px;padding:0 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.one-shot-pack-dialog>header{background:linear-gradient(90deg,color-mix(in srgb,var(--lime) 7%,transparent),transparent 50%)}}.one-shot-pack-dialog>header>span:nth-child(2){flex:1;min-width:0}.one-shot-pack-dialog>header small{color:var(--lime);letter-spacing:.16em;margin-bottom:3px;font-size:7px;font-weight:950;display:block}.one-shot-pack-dialog>header strong{font-size:15px;display:block}.one-shot-pack-dialog>header>button{color:#ffffffa8;background:#ffffff09;border:1px solid #ffffff1a;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid}.one-shot-pack-dialog>header>button:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.one-shot-pack-dialog>header>button:hover{border-color:color-mix(in srgb,var(--lime) 38%,transparent)}}.one-shot-pack-dialog>header>button:hover{color:#fff}.one-shot-pack-dialog-icon{border:1px solid var(--lime);flex:none;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.one-shot-pack-dialog-icon{border:1px solid color-mix(in srgb,var(--lime) 20%,transparent)}}.one-shot-pack-dialog-icon{background:var(--lime);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.one-shot-pack-dialog-icon{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.one-shot-pack-dialog-icon{color:var(--lime)}.one-shot-pack-menu{flex:1;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);min-height:0;display:grid;overflow:hidden}.one-shot-pack-list{border-right:1px solid #ffffff12;flex-direction:column;min-height:150px;padding:6px;display:flex;overflow-y:auto}.one-shot-pack-row{border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.one-shot-pack-row:hover,.one-shot-pack-row.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.one-shot-pack-row:hover,.one-shot-pack-row.active{background:color-mix(in srgb,var(--lime) 7.5%,transparent)}}.one-shot-pack-row>button{color:#ffffff7a;background:0 0;border:0}.one-shot-pack-row>button:hover,.one-shot-pack-row.active>button{color:var(--lime)}.one-shot-pack-row .select-pack{text-align:left;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.one-shot-pack-row .remove-pack{color:#ffffff47;border-radius:4px;place-items:center;width:28px;height:28px;margin-right:3px;display:grid}.one-shot-pack-row .remove-pack:hover{color:#ff7474;background:#ff5c5c1f}.one-shot-pack-list button span{min-width:0}.one-shot-pack-list button strong,.one-shot-pack-list button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.one-shot-pack-list button strong{color:#ffffffc7;font-size:8px}.one-shot-pack-list button small{color:#ffffff47;margin-top:2px;font-size:6px}.one-shot-pack-list>p{color:#ffffff4d;text-align:center;margin:auto;padding:18px 8px;font-size:7px}.one-shot-pack-list>button.import-pack{color:var(--lime);border-top:1px solid #ffffff0e;border-radius:0;justify-content:flex-start;margin-top:auto}.one-shot-sound-list{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.one-shot-sound-list>header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 10px;display:flex}.one-shot-sound-list>header strong{color:#fffc;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.one-shot-sound-list>header small{color:#ffffff47;flex:none;font-size:6px}.one-shot-sound-list>div{overscroll-behavior:contain;scrollbar-color:var(--lime) #ffffff08;min-height:0;padding:5px;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.one-shot-sound-list>div{scrollbar-color:color-mix(in srgb,var(--lime) 35%,transparent) #ffffff08}}.one-shot-sound-list>div{scrollbar-width:thin}.one-shot-sound-list button{color:#ffffff8c;text-align:left;background:0 0;border:0;border-radius:4px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:7px 8px;display:grid}.one-shot-sound-list button:hover{color:var(--lime);background:#ffffff0e}.one-shot-sound-list button span{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.sample-folder{min-width:0}.sample-folder>summary{color:#ffffff80;cursor:pointer;border-radius:4px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:0 8px;list-style:none;display:grid}.sample-folder>summary::-webkit-details-marker{display:none}.sample-folder>summary:hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sample-folder>summary:hover{background:color-mix(in srgb,var(--lime) 5.5%,transparent)}}.sample-folder>summary:hover{color:var(--lime)}.sample-folder>summary>svg{transition:transform .16s}.sample-folder[open]>summary>svg{color:var(--lime);transform:rotate(8deg)}.sample-folder>summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;font-weight:750;overflow:hidden}.sample-folder>summary small{color:#ffffff40;font-size:7px}.sample-folder-children{border-left:1px solid #ffffff12;margin-left:11px;padding-left:4px}.one-shot-pack-dialog-empty{color:#ffffff4d;text-align:center;place-items:center;padding:24px;font-size:8px;display:grid}.one-shot-pack-dialog .one-shot-pack-list{padding:10px}.one-shot-pack-dialog .one-shot-pack-row .select-pack{min-height:58px;padding:10px 12px}.one-shot-pack-dialog .one-shot-pack-list button strong{font-size:13px}.one-shot-pack-dialog .one-shot-pack-list button small{margin-top:4px;font-size:10px}.one-shot-pack-dialog .one-shot-pack-row .remove-pack{width:38px;height:38px;margin-right:7px}.one-shot-pack-dialog .one-shot-pack-list>p{font-size:13px;line-height:1.5}.one-shot-pack-dialog .one-shot-pack-list>button.import-pack{gap:11px;min-height:58px;padding:10px 12px}.one-shot-pack-dialog .one-shot-sound-list>header{min-height:58px;padding:0 14px}.one-shot-pack-dialog .one-shot-sound-list>header strong{font-size:14px}.one-shot-pack-dialog .one-shot-sound-list>header small{font-size:10px}.one-shot-pack-dialog .one-shot-sound-list>div{padding:9px}.one-shot-pack-dialog .one-shot-sound-list button{gap:11px;min-height:46px;padding:9px 11px}.one-shot-pack-dialog .one-shot-sound-list button span{font-size:12px}.one-shot-pack-dialog .sample-folder>summary{min-height:44px;padding:0 11px}.one-shot-pack-dialog .sample-folder>summary span{font-size:12px}.one-shot-pack-dialog .sample-folder>summary small{font-size:10px}.one-shot-pack-dialog .sample-folder-children{margin-left:15px;padding-left:7px}.one-shot-pack-dialog .one-shot-pack-dialog-empty{font-size:13px;line-height:1.5}.one-shot-pack-picker.compact{width:100%}.one-shot-select-trigger{color:#ffffffc7;text-align:left;justify-content:space-between;align-items:center;gap:7px;display:flex}.one-shot-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.one-shot-select-trigger>svg{color:#ffffff7a;flex:none}.one-shot-select-menu{z-index:2000;background:#0c1113fc;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:minmax(150px,.82fr) minmax(180px,1.18fr);width:min(420px,100vw - 24px);height:min(390px,65vh);min-height:180px;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 55px #0000009e}.one-shot-select-packs{border-right:1px solid #ffffff13;flex-direction:column;min-width:0;min-height:110px;padding:5px;display:flex;overflow-y:auto}.one-shot-select-packs>button{color:#ffffff94;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:7px;min-height:34px;padding:0 8px;display:flex}.one-shot-select-packs>button:hover,.one-shot-select-packs>button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.one-shot-select-packs>button:hover,.one-shot-select-packs>button.active{background:color-mix(in srgb,var(--lime) 7.5%,transparent)}}.one-shot-select-packs>button:hover,.one-shot-select-packs>button.active{color:var(--lime)}.one-shot-select-packs>button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;overflow:hidden}.one-shot-select-packs>button.manage-packs{color:var(--lime);border-top:1px solid #ffffff0f;border-radius:0;justify-content:flex-start;margin-top:auto}.one-shot-select-empty{color:#ffffff4d;text-align:center;margin:auto;padding:12px;font-size:7px}.one-shot-select-sounds{grid-template-rows:36px minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.one-shot-select-sounds>header{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff0f;align-items:center;padding:0 9px;font-size:8px;font-weight:800;display:flex;overflow:hidden}.one-shot-select-sounds>div{overscroll-behavior:contain;scrollbar-color:var(--lime) transparent;height:100%;min-height:0;padding:5px;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.one-shot-select-sounds>div{scrollbar-color:color-mix(in srgb,var(--lime) 30%,transparent) transparent}}.one-shot-select-sounds>div{scrollbar-width:thin;touch-action:pan-y}.one-shot-select-sounds>div::-webkit-scrollbar{width:7px}.one-shot-select-sounds>div::-webkit-scrollbar-thumb{background:var(--lime);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.one-shot-select-sounds>div::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--lime) 28%,transparent)}}.one-shot-select-sounds button{color:#ffffff94;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;width:100%;min-height:32px;padding:0 8px;display:flex}.one-shot-select-sounds button:hover,.one-shot-select-sounds button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.one-shot-select-sounds button:hover,.one-shot-select-sounds button.active{background:color-mix(in srgb,var(--lime) 7.5%,transparent)}}.one-shot-select-sounds button:hover,.one-shot-select-sounds button.active{color:var(--lime)}.one-shot-select-sounds button span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.synth-preset-picker{z-index:15;width:100%;min-width:0;position:relative}.synth-preset-picker.menu-open{z-index:1000}.synth-preset-menu{grid-template-columns:minmax(155px,.78fr) minmax(210px,1.22fr);width:min(440px,100vw - 24px)}.synth-preset-categories>button>small{color:#ffffff47;margin-left:auto;font-size:7px}.synth-preset-actions{border-top:1px solid #ffffff0f;gap:2px;margin-top:auto;padding-top:5px;display:grid}.synth-preset-actions>button{color:#ffffff75;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;min-height:32px;padding:0 8px;display:flex}.synth-preset-actions>button:hover{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.synth-preset-actions>button:hover{background:color-mix(in srgb,var(--lime) 7%,transparent)}}.synth-preset-actions>button:hover{color:var(--lime)}.synth-preset-actions>button svg{flex:none}.synth-preset-actions>button span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.synth-preset-row{border-radius:4px;grid-template-columns:minmax(0,1fr) 30px;align-items:center;display:grid}.synth-preset-row:hover{background:#ffffff06}.one-shot-select-sounds .synth-preset-row>button:first-child{gap:8px}.synth-preset-row>button:first-child>svg{color:var(--lime);flex:none}.synth-preset-row>button:first-child>span{gap:2px;min-width:0;display:grid}.synth-preset-row strong,.synth-preset-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.synth-preset-row strong{color:#ffffffb8;font-size:8px;font-weight:800}.synth-preset-row small{color:#ffffff47;font-size:6px}.one-shot-select-sounds .synth-preset-row>button.delete{color:#ffffff38;justify-content:center;width:28px;min-height:28px;padding:0}.one-shot-select-sounds .synth-preset-row>button.delete:hover{color:#ff7474;background:#ff5c5c1a}.synth-preset-empty{color:#ffffff4d;text-align:center;margin:0;padding:28px 14px;font-size:8px;line-height:1.5}.synth-preset-error{color:#ff9c91;background:#481010f0;border:1px solid #ff5c5c38;border-radius:4px;margin:5px;padding:8px;font-size:7px;line-height:1.4;position:sticky;bottom:0}.unified-pattern-fx-toggle{color:#f2a7bdc2;background:#f2a7bd0b;border:1px solid #f2a7bd38;border-radius:5px;flex:none;justify-content:center;align-items:center;width:35px;height:35px;padding:0;display:flex}.unified-pattern-fx-toggle:hover,.unified-pattern-fx-toggle.active{color:#f2a7bd;background:#f2a7bd1c;border-color:#f2a7bd85}:is(.unified-compose-actions,.production-tempo-control,.production-mobile-actions)>.unified-transpose-control{cursor:ns-resize;touch-action:none;background:linear-gradient(135deg,#72d9ff0f,#080c0eeb);border:1px solid #72d9ff33;border-radius:6px;flex:none;align-items:center;gap:8px;height:40px;padding:0 8px 0 10px;display:flex;position:relative}.production-tempo-control>.unified-transpose-control,.production-mobile-actions>.unified-transpose-control{background:0 0;border:0;gap:2px;padding:0 2px}.production-tempo-control>.unified-transpose-control .unified-transpose-copy,.production-mobile-actions>.unified-transpose-control .unified-transpose-copy{gap:2px;min-width:38px}.production-tempo-control>.unified-transpose-control .unified-transpose-copy small,.production-mobile-actions>.unified-transpose-control .unified-transpose-copy small{letter-spacing:.1em;font-size:5px;font-weight:900;line-height:1}.production-tempo-control>.unified-transpose-control .unified-transpose-copy strong,.production-mobile-actions>.unified-transpose-control .unified-transpose-copy strong{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:900}.unified-transpose-copy{gap:2px;min-width:56px;display:grid}.unified-transpose-copy small{color:#ffffff57;letter-spacing:.1em;text-transform:uppercase;font-size:5px;font-weight:900}.unified-transpose-copy strong{color:#72d9ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.unified-transpose-knob{background:radial-gradient(circle at center,#22282b 0 53%,transparent 56%),conic-gradient(from 225deg,#72d9ff 0 var(--transpose-progress),#ffffff1a var(--transpose-progress) 270deg,transparent 270deg);border-radius:50%;flex:0 0 28px;width:28px;height:28px;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff12,0 4px 10px #0000004d}.unified-transpose-knob i{width:2px;height:8px;transform:rotate(var(--transpose-angle));transform-origin:50% 10px;background:#f2f5f1;border-radius:2px;position:absolute;top:4px;left:13px;box-shadow:0 0 5px #72d9ffb3}.unified-transpose-control>input{cursor:ns-resize;opacity:0;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.unified-compose-actions label{background:#0d1214;border:1px solid #ffffff14;border-radius:5px;align-items:center;gap:7px;height:35px;padding:0 8px;display:flex}.unified-compose-actions label>span{color:#ffffff4d;text-transform:uppercase;font-size:6px;font-weight:900}.unified-compose-actions select,.unified-sound-select{color:#ffffffc7;background:0 0;border:0;outline:0;font-size:8px}.unified-sample-name{color:#ffffffc7;gap:2px;font-size:8px;display:grid;overflow:hidden}.unified-sample-name>small{color:#ffffff4d;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:6px;overflow:hidden}.unified-sample-name.missing{color:#ffb84d}.unified-sample-name.missing>small{color:#ffb84d99}.synth-toggle{justify-content:space-between;align-items:center;gap:8px;display:flex}.synth-toggle>span{color:#ffffff6b;letter-spacing:.1em;text-transform:uppercase;font-size:6px;font-weight:900}.synth-toggle>input{width:30px;height:16px;accent-color:var(--lime);flex:none}.unified-graph-button{color:#ffffff7a;background:#ffffff06;border:1px solid #ffffff17;border-radius:5px;flex:none;justify-content:center;align-items:center;width:35px;height:35px;padding:0;display:flex}.unified-graph-button:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.unified-graph-button:hover{border-color:color-mix(in srgb,var(--lime) 38%,transparent)}}.unified-graph-button:hover{color:var(--lime)}.unified-sound-list{gap:7px;padding:10px 12px 14px;display:grid}.unified-sound-card{border:1px solid var(--channel);position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.unified-sound-card{border:1px solid color-mix(in srgb,var(--channel) 32%,#ffffff12)}}.unified-sound-card{background:linear-gradient(90deg,var(--channel),#0c1113 42%);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.unified-sound-card{background:linear-gradient(90deg,color-mix(in srgb,var(--channel) 5%,#0e1315),#0c1113 42%)}}.unified-sound-card{cursor:grab;box-shadow:0 7px 20px #00000021}.unified-sound-card:active{cursor:grabbing}.unified-sound-card :is(button,input,select,textarea,label){cursor:revert}.unified-sound-card.muted{opacity:.42;filter:saturate(.45)}.unified-sound-card.solo{box-shadow:0 0 0 1px var(--lime),0 8px 24px var(--lime)}@supports (color:color-mix(in lab, red, red)){.unified-sound-card.solo{box-shadow:0 0 0 1px var(--lime),0 8px 24px color-mix(in srgb,var(--lime) 8%,transparent)}}.unified-sound-card.selected{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-sound-card.selected{border-color:color-mix(in srgb,var(--channel) 82%,white)}}.unified-sound-card.selected{box-shadow:0 0 0 1px var(--channel),0 10px 28px var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-sound-card.selected{box-shadow:0 0 0 1px color-mix(in srgb,var(--channel) 45%,transparent),0 10px 28px color-mix(in srgb,var(--channel) 12%,#0003)}}.unified-sound-card.reordering{opacity:.42}.unified-sound-card.reorder-before:before,.unified-sound-card.reorder-after:after{z-index:8;background:var(--lime);height:2px;box-shadow:0 0 9px var(--lime);border-radius:2px;position:absolute;left:5px;right:5px}@supports (color:color-mix(in lab, red, red)){.unified-sound-card.reorder-before:before,.unified-sound-card.reorder-after:after{box-shadow:0 0 9px color-mix(in srgb,var(--lime) 65%,transparent)}}.unified-sound-card.reorder-before:before,.unified-sound-card.reorder-after:after{content:"";pointer-events:none}.unified-sound-card.reorder-before:before{top:0}.unified-sound-card.reorder-after:after{bottom:0}.unified-sound-main{grid-template-columns:22px 34px minmax(105px,1fr) auto minmax(100px,150px) minmax(90px,140px) auto;align-items:center;gap:9px;min-height:54px;padding:7px 9px;display:grid}.unified-sound-drag-handle{color:#fff3;cursor:grab;background:0 0;border:0;border-radius:4px;place-items:center;width:22px;height:32px;padding:0;display:grid}.unified-sound-drag-handle:hover{color:var(--channel);background:#ffffff0a}.unified-sound-drag-handle:active{cursor:grabbing}.unified-sound-icon{background:var(--channel);border-radius:7px;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.unified-sound-icon{background:color-mix(in srgb,var(--channel) 15%,transparent)}}.unified-sound-icon{color:var(--channel)}.unified-sound-identity{min-width:0}.unified-sound-identity small{color:var(--channel);letter-spacing:.14em;margin-bottom:2px;font-size:5px;font-weight:950;display:block}.unified-sound-identity input{color:#ffffffd1;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:10px;font-weight:850}.unified-sound-select{background:#111719;border:1px solid #ffffff13;border-radius:4px;width:100%;height:30px;padding:0 7px}.unified-sound-picker-control{grid-template-columns:25px minmax(0,1fr) 25px;align-items:center;gap:3px;min-width:0;display:grid}.unified-sound-picker-control .unified-sound-select{min-width:0}.unified-sound-cycle{color:#ffffff6b;background:#111719;border:1px solid #ffffff13;border-radius:4px;place-items:center;width:25px;height:30px;padding:0;display:grid}.unified-sound-cycle:hover:not(:disabled){border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-sound-cycle:hover:not(:disabled){border-color:color-mix(in srgb,var(--channel) 52%,transparent)}}.unified-sound-cycle:hover:not(:disabled){background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-sound-cycle:hover:not(:disabled){background:color-mix(in srgb,var(--channel) 8%,#111719)}}.unified-sound-cycle:hover:not(:disabled){color:var(--channel)}.unified-sound-cycle:disabled{cursor:not-allowed;opacity:.24}.unified-gain{color:#ffffff4d;align-items:center;gap:6px;display:flex}.unified-gain input{width:100%;min-width:60px;accent-color:var(--channel)}.unified-sound-actions,.unified-sound-tools{gap:4px;display:flex}.unified-sound-actions button,.unified-sound-tools button{color:#fff6;background:#ffffff06;border:1px solid #ffffff14;border-radius:4px;place-items:center;width:28px;height:28px;font-size:7px;font-weight:950;display:grid}.unified-sound-actions button:hover,.unified-sound-tools button:hover{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-sound-actions button:hover,.unified-sound-tools button:hover{border-color:color-mix(in srgb,var(--channel) 52%,transparent)}}.unified-sound-actions button:hover,.unified-sound-tools button:hover{color:var(--channel)}.unified-sound-actions button.active{color:#ff766d;background:#ff6a641a;border-color:#ff6a6473}.unified-sound-actions button.solo.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.unified-sound-actions button.solo.active{border-color:color-mix(in srgb,var(--lime) 45%,transparent)}}.unified-sound-actions button.solo.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.unified-sound-actions button.solo.active{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.unified-sound-actions button.solo.active{color:var(--lime)}.unified-sound-tools button.sound-control-toggle.active{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-sound-tools button.sound-control-toggle.active{border-color:color-mix(in srgb,var(--channel) 55%,transparent)}}.unified-sound-tools button.sound-control-toggle.active{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-sound-tools button.sound-control-toggle.active{background:color-mix(in srgb,var(--channel) 12%,transparent)}}.unified-sound-tools button.sound-control-toggle.active{color:var(--channel)}.unified-sound-tools button.sound-fx-toggle.active{color:#f2a7bd;background:#f2a7bd1c;border-color:#f2a7bd80}.unified-channel-controls{background:#00000014;border-top:1px solid #ffffff0e}.unified-channel-controls summary{color:#ffffff6b;cursor:pointer;align-items:center;gap:6px;height:31px;padding:0 10px;font-size:7px;font-weight:850;list-style:none;display:flex}.unified-channel-controls summary::-webkit-details-marker{display:none}.unified-channel-controls summary>span{color:#ffffff30;margin-left:auto;font-size:6px;font-weight:650}.unified-channel-controls[open] summary{color:var(--channel)}.unified-channel-controls>div{border-top:1px solid #ffffff0b;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;padding:9px 10px 11px;display:grid}.unified-channel-controls label{gap:5px;display:grid}.unified-channel-controls label span{color:#ffffff47;text-transform:uppercase;font-size:6px;font-weight:850}.unified-channel-controls input{width:100%;min-width:0;accent-color:var(--channel)}.unified-sound-program{border-top:1px solid #ffffff0f;grid-template-columns:minmax(0,1fr) 48px;align-items:stretch;display:grid}.unified-sound-program>:is(.unified-step-scroll,.unified-midi-summary){border-top:0;min-width:0}.unified-program-fx-toggle{background:var(--channel);border:0;border-left:1px solid #fff1;place-content:center;gap:4px;min-height:48px;display:grid}@supports (color:color-mix(in lab, red, red)){.unified-program-fx-toggle{background:color-mix(in srgb,var(--channel) 3%,#0000001f)}}.unified-program-fx-toggle{color:#ffffff4d}.unified-program-fx-toggle small{letter-spacing:.12em;font-size:5px;font-weight:950}.unified-program-fx-toggle:hover,.unified-program-fx-toggle.active{color:#f2a7bd;background:#f2a7bd14}.unified-program-fx-toggle.active{box-shadow:inset 2px 0 #f2a7bd}.unified-step-scroll{scrollbar-width:thin;border-top:1px solid #ffffff0f;overflow-x:auto}.unified-step-grid{min-width:calc(var(--steps) * 27px);grid-template-columns:repeat(var(--steps),minmax(22px,1fr));gap:3px;padding:9px;display:grid}.unified-step-grid button{touch-action:none;-webkit-user-select:none;user-select:none;background:#151c1e;border:1px solid #ffffff13;border-radius:3px;height:29px;box-shadow:inset 0 -5px #00000021}.unified-step-grid button.beat{border-left-color:#fff3}.unified-step-grid button.bar{border-left-color:var(--channel)}.unified-step-grid button:hover{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-step-grid button:hover{background:color-mix(in srgb,var(--channel) 14%,#151c1e)}}.unified-step-grid button.active{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-step-grid button.active{border-color:color-mix(in srgb,var(--channel) 80%,white)}}.unified-step-grid button.active{background:var(--channel);box-shadow:0 0 9px var(--channel),inset 0 -7px #0000002e}@supports (color:color-mix(in lab, red, red)){.unified-step-grid button.active{box-shadow:0 0 9px color-mix(in srgb,var(--channel) 30%,transparent),inset 0 -7px #0000002e}}.unified-midi-summary{width:100%;min-height:58px;color:var(--channel);text-align:left;background:#00000014;border:0;border-top:1px solid #ffffff0f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.unified-midi-summary:hover{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-midi-summary:hover{background:color-mix(in srgb,var(--channel) 4%,#00000014)}}.unified-midi-summary strong{white-space:nowrap;font-size:7px}.unified-midi-grid{background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:6.25% 100%,100% 25%;border:1px solid #ffffff0f;border-radius:3px;height:40px;display:block;position:relative;overflow:hidden}.unified-midi-grid i{background:var(--channel);min-width:3px;height:4px;box-shadow:0 0 6px var(--channel);border-radius:1px;position:absolute}@supports (color:color-mix(in lab, red, red)){.unified-midi-grid i{box-shadow:0 0 6px color-mix(in srgb,var(--channel) 35%,transparent)}}.unified-synth-controls>.synth-editor{background:var(--channel);border:0;border-top:1px solid #ffffff0b;border-radius:0;margin:0}@supports (color:color-mix(in lab, red, red)){.unified-synth-controls>.synth-editor{background:color-mix(in srgb,var(--channel) 3%,#0000001f)}}.unified-synth-controls>.synth-editor{padding:10px}.unified-synth-controls>.synth-editor>header,.unified-synth-controls>.synth-editor>footer{display:none}.unified-synth-controls .synth-editor-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}.unified-effects-section{background:#0b1012;border:1px solid #ffffff13;border-radius:8px;gap:8px;margin-top:3px;padding:10px;display:grid}.unified-effects-section>header{justify-content:space-between;align-items:center;gap:10px;min-height:40px;display:flex}.unified-effects-section>header>div{grid-template-columns:auto auto;align-items:baseline;column-gap:7px;display:grid}.unified-effects-section>header small{color:#f2a7bd;letter-spacing:.15em;grid-column:1/-1;font-size:5px;font-weight:950}.unified-effects-section>header strong{color:#ffffffc7;margin-top:2px;font-size:10px}.unified-effects-section>header span{color:#ffffff40;font-size:6px}.unified-effects-section>header>button{color:#f2a7bd;background:#f2a7bd0e;border:1px solid #f2a7bd3d;border-radius:5px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:7px;font-weight:850;display:flex}.unified-effects-section>header>button:hover{background:#f2a7bd1a;border-color:#f2a7bd80}.unified-empty-effects{color:#f2a7bd94;text-align:left;background:#f2a7bd06;border:1px dashed #f2a7bd33;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 12px;display:grid}.unified-empty-effects:hover{color:#f2a7bd;background:#f2a7bd0e;border-color:#f2a7bd7a}.unified-empty-effects span strong,.unified-empty-effects span small{display:block}.unified-empty-effects span strong{color:#ffffffb3;font-size:9px}.unified-empty-effects span small{color:#ffffff45;margin-top:2px;font-size:6px}.unified-effect-rack-list{gap:8px;display:grid}.unified-effect-rack{background:linear-gradient(120deg,#f2a7bd0b,#0d1214 38%);border:1px solid #f2a7bd2e;border-radius:7px;overflow:hidden}.unified-effect-rack.bypassed{opacity:.52;filter:saturate(.35)}.unified-effect-rack>header{border-bottom:1px solid #ffffff0e;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:43px;padding:6px 8px;display:grid}.unified-effect-rack>header>span{color:#f2a7bd;background:#f2a7bd1a;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.unified-effect-rack>header small,.unified-effect-rack>header strong{display:block}.unified-effect-rack>header small{color:#f2a7bd;letter-spacing:.12em;font-size:5px;font-weight:950}.unified-effect-rack>header strong{color:#ffffffb8;margin-top:2px;font-size:8px}.unified-effect-rack>header button{color:#ffffff57;background:#ffffff06;border:1px solid #ffffff14;border-radius:4px;min-width:29px;height:27px;font-size:6px;font-weight:900}.unified-effect-rack>header button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.unified-effect-rack>header button.active{border-color:color-mix(in srgb,var(--lime) 28%,transparent)}}.unified-effect-rack>header button.active{color:var(--lime)}.unified-effect-category{border-top:1px solid #ffffff09}.unified-effect-category:first-of-type{border-top:0}.unified-effect-category>summary{color:#ffffff5c;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;height:30px;padding:0 9px;font-size:6px;font-weight:900;list-style:none;display:flex}.unified-effect-category>summary::-webkit-details-marker{display:none}.unified-effect-slot>summary::-webkit-details-marker{display:none}.unified-effect-category[open]>summary{color:#f2a7bd}.unified-effect-category[open]>summary svg{transform:rotate(0)}.unified-effect-category:not([open])>summary svg{transform:rotate(-90deg)}.unified-effect-category>div{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));align-items:start;gap:5px;padding:0 8px 8px;display:grid}.unified-effect-slot{background:#ffffff05;border:1px solid #ffffff0e;border-radius:5px;min-width:0}.unified-effect-slot.active{background:#f2a7bd09;border-color:#f2a7bd38}.unified-effect-slot>summary{cursor:pointer;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:48px;padding:5px;list-style:none;display:grid}.unified-effect-slot>summary>span strong,.unified-effect-slot>summary>span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.unified-effect-slot>summary>span strong{color:#ffffffa6;font-size:7px}.unified-effect-slot>summary>span small{color:#ffffff3b;margin-top:2px;font-size:5px}.unified-effect-slot>summary>svg{color:#fff3}.unified-effect-slot[open]>summary>svg{color:#f2a7bd;transform:rotate(90deg)}.unified-effect-knob{--value:0%;background:conic-gradient(from 225deg,#f2a7bd 0 var(--value),#ffffff17 var(--value) 75%,transparent 75%);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:relative}.unified-effect-knob:after{content:"";background:#111719;border-radius:50%;width:23px;height:23px}.unified-effect-knob input{z-index:1;cursor:ns-resize;opacity:0;width:100%;height:100%;position:absolute;inset:0}.unified-effect-switch{color:#ffffff40;background:#111719;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.unified-effect-switch.active{color:#f2a7bd;background:#f2a7bd1a;border-color:#f2a7bd73}.unified-effect-slot[open]{grid-column:1/-1}.unified-effect-settings{border-top:1px solid #ffffff0b;gap:8px;min-width:0;padding:8px 7px;display:grid}.unified-effect-slot[open] .unified-effect-settings{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:start;gap:10px 12px;padding:10px 9px}.unified-effect-settings>*{min-width:0}.unified-effect-slot[open] .studio-delay-visual{grid-column:1/-1}.unified-effect-settings:empty{display:none}.unified-effect-settings label{grid-template-columns:1fr auto;align-items:center;gap:4px;display:grid}.unified-effect-settings label span{color:#ffffff6b;letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:800}.unified-effect-settings output{color:#f2a7bd;font-family:monospace;font-size:9px}.unified-effect-settings input{accent-color:#f2a7bd;grid-column:1/-1;width:100%}.unified-effect-picker{gap:5px;display:grid}.unified-effect-picker>span{color:#ffffff57;letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:800}.unified-effect-picker .studio-distortion-thumb{color:#f2a7bd;border:1px solid #ffffff0f;height:34px}.unified-effect-picker select{color:#ffffffd9;background:#111619;border:1px solid #ffffff1a;border-radius:3px;outline:0;width:100%;padding:6px 5px;font-size:10px;font-weight:600}.unified-effect-toggle{grid-template-columns:1fr auto;align-items:center;gap:4px;min-width:0;display:grid}.unified-effect-toggle>span{color:#ffffff6b;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.unified-effect-toggle>output{color:#ffffff59;font-family:monospace;font-size:9px}.unified-effect-toggle>button{color:#fff6;background:#ffffff05;border:1px solid #ffffff17;border-radius:3px;grid-column:1/-1;justify-content:center;align-items:center;height:20px;transition:border-color .12s,background .12s,color .12s;display:flex}.unified-effect-toggle>button:hover{color:#fffc}.unified-effect-toggle.active>output{color:#f2a7bd}.unified-effect-toggle.active>button{color:#f2a7bd;background:#f2a7bd1f;border-color:#f2a7bd80}.unified-sound-effect-thread{background:#0000001f;border-top:1px solid #ffffff0b;grid-template-columns:25px minmax(0,1fr);padding:7px 8px 8px 10px;display:grid}.unified-sound-effect-branch{border-bottom:1px solid var(--channel);width:16px;height:27px}@supports (color:color-mix(in lab, red, red)){.unified-sound-effect-branch{border-bottom:1px solid color-mix(in srgb,var(--channel) 32%,#ffffff1a)}}.unified-sound-effect-branch{border-left:1px solid var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-sound-effect-branch{border-left:1px solid color-mix(in srgb,var(--channel) 32%,#ffffff1a)}}.unified-sound-effect-branch{border-bottom-left-radius:8px}.unified-sound-effect-content{gap:6px;min-width:0;display:grid}.unified-sound-effect-content>header{justify-content:space-between;align-items:center;gap:8px;min-height:27px;display:flex}.unified-sound-effect-content>header>span{color:var(--channel);align-items:center;gap:5px;display:flex}@supports (color:color-mix(in lab, red, red)){.unified-sound-effect-content>header>span{color:color-mix(in srgb,var(--channel) 72%,white)}}.unified-sound-effect-content>header>span{letter-spacing:.06em;text-transform:uppercase;font-size:6px;font-weight:900}.unified-sound-effect-content>header>button{border:1px solid var(--channel);align-items:center;gap:4px;height:25px;display:flex}@supports (color:color-mix(in lab, red, red)){.unified-sound-effect-content>header>button{border:1px solid color-mix(in srgb,var(--channel) 24%,#ffffff14)}}.unified-sound-effect-content>header>button{background:var(--channel);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.unified-sound-effect-content>header>button{background:color-mix(in srgb,var(--channel) 5%,transparent)}}.unified-sound-effect-content>header>button{color:var(--channel);padding:0 7px}@supports (color:color-mix(in lab, red, red)){.unified-sound-effect-content>header>button{color:color-mix(in srgb,var(--channel) 70%,#ffffff8c)}}.unified-sound-effect-content>header>button{font-size:6px;font-weight:850}.unified-sound-effect-content>header>button:hover{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-sound-effect-content>header>button:hover{border-color:color-mix(in srgb,var(--channel) 52%,transparent)}}.unified-sound-effect-content>header>button:hover{color:var(--channel)}.unified-empty-sound-effects{color:#ffffff3d;text-align:left;background:#ffffff03;border:1px dashed #ffffff17;border-radius:5px;width:100%;min-height:32px;padding:0 9px;font-size:6px;font-weight:750}.unified-empty-sound-effects:hover{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-empty-sound-effects:hover{border-color:color-mix(in srgb,var(--channel) 35%,transparent)}}.unified-empty-sound-effects:hover{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-empty-sound-effects:hover{background:color-mix(in srgb,var(--channel) 3%,transparent)}}.unified-empty-sound-effects:hover{color:var(--channel)}.unified-effect-rack.compact{border-color:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-effect-rack.compact{border-color:color-mix(in srgb,var(--channel) 20%,#ffffff14)}}.unified-effect-rack.compact{background:linear-gradient(120deg,var(--channel),#0d1214 42%)}@supports (color:color-mix(in lab, red, red)){.unified-effect-rack.compact{background:linear-gradient(120deg,color-mix(in srgb,var(--channel) 4%,transparent),#0d1214 42%)}}.unified-effect-rack.compact>header>span{background:var(--channel)}@supports (color:color-mix(in lab, red, red)){.unified-effect-rack.compact>header>span{background:color-mix(in srgb,var(--channel) 10%,transparent)}}.unified-effect-rack.compact>header>span,.unified-effect-rack.compact>header small{color:var(--channel)}.production-tabs{height:62px;padding-inline:12px}.production-tabs button{gap:8px;padding-inline:15px;font-size:11px}.production-tempo{gap:7px;padding:7px 9px}.production-tempo input{width:48px;font-size:12px}.pattern-toolbar{gap:12px;padding:12px 14px}.piano-back-button{height:36px;padding:0 11px}.piano-timing-controls label{height:36px;padding:0 9px}.piano-timing-controls select{font-size:7px}.rack-browser-layout{grid-template-columns:240px minmax(760px,1fr);min-width:1000px}.sound-browser{min-height:500px;max-height:calc(100dvh - 265px)}.sound-browser-title{padding:14px 13px 12px}.sound-browser-title small{margin-bottom:4px}.sound-browser-title strong{font-size:13px}.sound-browser-search{gap:8px;margin:10px;padding-inline:9px}.sound-browser-search input{padding-block:10px}.sound-browser-section-title{padding:10px 11px 7px}.sound-browser-list{padding:3px 7px 9px}.sound-browser-list>button{grid-template-columns:22px minmax(0,1fr) 38px;gap:7px;min-height:42px;padding:7px 6px}.sound-bank-toggle{grid-template-columns:18px minmax(0,1fr) 30px;gap:7px;min-height:42px;padding:8px 6px}.sound-bank-samples{margin-left:17px;padding-left:5px}.sound-bank-samples>button{grid-template-columns:18px minmax(0,1fr);gap:7px;min-height:38px;padding:7px 6px}.sound-browser-sound-row{grid-template-columns:minmax(0,1fr) 30px;align-items:stretch;gap:3px;width:100%;min-height:42px;display:grid}.sound-browser-sound-row.bank-sample{min-height:38px}.sound-browser-preview{color:#ffffff57;text-align:left;cursor:grab;background:0 0;border:0;border-radius:3px;grid-template-columns:22px minmax(0,1fr) 38px;align-items:center;gap:7px;min-width:0;padding:7px 6px;display:grid}.sound-browser-sound-row.bank-sample .sound-browser-preview{grid-template-columns:18px minmax(0,1fr)}.sound-browser-preview:active{cursor:grabbing}.sound-browser-preview:hover{color:#ffffffc7;background:#ffffff0b}.sound-browser-preview.selected{color:#ffffffe0;box-shadow:inset 2px 0 var(--lime);background:#ffffff0f}.sound-browser-preview.previewing{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sound-browser-preview.previewing{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.sound-browser-preview.previewing{color:var(--lime)}.sound-browser-preview>span{min-width:0}.sound-browser-preview strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:6px;display:block;overflow:hidden}.sound-browser-preview small{color:#fff3;margin-top:1px;font-family:monospace;font-size:5px;display:block}.sound-browser-preview>i{opacity:.3;justify-content:flex-end;align-items:center;gap:1px;height:16px;display:flex}.sound-browser-preview>i b{background:currentColor;border-radius:1px;width:2px}.sound-browser-add{color:#ff8a4c75;background:#ff8a4c09;border:1px solid #ff8a4c26;border-radius:4px;align-self:center;place-items:center;width:30px;min-height:30px;display:grid}.sound-browser-add:hover:not(:disabled){color:#ff9b65;background:#ff8a4c1f;border-color:#ff8a4c8c}.sound-browser-add:disabled{opacity:.2}.sound-browser footer{padding:10px}.sound-browser footer kbd{min-width:19px;height:19px}.rack-main,.channel-rack{min-width:760px}.rack-timeline,.rack-channel{grid-template-columns:230px repeat(16,minmax(32px,1fr));min-width:760px}.rack-timeline{height:34px}.rack-timeline span{padding:9px 0 0 6px}.rack-channel{min-height:96px}.channel-info{gap:9px;padding:10px 9px 10px 12px}.channel-summary small{margin-top:6px}.channel-info button{width:28px;height:28px}.step-grid{grid-template-columns:repeat(16,minmax(32px,1fr));gap:4px;padding:13px 8px}.step-grid button{height:42px}.channel-rack-footer{padding:13px 14px 17px}.add-channel{padding:10px 14px}.new-channel-drop{min-width:190px;padding:10px 11px}.channel-type-picker{gap:8px;min-width:390px}.channel-type-picker>button{padding:11px 12px}.piano-roll{min-width:900px}.piano-roll-grid{width:calc(var(--piano-key-width,90px) + var(--piano-timeline-width));min-width:0;position:relative}.piano-roll-step-header,.piano-roll-row{min-width:0}.piano-roll-step-header{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:32px}.piano-roll-step-header>.piano-roll-vertical-zoom{z-index:6;width:var(--piano-key-width,90px);cursor:ns-resize;touch-action:none;background:#090c0d;border:0;border-right:1px solid #ffffff1f;place-items:center;height:32px;padding:0;display:grid;position:sticky;left:0}.piano-roll-vertical-zoom>i{opacity:.6;pointer-events:none;border-top:1px solid #ffffff38;border-bottom:1px solid #ffffff38;width:18px;height:8px}.piano-roll-vertical-zoom:hover>i{border-color:var(--channel);opacity:1}.piano-roll-step-header span{padding:9px 0 0 7px}.piano-roll-row{height:27px}.piano-roll-row.black .piano-key:before{width:59px}.piano-key>span{left:59px}.piano-note>span{padding:5px 9px 0 5px}.piano-note>i{width:8px}.piano-roll-playhead,.piano-controller-playhead{z-index:7;width:2px;box-shadow:0 0 7px #fffc, 0 0 12px var(--channel);background:#fff;position:absolute;top:0;bottom:0}@supports (color:color-mix(in lab, red, red)){.piano-roll-playhead,.piano-controller-playhead{box-shadow:0 0 7px #fffc, 0 0 12px color-mix(in srgb, var(--channel) 72%, transparent)}}.piano-roll-playhead,.piano-controller-playhead{pointer-events:none;will-change:left;transition:opacity .12s}.piano-roll-playhead.idle,.piano-controller-playhead.idle{opacity:.5}.piano-roll-playhead.idle{width:12px;box-shadow:none;cursor:ew-resize;pointer-events:auto;touch-action:none;background:linear-gradient(90deg,#0000 5px,#fff 5px 7px,#0000 7px);border:0;outline:0;transform:translate(-5px)}.piano-roll-playhead.idle:hover{opacity:.82;filter:drop-shadow(0 0 5px var(--channel))}@supports (color:color-mix(in lab, red, red)){.piano-roll-playhead.idle:hover{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--channel) 75%, transparent))}}.piano-roll-playhead{left:var(--piano-key-width,90px)}.piano-controller-playhead{left:0}.piano-controller{grid-template-columns:var(--piano-key-width,90px) minmax(0,1fr);min-width:900px;height:132px}.piano-controller-selector{padding:10px 8px}.piano-controller-grid{width:max(810px,100%)}.arrange-workspace,.mixer-workspace{padding:0}.mixer-workspace>header{padding:15px 20px}.midi-workspace{padding:20px}.arrange-grid,.mixer-strips,.midi-workspace>header,.midi-panels,.midi-note{min-width:700px}.mixer-strips{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.console-alert{font-size:10px}@keyframes meter{to{opacity:.45;transform:scaleY(.35)}}@keyframes record-spin{to{transform:rotate(360deg)}}@media (max-height:700px) and (min-width:981px){.production-tabs{height:54px}}@media (max-width:980px){.landing-nav{grid-template-columns:1fr auto}.landing-nav-links,.landing-session-card{display:none}.landing-copy{right:7vw}.studio-experience{grid-template-rows:42vh minmax(0,1fr);grid-template-columns:1fr}.production-console{border-left:0;border-top:1px solid var(--line)}.production-tabs{height:44px}.console-resize-handle{display:none}.code-editor-shell{min-height:240px}.node-workspace{min-width:0}.node-toolbar{overflow:hidden}.node-editor-layout.browser-open{grid-template-columns:minmax(0,1fr)}.node-sound-browser{z-index:30;border:1px solid #ffffff21;border-radius:10px;width:min(320px,100% - 20px);max-height:none;position:absolute;top:10px;bottom:10px;left:10px;box-shadow:18px 20px 60px #0000009e}.arrange-inline-sound-panel,.mixer-workspace-header,.mixer-console,.midi-workspace>header,.midi-panels,.midi-note{min-width:0}.midi-panels{grid-template-columns:1fr}.studio-plaque-preview-frame{width:304px;height:451px}.studio-plaque-preview-artwork{transform:scale(.5)}}@media (max-width:760px),(hover:none) and (pointer:coarse){.studio-experience,.studio-experience.daw-hidden{height:100dvh;display:block}.studio-viewport{width:100%;height:100dvh}.production-console:not(.daw-hidden){z-index:100;height:100dvh;max-height:none;box-shadow:none;border:0;position:fixed;inset:0;width:100vw!important}.production-console.daw-hidden,.production-console .console-resize-handle{display:none}.production-surface{height:100%;padding-bottom:calc(60px + max(20px,env(safe-area-inset-bottom)))}.unified-pattern-strip{min-height:52px;padding:6px 8px}.production-surface.build-active .unified-pattern-strip{top:calc(58px + env(safe-area-inset-top))}.unified-pattern-pill{min-width:104px;height:36px;padding:0 7px}.unified-pattern-pill span{width:23px;height:23px}.unified-pattern-pill strong{font-size:8px}.unified-pattern-actions{gap:3px}.unified-pattern-actions button{width:34px;height:34px}.unified-section-header{min-height:58px;padding:8px 10px}.unified-section-header strong{font-size:12px}.unified-section-header{flex-wrap:wrap}.unified-compose-actions{scrollbar-width:none;width:100%;padding-bottom:2px;overflow-x:auto}.unified-compose-actions::-webkit-scrollbar{display:none}.unified-compose-actions .unified-transpose-control{flex:none;gap:5px;height:34px;padding:0 6px 0 8px}.unified-add-sounds{grid-template-columns:1fr}.unified-add-sounds>:is(button,label){min-height:50px}.one-shot-pack-modal-backdrop{padding:0}.one-shot-pack-dialog{width:100vw;height:100dvh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0}.one-shot-pack-menu{flex:1;grid-template-rows:minmax(150px,.8fr) minmax(180px,1.2fr);grid-template-columns:1fr;min-height:0}.one-shot-pack-list{border-bottom:1px solid #ffffff12;border-right:0;min-height:0;max-height:none}.unified-pattern-fx-toggle{justify-content:center;width:34px;height:32px;padding:0}.unified-transpose-copy{min-width:48px}.unified-transpose-knob{flex-basis:24px;width:24px;height:24px}.unified-transpose-knob i{transform-origin:50% 9px;height:7px;top:3px;left:11px}.unified-compose-actions label{height:32px}.unified-graph-button{justify-content:center;width:34px;height:32px;padding:0}.unified-sound-list{gap:8px;padding:8px}.unified-sound-main{grid-template-columns:20px 31px minmax(84px,1fr) auto 92px;gap:6px;padding:7px}.unified-sound-drag-handle{width:20px}.unified-sound-icon{width:31px;height:31px}.unified-gain{display:none}.unified-sound-actions{border-top:1px solid #ffffff0d;grid-column:1/-1;justify-content:flex-end;padding-top:6px}.unified-sound-select{font-size:7px}.unified-step-grid{min-width:calc(var(--steps) * 25px);gap:2px;padding:7px}.unified-step-grid button{height:32px}.unified-midi-summary{grid-template-columns:minmax(0,1fr);min-height:64px}.unified-midi-summary>strong{display:none}.unified-synth-controls .synth-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unified-effects-section{padding:8px}.unified-effects-section>header>button{justify-content:center;width:32px;padding:0;font-size:0}.unified-effect-category>div{grid-template-columns:repeat(2,minmax(0,1fr))}.production-tabs{height:calc(58px + env(safe-area-inset-top));min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) calc(58px + env(safe-area-inset-right)) 0 8px;scrollbar-width:none;align-items:center;gap:5px;display:flex;overflow:hidden}.production-tabs::-webkit-scrollbar{display:none}.production-tabs.production-mobile-project-layer,.production-mobile-actions.production-mobile-collaborator-layer{display:contents}.production-tabs.production-mobile-project-layer .production-navigation-mobile-backdrop{z-index:701}.production-tabs.production-mobile-project-layer .production-navigation-dropdown{z-index:702}.production-tabs.production-mobile-project-layer .production-navigation-subpanel-backdrop{z-index:703}.production-tabs.production-mobile-project-layer .production-navigation-subpanel{z-index:704}.production-navigation-groups{flex:none;align-self:center;align-items:center;min-width:max-content;height:44px}.production-navigation-menu{align-items:center;height:44px}.production-tabs .production-navigation-trigger{justify-content:center;gap:0;width:44px;min-width:44px;height:44px;padding:0;font-size:0}.production-tabs .production-navigation-trigger>svg{width:19px;height:19px}.production-tabs .production-navigation-mobile-backdrop{z-index:79;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020405b8;border:0;width:100vw;height:100dvh;padding:0;display:block;position:fixed;inset:0}.production-navigation-dropdown{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100vw;max-height:min(84dvh,720px);padding:0 10px max(12px, env(safe-area-inset-bottom));background:#0a0e10fa;border:1px solid #ffffff21;border-bottom:0;border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0;overflow:hidden auto;box-shadow:0 -24px 80px #000000b8}.production-navigation-mobile-header{z-index:3;background:#0a0e10fa;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:58px;padding:8px 2px 8px 8px;display:flex;position:sticky;top:0}.production-navigation-mobile-header>span{color:#fff;align-items:center;gap:9px;display:flex}.production-navigation-mobile-header>span svg{color:var(--lime)}.production-navigation-mobile-header strong{font-size:14px}.production-navigation-mobile-close,.production-tabs .production-navigation-mobile-header>button{color:#ffffffb8;text-align:center;border:1px solid #ffffff1f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:0;line-height:0;position:relative;overflow:hidden;padding:0!important;display:flex!important}.production-navigation-mobile-close>svg{stroke-width:2.2px;width:18px;height:18px;margin:auto;display:block;position:absolute;inset:0}.production-tabs .production-navigation-dropdown>button,.production-tabs .production-navigation-submenu>button{min-height:48px}.production-navigation-submenu:after,.production-navigation-submenu>button>svg:last-child{display:none}.production-navigation-subpanel-backdrop{z-index:81;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020405b8;border:0;width:100vw;height:100dvh;padding:0;display:block;position:fixed;inset:0}.production-navigation-subpanel{z-index:82;max-height:min(84dvh,520px)}.production-navigation-subpanel-visible,.production-navigation-subpanel-backdrop{display:block}.production-navigation-subpanel-content{gap:4px;margin-top:6px;display:grid}.production-navigation-subpanel .production-navigation-export-format,.production-navigation-subpanel .production-navigation-recent-project{text-transform:none;gap:10px;height:50px}.production-navigation-export-menu{visibility:visible;opacity:1;pointer-events:auto;width:auto;box-shadow:none;border-color:#ffffff14;gap:4px;margin:0 4px 7px 28px;position:static;transform:none}.production-navigation-recent-menu{max-height:none;overflow:visible}.production-navigation-submenu:hover>.production-navigation-export-menu,.production-navigation-submenu:focus-within>.production-navigation-export-menu{transform:none}.production-tempo-control{grid-area:1/2;margin-left:0}.production-tempo-control>button{width:42px;height:42px}.production-tempo{height:42px;padding:6px 8px}.production-tempo input{width:42px;font-size:16px}.production-header-actions{scrollbar-width:none;grid-area:2/1/auto/-1;gap:6px;width:100%;min-width:0;margin-left:0;padding-bottom:2px;overflow-x:auto}.production-header-actions::-webkit-scrollbar{display:none}.production-tabs .production-header-actions>button{width:42px;min-width:42px;height:42px;padding:0}.production-tabs .production-header-actions .production-header-play{width:46px;min-width:46px;height:42px}.production-fullscreen-toggle{display:none!important}.production-tabs>.production-tempo-control,.production-tabs>.production-header-actions{display:none}.production-mobile-actions{flex:auto;align-items:center;gap:5px;width:100%;min-width:0;display:flex;overflow:hidden}.production-mobile-actions::-webkit-scrollbar{display:none}.production-mobile-actions>button{color:#ffffff8c;background:#ffffff09;border:1px solid #ffffff1a;border-radius:5px;flex:none;place-items:center;width:42px;min-width:42px;height:42px;padding:0;display:grid}.production-mobile-actions>button:disabled{opacity:.35}.production-mobile-actions>.production-mobile-ai{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-actions>.production-mobile-ai{border-color:color-mix(in srgb,var(--lime) 34%,transparent)}}.production-mobile-actions>.production-mobile-ai{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-actions>.production-mobile-ai{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.production-mobile-actions>.production-mobile-ai{color:var(--lime)}.production-mobile-actions>button.saved{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-actions>button.saved{border-color:color-mix(in srgb,var(--lime) 30%,transparent)}}.production-mobile-actions>button.saved{color:var(--lime)}.production-mobile-actions>.production-mobile-exit{z-index:2;top:calc(env(safe-area-inset-top) + 8px);right:max(8px,env(safe-area-inset-right));background:#000;border-color:#0000;position:absolute}.production-mobile-actions>.production-header-play{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-actions>.production-header-play{border-color:color-mix(in srgb,var(--lime) 45%,transparent)}}.production-mobile-actions>.production-header-play{background:var(--lime);color:#090c0d}.production-mobile-actions>.production-header-play.playing{color:#fff;background:#ffffff14;border-color:#ffffff29}.production-mobile-actions>.production-header-metronome.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-actions>.production-header-metronome.active{border-color:color-mix(in srgb,var(--lime) 56%,transparent)}}.production-mobile-actions>.production-header-metronome.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-actions>.production-header-metronome.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.production-mobile-actions>.production-header-metronome.active{color:var(--lime)}.production-mobile-bottom-actions{z-index:74;height:calc(60px + max(20px,env(safe-area-inset-bottom)));padding:8px 12px max(20px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000;border-top:0;grid-template-columns:repeat(5,44px);justify-content:center;align-items:start;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 34px #00000061}.production-mobile-bottom-actions>button{color:#fff9;background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:44px;height:44px;padding:0;display:grid}.production-mobile-bottom-actions>button:disabled{opacity:.3}.production-mobile-bottom-actions>button.saved{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-bottom-actions>button.saved{border-color:color-mix(in srgb,var(--lime) 30%,transparent)}}.production-mobile-bottom-actions>button.saved{color:var(--lime)}.production-mobile-bottom-actions>.production-header-play{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-bottom-actions>.production-header-play{border-color:color-mix(in srgb,var(--lime) 48%,transparent)}}.production-mobile-bottom-actions>.production-header-play{background:var(--lime);color:#090c0d}.production-mobile-bottom-actions>.production-header-play.playing{color:#fff;background:#ffffff14;border-color:#ffffff29}.production-mobile-bottom-actions>.production-header-metronome.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-bottom-actions>.production-header-metronome.active{border-color:color-mix(in srgb,var(--lime) 56%,transparent)}}.production-mobile-bottom-actions>.production-header-metronome.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-bottom-actions>.production-header-metronome.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.production-mobile-bottom-actions>.production-header-metronome.active{color:var(--lime);box-shadow:0 0 14px var(--lime)}@supports (color:color-mix(in lab, red, red)){.production-mobile-bottom-actions>.production-header-metronome.active{box-shadow:0 0 14px color-mix(in srgb,var(--lime) 10%,transparent)}}.production-mobile-bottom-actions>button.production-header-plain,.production-mobile-bottom-actions>button.production-header-plain:hover{box-shadow:none;background:0 0;border-color:#0000}.daw-collaborators-desktop{display:none}.daw-collaborators-mobile{display:flex}.production-mobile-actions .daw-collaborators-trigger,.production-mobile-actions .daw-collaborators-invite{height:42px}.production-tabs .daw-collaborators-mobile-backdrop{z-index:89;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020405b8;border:0;width:100vw;height:100dvh;padding:0;display:block;position:fixed;inset:0}.production-mobile-collaborator-layer .daw-collaborators-mobile-backdrop{z-index:705}.production-mobile-actions .daw-collaborators-popover{z-index:90;width:100vw;max-height:min(84dvh,720px);padding-bottom:max(12px,env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -24px 80px #000000b8}.production-mobile-collaborator-layer .daw-collaborators-popover{z-index:706}.production-mobile-actions .daw-collaborators-popover>header{z-index:3;background:#0a0e10fa;height:58px;position:sticky;top:0}.production-mobile-actions .daw-collaborator-list{max-height:none}.production-mobile-tempo{flex:none;justify-content:space-between;gap:4px;width:94px;min-width:94px;height:42px;padding-inline:8px}.production-mobile-tempo input{text-align:right;width:48px;min-width:0;font-size:16px}.node-workspace{min-width:0}.node-toolbar{gap:6px;min-height:50px;padding:6px 8px}.node-pattern-picker{scroll-snap-type:x proximity}.node-pattern-picker button{scroll-snap-align:start;text-overflow:ellipsis;white-space:nowrap;max-width:132px;height:38px;padding-inline:9px;overflow:hidden}.node-pattern-actions{gap:4px}.node-pattern-actions>button{width:38px;height:38px}.node-editor-layout{min-height:0}.node-sound-browser{border-radius:12px;width:auto;height:min(68dvh,560px);inset:auto 8px 8px}.sound-browser-title{padding:14px 13px 12px}.sound-browser-title>button{width:40px;height:40px}.sound-browser-search input{min-height:42px;font-size:16px}.sound-browser-field select{min-height:42px;font-size:13px}.sound-browser-preview,.sound-bank-toggle,.sound-bank-samples>button{min-height:46px}.sound-browser-add{width:40px;min-height:40px}.studio-flow-shell .react-flow__minimap{display:none}.studio-flow-shell .react-flow__controls-button{width:38px;height:38px}.studio-flow-layout,.studio-flow-ghost-toggle,.studio-flow-controls-toggle{justify-content:center;width:40px;height:40px;padding:0;font-size:0;right:8px}.studio-flow-layout{top:8px}.studio-flow-ghost-toggle{top:54px}.studio-flow-controls-toggle{top:100px}.studio-flow-context-menu{width:min(260px,100vw - 24px);max-height:min(470px,70dvh);overflow-y:auto}.studio-flow-context-menu>button{min-height:50px}.studio-drum-rack-resize-handle{opacity:.72}.node-synth-editor{border-radius:7px;max-height:40dvh;margin:8px}.node-synth-editor .synth-editor-grid,.daw-sampler-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.daw-sampler-pads{grid-template-columns:repeat(4,minmax(0,1fr))}.daw-sampler-selected small{display:none}.node-synth-editor .synth-editor-grid label{min-height:68px}.node-synth-editor .synth-layer-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-toolbar{min-height:56px;padding:8px}.pattern-workspace.piano-active>.pattern-toolbar{scrollbar-width:none}.pattern-workspace.piano-active>.pattern-toolbar::-webkit-scrollbar{display:none}.production-surface.mobile-piano-active>.production-tabs{display:none}.production-surface.mobile-piano-active .pattern-toolbar{height:calc(58px + env(safe-area-inset-top));min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;background:#000;border-bottom:0}.production-surface.mobile-piano-active .piano-back-button,.production-surface.mobile-piano-active .piano-timing-controls label,.production-surface.mobile-piano-active .piano-chop-button,.production-surface.mobile-piano-active .piano-ghost-notes-toggle,.production-surface.mobile-piano-active .piano-sampler-badge,.production-surface.mobile-piano-active .piano-roll-sound-picker .unified-sound-select,.production-surface.mobile-piano-active .piano-roll-sound-picker .unified-sound-cycle{box-shadow:none;background:0 0;border-color:#0000}.production-surface.mobile-piano-active .piano-back-button:hover,.production-surface.mobile-piano-active .piano-chop-button:hover:not(:disabled),.production-surface.mobile-piano-active .piano-ghost-notes-toggle:hover,.production-surface.mobile-piano-active .piano-roll-sound-picker .unified-sound-cycle:hover:not(:disabled){background:0 0;border-color:#0000}.production-surface.mobile-piano-active .piano-ghost-notes-toggle.active{color:var(--channel);background:0 0;border-color:#0000}.production-surface.mobile-piano-active .piano-roll-sound-picker{width:158px;min-width:158px}.production-surface.mobile-piano-active .piano-roll-sound-picker .unified-sound-select,.production-surface.mobile-piano-active .piano-roll-sound-picker .unified-sound-cycle,.piano-back-button,.piano-timing-controls label,.piano-chop-button,.piano-ghost-notes-toggle,.piano-sampler-badge{height:40px}.piano-back-button{padding-inline:12px}.piano-timing-controls select{font-size:11px}.piano-chop-button{padding-inline:11px}.piano-chop-button kbd{display:none}.piano-roll-step-header,.piano-roll-step-header>.piano-roll-vertical-zoom{height:34px}.piano-roll-row{height:29px}.piano-roll-row.black .piano-key:before{width:40px}.piano-key{font-size:7px}.piano-key>span{left:40px}.piano-roll-scroll{touch-action:pan-x pan-y}.piano-note-cell{cursor:default;touch-action:pan-x pan-y}.piano-note{touch-action:none;overflow:visible}.piano-note>span{height:100%}.piano-note>i{z-index:2;touch-action:none;background:0 0;border-left:0;width:32px;display:none;right:-32px}.piano-note.selected>i{display:block}.piano-note>i:after{background:var(--channel);border:1px solid #ffffffb8;border-radius:3px;width:7px;position:absolute;top:2px;bottom:2px;left:0}@supports (color:color-mix(in lab, red, red)){.piano-note>i:after{background:color-mix(in srgb,var(--channel) 70%,#111)}}.piano-note>i:after{box-shadow:0 0 8px var(--channel)}@supports (color:color-mix(in lab, red, red)){.piano-note>i:after{box-shadow:0 0 8px color-mix(in srgb,var(--channel) 48%,transparent)}}.piano-note>i:after{content:""}.piano-controller{height:108px;transition:height .16s}.piano-controller.mobile-collapsed{grid-template-columns:1fr;height:40px;min-height:40px}.piano-controller-mobile-toggle{width:100%;min-width:0;height:28px;color:var(--channel);background:#ffffff0b;border:0;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.piano-controller-mobile-toggle>svg:last-child{transition:transform .16s}.piano-controller-mobile-toggle.expanded>svg:last-child{transform:rotate(90deg)}.piano-controller.mobile-collapsed .piano-controller-selector{border-right:0;flex-direction:row;grid-column:1/-1;justify-content:flex-start;padding:6px 8px}.piano-controller.mobile-collapsed .piano-controller-mobile-toggle{width:64px}.piano-controller.mobile-collapsed .piano-controller-selector>span,.piano-controller.mobile-collapsed .piano-controller-selector>select,.piano-controller.mobile-collapsed .piano-controller-viewport{display:none}.piano-controller-selector select{height:36px;font-size:10px}.piano-controller-grid>button{width:11px;min-height:7px}.arrange-grid>.arrange-playhead{display:none}.arrange-mobile-fixed-playhead,.arrange-mobile-fixed-playhead.idle{cursor:default;pointer-events:none;will-change:auto;display:block;left:130px}.arrange-clip-cell{cursor:default;touch-action:manipulation}.arrange-pattern-clip-body,.arrange-pattern-clip-body *{-webkit-user-drag:none;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.arrange-pattern-clip-body{touch-action:pan-x pan-y}.arrange-pattern-clip-resize{display:none}.arrange-pattern-clip.selected>.arrange-pattern-clip-resize{display:block}.arrange-pattern-clip.mobile-menu-open{z-index:26}.arrange-clip-mobile-menu{z-index:30;background:#1a1d21;border:1px solid #ffffff1a;border-radius:25px;place-items:center;width:58px;height:50px;margin-left:-29px;padding:4px;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;box-shadow:0 12px 30px #00000094}.arrange-clip-mobile-menu.place-below{top:calc(100% + 8px);bottom:auto}.arrange-clip-mobile-menu>button{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.arrange-clip-mobile-menu>button:active{color:#ff748c;background:#ffffff1a}.arrange-sound-mobile-layer{z-index:96;width:100vw;display:block;position:fixed;inset:0}.arrange-inline-sound-mobile-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020405bd;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.arrange-inline-sound-dialog{z-index:1;max-height:min(88dvh,760px);padding-bottom:max(20px,env(safe-area-inset-bottom));background:#0a0e10;border:0 solid #ffffff21;border-top-width:1px;border-radius:18px 18px 0 0;display:block;position:absolute;bottom:0;left:0;right:0;overflow:hidden auto;box-shadow:0 -24px 80px #000000b8}.arrange-inline-sound-mobile-header{z-index:4;background:#0a0e10fa;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:60px;padding:8px 10px 8px 16px;display:flex;position:sticky;top:0}.arrange-inline-sound-mobile-header>span{color:#fff;align-items:center;gap:9px;min-width:0;display:flex}.arrange-inline-sound-mobile-header>span>svg{color:var(--lime);flex:none}.arrange-inline-sound-mobile-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.arrange-inline-sound-mobile-header>button{color:#ffffffb8;background:#ffffff06;border:1px solid #ffffff1f;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative}.arrange-sound-mobile-layer .inline-sound-builder{min-width:0;padding:10px 10px 14px;overflow:visible}.arrange-add-sound-menu{display:none}.arrange-add-sound-mobile-layer{z-index:96;display:block;position:fixed;inset:0}.arrange-add-sound-mobile-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020405bd;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.arrange-add-sound-mobile-dialog{z-index:1;padding-bottom:max(20px,env(safe-area-inset-bottom));background:#0a0e10fc;border:0 solid #ffffff21;border-top-width:1px;border-radius:18px 18px 0 0;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -24px 80px #000000b8}.arrange-add-sound-mobile-dialog>header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:60px;padding:8px 10px 8px 16px;display:flex}.arrange-add-sound-mobile-dialog>header>span{color:#fff;align-items:center;gap:9px;display:flex}.arrange-add-sound-mobile-dialog>header>span>svg{color:var(--lime)}.arrange-add-sound-mobile-dialog>header strong{font-size:14px}.arrange-add-sound-mobile-dialog>header>button{color:#ffffffb8;background:#ffffff06;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative}.arrange-add-sound-mobile-dialog>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.arrange-add-sound-mobile-dialog>div>button{color:#ffffffb8;text-align:left;background:#ffffff06;border:1px solid #ffffff17;border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:92px;padding:12px;display:grid}.arrange-add-sound-mobile-dialog>div>button:hover,.arrange-add-sound-mobile-dialog>div>button:active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.arrange-add-sound-mobile-dialog>div>button:hover,.arrange-add-sound-mobile-dialog>div>button:active{border-color:color-mix(in srgb,var(--lime) 38%,transparent)}}.arrange-add-sound-mobile-dialog>div>button:hover,.arrange-add-sound-mobile-dialog>div>button:active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.arrange-add-sound-mobile-dialog>div>button:hover,.arrange-add-sound-mobile-dialog>div>button:active{background:color-mix(in srgb,var(--lime) 7%,transparent)}}.arrange-add-sound-mobile-dialog>div>button:hover,.arrange-add-sound-mobile-dialog>div>button:active{color:#fff}.arrange-add-sound-mobile-dialog>div>button>svg{color:var(--lime)}.arrange-add-sound-mobile-dialog>div>button>span{gap:4px;min-width:0;display:grid}.arrange-add-sound-mobile-dialog>div>button strong{font-size:12px}.arrange-add-sound-mobile-dialog>div>button small{color:#ffffff61;font-size:9px;line-height:1.35}.arrange-pattern-row-actions button{width:24px;height:28px}.arrange-pattern-clip-resize{width:15px;right:-7px}.mixer-workspace>header{min-width:0;min-height:58px;padding:10px 12px}.mixer-workspace-header>div:first-child{min-width:0}.mixer-session-summary span{height:34px;padding-inline:8px}.mixer-session-summary span:not(:first-child){display:none}.mixer-console{width:100%;min-width:0;overflow-x:auto}.mixer-strips{scroll-snap-type:x proximity;gap:7px;padding:8px}.mixer-strip{scroll-snap-align:start;flex-basis:148px;width:148px}.mixer-master-strip{flex-basis:158px;width:158px;margin-left:0}.midi-workspace{padding:10px}.midi-workspace>header{flex-direction:column;align-items:flex-start;gap:8px}.midi-panels{grid-template-columns:minmax(0,1fr);display:grid}.midi-channel-routes{overflow-x:auto}.midi-channel-routes>div{min-width:460px}.code-note{height:auto;min-height:40px;padding:8px 10px;line-height:1.4}.code-editor-shell{grid-template-columns:32px minmax(0,1fr);min-height:0}.code-editor-shell textarea{padding:12px 10px;font-size:16px;line-height:24px}.line-numbers{font-size:9px;line-height:24px}.parametric-eq-editor{min-width:0;max-height:none;inset:8px}.parametric-eq-main{grid-template-columns:minmax(520px,1fr) 210px;min-height:520px;overflow-x:auto}.parametric-eq-inspector{min-width:620px}.project-library-backdrop{padding:0}.project-library-dialog{width:100vw;height:100dvh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0}.project-library-row-actions>.project-library-open{min-width:76px}.project-library-create input,.project-library-row input,.studio-share-dialog input,.studio-share-dialog select{font-size:16px}}@media (orientation:landscape) and (hover:none) and (pointer:coarse){.production-surface{padding-bottom:0}.production-tabs{padding-right:calc(max(8px,env(safe-area-inset-right)) + 310px);padding-left:max(8px,env(safe-area-inset-left))}.production-tabs>.production-navigation-groups{margin-left:0}.production-tabs>.production-mobile-actions{flex:none;width:auto;overflow:visible}.production-mobile-bottom-actions{top:calc(env(safe-area-inset-top) + 7px);right:calc(max(8px,env(safe-area-inset-right)) + 50px);width:252px;height:44px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:start;align-items:center;padding:0;bottom:auto;left:auto}.production-surface.mobile-piano-active>.production-mobile-bottom-actions{display:none}.production-surface.mobile-piano-active .pattern-toolbar{padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}}@media (max-width:640px){.landing-nav{height:70px;padding:0 18px}.nav-enter{padding:10px 12px;font-size:9px}.landing-copy{top:47%;left:22px;right:22px}.landing-copy h1{font-size:clamp(3.3rem,16vw,5rem)}.landing-copy>p{font-size:14px}.landing-actions{flex-direction:column;align-items:flex-start}.landing-footer{left:22px}.brand-wave{border-radius:8px;width:32px;height:32px}.brand-lockup strong,.brand-lockup span{font-size:14px}.profile-menu{top:66px;bottom:auto;right:12px}.demo-badge{top:68px;right:12px}.hud-map{width:190px;top:16px;left:12px}.map-grid{height:116px}.game-help,.quick-actions .quick-instructions-action{display:none}.quick-actions{top:16px;bottom:auto;right:12px}.city-chat{width:min(360px,100vw - 24px);bottom:14px;left:50%}.studio-chat{width:min(360px,100% - 24px);bottom:14px}.studio-experience.daw-hidden .studio-chat{bottom:max(220px, calc(env(safe-area-inset-bottom) + 210px))}.chat-feed{max-height:130px}.friends-backdrop{align-items:end;padding:8px}.friends-panel{border-radius:43px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:7px}.friends-phone-screen{border-radius:36px}.friends-phone-screen>header{padding:8px 15px 12px}.friends-search{margin:0 15px 9px}.friends-tabs{padding:0 15px}.friends-content{padding:10px 15px 14px}.friends-phone-dock{margin:0 10px}.friend-row{grid-template-columns:38px minmax(0,1fr)}.friend-avatar{width:38px;height:38px}.friend-row-actions,.friend-add,.friend-pending{grid-column:2;justify-self:start}.online-friends-tooltip{display:none}.studio-experience{grid-template-rows:34vh minmax(0,1fr)}.studio-share-overlay{align-items:end;padding:8px}.profile-share-dialog{border-radius:12px;max-height:calc(100dvh - 16px);overflow-y:auto}.profile-share-dialog>header,.profile-share-content{padding:15px}.profile-share-visibility{grid-template-columns:1fr}.studio-share-dialog{border-radius:12px;max-height:calc(100dvh - 16px);overflow-y:auto}.studio-share-dialog>header{padding:15px}.studio-share-content{gap:14px;padding:15px}.studio-share-audience{grid-template-columns:1fr}.studio-share-audience button{min-height:72px}.studio-share-settings{grid-template-columns:1fr}.desktop-copy{display:none}.studio-room-hud{inset:12px 64px auto}.studio-room-identity-card{flex:1;width:auto;min-width:0}.studio-room-action{width:44px}.studio-room-exit{min-height:44px;top:12px;left:12px}.studio-daw-toggle{min-height:44px;top:64px;left:12px}.studio-analytics-toggle{min-height:44px;top:116px;left:12px}.studio-analytics-toggle.without-daw{top:64px;left:12px}.studio-beatstars-toggle{min-height:44px;top:168px;left:12px}.studio-beatstars-toggle.without-catalog,.studio-beatstars-toggle.without-daw{top:116px;left:12px}.studio-beatstars-toggle.without-daw.without-catalog{top:64px;left:12px}.studio-viewport:has(.studio-beatstars-toggle:not(.without-catalog)) .studio-room-hud{left:64px}.studio-user-menu{top:12px;right:12px}.studio-user-action{width:43px;height:43px;min-height:0}.studio-user-menu .studio-profile-menu{top:51px;right:0}.studio-graphics-action{width:44px;min-height:44px;top:12px;right:12px}.studio-customize-action{width:44px;min-height:44px;top:64px;right:12px}.studio-location-action{width:44px;min-height:44px;top:116px;right:12px}.graphics-settings-panel{top:66px;right:12px}.studio-room-action span{max-width:39px;font-size:5px}.studio-location-overlay{padding:8px}.studio-location-header{grid-template-columns:minmax(0,1fr) 42px;padding:16px}.studio-location-heading{grid-area:1/1}.studio-location-header>button{grid-area:1/2}.studio-location-header .studio-location-stats{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.studio-location-header h2{font-size:20px}.studio-location-content{grid-template-columns:1fr;overflow-y:auto}.studio-location-list{border-bottom:1px solid #ffffff14;border-right:0;max-height:150px}.studio-location-stage{grid-template-rows:260px auto auto;padding:10px;overflow:visible}.studio-location-preview{min-height:260px}.studio-location-controls{grid-template-columns:1fr}.studio-location-preview-label{flex-direction:column;align-items:flex-start;gap:2px}.studio-plaque-preview-overlay,.studio-analytics-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080b0c;place-items:stretch stretch}.studio-analytics-panel{width:100vw;box-shadow:none;border-left:0}.studio-analytics-content{padding:0}.studio-analytics-metrics{grid-template-columns:minmax(0,1fr)}.studio-analytics-metrics strong{font-size:20px}.studio-analytics-lifetime{min-height:312px}.studio-analytics-lifetime-avatar{width:92px;height:92px}.studio-analytics-lifetime-profile strong{font-size:22px}.studio-analytics-lifetime-platforms>i{width:22px;height:22px}.studio-analytics-lifetime-platforms svg{width:14px;height:14px}.studio-analytics-lifetime-score>strong{font-size:48px}.studio-analytics-platform-scoreboard{grid-template-columns:1fr;gap:18px;padding:20px 0 24px}.studio-analytics-platform-chart{width:min(72vw,270px)}.studio-analytics-platform-chart strong{font-size:36px}.studio-analytics-platform-list{justify-self:center;width:100%;max-width:390px}.studio-analytics-platform-list>div{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;min-height:52px}.studio-analytics-platform-list>div>i{width:34px;height:34px}.studio-analytics-platform-list>div>i svg{width:20px;height:20px}.studio-analytics-platform-card>header,.studio-analytics-songs>header{padding:10px 14px}.studio-analytics-song-summary{grid-template-columns:34px minmax(0,1fr) auto 20px;gap:7px;padding:8px 14px}.studio-analytics-song-summary>b,.studio-analytics-song-platforms{display:none}.studio-analytics-song-summary>img,.studio-analytics-song-placeholder{width:34px;height:34px}.studio-analytics-song-total{font-size:11px}.studio-analytics-track-breakdown{grid-template-columns:1fr;gap:18px;padding:18px 14px 20px}.studio-analytics-track-chart-summary{justify-items:center}.studio-analytics-track-chart{width:170px}.studio-analytics-track-platforms>a:not(.studio-analytics-track-genius),.studio-analytics-track-platforms>div{grid-template-columns:34px minmax(0,1fr) minmax(64px,auto) 20px;gap:8px;min-height:54px;padding:7px 8px}.studio-analytics-track-platforms>a>div,.studio-analytics-track-platforms>div>div{display:none}.studio-analytics-track-platforms>a>i,.studio-analytics-track-platforms>div>i{width:34px;height:34px}.studio-plaque-preview-dialog{width:100vw;min-width:0;max-width:none;height:100dvh;padding:calc(52px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));box-shadow:none;border-left:0;gap:16px}.studio-plaque-preview-close{top:calc(10px + env(safe-area-inset-top));right:12px}.studio-plaque-preview-visual{width:280px}.studio-plaque-preview-frame{width:280px;height:415px}.studio-plaque-preview-artwork{transform:scale(.46)}.studio-plaque-preview-nav{border-radius:8px;width:38px;height:48px}.studio-plaque-preview-nav.previous{left:-12px}.studio-plaque-preview-nav.next{right:-12px}.studio-plaque-apple-preview{grid-template-columns:54px minmax(0,1fr) 42px minmax(60px,.75fr) 36px;gap:7px;min-height:70px;padding:5px 8px 5px 5px}.studio-plaque-apple-preview>img{width:54px;height:54px}.studio-plaque-apple-preview-copy strong{font-size:13px}.studio-plaque-apple-preview-copy span{font-size:11px}.studio-plaque-apple-preview>button{width:42px;height:42px}.studio-plaque-apple-preview>button svg{width:20px;height:20px}.studio-plaque-apple-preview-time:first-of-type,.studio-plaque-apple-preview-brand{display:none}.studio-plaque-apple-preview-time{font-size:11px}.production-console{min-height:0}.project-library-backdrop{padding:8px}.project-library-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.project-library-create{grid-template-columns:1fr}.project-library-create label{grid-column:auto}.project-library-row{grid-template-columns:minmax(0,1fr) auto}.project-library-row>em{display:none}.project-library-row-actions{grid-column:1/-1;justify-content:flex-end}.project-library-backups{margin-left:0}.project-library-backups>header{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:768px),(hover:none) and (pointer:coarse){body,button,canvas,img,svg{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true],[contenteditable=plaintext-only],[data-native-selection]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.quick-actions .quick-instructions-action,.game-help{display:none}.hud-map{top:12px;left:max(10px, env(safe-area-inset-left));width:150px}.map-grid{height:92px}.mobile-character-controls{z-index:24;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.mobile-character-controls.disabled{opacity:0;visibility:hidden}.mobile-movement-stick,.mobile-camera-stick{bottom:max(22px, calc(env(safe-area-inset-bottom) + 12px));pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle,#090d0e5c,#090d0e9e);border:1px solid #fff3;border-radius:50%;width:116px;height:116px;position:absolute;box-shadow:inset 0 0 28px #ffffff09,0 12px 30px #0003}.mobile-movement-stick{left:max(18px, env(safe-area-inset-left))}.mobile-camera-stick{right:max(18px, env(safe-area-inset-right))}.mobile-movement-stick-ring{border:1px solid var(--lime);position:absolute;inset:20px}@supports (color:color-mix(in lab, red, red)){.mobile-movement-stick-ring{border:1px solid color-mix(in srgb,var(--lime) 18%,transparent)}}.mobile-movement-stick-ring{border-radius:inherit}.mobile-movement-stick-thumb{border:1px solid var(--lime);width:48px;height:48px;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px)}@supports (color:color-mix(in lab, red, red)){.mobile-movement-stick-thumb{border:1px solid color-mix(in srgb,var(--lime) 70%,transparent)}}.mobile-movement-stick-thumb{background:linear-gradient(145deg, var(--lime), #8eb123e0);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.mobile-movement-stick-thumb{background:linear-gradient(145deg, color-mix(in srgb,var(--lime) 92%,transparent), #8eb123e0)}}.mobile-movement-stick-thumb{box-shadow:0 0 18px var(--lime), 0 7px 15px #00000059}@supports (color:color-mix(in lab, red, red)){.mobile-movement-stick-thumb{box-shadow:0 0 18px color-mix(in srgb,var(--lime) 26%,transparent), 0 7px 15px #00000059}}.mobile-movement-stick-thumb{will-change:transform}.mobile-action-controls{right:max(18px, env(safe-area-inset-right));bottom:max(24px, calc(env(safe-area-inset-bottom) + 14px));pointer-events:none;grid-template-rows:repeat(2,54px);grid-template-columns:54px 76px;align-items:center;gap:9px;display:grid;position:absolute}.mobile-action-button{color:#fffc;pointer-events:auto;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080b0db3;border:1px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:54px;display:flex;box-shadow:0 8px 22px #0000003d}.mobile-action-button span{letter-spacing:.08em;text-transform:uppercase;font-size:6px;font-weight:950}.mobile-action-button:active,.mobile-action-button[aria-pressed=true]{border-color:var(--lime);background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.mobile-action-button:active,.mobile-action-button[aria-pressed=true]{background:color-mix(in srgb,var(--lime) 16%,transparent)}}.mobile-action-button:active,.mobile-action-button[aria-pressed=true]{color:var(--lime);transform:scale(.94)}.mobile-action-primary{border-color:var(--lime);grid-area:1/2/3;align-self:center;width:76px;height:76px}@supports (color:color-mix(in lab, red, red)){.mobile-action-primary{border-color:color-mix(in srgb,var(--lime) 52%,transparent)}}.mobile-action-primary{color:var(--lime);background:#12170fbf}.city-mobile-character-controls .mobile-action-controls,.studio-mobile-character-controls .mobile-action-controls{right:auto;bottom:max(18px, calc(env(safe-area-inset-bottom) + 10px));grid-template-rows:46px;grid-template-columns:repeat(4,46px);gap:8px;left:50%;transform:translate(-50%)}.city-mobile-character-controls .mobile-action-button:not(.mobile-action-primary),.studio-mobile-character-controls .mobile-action-button:not(.mobile-action-primary){width:46px;height:46px}.city-mobile-character-controls .mobile-action-use{grid-area:1/1}.city-mobile-character-controls .mobile-action-chat{grid-area:1/2}.city-mobile-character-controls .mobile-action-equip{grid-area:1/3}.city-mobile-character-controls .mobile-action-emotes{grid-area:1/4}.city-chat{bottom:max(76px, calc(env(safe-area-inset-bottom) + 68px))}.studio-viewport .studio-room-hud{display:none}.studio-viewport .studio-mobile-top-meta{z-index:4;gap:8px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.studio-viewport .studio-room-action{width:44px;min-height:44px}.studio-viewport .studio-room-action span{max-width:39px;font-size:5px}.studio-viewport .studio-mobile-presence-action{color:#ffffffd1}.studio-viewport .studio-mobile-presence-action span{color:#fff;max-width:none;font-size:9px}.studio-viewport .studio-mobile-presence-action.reconnecting{color:#ffb15c}.studio-viewport .studio-chat{bottom:max(76px, calc(env(safe-area-inset-bottom) + 68px))}.studio-viewport.mobile-layout .studio-room-exit,.studio-viewport:not(.mobile-layout) .studio-room-exit{top:12px;left:12px}.studio-viewport.mobile-layout .studio-daw-toggle,.studio-viewport:not(.mobile-layout) .studio-daw-toggle{top:12px;left:64px}.studio-viewport.mobile-layout .studio-analytics-toggle,.studio-viewport:not(.mobile-layout) .studio-analytics-toggle{top:12px;left:116px}.studio-viewport.mobile-layout .studio-analytics-toggle.without-daw,.studio-viewport:not(.mobile-layout) .studio-analytics-toggle.without-daw{top:12px;left:64px}.studio-viewport.mobile-layout .studio-beatstars-toggle,.studio-viewport:not(.mobile-layout) .studio-beatstars-toggle{top:12px;left:168px}.studio-viewport.mobile-layout .studio-beatstars-toggle.without-catalog,.studio-viewport.mobile-layout .studio-beatstars-toggle.without-daw,.studio-viewport:not(.mobile-layout) .studio-beatstars-toggle.without-catalog,.studio-viewport:not(.mobile-layout) .studio-beatstars-toggle.without-daw{top:12px;left:116px}.studio-viewport.mobile-layout .studio-beatstars-toggle.without-daw.without-catalog,.studio-viewport:not(.mobile-layout) .studio-beatstars-toggle.without-daw.without-catalog{top:12px;left:64px}.studio-viewport.mobile-layout .studio-graphics-action,.studio-viewport:not(.mobile-layout) .studio-graphics-action,.studio-viewport.mobile-layout .studio-user-menu,.studio-viewport:not(.mobile-layout) .studio-user-menu{top:12px;right:12px}.studio-viewport.mobile-layout .studio-user-action,.studio-viewport:not(.mobile-layout) .studio-user-action{width:43px;height:43px;min-height:0}.studio-viewport.mobile-layout .studio-profile-menu,.studio-viewport:not(.mobile-layout) .studio-profile-menu{top:51px;right:0}.studio-viewport.mobile-layout .studio-customize-action,.studio-viewport:not(.mobile-layout) .studio-customize-action{top:12px;right:64px}.studio-viewport.mobile-layout .studio-location-action,.studio-viewport:not(.mobile-layout) .studio-location-action{top:12px;right:116px}.chat-compose input{font-size:16px}.player-chat-bubble{-webkit-backdrop-filter:none;backdrop-filter:none;contain:layout paint style;background:#f9fbf7f5;border-color:#ffffff4d;border-radius:11px 11px 11px 3px;gap:6px;max-width:min(172px,42vw);padding:7px 9px;font-size:10px;line-height:1.3;box-shadow:0 6px 18px #0000004d}.player-chat-avatar{width:22px;height:22px;font-size:8px}.player-chat-message{max-width:126px}.player-chat-verified{width:13px;height:13px;top:3px;left:25px}.player-chat-bubble:after{background:#f9fbf7f5;width:10px;height:7px;bottom:-6px;left:15px}}.city-landscape-required,.studio-landscape-required{display:none}@media (orientation:portrait) and (hover:none) and (pointer:coarse){.city-landscape-required,.studio-viewport:not(.mobile-layout) .studio-landscape-required{z-index:200;background:radial-gradient(circle at 50% 45%, var(--lime), transparent 34%), #070a0c;place-content:center;justify-items:center;gap:9px;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.city-landscape-required,.studio-viewport:not(.mobile-layout) .studio-landscape-required{background:radial-gradient(circle at 50% 45%, color-mix(in srgb,var(--lime) 9%,transparent), transparent 34%), #070a0c}}.city-landscape-required,.studio-viewport:not(.mobile-layout) .studio-landscape-required{color:#ffffff8f;text-align:center;padding:28px}.city-landscape-required svg,.studio-landscape-required svg{color:var(--lime);transform:rotate(90deg)}.city-landscape-required strong,.studio-landscape-required strong{color:#fff;letter-spacing:.02em;font-size:17px}.city-landscape-required span,.studio-landscape-required span{font-size:10px}}@media (max-width:360px){.hud-map{width:150px}.map-grid{height:92px}.quick-actions{gap:6px}.quick-actions button{width:39px;height:39px}}.sampler-scrim{z-index:60;-webkit-backdrop-filter:blur(9px)saturate(.9)brightness(.82);backdrop-filter:blur(9px)saturate(.9)brightness(.82);background:radial-gradient(at 50% 46%,#06090b24 0%,#04060894 82%);place-items:center;padding:34px;animation:.22s both sampler-scrim-in;display:grid;position:fixed;inset:0}@keyframes sampler-scrim-in{0%{opacity:0}to{opacity:1}}.sampler-shell{color:#fff;width:min(1280px,100%);height:min(830px,100%);box-shadow:0 40px 120px #000000b3, 0 0 0 1px #00000080, 0 0 90px var(--lime);background:#090c0ef7;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.sampler-shell{box-shadow:0 40px 120px #000000b3, 0 0 0 1px #00000080, 0 0 90px color-mix(in srgb,var(--lime) 7%,transparent)}}.sampler-shell{animation:.26s cubic-bezier(.2,.9,.3,1) both sampler-in}@keyframes sampler-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.sampler-platter{position:relative}.sampler-platter>svg{animation:3.4s linear infinite sampler-platter-spin}@keyframes sampler-platter-spin{to{transform:rotate(360deg)}}.sampler-head{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;padding:13px 18px;display:flex}.sampler-head>span{background:var(--lime);border-radius:9px;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.sampler-head>span{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.sampler-head>span{color:var(--lime)}.sampler-head>div{flex:1;gap:2px;display:grid}.sampler-head small{color:var(--lime);letter-spacing:.16em;text-transform:uppercase;font-size:7px;font-weight:900}.sampler-head strong{letter-spacing:.02em;font-size:15px}.sampler-head>button{color:#ffffff94;background:0 0;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.sampler-head>button:hover{color:#fff;border-color:#ffffff3d}.sampler-body{flex:1;grid-template-columns:290px minmax(0,1fr) 260px;min-height:0;display:grid}.sampler-body.auditioning{background:#ffffff12;grid-template-columns:290px minmax(0,1fr);gap:1px}.sampler-body>section{background:#090b0d;min-height:0;padding:14px;overflow-y:auto}.sampler-crate-tabs{grid-template-columns:1fr 1fr;gap:5px;display:grid}.sampler-crate-tabs button{color:#ffffff9e;background:#ffffff08;border:1px solid #ffffff17;border-radius:7px;padding:8px 6px;font-size:9px;font-weight:700}.sampler-crate-tabs button:hover{color:#fff;border-color:#fff3}.sampler-crate-tabs button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-crate-tabs button.active{border-color:color-mix(in srgb,var(--lime) 45%,transparent)}}.sampler-crate-tabs button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-crate-tabs button.active{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.sampler-crate-tabs button.active{color:#fff}.sampler-dig{gap:7px;margin-top:11px;display:grid}.sampler-search{color:#fff6;background:#ffffff08;border:1px solid #ffffff1a;border-radius:7px;align-items:center;gap:7px;padding:0 9px;display:flex}.sampler-search input{color:#fff;background:0 0;border:0;outline:none;flex:1;padding:9px 0;font-size:10px}.sampler-dig-button{background:var(--lime);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:10px;font-weight:900;display:flex}.sampler-dig-button:disabled{opacity:.45}.sampler-record{gap:10px;margin-top:13px;display:flex}.sampler-record img,.sampler-record-blank{object-fit:cover;border:1px solid #ffffff1a;border-radius:6px;flex:none;width:62px;height:62px}.sampler-record-blank{color:#ffffff4d;background:#ffffff0a;place-items:center;display:grid}.sampler-record>div{align-content:start;gap:3px;min-width:0;display:grid}.sampler-record strong{text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}.sampler-record span{color:#ffffff8c;font-size:9px}.sampler-record small{color:#ffffff52;font-size:8px}.sampler-record a{color:var(--lime);text-decoration:none}.sampler-record a:hover{text-decoration:underline}.sampler-empty{color:#ffffff57;margin:14px 0 0;font-size:9px;line-height:1.6}.sampler-sides{gap:3px;margin-top:11px;display:grid}.sampler-sides button{color:#fff9;text-align:left;background:#ffffff08;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:9px;display:flex}.sampler-sides button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sampler-sides button small{color:#ffffff4d;flex:none}.sampler-sides button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-sides button.active{border-color:color-mix(in srgb,var(--lime) 40%,transparent)}}.sampler-sides button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-sides button.active{background:color-mix(in srgb,var(--lime) 8%,transparent)}}.sampler-sides button.active{color:#fff}.sampler-progress{margin-top:12px}.sampler-progress i{background:var(--lime);border-radius:999px;height:3px;transition:width .12s linear;display:block}.sampler-progress small{color:#fff6;margin-top:6px;font-size:8px;display:block}.sampler-error{color:#ff9a8b;margin:12px 0 0;font-size:9px;line-height:1.5}.sampler-waveform{touch-action:none;background:#06080a;border:1px solid #ffffff1a;border-radius:9px;flex:none;width:100%;display:block}.sampler-waveform-overview{cursor:grab;margin-bottom:6px}.sampler-waveform-overview:active{cursor:grabbing}.sampler-waveform-detail{cursor:crosshair}.sampler-chop-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.sampler-chop-bar>button,.sampler-chop-mode button,.sampler-chop-count button{color:#ffffff9e;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:700;display:flex}.sampler-chop-bar>button:hover:not(:disabled),.sampler-chop-mode button:hover,.sampler-chop-count button:hover{color:#fff;border-color:#ffffff38}.sampler-chop-bar>button:disabled{opacity:.4}.sampler-chop-mode,.sampler-chop-count{gap:3px;display:flex}.sampler-chop-mode button.active,.sampler-chop-count button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-chop-mode button.active,.sampler-chop-count button.active{border-color:color-mix(in srgb,var(--lime) 45%,transparent)}}.sampler-chop-mode button.active,.sampler-chop-count button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-chop-mode button.active,.sampler-chop-count button.active{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.sampler-chop-mode button.active,.sampler-chop-count button.active{color:#fff}.sampler-chop-count button{justify-content:center;min-width:30px}.sampler-chop-go{border-color:var(--lime)!important}@supports (color:color-mix(in lab, red, red)){.sampler-chop-go{border-color:color-mix(in srgb,var(--lime) 50%,transparent)!important}}.sampler-chop-go{background:var(--lime)!important}@supports (color:color-mix(in lab, red, red)){.sampler-chop-go{background:color-mix(in srgb,var(--lime) 14%,transparent)!important}}.sampler-chop-go{color:#fff!important}.sampler-region-read{color:#ffffff5c;font-variant-numeric:tabular-nums;margin-left:auto;font-size:9px}.sampler-stage{flex-direction:column;display:flex}.sampler-pads{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,1fr);align-content:stretch;gap:8px;width:100%;max-width:620px;min-height:300px;margin:13px auto 0;display:grid}.sampler-pad{color:#fff;touch-action:none;background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #ffffff1f;border-radius:9px;align-content:center;justify-items:center;gap:3px;min-height:62px;transition:border-color .12s,transform 60ms;display:grid;position:relative}.sampler-pad.empty{opacity:.3}.sampler-pad.selected{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-pad.selected{border-color:color-mix(in srgb,var(--lime) 55%,transparent)}.sampler-pad.lit{background:linear-gradient(180deg, color-mix(in srgb,var(--lime) 50%,transparent), color-mix(in srgb,var(--lime) 22%,transparent))}}.sampler-pad.lit{box-shadow:0 0 22px var(--lime);transform:scale(.97)}@supports (color:color-mix(in lab, red, red)){.sampler-pad.lit{box-shadow:0 0 22px color-mix(in srgb,var(--lime) 35%,transparent)}}.sampler-pad kbd{color:#ffffff57;font-family:inherit;font-size:7px;font-weight:900;position:absolute;top:5px;left:6px}.sampler-pad.lit kbd,.sampler-pad.lit small{color:#090b0d9e}.sampler-pad b{font-size:17px;font-weight:800}.sampler-pad small{color:#ffffff52;font-variant-numeric:tabular-nums;font-size:7px}.sampler-rack{align-content:start;gap:16px;display:grid}.sampler-rack h3{color:var(--lime);letter-spacing:.16em;text-transform:uppercase;margin:0 0 9px;font-size:7px;font-weight:900}.sampler-pad-editor label,.sampler-tempo{grid-template-columns:42px 1fr 34px;align-items:center;gap:4px 8px;margin-bottom:8px;display:grid}.sampler-tempo{grid-template-columns:60px 1fr}.sampler-pad-editor label span,.sampler-tempo span{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.sampler-pad-editor label small{color:#ffffffb3;font-variant-numeric:tabular-nums;text-align:right;font-size:9px}.sampler-rack input[type=range]{width:100%;accent-color:var(--lime)}.sampler-pad-toggles{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.sampler-pad-toggles button{color:#fff9;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;font-weight:700;display:flex}.sampler-pad-toggles button:hover{color:#fff;border-color:#ffffff38}.sampler-pad-toggles button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-pad-toggles button.active{border-color:color-mix(in srgb,var(--lime) 45%,transparent)}}.sampler-pad-toggles button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-pad-toggles button.active{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.sampler-pad-toggles button.active{color:#fff}.sampler-pad-read{color:#ffffff57;margin:9px 0 0;font-size:8px;line-height:1.5}.sampler-transport{gap:5px;margin-bottom:10px;display:flex}.sampler-transport button{color:#fff9;background:#ffffff08;border:1px solid #ffffff1a;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.sampler-transport button:hover:not(:disabled){color:#fff;border-color:#ffffff3d}.sampler-transport button:disabled{opacity:.35}.sampler-transport button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-transport button.active{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.sampler-transport button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-transport button.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.sampler-transport button.active{color:var(--lime)}.sampler-transport button.recording{color:#ff6a5e;background:#ff5a5029;border-color:#ff5a5099;animation:1.1s ease-in-out infinite sampler-rec}@keyframes sampler-rec{50%{opacity:.55}}.sampler-loop-lane{grid-template-columns:repeat(16,1fr);gap:2px;margin:4px 0 7px;display:grid}.sampler-loop-lane i{background:#ffffff12;border-radius:2px;height:13px}.sampler-loop-lane i.beat{background:#ffffff21}.sampler-loop-lane i.on{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-loop-lane i.on{background:color-mix(in srgb,var(--lime) 75%,transparent)}}.sampler-loop-lane i.now{background:#fff;outline:1px solid #fff}.sampler-jam-read{color:#ffffff57;font-size:8px;display:block}.sampler-youtube-record{gap:9px;margin-top:11px;display:grid}.sampler-youtube-record .sampler-audition-hint{margin:0}.sampler-youtube-range{gap:8px;padding-top:3px;display:grid}.sampler-youtube-range-slider{height:20px;position:relative}.sampler-youtube-range-rail{background:#ffffff1a;border-radius:999px;height:4px;position:absolute;top:8px;left:7px;right:7px;overflow:hidden}.sampler-youtube-range-rail i{top:0;bottom:0;left:var(--range-start);right:calc(100% - var(--range-end));border-radius:inherit;background:var(--lime);box-shadow:0 0 8px var(--lime);position:absolute}@supports (color:color-mix(in lab, red, red)){.sampler-youtube-range-rail i{box-shadow:0 0 8px color-mix(in srgb,var(--lime) 35%,transparent)}}.sampler-youtube-range-slider input{z-index:2;appearance:none;pointer-events:none;background:0 0;width:100%;height:20px;margin:0;position:absolute;inset:0}.sampler-youtube-range-slider input::-webkit-slider-runnable-track{background:0 0;height:4px}.sampler-youtube-range-slider input::-webkit-slider-thumb{appearance:none;background:var(--lime);width:14px;height:14px;box-shadow:0 0 0 1px var(--lime), 0 2px 7px #0009;border:2px solid #11150d;border-radius:50%;margin-top:-5px}@supports (color:color-mix(in lab, red, red)){.sampler-youtube-range-slider input::-webkit-slider-thumb{box-shadow:0 0 0 1px color-mix(in srgb,var(--lime) 55%,transparent), 0 2px 7px #0009}}.sampler-youtube-range-slider input::-webkit-slider-thumb{cursor:ew-resize;pointer-events:auto}.sampler-youtube-range-slider input::-moz-range-track{background:0 0;height:4px}.sampler-youtube-range-slider input::-moz-range-thumb{background:var(--lime);width:11px;height:11px;box-shadow:0 0 0 1px var(--lime), 0 2px 7px #0009;border:2px solid #11150d;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.sampler-youtube-range-slider input::-moz-range-thumb{box-shadow:0 0 0 1px color-mix(in srgb,var(--lime) 55%,transparent), 0 2px 7px #0009}}.sampler-youtube-range-slider input::-moz-range-thumb{cursor:ew-resize;pointer-events:auto}.sampler-youtube-range-slider input:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline:2px solid #fff}.sampler-youtube-range-slider input:focus-visible::-moz-range-thumb{outline-offset:2px;outline:2px solid #fff}.sampler-youtube-range-values{color:#ffffff73;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:8px;font-weight:800;display:grid}.sampler-youtube-range-values>div{align-items:center;gap:5px;display:flex}.sampler-youtube-range-values>div:last-child{justify-content:flex-end}.sampler-youtube-range time{color:#fff;font-variant-numeric:tabular-nums}.sampler-youtube-range button{color:#ffffff8c;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;padding:5px 7px;font-size:7px;font-weight:800}.sampler-youtube-range button:hover:not(:disabled){color:#fff;border-color:#ffffff40}.sampler-youtube-range strong{color:var(--lime);text-align:center;white-space:nowrap;font-size:8px}.sampler-youtube-download{border:1px solid var(--lime);justify-content:center;align-items:center;gap:7px;width:100%;margin-top:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.sampler-youtube-download{border:1px solid color-mix(in srgb,var(--lime) 42%,transparent)}}.sampler-youtube-download{background:var(--lime);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.sampler-youtube-download{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.sampler-youtube-download{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;padding:9px;font-size:8px;font-weight:900}.sampler-youtube-download:hover:not(:disabled){border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-youtube-download:hover:not(:disabled){border-color:color-mix(in srgb,var(--lime) 72%,transparent)}}.sampler-youtube-download:hover:not(:disabled){color:#fff}.sampler-youtube-download:disabled{opacity:.5}.sampler-youtube-download.downloading{animation:1.1s ease-in-out infinite sampler-rec}.sampler-youtube-download-progress{background:#0000002e;border:1px solid #ffffff14;border-radius:7px;gap:6px;margin-top:7px;padding:8px 9px;display:grid}.sampler-youtube-download-progress>div{color:#ffffff94;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:7px;font-weight:850;display:flex}.sampler-youtube-download-progress time{color:var(--lime);font-variant-numeric:tabular-nums}.sampler-youtube-download-rail{background:#ffffff14;border-radius:999px;height:3px;display:block;position:relative;overflow:hidden}.sampler-youtube-download-rail i{border-radius:inherit;background:linear-gradient(90deg, transparent, var(--lime), transparent);width:32%;animation:1.25s ease-in-out infinite sampler-youtube-progress;position:absolute;inset:0 auto 0 0}@keyframes sampler-youtube-progress{0%{transform:translate(-110%)}to{transform:translate(335%)}}.sampler-send{background:var(--lime);width:100%;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:9px;font-weight:900;display:flex}.sampler-send:disabled{opacity:.4}.sampler-saved{color:var(--lime);margin:8px 0 0;font-size:8px}.sampler-credit{color:#ffffff47;margin:8px 0 0;font-size:7px;line-height:1.6}@media (max-width:1080px){.sampler-body{grid-template-columns:1fr;overflow-y:auto}.sampler-body>section{overflow:visible}.sampler-pads{min-height:260px}.sampler-scrim{padding:0}.sampler-shell{border:0;border-radius:0;width:100%;height:100%}}@media (prefers-reduced-motion:reduce){.sampler-scrim,.sampler-shell,.sampler-platter>svg,.sampler-shell,.sampler-transport button.recording,.sampler-youtube-download.downloading{animation:none}.sampler-youtube-download-rail i{opacity:.55;width:100%;animation:none}.sampler-pad{transition:none}}.sampler-prompt{cursor:pointer;font:inherit;text-align:left}.sampler-prompt:hover{border-color:var(--lime)}.sampler-filters{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;display:grid}.sampler-filters label{gap:3px;display:grid}.sampler-filters span{color:#fff6;letter-spacing:.14em;text-transform:uppercase;font-size:7px;font-weight:900}.sampler-filters select{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:7px 6px;font-family:inherit;font-size:9px}.sampler-filters select:focus{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-filters select:focus{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.sampler-filters select:focus{outline:none}.sampler-crate-size{color:#ffffff57;text-align:center;font-size:8px}.sampler-track-head{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.sampler-track-head>strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.sampler-track-tags{flex:none;gap:4px;display:flex}.sampler-tag{border:1px solid var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-tag{border:1px solid color-mix(in srgb,var(--lime) 36%,transparent)}}.sampler-tag{background:var(--lime);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.sampler-tag{background:color-mix(in srgb,var(--lime) 10%,transparent)}}.sampler-tag{color:var(--lime);letter-spacing:.08em;font-variant-numeric:tabular-nums;padding:3px 8px;font-size:8px;font-style:normal;font-weight:900}.sampler-tag.muted{color:#ffffff6b;background:#ffffff0a;border-color:#ffffff24}.sampler-pad{border-color:var(--pad-color,#fff)}@supports (color:color-mix(in lab, red, red)){.sampler-pad{border-color:color-mix(in srgb, var(--pad-color,#fff) 34%, transparent)}}.sampler-pad:hover:not(:disabled){border-color:var(--pad-color,#fff)}@supports (color:color-mix(in lab, red, red)){.sampler-pad:hover:not(:disabled){border-color:color-mix(in srgb, var(--pad-color,#fff) 70%, transparent)}}.sampler-pad.selected{border-color:var(--pad-color,var(--lime));box-shadow:inset 0 0 0 1px var(--pad-color,#fff)}@supports (color:color-mix(in lab, red, red)){.sampler-pad.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pad-color,#fff) 40%, transparent)}}.sampler-pad.lit{border-color:var(--pad-color,var(--lime));background:linear-gradient(180deg, var(--pad-color,#d7ff3f), var(--pad-color,#d7ff3f))}@supports (color:color-mix(in lab, red, red)){.sampler-pad.lit{background:linear-gradient(180deg, color-mix(in srgb, var(--pad-color,#d7ff3f) 62%, transparent), color-mix(in srgb, var(--pad-color,#d7ff3f) 26%, transparent))}}.sampler-pad.lit{box-shadow:0 0 22px var(--pad-color,#d7ff3f)}@supports (color:color-mix(in lab, red, red)){.sampler-pad.lit{box-shadow:0 0 22px color-mix(in srgb, var(--pad-color,#d7ff3f) 42%, transparent)}}.sampler-pad.empty{border-color:#ffffff14}.sampler-rack h3{align-items:center;gap:6px;display:flex}.sampler-rack h3>i{border-radius:2px;width:8px;height:8px}.sampler-pad-modes{gap:3px;margin-bottom:10px;display:flex}.sampler-pad-modes button{color:#fff9;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:7px 4px;font-size:8px;font-weight:700}.sampler-pad-modes button:hover{color:#fff;border-color:#ffffff3d}.sampler-pad-modes button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-pad-modes button.active{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.sampler-pad-modes button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-pad-modes button.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.sampler-pad-modes button.active{color:#fff}.sampler-pad-beats{align-items:center;gap:4px;margin-top:8px;display:flex}.sampler-pad-beats>span{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.sampler-pad-beats button{color:#ffffff9e;background:#ffffff08;border:1px solid #ffffff1a;border-radius:5px;min-width:26px;padding:5px 0;font-size:9px;font-weight:700}.sampler-pad-beats button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-pad-beats button.active{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.sampler-pad-beats button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-pad-beats button.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.sampler-pad-beats button.active{color:#fff}.sampler-pad-beats small{color:#ffffff57;font-size:8px}.sampler-pad:before{content:"";background:var(--pad-color,var(--lime));opacity:.85;border-radius:9px 9px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.sampler-pad.empty:before{opacity:.12}.sampler-pad.lit:before{opacity:1}.sampler-pad b{color:var(--pad-color,#fff)}@supports (color:color-mix(in lab, red, red)){.sampler-pad b{color:color-mix(in srgb, var(--pad-color,#fff) 78%, white)}}.sampler-pad.lit b,.sampler-pad.lit kbd,.sampler-pad.lit small{color:#090b0dc7}.sampler-source-switch{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:7px;display:grid}.sampler-source-switch button{color:#fff9;background:#ffffff08;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:9px;font-weight:800;display:flex}.sampler-source-switch button:hover{color:#fff;border-color:#ffffff3d}.sampler-source-switch button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-source-switch button.active{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.sampler-source-switch button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-source-switch button.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.sampler-source-switch button.active{color:#fff}.sampler-source-note{color:#ffffff57;margin:0 0 11px;font-size:8px;line-height:1.55}.sampler-topic-toggle button{color:#fff9;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:7px 6px;font-size:9px;font-weight:700}.sampler-topic-toggle button.active{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-topic-toggle button.active{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.sampler-topic-toggle button.active{background:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-topic-toggle button.active{background:color-mix(in srgb,var(--lime) 12%,transparent)}}.sampler-topic-toggle button.active{color:#fff}.sampler-drop{color:#ffffff70;cursor:pointer;border:1px dashed #ffffff2e;border-radius:7px;align-items:center;gap:7px;padding:9px;font-size:8px;display:flex}.sampler-drop:hover{border-color:var(--lime)}@supports (color:color-mix(in lab, red, red)){.sampler-drop:hover{border-color:color-mix(in srgb,var(--lime) 50%,transparent)}}.sampler-drop:hover{color:#fff}.sampler-drop input{display:none}.sampler-youtube{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1f;border-radius:10px;width:100%;max-width:620px;margin:0 auto;position:relative;overflow:hidden}.sampler-youtube-host{width:100%;height:100%}.sampler-youtube iframe{border:0;width:100%;height:100%;display:block}.sampler-youtube-empty{color:#ffffff57;text-align:center;border:1px dashed #ffffff24;border-radius:10px;place-content:center;justify-items:center;gap:7px;min-height:190px;display:grid}.sampler-youtube-empty strong{color:#ffffffb8;font-size:11px}.sampler-youtube-empty span{font-size:9px}.sampler-audition-hint{color:#fff6;text-align:center;margin:11px 0 0;font-size:9px;line-height:1.6}.sampler-audition-hint strong{color:var(--lime)}@media (max-width:640px),(hover:none) and (pointer:coarse){.notifications-backdrop{align-items:end;padding:0}.notifications-panel{width:100vw;max-height:min(82dvh,680px);padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:18px 18px 0 0}.notifications-panel>header{min-height:62px}.notifications-list article{grid-template-columns:40px minmax(0,1fr);align-items:start}.notifications-actions{grid-column:1/-1}.notifications-actions button{flex:1;min-height:38px;font-size:10px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}