@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}.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}.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}html,body{min-height:100%}body{background:var(--ink);color:#f5f6f2;-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}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{color:var(--lime);background:#d7ff3f14}.studio-flow-context-menu>button>i{width:29px;height:29px;color:var(--lime);background:#d7ff3f17;border:1px solid #d7ff3f29;border-radius:6px;place-items:center;display:grid}.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:#d7ff3f8c;justify-self:end}.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-grid.studio-flow-steps{grid-template-columns:repeat(var(--drum-step-count),minmax(10px,1fr));width:max(100%,calc(var(--drum-step-count) * 13px));touch-action:none;-webkit-user-select:none;user-select:none;min-width:0;padding:9px 10px}.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:#d7ff3f47;border-radius:2px 2px 0 0;width:8px;height:28%}.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{color:var(--lime);border-color:#d7ff3f80}.studio-flow-ghost-toggle{top:50px}.studio-flow-controls-toggle{top:88px}.studio-flow-ghost-toggle.active,.studio-flow-controls-toggle.active{background:#d7ff3f17}.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;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 28px #d7ff3f2e}.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,.city-pulse header 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:#d7ff3fad;max-height:18px;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:#0b0e10;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.loading-mark{background:var(--lime);color:#090b0c;border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:8px;display:grid}.world-loading strong{text-transform:uppercase;letter-spacing:.12em;font-size:14px}.world-loading span{color:var(--muted);font-size:10px}.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{color:var(--lime);background:#d7ff3f1a;border-color:#d7ff3f57}.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}.city-pulse{z-index:9;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:7px;width:260px;position:absolute;top:238px;left:24px;overflow:hidden;box-shadow:0 18px 50px #00000038}.city-pulse>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:38px;padding:0 12px;display:flex}.city-pulse header span{letter-spacing:.14em;align-items:center;gap:7px;font-size:8px;font-weight:950;display:flex}.city-pulse header small{color:#ffffff61;font-size:7px;font-weight:800}.city-pulse header .realtime-state-connected{color:#9fe86e}.city-pulse header .realtime-state-connecting{color:#f2c66d}.city-pulse header .realtime-state-error{color:#ff806f}.realtime-error{color:#ff8e7d;background:#681c1357;border-bottom:1px solid #ff705b29;align-items:flex-start;gap:8px;padding:9px 11px;display:flex}.realtime-error>svg{flex:none;margin-top:1px}.realtime-error p{min-width:0;margin:0}.realtime-error strong{font-size:8px;display:block}.realtime-error span{color:#ffffff85;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:7px;line-height:1.35;display:-webkit-box;overflow:hidden}.pulse-event{background:linear-gradient(110deg,#ff5b3738,#ffffff0a);border-radius:5px;align-items:center;gap:10px;margin:9px;padding:10px;display:flex}.pulse-event>div{color:#170e0b;background:#ff6545;border-radius:4px;flex:none;place-items:center;width:34px;height:34px;display:grid}.pulse-event p,.nearby-producer p{flex:1;min-width:0;margin:0}.pulse-event small{color:#ff8f77;letter-spacing:.1em;font-size:6px;font-weight:900;display:block}.pulse-event strong{margin:4px 0 2px;font-size:9px;display:block}.pulse-event span{color:#fff6;font-size:7px;display:block}.nearby-producer{border-top:1px solid #ffffff0e;align-items:center;gap:9px;padding:8px 12px;display:flex}.nearby-producer>i{border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px}.nearby-producer strong{font-size:8px;display:block}.nearby-producer span{color:#ffffff59;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:7px;display:block;overflow:hidden}.nearby-producer svg{color:#ffffff47}.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 #d7ff3fe6);transform-origin:50%;display:block;position:absolute}.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.is-active{color:#fff;text-shadow:0 0 12px #37cfff99}.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);color:var(--lime);background:#d7ff3f1f}.quick-actions span{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}.quick-actions .quick-user-action{color:var(--lime);border-radius:50%;overflow:hidden}.quick-user-action[aria-expanded=true]{border-color:var(--lime)}.quick-user-action img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.mobile-character-controls{display:none}.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,0 100%);background:#f9fbf7e6;width:11px;height:11px;position:absolute;bottom:-6px;left:13px}@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}.friends-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030506b3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.friends-panel{color:#f2f5f2;background:#0b0f11;border:1px solid #ffffff24;border-radius:16px;grid-template-rows:auto auto auto minmax(0,1fr);width:min(680px,100%);max-height:min(760px,100dvh - 48px);display:grid;overflow:hidden;box-shadow:0 32px 100px #000000a6}.friends-panel>header{background:linear-gradient(110deg,#d7ff3f12,#0000 58%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.friends-panel>header>div{align-items:center;gap:12px;display:flex}.friends-panel>header>div>span{width:40px;height:40px;color:var(--lime);background:#d7ff3f17;border:1px solid #d7ff3f3d;border-radius:10px;place-items:center;display:grid}.friends-panel>header p{margin:0}.friends-panel>header small{color:var(--lime);letter-spacing:.15em;font-size:9px;font-weight:950;display:block}.friends-panel>header strong{letter-spacing:-.02em;margin-top:4px;font-size:21px;display:block}.friends-panel>header>button{color:#ffffff8c;background:#ffffff09;border:1px solid #ffffff17;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.friends-panel>header>button:hover{color:#fff}.friends-search{color:#ffffff61;background:#ffffff09;border:1px solid #ffffff1c;border-radius:8px;align-items:center;gap:10px;height:48px;margin:18px 22px 12px;padding:0 13px;display:flex}.friends-search:focus-within{color:var(--lime);border-color:#d7ff3f6b;box-shadow:0 0 0 3px #d7ff3f0f}.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-template-columns:repeat(2,minmax(0,1fr));padding:0 22px;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{min-height:280px;padding:12px 22px 22px;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) auto;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{width:42px;height:42px;color:var(--lime);background:linear-gradient(145deg,#d7ff3f2b,#d7ff3f0a);border:1px solid #d7ff3f33;border-radius:50%;place-items:center;font-size:13px;font-weight:950;display:grid;overflow:hidden}.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 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{color:var(--lime)!important;background:#d7ff3f1a!important;border-color:#d7ff3f52!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-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}.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-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{color:var(--lime);background:#d7ff3f1f;border-color:#d7ff3f6b}.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-share-action{color:#ffffffb3;background:#ffffff0b;border:1px solid #ffffff21}.studio-share-action:hover{color:#fff;background:#ffffff17;border-color:#ffffff4d}.studio-customize-action{z-index:3;width:72px;min-height:54px;color:var(--lime);background:#080b0ccc;border:1px solid #d7ff3f40;position:absolute;top:24px;right:24px}.studio-customize-action:hover{background:#d7ff3f24;border-color:#d7ff3f8c}.studio-location-action{z-index:3;color:#8ed8ff;border-color:#6cc7ff4d;width:72px;min-height:54px;position:absolute;top:24px;right:104px}.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{box-shadow:inset 0 -2px var(--lime);background:#d7ff3f1a;border-color:#d7ff3f7a}.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{color:var(--lime);background:#d7ff3f1a;border-color:#d7ff3f6b}.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{color:var(--lime);border-color:#d7ff3f61}.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{background:linear-gradient(145deg,#171b1dfc,#07090afc);border:0;border-left:1px solid #ffffff29;border-radius:0;align-content:center;justify-items:center;gap:22px;width:50vw;min-width:0;max-width:none;height:100dvh;padding:54px 32px 32px;display:grid;position:relative;overflow-y:auto;box-shadow:-30px 0 100px #000000b8,0 0 50px #d7ff3f0f}.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{color:var(--lime);border-color:#d7ff3f6b}.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{color:var(--lime);border-color:#d7ff3f80;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}.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-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-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-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{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>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-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}.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}}@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}}@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-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{color:var(--lime);border-color:#d7ff3f47}.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{color:var(--lime);background:#d7ff3f1a;border-color:#d7ff3f80}.studio-customizer-assets{scrollbar-color:#d7ff3f73 #ffffff0a;scrollbar-width:thin;gap:7px;height:135px;padding:7px 9px 10px;display:flex;overflow:auto hidden}.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{background:#d7ff3f0f;border-color:#d7ff3f73}.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{z-index:4;background:#0c0f11;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.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}.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 #d7ff3f8c}.console-resize-handle:focus-visible:before{background:#d7ff3f14;box-shadow:0 0 0 1px #d7ff3f2e}.production-surface{background:#0d1012;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;color:#d8ff72;text-align:center;white-space:nowrap;background:#080b0cf5;border:1px solid #c6ff2f7a;border-radius:5px;min-width:38px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:800;line-height:1;position:fixed;transform:translate(-50%,-100%);box-shadow:0 8px 24px #00000061,0 0 12px #c6ff2f14}.daw-value-tooltip.below{transform:translate(-50%)}.production-tabs{z-index:40;scrollbar-width:thin;background:#090c0d;border-bottom:1px solid #ffffff14;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(#0000,#d7ff3f12)}.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-trigger{justify-content:center;min-width:108px}.production-tabs .production-navigation-trigger>svg:last-child{margin-left:3px;transition:transform .14s}.production-tabs .production-navigation-trigger.open>svg:last-child{transform:rotate(180deg)}.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{color:#fff;background:#d7ff3f1a;border:0}.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-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{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{color:#fff;background:#d7ff3f12}.production-navigation-submenu:hover>.production-navigation-export>svg:last-child,.production-navigation-submenu:focus-within>.production-navigation-export>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{text-transform:none;gap:10px;height:50px}.production-navigation-export-format>svg{color:var(--lime);flex:none}.production-navigation-export-format>span{gap:3px;min-width:0;display:grid}.production-navigation-export-format strong,.production-navigation-export-format 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-export-format small{color:#ffffff4d;letter-spacing:0;font-size:7px;font-weight:600}.production-tempo-control{flex:none;align-self:center;align-items:center;gap:5px;margin-left:auto;display:flex}.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{color:#fff;border-color:#d7ff3f5c}.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-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){color:#fff;border-color:#d7ff3f5c}.production-tabs .production-header-actions button:disabled{cursor:wait;opacity:.35}.production-playback-mode{background:#ffffff06;border:1px solid #ffffff1a;border-radius:999px;align-items:stretch;height:32px;padding:2px;display:flex;overflow:hidden}.production-tabs .production-header-actions .production-playback-mode button{color:#ffffff4d;background:0 0;border:0;border-radius:999px;width:48px;height:26px;padding:0;font-size:7px}.production-tabs .production-header-actions .production-playback-mode button:hover{color:#ffffffb8}.production-tabs .production-header-actions .production-playback-mode button.active{color:var(--lime);background:#d7ff3f24;border:0;box-shadow:inset 0 0 0 1px #d7ff3f2e}.production-tabs .production-header-actions .production-header-play{background:var(--lime);color:#090c0d;border-color:#d7ff3f73;width:38px;min-width:38px;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-icon.saved{color:var(--lime);border-color:#d7ff3f4d}.production-mobile-actions{display:none}.production-tabs .production-header-metronome.active{color:var(--lime);background:#d7ff3f1f;border-color:#d7ff3f8f;box-shadow:0 0 14px #d7ff3f1f}.project-library-backdrop{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020506c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-library-dialog{color:#edf3ef;background:#0c1113;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;width:min(760px,100vw - 32px);max-height:min(760px,100dvh - 32px);display:flex;overflow:hidden;box-shadow:0 34px 100px #0000009e,0 0 50px #d7ff3f0a}.project-library-dialog>header{background:linear-gradient(90deg,#d7ff3f12,#0000 50%);border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:11px;height:68px;padding:0 16px;display:flex}.project-library-dialog>header>span:nth-child(2){flex:1;min-width:0}.project-library-dialog>header small{color:var(--lime);letter-spacing:.16em;margin-bottom:3px;font-size:7px;font-weight:950;display:block}.project-library-dialog>header strong{font-size:15px;display:block}.project-library-dialog button{color:#ffffffa8;background:#ffffff09;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:850;display:flex}.project-library-dialog button:hover:not(:disabled){color:#fff;border-color:#d7ff3f61}.project-library-dialog button:disabled{opacity:.38}.project-library-dialog>header>button{width:34px;height:34px;padding:0}.project-library-icon{width:36px;height:36px;color:var(--lime);background:#d7ff3f1a;border:1px solid #d7ff3f33;border-radius:8px;flex:none;place-items:center;display:grid}.project-library-create{border-bottom:1px solid #ffffff12;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px;padding:13px 16px;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 #ffffff1c;border-radius:5px;outline:0;min-width:0;height:34px;padding:0 10px;font-size:10px}.project-library-create input:focus,.project-library-row input:focus{border-color:#d7ff3f85}.project-library-create>button{align-self:end;height:34px;padding:0 12px}.project-library-create>button:last-child{color:var(--lime);border-color:#d7ff3f40}.project-library-list-heading{justify-content:space-between;align-items:center;padding:13px 17px 8px;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:#d7ff3f59 #ffffff08;scrollbar-width:thin;flex:1;min-height:180px;padding:0 12px 12px;overflow:auto}.project-library-row{background:#ffffff05;border:1px solid #ffffff13;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:66px;margin-bottom:6px;padding:9px 10px;display:grid}.project-library-row.current{background:#d7ff3f09;border-color:#d7ff3f3d}.project-library-file-icon{color:#ffffff7a;background:#ffffff0d;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.project-library-row.current .project-library-file-icon{color:var(--lime);background:#d7ff3f1a}.project-library-row>div:nth-child(2){min-width:0}.project-library-row>div:nth-child(2)>strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:11px;display:block;overflow:hidden}.project-library-row>div:nth-child(2)>span{color:#ffffff4f;font-size:7px;display:block}.project-library-row>em{color:var(--lime);letter-spacing:.1em;background:#d7ff3f1a;border-radius:999px;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{color:var(--lime);background:#d7ff3f14;border-color:#d7ff3f6b}.project-library-row-actions>.project-library-open{width:auto;min-width:94px;padding:0 10px}.project-library-backups{background:#04090ab8;border:1px solid #d7ff3f29;border-radius:0 0 8px 8px;margin:-1px 6px 8px 46px;overflow:hidden}.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}.project-library-dialog>footer{color:#ffffff42;border-top:1px solid #ffffff12;flex:none;padding:10px 16px;font-size:7px;line-height:1.5}.studio-export-backdrop{z-index:620}.studio-export-dialog{color:#edf3ef;background:#0c1113;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;width:min(520px,100vw - 32px);display:flex;overflow:hidden;box-shadow:0 34px 100px #000000ad,0 0 55px #d7ff3f0d}.studio-export-dialog>header{background:linear-gradient(90deg,#d7ff3f13,#0000 62%);border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:76px;padding:0 18px;display:flex}.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{color:#fff;border-color:#d7ff3f61}.studio-export-dialog>header>button{width:36px;padding:0}.studio-export-icon{width:42px;height:42px;color:var(--lime);background:#d7ff3f17;border:1px solid #d7ff3f3d;border-radius:9px;flex:none;place-items:center;display:grid}.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,#91cc2e,var(--lime));height:100%;transition:width .22s;display:block;box-shadow:0 0 16px #d7ff3f4d}.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:#d7ff3f59 #ffffff09;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex:1 1 0;width:100%;min-width:0;max-width:100%;min-height:0;overflow:auto}.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:#d7ff3f52;border:2px solid #0d1012;border-radius:999px}.pattern-workspace::-webkit-scrollbar-thumb{background:#d7ff3f52;border:2px solid #0d1012;border-radius:999px}.arrange-workspace::-webkit-scrollbar-thumb{background:#d7ff3f52;border:2px solid #0d1012;border-radius:999px}.mixer-workspace::-webkit-scrollbar-thumb{background:#d7ff3f52;border:2px solid #0d1012;border-radius:999px}.midi-workspace::-webkit-scrollbar-thumb{background:#d7ff3f52;border:2px solid #0d1012;border-radius:999px}.code-workspace::-webkit-scrollbar-thumb{background:#d7ff3f52;border:2px solid #0d1012;border-radius:999px}.piano-roll-scroll::-webkit-scrollbar-thumb{background:#d7ff3f52;border:2px solid #0d1012;border-radius:999px}.pattern-workspace{background:#0c0f11}.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{color:var(--lime);background:#d7ff3f14;border-color:#d7ff3f4d}.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}.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{color:var(--lime);border-color:#d7ff3f52}.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{color:var(--lime);border-color:#d7ff3f47}.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:#d7ff3f40 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:2px 5px 7px;overflow:auto}.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{color:var(--lime);background:#d7ff3f1a}.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 #d7ff3f1f;margin:0 0 3px 13px;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{color:var(--lime);background:#d7ff3f1a}.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{color:var(--lime);background:#d7ff3f14;border-color:#d7ff3f47}.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);color:var(--lime);background:#d7ff3f1a;box-shadow:inset 0 0 14px #d7ff3f0f}.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{color:var(--lime);background:#d7ff3f0f;border-color:#d7ff3f40}.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{color:var(--lime);text-transform:uppercase;background:#d7ff3f14;border:1px solid #d7ff3f3d;border-radius:3px;align-items:center;gap:5px;padding:8px 10px;font-size:6px;font-weight:900;display:flex}.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);content:"";pointer-events:none;border-radius:2px;height:2px;position:absolute;left:5px;right:5px;box-shadow:0 0 9px #d7ff3fa6}.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:#d7ff3f0b;position:relative;box-shadow:inset 0 0 22px #d7ff3f0f}.rack-channel.drop-target .channel-info{background:linear-gradient(90deg,#d7ff3f24,#d7ff3f06)}.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-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-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%,#d7ff3f0a,#0000 34%),#090c0d;min-width:530px;height:100%;min-height:320px}.piano-roll-scroll{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)}}.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-viewport{min-width:0;overflow:hidden}.piano-controller-grid{transform-origin:0;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:radial-gradient(circle at 80% 0,#d7ff3f09,#0000 35%),#0c0f11;padding:0}.arrange-workspace{overflow-x: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-timeline-footer{background:#0b0f10;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:44px;padding:6px 10px;display:flex}.arrange-timeline-footer button{color:#ffffff8f;background:#ffffff06;border:1px solid #ffffff1c;border-radius:4px;justify-content:center;align-items:center;height:30px;display:flex}.arrange-timeline-footer button:hover{color:var(--lime);background:#d7ff3f14;border-color:#d7ff3f6b}.arrange-new-pattern{width:32px;padding:0}.arrange-extend{letter-spacing:.08em;text-transform:uppercase;gap:5px;padding:0 11px;font-size:7px;font-weight:900}.arrange-grid-scroll{overscroll-behavior-x:contain;scrollbar-color:#d7ff3f59 #ffffff09;scrollbar-width:thin;width:100%;max-width:100%;overflow:auto hidden}.arrange-grid{width:max(100%,var(--arrangement-width));grid-template-columns:130px repeat(var(--arrangement-bars),minmax(0,1fr));border-top:1px solid #ffffff17;border-left:1px solid #ffffff17;display:grid;position:relative}.arrange-playhead{z-index:8;opacity:0;pointer-events:none;will-change:left;background:#fff;width:2px;position:absolute;top:0;bottom:0;left:130px;transform:translate(-1px);box-shadow:0 0 7px #ffffffd9,0 0 13px #d7ff3f80}.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 #d7ff3fb8);outline:0}.arrange-playhead:before{content:"";background:#fff;border-radius:1px;width:8px;height:8px;position:absolute;top:-1px;left:50%;transform:translate(-50%,-35%)rotate(45deg);box-shadow:0 0 8px #d7ff3fa6}.arrange-corner,.arrange-bar-number{color:#ffffff38;background:#090c0d;border-bottom:1px solid #ffffff12;border-right:1px solid #ffffff12;height:30px;font-size:6px;font-weight:900}.arrange-corner{z-index:7;padding:10px;position:sticky;left:0;box-shadow:1px 0 #ffffff14,8px 0 18px #0000002e}.arrange-bar-number{text-align:left;padding:10px 6px;font-family:monospace}.arrange-bar-number:hover{color:#ffffffa6;background:#ffffff09}.arrange-row{grid-column:1/-1;grid-template-columns:130px repeat(var(--arrangement-bars), minmax(42px,1fr));min-height:58px;display:grid;position:relative}.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{box-shadow:inset 2px 0 var(--lime),1px 0 #ffffff12,8px 0 18px #00000029;background:linear-gradient(90deg,#d7ff3f1c,#0000 65%),#111517}.arrange-row.soloed .arrange-pattern-clip{box-shadow:0 0 0 1px #d7ff3fa6,0 0 16px #d7ff3f38,0 5px 13px var(--clip)}@supports (color:color-mix(in lab, red, red)){.arrange-row.soloed .arrange-pattern-clip{box-shadow:0 0 0 1px #d7ff3fa6,0 0 16px #d7ff3f38,0 5px 13px color-mix(in srgb,var(--clip) 16%,transparent)}}.arrange-row.muted .arrange-clip-cell{opacity:.22}.arrange-row.muted .arrange-pattern-name{background:linear-gradient(90deg,#ff764c1a,#0000 70%),#0d1011;box-shadow:inset 2px 0 #ff764c,1px 0 #ffffff0d,8px 0 18px #00000029}.arrange-row.muted .arrange-pattern-name-main{opacity:.34;-webkit-text-decoration:line-through #ff764ca6;text-decoration:line-through #ff764ca6}.arrange-row.muted .arrange-pattern-clip{opacity:.24;filter:grayscale()saturate(0);box-shadow:none}.arrange-row.muted .arrange-pattern-clip:after{z-index:4;border-radius:inherit;content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000 0 5px,#00000042 5px 8px);position:absolute;inset:0}.arrange-pattern-name{z-index:6;color:#ffffff94;background:#111517;border-bottom:1px solid #ffffff12;border-right:1px solid #ffffff12;grid-area:1/1;align-items:center;gap:5px;min-width:0;padding:0 6px;display:flex;position:sticky;left:0;box-shadow:1px 0 #ffffff12,8px 0 18px #00000029}.arrange-pattern-name i{border-radius:2px;flex:none;width:3px;height:29px}.arrange-pattern-name-main{min-width:0;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:8px 0;font-size:7px;font-weight:800;overflow:hidden}.arrange-pattern-name-main:hover{color:#ffffffe6}.arrange-pattern-row-actions{flex:none;align-items:center;gap:2px;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{color:var(--lime);background:#d7ff3f21;border-color:#d7ff3f8c}.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:linear-gradient(90deg,#0000 49%,#ffffff05 50%);border:1px solid #ffffff0e;border-top:0;border-left:0;grid-row:1;margin:0;font-size:7px;font-weight:950}.arrange-clip-cell:hover{background:#ffffff09}.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 3px;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{box-shadow:0 5px 13px var(--clip)}@supports (color:color-mix(in lab, red, red)){.arrange-pattern-clip{box-shadow:0 5px 13px color-mix(in srgb, var(--clip) 16%, transparent)}}.arrange-pattern-clip.selected{box-shadow:0 0 0 1px var(--clip), 0 0 14px var(--clip);border-color:#fff}@supports (color:color-mix(in lab, red, red)){.arrange-pattern-clip.selected{box-shadow:0 0 0 1px var(--clip), 0 0 14px color-mix(in srgb, var(--clip) 50%, transparent)}}.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:center;gap:7px;min-width:0;padding:0 10px 0 8px;display:flex;overflow:hidden}.arrange-pattern-clip-body:active{cursor:grabbing}.arrange-pattern-clip-body strong{flex:none;font-size:7px;font-weight:950}.arrange-pattern-clip-body span{opacity:.58;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:6px;font-weight:900;overflow:hidden}.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;pointer-events:none;background:#d7ff3f1a;border:1px solid #d7ff3fcc;position:absolute;box-shadow:0 0 12px #d7ff3f24}.arrange-pattern-canvas-panel{background:#080d0f;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;min-width:700px;margin-top:0;scroll-margin-top:8px;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000047}.arrange-pattern-canvas{height:clamp(430px,56vh,680px);min-height:430px;position:relative;overflow:hidden}.arrange-pattern-canvas>.studio-flow-shell{position:absolute;inset:0}.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:#d7ff3f;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);background:linear-gradient(#d7ff3f14,#0b0f0d 22%,#080b0c);border-color:#d7ff3f3d;flex-basis:178px;width:178px;margin-left:8px}.mixer-master-strip>header{border-bottom:1px solid #d7ff3f1f;align-content:center;place-items:center;gap:3px;height:91px;display:grid}.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:radial-gradient(circle at 10% 0,#52d9ff0e,#0000 32%),#0c0f11;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:#0d1012;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{color:#ffffffe6;background:#d7ff3f12;border-color:#d7ff3f33}.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){color:var(--lime);border-color:#d7ff3f4d}.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){color:var(--lime);background:#d7ff3f12}.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){color:var(--lime);background:#d7ff3f0f;border-color:#d7ff3f33}.node-synth-section>div:last-child button:disabled{opacity:.25}.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{background-color:#0d1213;box-shadow:inset 0 0 0 2px #d7ff3f33}.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:#d7ff3f;stroke:#d7ff3f;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(310px,42vh);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}.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;background:#101517;border:1px solid #d7ff3f4d;border-radius:8px;width:212px;position:absolute;overflow:visible;box-shadow:0 18px 45px #00000059,0 0 30px #d7ff3f0f}.master-node .node-port{--port-color:var(--lime);top:51px}.master-node header{color:var(--lime);letter-spacing:.14em;cursor:grab;touch-action:none;background:#d7ff3f14;border-bottom:1px solid #ffffff12;align-items:center;gap:6px;padding:12px;font-size:7px;font-weight:950;display:flex}.master-node header:active{cursor:grabbing}.master-node header svg{color:#d7ff3f6b}.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:#d7ff3f57 #ffffff08;background:radial-gradient(circle at 12% 0,#d7ff3f0b,#0000 34%),#090c0e;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:auto}.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,.production-surface.build-active>.arrange-workspace{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{color:#fff;box-shadow:inset 0 -2px var(--lime);background:linear-gradient(135deg,#d7ff3f1c,#d7ff3f06);border-color:#d7ff3f6b}.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){color:var(--lime);background:#d7ff3f12;border-color:#d7ff3f5c}.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(2,minmax(0,1fr));gap:7px;display:grid}.unified-add-sounds>button{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>button:hover{color:var(--lime);background:#d7ff3f0b;border-color:#d7ff3f5c}.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}.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}.unified-compose-actions .unified-transpose-control{cursor:ns-resize;touch-action:none;background:linear-gradient(135deg,#72d9ff0f,#080c0eeb);border:1px solid #72d9ff33;border-radius:6px;align-items:center;gap:8px;height:40px;padding:0 8px 0 10px;display:flex;position:relative}.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-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{color:var(--lime);border-color:#d7ff3f61}.unified-sound-list{gap:7px;padding:10px 12px 14px;display:grid}.unified-sound-card{border:1px solid var(--channel);position:relative;overflow:hidden}@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 #d7ff3f14}.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);content:"";pointer-events:none;border-radius:2px;height:2px;position:absolute;left:5px;right:5px;box-shadow:0 0 9px #d7ff3fa6}.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-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{color:var(--lime);background:#d7ff3f1a;border-color:#d7ff3f73}.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-drum-controls>div{border-top:0}.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{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{color:var(--lime);border-color:#d7ff3f47}.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{color:var(--lime);background:#d7ff3f1a}.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(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;cursor:ns-resize;touch-action:none;background:#090c0d;border:0;border-right:1px solid #ffffff1f;place-items:center;width:90px;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:90px}.piano-controller-playhead{left:0}.piano-controller{grid-template-columns: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}.city-pulse{display:none}.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-pattern-canvas-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){.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%}.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>button{min-height:50px}.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) 8px 0 8px 8px;scrollbar-width:none;align-items:center;gap:5px;display:flex;overflow:auto hidden}.production-tabs::-webkit-scrollbar{display:none}.production-navigation-groups{flex:none;min-width:max-content}.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:first-child{width:19px;height:19px}.production-tabs .production-navigation-trigger>svg:last-child{display:none}.production-navigation-dropdown{top:calc(58px + env(safe-area-inset-top));width:min(210px,100vw - 16px);position:fixed;left:8px}.production-navigation-export-menu{width:100%;top:calc(100% + 4px);left:0}.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-playback-mode{flex:none;height:42px}.production-tabs .production-header-actions .production-playback-mode button{width:58px;height:36px;font-size:8px}.production-fullscreen-toggle{display:none!important}.production-tabs>.production-tempo-control,.production-tabs>.production-header-actions{display:none}.production-mobile-actions{flex:none;align-items:center;gap:5px;width:auto;min-width:max-content;padding-right:58px;display:flex}.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>button.saved{color:var(--lime);border-color:#d7ff3f4d}.production-mobile-actions>.production-mobile-exit{z-index:75;top:calc(8px + env(safe-area-inset-top));background:#0c1012;border-color:#ffffff2e;position:fixed;right:8px;box-shadow:-12px 0 20px #090c0df0}.production-mobile-actions>.production-header-play{background:var(--lime);color:#090c0d;border-color:#d7ff3f73}.production-mobile-actions>.production-header-play.playing{color:#fff;background:#ffffff14;border-color:#ffffff29}.production-mobile-actions>.production-header-metronome.active{color:var(--lime);background:#d7ff3f1f;border-color:#d7ff3f8f}.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{grid-template-columns:repeat(2,minmax(0,1fr))}.node-synth-editor .synth-editor-grid label{min-height:68px}.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}.piano-back-button,.piano-timing-controls label,.piano-ghost-notes-toggle{height:40px}.piano-back-button{padding-inline:12px}.piano-timing-controls select{font-size:11px}.piano-roll-step-header,.piano-roll-step-header>.piano-roll-vertical-zoom{height:34px}.piano-roll-row{height:29px}.piano-key{font-size:8px}.piano-note>i{width:12px}.piano-controller{height:116px}.piano-controller-selector select{height:36px;font-size:10px}.piano-controller-grid>button{width:11px;min-height:7px}.arrange-pattern-name,.arrange-corner{z-index:7;position:sticky;left:0}.arrange-pattern-row-actions button{width:24px;height:28px}.arrange-pattern-clip-resize{width:15px;right:-7px}.arrange-timeline-footer{z-index:10;min-height:52px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));position:sticky;bottom:0}.arrange-timeline-footer button{min-height:38px}.arrange-pattern-canvas{height:min(62dvh,560px);min-height:390px}.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 (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:13px;max-height:calc(100dvh - 16px)}.friends-panel>header{padding:15px}.friends-search{margin:13px 15px 9px}.friends-tabs{padding:0 15px}.friends-content{padding:10px 15px 16px}.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}.studio-experience{grid-template-rows:34vh minmax(0,1fr)}.studio-share-overlay{align-items:end;padding:8px}.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 116px}.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:12px;left:64px}.studio-customize-action{width:44px;min-height:44px;top:12px;right:12px}.studio-location-action{width:44px;min-height:44px;top:12px;right:64px}.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{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080b0c;place-items:stretch stretch}.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 1fr}.project-library-create label{grid-column:1/-1}.project-library-row{grid-template-columns:32px minmax(0,1fr) auto}.project-library-row>em{display:none}.project-library-row-actions{grid-column:2/-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}.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{left:max(18px, env(safe-area-inset-left));bottom:max(22px, calc(env(safe-area-inset-bottom) + 12px));pointer-events:auto;-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-ring{border-radius:inherit;border:1px solid #d7ff3f2e;position:absolute;inset:20px}.mobile-movement-stick-thumb{will-change:transform;background:linear-gradient(145deg,#d7ff3feb,#8eb123e0);border:1px solid #d7ff3fb3;border-radius:50%;width:48px;height:48px;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);box-shadow:0 0 18px #d7ff3f42,0 7px 15px #00000059}.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);color:var(--lime);background:#d7ff3f29;transform:scale(.94)}.mobile-action-primary{width:76px;height:76px;color:var(--lime);background:#12170fbf;border-color:#d7ff3f85;grid-area:1/2/3;align-self:center}.studio-mobile-character-controls .mobile-movement-stick,.studio-mobile-character-controls .mobile-action-controls{bottom:max(92px, calc(env(safe-area-inset-bottom) + 82px))}}@media (max-width:360px){.hud-map{width:150px}.map-grid{height:92px}.quick-actions{gap:6px}.quick-actions button{width:39px;height:39px}}@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}