/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-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{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{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.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}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg-canvas:#081014;--bg-shell:#0b1418;--panel-1:#0f1a1e;--panel-2:#142327;--panel-3:#182b2f;--line-soft:#dce4e21a;--line-strong:#dce4e238;--text-primary:#dce4e2;--text-secondary:#98aaa8;--text-muted:#617472;--teal:#56b8ac;--teal-soft:#7cc7be;--orchid:#9a78a6;--orchid-soft:#b494be;--blue:#5f9fc0;--record:#ff655f;--success:#70c4a4}*{box-sizing:border-box}html,body{background:var(--bg-canvas);min-height:100%;color:var(--text-primary);margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;overflow:hidden}.studio-shell{background:radial-gradient(circle at 12% 36%, #56b8ac0b, transparent 27%), var(--bg-canvas);grid-template-rows:54px minmax(0,1fr) 30px;height:100dvh;min-height:0;display:grid}.topbar{border-bottom:1px solid var(--line-soft);background:var(--bg-shell);z-index:3;grid-template-columns:235px 190px 255px 112px 50px minmax(190px,1fr);align-items:center;display:grid}.brand{text-align:left;letter-spacing:.28em;white-space:nowrap;border-right:1px solid var(--line-soft);color:#cfe2df;height:100%;padding:0 16px;font-size:15px}.project-field{border-right:1px solid var(--line-soft);align-items:center;height:100%;padding:0 18px;display:flex}.project-field input{background:0 0;border:0;width:100%;min-width:0;font-weight:500}.project-field button{width:26px;height:30px;color:var(--text-muted);border-radius:3px;flex:none}.project-field button:hover{color:var(--teal-soft);background:var(--panel-2)}.transport{border-right:1px solid var(--line-soft);justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.transport button,.top-actions button{width:34px;height:34px;color:var(--text-secondary);border-radius:4px;transition:background .12s,color .12s}.transport button:hover,.top-actions button:hover,.transport .active{background:var(--panel-2);color:var(--teal-soft)}.top-actions button:disabled{opacity:.28;cursor:default}.transport .play{color:var(--teal);background:#56b8ac17;font-size:16px}.transport .record{color:#8f5b5b}.transport .active-record{color:var(--record);background:#ff655f1a}.bpm-field{border-right:1px solid var(--line-soft);justify-content:center;align-items:center;gap:6px;height:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.bpm-field input{text-align:right;appearance:textfield;background:0 0;border:0;width:38px}.bpm-field span,.signature{color:var(--text-secondary);font-size:10px}.signature{text-align:center}.top-actions{justify-self:end;align-items:center;gap:6px;height:100%;padding-right:12px;display:flex}.top-actions .saved{color:var(--success)}.top-actions .producer-help-toggle{color:var(--orchid-soft);font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace}.top-actions .producer-help-toggle.active{color:#bff4ef;background:linear-gradient(#56b8ac21,#9a78a612);border:1px solid #7cc7be4d;box-shadow:inset 0 1px #ffffff09,0 0 12px #56b8ac12}.top-actions .beta-feedback-link{min-width:40px;height:26px;color:var(--orchid-soft);letter-spacing:.1em;background:#9a78a612;border:1px solid #b494be4d;border-radius:12px;place-items:center;padding:0 6px;font:700 6px ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none;display:grid}.top-actions .beta-feedback-link:hover{color:#f0ddf4;background:#9a78a624;border-color:#b494be8c}.producer-help-tooltip{z-index:90;pointer-events:none;border:1px solid #91e2dc47;border-left:2px solid var(--teal-soft);width:min(310px,100vw - 24px);color:var(--text-primary);text-align:left;background:radial-gradient(circle at 100% 0,#9a78a61f,#0000 42%),linear-gradient(145deg,#111b23fb,#070c12fc);border-radius:5px;padding:13px 15px 14px;animation:.12s ease-out producer-tip-in;position:fixed;box-shadow:0 16px 38px #0000007a,inset 0 1px #ffffff0b,0 0 24px #56b8ac0e}.producer-help-tooltip[data-placement=above]{transform:translate(-50%,-100%)}.producer-help-tooltip[data-placement=below]{transform:translate(-50%)}.producer-help-tooltip:after{content:"";background:#0c151c;border-bottom:1px solid #91e2dc47;border-right:1px solid #91e2dc47;width:8px;height:8px;position:absolute;left:50%}.producer-help-tooltip[data-placement=above]:after{bottom:-5px;transform:translate(-50%)rotate(45deg)}.producer-help-tooltip[data-placement=below]:after{top:-5px;transform:translate(-50%)rotate(225deg)}.producer-help-tooltip>span{color:var(--teal-soft);letter-spacing:.16em;font:650 7px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.producer-help-tooltip>strong{color:#dfe9e8;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11px;font-weight:650;display:block;overflow:hidden}.producer-help-tooltip>p{color:#9badaa;margin:7px 0 0;font-size:10px;line-height:1.55}@keyframes producer-tip-in{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur()}}.producer-guide-backdrop{z-index:85;-webkit-backdrop-filter:blur(14px)saturate(.82);backdrop-filter:blur(14px)saturate(.82);background:#020509c7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.producer-guide-dialog{background:radial-gradient(circle at 96% 0,#77539029,#0000 36%),radial-gradient(circle at 2% 100%,#42808221,#0000 42%),linear-gradient(145deg,#101923,#080d14);border:1px solid #91e2dc3d;border-radius:10px;width:min(610px,100vw - 36px);max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 34px 100px #000000ad,inset 0 1px #ffffff0b}.producer-guide-dialog>header{border-bottom:1px solid #c3d5e01a;grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:13px;min-height:76px;padding:11px 14px 10px 18px;display:grid}.producer-guide-mark{color:#bff4ef;background:linear-gradient(145deg,#56b8ac29,#9a78a61f);border:1px solid #7cc7be57;border-radius:50%;place-items:center;width:44px;height:44px;font:700 18px ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;box-shadow:inset 0 1px #ffffff0d,0 0 20px #56b8ac17}.producer-guide-dialog>header div>span{color:#78918f;letter-spacing:.17em;font:650 7px ui-monospace,SFMono-Regular,Consolas,monospace}.producer-guide-dialog>header h2{color:#e4ecec;letter-spacing:-.025em;margin:5px 0 0;font-size:21px;font-weight:610}.producer-guide-dialog>header button{color:#718386;border-radius:5px;width:36px;height:36px;font-size:22px}.producer-guide-dialog>header button:hover{color:#e7efee;background:#ffffff0b}.producer-guide-intro{padding:23px 25px 17px}.producer-guide-kicker{color:#71908e;letter-spacing:.14em;align-items:center;gap:9px;font:650 7px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.producer-guide-kicker i{background:#56b8ac38;border:1px solid #91e2dc8c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #56b8ac52}.producer-guide-intro>p{color:#9aabaa;max-width:540px;margin:12px 0 0;font-size:12px;line-height:1.65}.producer-guide-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 25px 20px;display:grid}.producer-guide-path article{background:linear-gradient(145deg,#152029c2,#090f16bf);border:1px solid #c3d5e01a;border-radius:6px;grid-template-columns:27px minmax(0,1fr);align-content:center;gap:8px;min-width:0;min-height:94px;padding:13px 11px;display:grid}.producer-guide-path article>i{color:#718987;font:7px ui-monospace,SFMono-Regular,Consolas,monospace}.producer-guide-path strong,.producer-guide-path small{display:block}.producer-guide-path strong{color:#c5d2d1;font-size:9px}.producer-guide-path small{color:#667a7c;margin-top:6px;font-size:8px;line-height:1.45}.producer-guide-tips-row{background:linear-gradient(90deg,#9a78a613,#56b8ac0b);border:1px solid #9a78a62e;border-radius:6px;align-items:center;gap:18px;min-height:61px;margin:0 25px;padding:10px 12px 10px 14px;display:flex}.producer-guide-tips-row>span{min-width:0;margin-right:auto}.producer-guide-tips-row strong,.producer-guide-tips-row small{display:block}.producer-guide-tips-row strong{color:#b9c8c7;font-size:10px}.producer-guide-tips-row small{color:#6f8284;margin-top:4px;font-size:8px}.producer-guide-tips-row>button{color:#728285;background:#00000026;border:1px solid #c3d5e021;border-radius:16px;justify-content:center;align-items:center;gap:7px;min-width:64px;height:32px;font:650 8px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.producer-guide-tips-row>button i{background:#536265;border-radius:50%;width:7px;height:7px}.producer-guide-tips-row>button.active{color:#bff4ef;background:#56b8ac1a;border-color:#7cc7be59}.producer-guide-tips-row>button.active i{background:var(--success);box-shadow:0 0 8px #70c4a480}.producer-guide-dialog>footer{justify-content:flex-end;align-items:center;gap:9px;min-height:78px;padding:15px 25px 18px;display:flex}.producer-guide-dialog>footer>button{border-radius:5px;min-height:42px;padding:0 17px;font-size:10px;font-weight:620}.producer-guide-secondary{color:#849496;border:1px solid #c3d5e01f}.producer-guide-secondary:hover{color:#dce7e5;background:#ffffff09}.producer-guide-primary{color:#eafffc;background:linear-gradient(#57aba34d,#2d64632b),#101e21;border:1px solid #7ed2c77a;align-items:center;gap:20px;display:flex;box-shadow:inset 0 1px #ffffff13,0 8px 24px #00000038}.producer-guide-primary:hover{background:linear-gradient(#64c1b766,#306d6a3d),#112326;border-color:#9beae0b3}.producer-guide-primary span{color:var(--teal-soft);font-size:15px}.producer-tour-panel{z-index:80;width:min(370px,100vw - 24px);color:var(--text-primary);background:radial-gradient(circle at 100% 0,#9a78a624,#0000 38%),linear-gradient(145deg,#111b24fb,#070c12fc);border:1px solid #91e2dc47;border-radius:8px;position:fixed;bottom:43px;right:18px;overflow:hidden;box-shadow:0 24px 70px #00000094,inset 0 1px #ffffff0b,0 0 34px #56b8ac0f}.studio-shell[data-tour-target=effects] .producer-tour-panel{left:18px;right:auto}.producer-tour-panel>header{border-bottom:1px solid #c3d5e017;align-items:center;gap:9px;min-height:44px;padding:0 9px 0 14px;display:flex}.producer-tour-panel>header>span{color:#83a29f;letter-spacing:.15em;align-items:center;gap:8px;font:650 7px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.producer-tour-panel>header>span i{background:var(--teal-soft);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #56b8ac7a}.producer-tour-panel>header button{color:#68797c;border-radius:4px;width:34px;height:34px;margin-left:auto;font-size:19px}.producer-tour-panel>header button:hover{color:#e2ecea;background:#ffffff0a}.producer-tour-progress{background:#c3d5e00e;height:2px}.producer-tour-progress i{background:linear-gradient(90deg,var(--teal),var(--orchid-soft));height:100%;transition:width .22s;display:block;box-shadow:0 0 8px #56b8ac61}.producer-tour-copy{padding:20px 21px 14px;position:relative}.producer-tour-icon{color:#b494beb8;text-shadow:0 0 18px #9a78a62e;font-size:24px;font-style:normal;position:absolute;top:17px;right:20px}.producer-tour-copy>span{color:#6e8485;letter-spacing:.14em;font:650 7px ui-monospace,SFMono-Regular,Consolas,monospace}.producer-tour-copy h2{color:#e2eae9;letter-spacing:-.025em;max-width:285px;margin:8px 38px 0 0;font-size:18px;font-weight:610}.producer-tour-copy>p{color:#91a3a2;margin:10px 0 0;font-size:10px;line-height:1.6}.producer-tour-task{border-left:2px solid var(--teal);background:linear-gradient(90deg,#56b8ac17,#56b8ac06);border-radius:0 4px 4px 0;margin-top:14px;padding:10px 11px}.producer-tour-task>span{color:var(--teal-soft);letter-spacing:.13em;font:650 7px ui-monospace,SFMono-Regular,Consolas,monospace}.producer-tour-task>p{color:#abb9b8;margin:5px 0 0;font-size:9px;line-height:1.5}.producer-tour-dots{justify-content:center;gap:7px;padding:3px 20px 13px;display:flex}.producer-tour-dots button{width:19px;height:12px;position:relative}.producer-tour-dots button:after{content:"";background:#344448;border-radius:2px;transition:background .14s,box-shadow .14s;position:absolute;inset:4px 0}.producer-tour-dots button.active:after{background:var(--teal-soft);box-shadow:0 0 8px #56b8ac61}.producer-tour-panel>footer{border-top:1px solid #c3d5e014;grid-template-columns:1fr 1fr;gap:8px;min-height:54px;padding:8px 11px 10px;display:grid}.producer-tour-panel>footer button{border-radius:4px;min-height:36px;font-size:9px;font-weight:620}.producer-tour-back{color:#7d8f91;border:1px solid #c3d5e01a}.producer-tour-back:disabled{opacity:.28;cursor:default}.producer-tour-next{color:#dff8f4;background:#56b8ac1a;border:1px solid #7cc7be5c;justify-content:center;align-items:center;gap:14px;display:flex}.producer-tour-next:hover,.producer-tour-next.finish{background:#56b8ac29;border-color:#91e2dc94}.producer-tour-next span{color:var(--teal-soft);font-size:13px}.studio-shell[data-tour-target=sounds] [data-tour=sounds],.studio-shell[data-tour-target=instrument] [data-tour=instrument],.studio-shell[data-tour-target=record] [data-tour=record],.studio-shell[data-tour-target=arrange] [data-tour=arrange],.studio-shell[data-tour-target=effects] [data-tour=effects],.studio-shell[data-tour-target=mixer] [data-tour=mixer],.studio-shell[data-tour-target=finish] [data-tour=finish]{outline-offset:-2px;outline:2px solid #91e2dcc7;animation:1.9s ease-in-out infinite producer-tour-focus;position:relative;box-shadow:inset 0 0 0 1px #91e2dc2e,0 0 0 4px #56b8ac14,0 0 26px #56b8ac2b}@keyframes producer-tour-focus{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}.project-library-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020709c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-library-dialog{background:radial-gradient(circle at 18% 0,#56b8ac1c,#0000 30%),radial-gradient(circle at 100% 100%,#9a78a61c,#0000 34%),#0c161a;border:1px solid #7cc7be40;border-radius:9px;grid-template-rows:68px 84px 86px 30px minmax(0,1fr) 36px;width:min(900px,100vw - 48px);height:min(690px,100vh - 48px);min-height:520px;display:grid;overflow:hidden;box-shadow:0 28px 90px #00000094,inset 0 1px #ffffff09}.project-library-head{border-bottom:1px solid var(--line-soft);background:#081014b8;grid-template-columns:40px minmax(0,1fr) auto 34px;align-items:center;gap:11px;padding:0 18px;display:grid}.library-mark{width:38px;height:38px;color:var(--teal-soft);background:#56b8ac14;border:1px solid #56b8ac47;border-radius:5px;place-items:center;font-size:19px;display:grid}.project-library-head span,.save-copy-control>label,.project-list-heading>span,.project-library-current>div>span{color:var(--text-muted);letter-spacing:.14em;font:7px ui-monospace,monospace}.project-library-head h2{letter-spacing:.01em;margin:3px 0 0;font-size:17px;font-weight:620}.library-local{color:var(--text-secondary);border:1px solid #56b8ac26;border-radius:3px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;display:flex}.library-local i,.project-library-foot i,.current-save-state i{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #70c4a461}.library-close{width:32px;height:32px;color:var(--text-muted);border-radius:4px;font-size:21px}.library-close:hover{color:var(--text-primary);background:var(--panel-2)}.project-library-tools{border-bottom:1px solid var(--line-soft);grid-template-columns:190px minmax(255px,1fr) 220px;align-items:center;gap:10px;padding:10px 18px;display:grid}.new-project-button{text-align:left;background:#56b8ac12;border:1px solid #56b8ac47;border-radius:5px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-width:0;height:54px;padding:0 10px;display:grid}.new-project-button:hover{background:#56b8ac1f}.new-project-button>b{color:#071013;background:var(--teal-soft);border-radius:4px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.new-project-button strong,.new-project-button small{display:block}.new-project-button strong{font-size:10px}.new-project-button small{color:var(--text-muted);margin-top:3px;font-size:8px}.save-copy-control{gap:5px;min-width:0;display:grid}.save-copy-control>div{border:1px solid var(--line-soft);background:#00000029;border-radius:4px;grid-template-columns:minmax(0,1fr) 76px;height:31px;display:grid;overflow:hidden}.save-copy-control input{background:0 0;border:0;min-width:0;padding:0 9px}.save-copy-control button{color:var(--orchid-soft);border-left:1px solid var(--line-soft);background:#9a78a612;font-size:9px}.save-copy-control button:hover{background:#9a78a624}.project-search{border:1px solid var(--line-soft);background:#00000029;border-radius:4px;align-items:center;gap:7px;height:32px;padding:0 9px;display:flex}.project-search span{color:var(--text-muted);font-size:16px}.project-search input{background:0 0;border:0;width:100%;min-width:0;font-size:9px}.project-library-current{background:linear-gradient(90deg,#9a78a617,#56b8ac09);border:1px solid #9a78a633;border-radius:6px;grid-template-columns:54px minmax(0,1fr) auto 76px;align-items:center;gap:12px;margin:10px 18px 6px;padding:10px 12px;display:grid}.current-project-art{background:#131f24;border-radius:4px;align-items:center;gap:3px;width:52px;height:46px;padding:8px;display:flex}.current-project-art i{background:linear-gradient(var(--orchid-soft), var(--teal));border-radius:2px;width:4px}.current-project-art i:first-child{height:11px}.current-project-art i:nth-child(2){height:25px}.current-project-art i:nth-child(3){height:17px}.current-project-art i:nth-child(4){height:29px}.current-project-art i:nth-child(5){height:14px}.project-library-current strong,.project-library-current small{display:block}.project-library-current strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.project-library-current small{color:var(--text-muted);margin-top:4px;font-size:8px}.current-save-state{color:var(--record);align-items:center;gap:5px;font:8px ui-monospace,monospace;display:flex}.current-save-state i{background:var(--record)}.current-save-state.saved{color:var(--success)}.current-save-state.saved i{background:var(--success)}.project-library-current>button{height:29px;color:var(--orchid-soft);background:#9a78a612;border:1px solid #9a78a647;border-radius:3px;padding:0 9px;font-size:8px}.project-library-current>button:hover{background:#9a78a624}.project-list-heading{color:var(--text-muted);align-items:center;gap:6px;padding:0 20px;display:flex}.project-list-heading b{min-width:17px;height:16px;color:var(--teal-soft);background:#56b8ac1a;border-radius:8px;place-items:center;font:8px ui-monospace,monospace;display:grid}.project-list-heading small{margin-left:auto;font-size:8px}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:126px;align-content:start;gap:8px;min-height:0;padding:5px 18px 12px;display:grid;overflow-y:auto}.project-card{border:1px solid var(--line-soft);background:#111d21c7;border-radius:6px;grid-template-rows:minmax(0,1fr) 31px;min-width:0;display:grid;overflow:hidden}.project-card.active{border-color:#56b8ac5c;box-shadow:inset 0 0 0 1px #56b8ac0f}.project-open-area{grid-template-columns:52px minmax(0,1fr) auto 48px;align-items:center;gap:9px;min-width:0;padding:9px;display:grid}.project-card-art{background:linear-gradient(145deg,#56b8ac1f,#9a78a61f);border-radius:4px;grid-template-columns:repeat(4,1fr);align-items:end;gap:3px;width:50px;height:49px;padding:7px;display:grid}.project-card-art i{background:linear-gradient(var(--teal-soft), var(--orchid));border-radius:2px 2px 0 0}.project-card-art i:first-child{height:45%}.project-card-art i:nth-child(2){height:80%}.project-card-art i:nth-child(3){height:56%}.project-card-art i:nth-child(4){height:92%}.project-card-copy{min-width:0}.project-card-copy strong,.project-card-copy small,.project-card-copy em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-card-copy strong,.project-card-copy input{font-size:10px;font-weight:620}.project-card-copy input{background:#00000038;border:1px solid #56b8ac5c;border-radius:3px;width:100%;height:24px;padding:0 5px}.project-card-copy small{color:var(--text-muted);margin-top:4px;font-size:8px}.project-card-copy em{color:var(--text-secondary);margin-top:5px;font:7px ui-monospace,monospace}.open-badge{color:var(--teal-soft);background:#56b8ac1a;border-radius:2px;align-self:start;padding:3px 5px;font:7px ui-monospace,monospace}.project-card-open{height:27px;color:var(--teal-soft);border:1px solid #56b8ac33;border-radius:3px;font-size:8px}.project-card-open:hover{background:#56b8ac14}.project-card-actions{background:#0000001f;border-top:1px solid #dce4e211;align-items:center;gap:2px;padding:3px 6px;display:flex}.project-card-actions button{height:23px;color:var(--text-muted);border-radius:3px;padding:0 7px;font-size:7px}.project-card-actions button:hover{color:var(--text-primary);background:var(--panel-2)}.project-card-actions .delete-project{margin-left:auto}.project-card-actions .confirm-delete{color:#ff8b86;background:#ff655f17;margin-left:auto}.empty-project-library{min-height:150px;color:var(--text-muted);border:1px dashed var(--line-soft);border-radius:6px;grid-column:1/-1;align-content:center;place-items:center;gap:6px;display:grid}.empty-project-library>b{color:var(--orchid-soft);font-size:20px}.empty-project-library strong{color:var(--text-secondary);font-size:10px}.empty-project-library small{font-size:8px}.project-library-foot{border-top:1px solid var(--line-soft);color:var(--text-muted);background:#081014ad;align-items:center;gap:7px;padding:0 18px;font-size:8px;display:flex}.project-library-foot>span{color:var(--text-secondary);align-items:center;gap:5px;display:flex}.project-library-foot p{margin:0}.project-library-foot kbd{border:1px solid var(--line-soft);color:var(--text-secondary);background:var(--panel-2);border-radius:3px;margin-left:auto;padding:2px 5px;font:7px ui-monospace,monospace}.project-library-foot small{font-size:8px}.workspace{grid-template-columns:235px minmax(560px,1fr) 320px;min-height:0;display:grid}.browser-panel,.inspector-panel,.center-workspace{min-height:0;overflow:hidden}.browser-panel{border-right:1px solid var(--line-soft);background:var(--panel-1);grid-template-rows:44px 1fr;display:grid}.panel-tabs{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:0 10px;display:flex}.panel-tabs button{width:34px;height:34px;color:var(--text-muted);border-bottom:2px solid #0000}.panel-tabs .active{color:var(--teal);border-color:var(--teal)}.browser-content{padding:12px;position:relative;overflow:hidden auto}.search{border:1px solid var(--line-soft);background:#00000024;border-radius:4px;align-items:center;gap:8px;height:32px;margin-bottom:12px;padding:0 10px;display:flex}.search span{color:var(--text-muted);font-size:18px}.search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0}.browser-row{z-index:1;text-align:left;border-bottom:1px solid #dce4e20b;grid-template-columns:28px 1fr 12px;align-items:center;gap:7px;width:100%;min-height:54px;padding:6px 8px;display:grid;position:relative}.browser-row:hover,.browser-row.active{background:#56b8ac13}.browser-row.active{box-shadow:inset 2px 0 var(--teal)}.browser-row strong,.browser-row small{display:block}.browser-row small{color:var(--text-muted);margin-top:3px;font-size:9px}.browser-icon{color:var(--teal-soft);font-size:18px}.favorite-browser-row .browser-icon{color:#f1d891}.sound-type-rail{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:-3px 0 9px;display:grid;position:relative}.sound-type-rail button{border:1px solid var(--line-soft);min-width:0;min-height:28px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;background:#081014a3;border-radius:4px;padding:0 4px;font-size:8px;overflow:hidden}.sound-type-rail button:hover,.sound-type-rail button.active{color:var(--teal-soft);background:#56b8ac1a;border-color:#56b8ac6b}.sound-filter-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:7px;display:grid;position:relative}.sound-filter-grid label{gap:3px;min-width:0;display:grid}.sound-filter-grid label:first-child{grid-column:1/-1}.sound-filter-grid label>span{color:var(--text-secondary);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font:7px ui-monospace,monospace;overflow:hidden}.sound-filter-grid select{border:1px solid var(--line-soft);width:100%;min-width:0;height:29px;color:var(--text-secondary);text-overflow:ellipsis;background:#101b1f;border-radius:3px;padding:0 5px;font-size:9px;overflow:hidden}.sound-filter-grid select:focus-visible{outline:1px solid var(--teal);outline-offset:-1px;border-color:var(--teal)}.sound-results-summary{z-index:2;min-height:26px;color:var(--text-secondary);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:8px;font:8px ui-monospace,monospace;display:flex;position:relative}.sound-results-summary b{color:var(--teal-soft);font-weight:600}.sound-results-summary button{height:24px;color:var(--text-secondary);padding:0 5px;font-size:8px}.sound-results-summary button:hover:not(:disabled){color:var(--teal-soft)}.sound-results-summary button:disabled{opacity:.25;cursor:default}.sound-load-feedback{z-index:2;background:#70c4a413;border:1px solid #70c4a452;border-radius:4px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;margin:0 0 7px;padding:7px;display:grid;position:relative}.sound-load-feedback>i{width:22px;height:22px;color:var(--success);background:#70c4a41f;border-radius:50%;place-items:center;font:700 10px ui-monospace,monospace;display:grid}.sound-load-feedback>span{min-width:0}.sound-load-feedback strong,.sound-load-feedback small{display:block}.sound-load-feedback strong{color:var(--success);font-size:9px}.sound-load-feedback small{color:var(--text-secondary);margin-top:3px;font-size:8px;line-height:1.35}.sound-load-feedback-actions{align-items:center;gap:3px;display:flex}.sound-load-feedback-actions button{min-height:26px;color:var(--success);border:1px solid #70c4a44d;border-radius:3px;padding:0 7px;font-size:8px}.sound-load-feedback-actions button:hover{background:#70c4a41a}.sound-load-feedback-actions .dismiss{width:26px;color:var(--text-secondary);border-color:var(--line-soft);padding:0;font-size:13px}.sound-load-feedback.loading{background:#9a78a614;border-color:#9a78a661}.sound-load-feedback.loading>i{color:var(--orchid-soft);background:#9a78a624;animation:1s linear infinite sound-load-spin}.sound-load-feedback.loading strong{color:var(--orchid-soft)}.sound-load-feedback.warning{background:#f1d8910f;border-color:#f1d89157}.sound-load-feedback.warning>i,.sound-load-feedback.warning strong{color:#f1d891}.sound-load-feedback.error{background:#ff655f12;border-color:#ff655f61}.sound-load-feedback.error>i,.sound-load-feedback.error strong{color:var(--record)}.sound-load-feedback.error .sound-load-feedback-actions button:not(.dismiss){color:#ff8f89;border-color:#ff655f57}.sound-result-list{z-index:2;gap:4px;margin:0;padding:0;list-style:none;display:grid;position:relative}.sound-result-list>li{background:#08101475;border:1px solid #dce4e213;border-radius:4px;grid-template-columns:minmax(0,1fr) 28px;min-width:0;min-height:70px;display:grid;overflow:hidden}.sound-result-list>li:hover{background:#56b8ac0e;border-color:#56b8ac42}.sound-result-list>li:focus-within{border-color:#7cc7bea6;box-shadow:inset 0 0 0 1px #7cc7be33}.sound-result-list>li.previewing{box-shadow:inset 2px 0 var(--orchid),0 0 12px #9a78a614;border-color:#9a78a68a}.sound-result-list>li.favorite{background-image:linear-gradient(90deg,#f1d89109,#0000 52%)}.sound-result-list>li.loading{box-shadow:inset 2px 0 var(--orchid);border-color:#9a78a68c}.sound-result-list>li.loaded{box-shadow:inset 2px 0 var(--success);border-color:#70c4a46b}.sound-result-list>li.load-error{box-shadow:inset 2px 0 var(--record);border-color:#ff655f7a}.sound-result-main{text-align:left;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:6px 5px 6px 7px;display:grid}.sound-result-main:hover{background:#56b8ac0e}.sound-result-main:disabled{cursor:progress;opacity:.68}.sound-result-main:focus-visible,.sound-result-actions button:focus-visible{outline-offset:-2px}.sound-result-main>i{width:24px;height:32px;color:var(--teal-soft);background:#56b8ac17;border-radius:4px;place-items:center;font-size:15px;font-style:normal;display:grid}.sound-result-main>span{min-width:0}.sound-result-main strong,.sound-result-main small,.sound-result-main em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sound-result-main strong{color:var(--text-primary);font-size:10px}.sound-result-main small{color:var(--text-secondary);margin-top:3px;font-size:8px}.sound-result-main em{color:var(--text-secondary);letter-spacing:.025em;margin-top:4px;font:7px ui-monospace,monospace}.sound-result-main>b{min-width:30px;color:var(--teal-soft);text-align:center;text-transform:uppercase;background:#56b8ac17;border-radius:3px;padding:4px 3px;font:600 7px ui-monospace,monospace}.sound-result-list>li.loading .sound-result-main>b{color:var(--orchid-soft);background:#9a78a624}.sound-result-list>li.loaded .sound-result-main>b{color:var(--success);background:#70c4a41f}.sound-result-list>li.load-error .sound-result-main>b{color:#ff8f89;background:#ff655f1f}.sound-result-actions{border-left:1px solid #dce4e211;grid-template-rows:repeat(2,1fr);display:grid}.sound-result-actions button{min-width:28px;min-height:28px;color:var(--text-muted);place-items:center;font-size:9px;display:grid}.sound-result-actions button+button{border-top:1px solid #dce4e211}.sound-result-actions button:hover:not(:disabled){background:var(--panel-2)}.sound-result-actions .preview.active{color:var(--orchid-soft);background:#9a78a624}.sound-result-actions .favorite.active{color:#f1d891;background:#f1d89114}.sound-result-actions button:disabled{opacity:.22;cursor:default}.sound-show-more{z-index:2;width:100%;min-height:29px;color:var(--teal-soft);background:#56b8ac0b;border:1px solid #56b8ac33;border-radius:4px;margin-top:6px;font-size:8px;position:relative}.sound-show-more:hover{background:#56b8ac17}.browser-empty{z-index:1;min-height:156px;color:var(--text-muted);text-align:center;border:1px dashed var(--line-soft);background:#08101447;border-radius:5px;align-content:center;place-items:center;gap:7px;padding:18px 10px;display:grid;position:relative}.browser-empty>b{color:var(--orchid-soft);font-size:24px}.browser-empty>strong{color:var(--text-secondary);font-size:10px}.browser-empty>small{max-width:180px;font-size:8px;line-height:1.5}.browser-empty>button{min-height:28px;color:var(--teal-soft);background:#56b8ac0f;border:1px solid #56b8ac47;border-radius:3px;margin-top:3px;padding:0 10px;font-size:8px}.local-library{z-index:1;background:#56b8ac0b;border:1px solid #56b8ac29;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:10px 8px;display:flex;position:relative}.local-library strong,.local-library small{display:block}.local-library small{color:var(--text-muted);margin-top:3px;font-size:9px}.local-library button{height:26px;color:var(--teal-soft);border:1px solid #56b8ac47;border-radius:3px;padding:0 8px}.shimmer-contour{opacity:.18;pointer-events:none;background:repeating-radial-gradient(at 0 100%,#0000 0 18px,#56b8ac24 20px 21px,#0000 23px 31px);width:290px;height:200px;position:absolute;bottom:18px;left:-60px;transform:rotate(-12deg)}@keyframes sound-load-spin{to{transform:rotate(360deg)}}.center-workspace{background:var(--bg-canvas);grid-template-rows:42px minmax(245px,1fr) minmax(230px,42%);display:grid}.arrangement-toolbar,.editor-tabs,.piano-toolbar{border-bottom:1px solid var(--line-soft);background:var(--panel-1);align-items:center;gap:6px;padding:0 10px;display:flex}.add-track{color:var(--teal-soft);background:#56b8ac0f;border:1px solid #56b8ac40;border-radius:4px;height:28px;padding:0 10px}.add-track:hover{background:#56b8ac1f}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.import-audio,.export-audio,.mixer-toggle{border:1px solid var(--line-soft);height:28px;color:var(--text-secondary);white-space:nowrap;background:#dce4e206;border-radius:4px;padding:0 10px}.import-audio:hover{color:var(--teal-soft);background:#56b8ac0f;border-color:#56b8ac4d}.export-audio{color:var(--orchid-soft);background:#9a78a60f;border-color:#9a78a647}.export-audio:hover{background:#9a78a61f}.export-audio:disabled{cursor:progress;opacity:.58}.mixer-toggle:hover,.mixer-toggle.active{color:var(--teal-soft);background:#56b8ac14;border-color:#56b8ac52}.mixer-toggle:disabled{opacity:.35;cursor:default}.tool,.piano-toolbar button{width:28px;height:28px;color:var(--text-muted);border-radius:3px}.tool:hover,.tool.active,.piano-toolbar button:hover,.piano-toolbar .active{color:var(--teal-soft);background:var(--panel-2)}.tool-separator{background:var(--line-soft);width:1px;height:18px}.zoom-controls{color:var(--text-muted);align-items:center;gap:8px;margin-left:auto;display:flex}.zoom-controls button{color:var(--text-secondary)}.zoom-line{background:var(--line-strong);width:48px;height:2px}.arrangement{background-image:linear-gradient(90deg,#dce4e226 1px,#0000 1px),linear-gradient(90deg,#dce4e20e 1px,#0000 1px);background-size:calc(25% - 41.5px) 100%,calc(1.5625% - 2.59375px) 100%;grid-template-columns:166px minmax(500px,1fr);grid-auto-rows:44px;min-height:0;display:grid;overflow:auto}.ruler{z-index:2;border-bottom:1px solid var(--line-soft);color:var(--text-muted);background:#0b1418f7;position:sticky;top:0}.track-label-spacer{z-index:3;padding:14px;left:0}.bars{grid-template-columns:repeat(4,1fr);align-items:center;padding-left:8px;display:grid}.bars span{border-left:1px solid var(--line-strong);padding-left:6px;font-family:ui-monospace,monospace}.track-row{display:contents}.track-header{z-index:1;text-align:left;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:var(--panel-1);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding-right:8px;display:grid;position:sticky;left:0}.track-header:hover{background:#122126}.track-header.selected{background:var(--panel-2);box-shadow:inset 2px 0 var(--teal)}.track-select{text-align:left;grid-template-columns:3px 24px minmax(0,1fr);align-items:center;gap:7px;min-width:0;height:100%;padding:0;display:grid}.track-color{width:3px;height:100%}.track-icon{color:var(--text-secondary);font-size:17px}.track-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-buttons{gap:3px;display:flex}.mini{border:1px solid var(--line-soft);width:20px;height:20px;min-height:20px;color:var(--text-muted);border-radius:3px;place-items:center;padding:0;font-size:9px;display:grid}.mini.active{color:var(--teal-soft);background:#56b8ac17;border-color:#56b8ac5c}.track-lane{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(4,minmax(100px,1fr));gap:3px;padding:4px;display:grid;position:relative;overflow:hidden}.clip{opacity:.78;border-top:1px solid;border-radius:4px;min-width:70px;position:relative;overflow:hidden}.clip:hover,.clip.selected{opacity:1;box-shadow:inset 0 0 0 1px #e7ecea59}.clip-orchid{color:var(--orchid-soft);background:#9a78a652}.clip-teal{color:var(--teal-soft);background:#56b8ac42}.clip-blue{color:#83b9d4;background:#5f9fc047}.arrange-lane{touch-action:none;-webkit-user-select:none;user-select:none;padding:0;display:block}.arrangement-clip{opacity:.82;cursor:grab;touch-action:none;border-top:1px solid;border-radius:4px;min-width:10px;position:absolute;top:4px;bottom:4px;overflow:hidden}.arrangement-clip:active{cursor:grabbing}.arrangement-clip:hover,.arrangement-clip.selected{opacity:1;box-shadow:inset 0 0 0 1px #e7ecea75,0 0 14px #56b8ac17}.arrangement-clip .clip-data{inset:7px 8px 10px}.arrangement-clip .waveform{opacity:.72;margin-top:4px;padding:0 8px}.arrangement-clip .clip-title{left:8px;right:18px}.clip-resize{z-index:5;cursor:ew-resize;background:0 0;width:8px;padding:0;position:absolute;top:0;bottom:0}.clip-resize:after{content:"";opacity:0;background:#dce4e2b3;border-radius:1px;width:2px;position:absolute;top:7px;bottom:7px}.arrangement-clip:hover .clip-resize:after,.arrangement-clip.selected .clip-resize:after{opacity:.72}.clip-resize-left{left:0}.clip-resize-left:after{left:3px}.clip-resize-right{right:0}.clip-resize-right:after{right:3px}.arrangement-length{border-left:1px solid var(--line-soft);color:var(--text-muted);padding-left:8px;font:9px ui-monospace,monospace}.clip-data{opacity:.7;background-image:linear-gradient(90deg,currentColor 42%,#0000 44%),linear-gradient(#0000 43%,currentColor 45% 56%,#0000 58%);background-size:22px 12px;position:absolute;inset:9px 7px}.pattern-1{transform:translateY(4px)}.pattern-2{transform:translateY(-3px)}.waveform{letter-spacing:2px;white-space:nowrap;color:currentColor;margin-top:8px;padding:0 7px;display:block;overflow:hidden}.sample-track-lane{display:block}.sample-timeline-clip{opacity:.88;text-align:left;border-top:1px solid;border-radius:4px;min-width:36px;padding:0 6px;transition:box-shadow .12s,opacity .12s;position:absolute;top:4px;bottom:4px;overflow:hidden}.sample-timeline-clip:hover,.sample-timeline-clip.selected{opacity:1;box-shadow:inset 0 0 0 1px #e7ecea7a,0 0 16px #56b8ac14}.sample-timeline-clip .waveform{opacity:.7;margin-top:3px;padding:0 2px}.clip-mode-mark{z-index:1;color:var(--text-primary);font-size:10px;position:absolute;top:2px;right:5px}.clip-title{text-overflow:ellipsis;max-width:calc(100% - 14px);color:var(--text-primary);white-space:nowrap;font-size:8px;position:absolute;bottom:2px;left:7px;overflow:hidden}.playhead{background:var(--teal);pointer-events:none;z-index:2;width:1px;transition:left 40ms linear;position:absolute;top:0;bottom:0}.playhead span{border-left:4px solid #0000;border-right:4px solid #0000;border-top:6px solid var(--teal);width:0;height:0;position:absolute;top:0;left:-4px}.orchid{background:var(--orchid)}.teal{background:var(--teal)}.blue{background:var(--blue)}.editor-panel{border-top:1px solid var(--line-strong);background:var(--panel-1);grid-template-rows:34px 34px 1fr;min-height:0;display:grid}.editor-tabs button{height:100%;color:var(--text-muted);border-bottom:2px solid #0000;padding:0 8px}.editor-tabs button.active{color:var(--teal-soft);border-color:var(--teal)}.editor-tabs span{flex:1}.piano-toolbar{background:#081014a3}.piano-toolbar span{color:var(--text-muted);margin-left:auto}.piano-roll{grid-template-rows:1fr 16px 34%;grid-template-columns:54px 1fr;min-height:0;display:grid;overflow:hidden}.piano-labels{grid-template-rows:repeat(8,1fr);display:grid}.piano-labels span{border-bottom:1px solid var(--line-soft);color:#273337;background:#d8dedc;align-items:center;padding-left:7px;font:9px ui-monospace,monospace;display:flex}.piano-labels .black-key{color:#c3cecb;z-index:1;background:#263237;width:72%}.note-grid{background-image:linear-gradient(to right, var(--line-soft) 1px, transparent 1px), linear-gradient(to bottom, var(--line-soft) 1px, transparent 1px);background-size:6.25% 100%,100% 12.5%;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(16,1fr);display:grid;position:relative}.note{border:1px solid #0000;min-width:0}.note:hover{background:#56b8ac14}.note.active{background:var(--orchid);border-color:var(--orchid-soft);border-radius:2px;margin:3px 1px}.note.current{box-shadow:inset 2px 0 var(--teal)}.velocity-label{color:var(--text-muted);align-items:center;padding-left:7px;font-size:9px;display:flex}.velocity-grid{border-top:1px solid var(--line-soft);background-image:linear-gradient(to right, var(--line-soft) 1px, transparent 1px);background-size:6.25% 100%;grid-template-columns:repeat(16,1fr);align-items:end;padding:4px 0;display:grid}.velocity-grid span{background:var(--orchid);border-top:1px solid var(--orchid-soft);justify-self:center;width:2px}.piano-roll.fitted{grid-template-rows:minmax(0,1fr) 16px 48px}.score-editor{background:radial-gradient(circle at 50% 46%,#7f6ca514,#0000 54%),#091116;grid-template-rows:35px minmax(0,1fr) 22px;min-height:0;padding:7px 16px 9px;display:grid;overflow:hidden}.score-editor.fitted{grid-template-rows:29px minmax(0,1fr) 18px;padding:3px 8px 5px}.score-heading{color:var(--text-muted);align-items:center;gap:9px;display:flex}.score-heading>span{color:var(--teal-soft);font:25px/1 Georgia,serif}.score-heading strong{color:var(--text-main);font-size:10px}.score-heading small{letter-spacing:.08em;margin-left:auto;font:7px ui-monospace,monospace}.score-stage{background:linear-gradient(#ffffff05,#ffffff01);border:1px solid #c3d5e01f;border-radius:4px;min-height:92px;position:relative;overflow:hidden}.score-staff-lines{pointer-events:none;grid-template-rows:repeat(5,1fr);display:grid;position:absolute;inset:20% 0}.score-staff-lines i{border-top:1px solid #c3d5e040}.score-note-grid{background-image:linear-gradient(90deg,#dce4e209 1px,#0000 1px),linear-gradient(90deg,#56b8ac26 1px,#0000 1px);background-size:6.25% 100%,25% 100%;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(16,1fr);display:grid;position:absolute;inset:8% 0}.score-note{color:#0000;border:1px solid #0000;min-width:0;min-height:0;position:relative}.score-note:hover{background:#56b8ac12}.score-note:hover:before{content:"";background:#7ed6cd5c;border-radius:50%;width:5px;height:4px;position:absolute;top:calc(50% - 2px);left:calc(50% - 2px)}.score-note.active span{color:#c2b1ef;text-shadow:0 0 7px #9e82e073;font:10px/10px Georgia,serif;position:absolute;top:calc(50% - 5px);left:calc(50% - 4px);transform:scaleX(1.25)rotate(-12deg)}.score-note.active:after{content:"";background:#c2b1ef;width:1px;height:11px;position:absolute;top:calc(50% - 11px);left:calc(50% + 4px)}.score-beats{color:var(--text-muted);letter-spacing:.1em;grid-template-columns:repeat(4,1fr);align-items:end;font:6px ui-monospace,monospace;display:grid}.score-beats span{border-left:1px solid #56b8ac2e;padding-left:5px}.piano-edit-toolbar{border-bottom:1px solid var(--line-soft);min-width:0;color:var(--text-muted);background:#081014b8;align-items:center;gap:8px;padding:0 9px;font-size:8px;display:flex}.piano-edit-toolbar>strong{color:var(--text-secondary);margin-left:auto}.piano-edit-toolbar>span{white-space:nowrap}.piano-edit-toolbar button{border:1px solid var(--line-soft);height:23px;color:var(--text-muted);border-radius:3px;padding:0 7px}.piano-edit-toolbar button:hover:not(:disabled),.piano-edit-toolbar button.active{color:var(--teal-soft);background:#56b8ac14;border-color:#56b8ac57}.piano-edit-toolbar button:disabled{opacity:.3;cursor:default}.piano-tools{gap:3px;display:flex}.piano-tools button{min-width:52px}.piano-tools button span{margin-left:3px;font-size:7px}.piano-enable-sampler{color:var(--orchid-soft)!important;background:#9a78a614!important;border-color:#9a78a661!important}.advanced-piano-roll{background:radial-gradient(circle at 84% 130%, #9a78a614, transparent 44%), var(--panel-1);grid-template-rows:minmax(0,1fr) 38px;min-width:0;min-height:0;display:grid;overflow:hidden}.piano-grid-scroll{scrollbar-color:#33464a #0a1215;grid-template-rows:18px auto;grid-template-columns:56px minmax(720px,1fr);align-content:start;min-width:0;min-height:0;display:grid;overflow:auto}.piano-ruler-corner{z-index:8;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);color:var(--text-muted);background:#101a1e;place-items:center;font:7px ui-monospace,monospace;display:grid;position:sticky;top:0;left:0}.piano-bar-ruler{z-index:7;height:18px;color:var(--text-muted);background:#0b1418fa;grid-template-columns:repeat(4,1fr);font:7px ui-monospace,monospace;display:grid;position:sticky;top:0}.piano-bar-ruler span{border-left:1px solid #7cc7be3d;padding:5px 0 0 5px}.piano-key-column{z-index:6;border-right:1px solid var(--line-soft);background:#d9dfdd;grid-template-rows:repeat(49,18px);display:grid;position:sticky;left:0}.piano-key-column span{color:#334145;border-bottom:1px solid #18242829;justify-content:flex-end;align-items:center;padding-right:5px;font:7px ui-monospace,monospace;display:flex;position:relative}.piano-key-column span.black{color:#d7e0dd;background:linear-gradient(90deg,#172226,#2d3a3e);justify-self:start;width:74%;box-shadow:2px 1px 2px #00000047}.piano-key-column span b{font-weight:600}.piano-note-stage{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#0d171b;background-image:linear-gradient(90deg,#7cc7be40 1px,#0000 1px),linear-gradient(90deg,#dce4e218 1px,#0000 1px),linear-gradient(90deg,#dce4e209 1px,#0000 1px);background-size:25% 100%,6.25% 100%,1.5625% 100%;min-width:720px;position:relative;overflow:hidden}.piano-note-stage.draw-mode{cursor:crosshair}.piano-note-stage.select-mode{cursor:default}.piano-row-shade{z-index:0;pointer-events:none;border-bottom:1px solid #dce4e20e;height:18px;position:absolute;left:0;right:0}.piano-row-shade.black{background:#02070938}.piano-note-block{z-index:2;color:#eef5f2;background:linear-gradient(90deg,#8d6f99,var(--orchid),#5ea99f);cursor:grab;touch-action:none;border:1px solid #d5e1de47;border-radius:2px;align-items:center;min-width:8px;height:14px;padding:0 7px 0 3px;font:6px ui-monospace,monospace;display:flex;position:absolute;overflow:hidden;box-shadow:0 1px 4px #00000052}.piano-note-block:active{cursor:grabbing}.piano-note-block:hover,.piano-note-block.selected{z-index:4;border-color:#dce9e5;box-shadow:0 0 0 1px #56b8ac94,0 0 8px #56b8ac38}.piano-note-block span{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;overflow:hidden}.piano-note-resize{z-index:5;cursor:ew-resize;touch-action:none;background:#03080a2e;border-left:1px solid #ffffff61;width:6px;position:absolute;top:0;bottom:0;right:0}.piano-roll-playhead{z-index:5;pointer-events:none;background:var(--record);width:1px;transition:left 40ms linear;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ff655f73}.piano-note-inspector{border-top:1px solid var(--line-soft);min-width:0;color:var(--text-muted);background:#081014c7;align-items:center;gap:10px;padding:0 9px;font-size:8px;display:flex;overflow-x:auto}.piano-note-inspector>strong{min-width:48px;color:var(--orchid-soft);font:600 9px ui-monospace,monospace}.piano-nudges{gap:2px;display:flex}.piano-note-inspector button{border:1px solid var(--line-soft);min-width:20px;height:21px;color:var(--text-secondary);border-radius:3px;padding:0 5px}.piano-note-inspector button:hover{color:var(--teal-soft);border-color:#56b8ac57}.piano-note-inspector label{white-space:nowrap;align-items:center;gap:4px;display:flex}.piano-note-inspector label>span{gap:4px;display:flex}.piano-note-inspector label b{color:var(--text-secondary);font:7px ui-monospace,monospace}.piano-velocity-control{min-width:170px;margin-left:auto}.piano-velocity-control input{width:90px;accent-color:var(--teal)}.piano-empty-hint{color:var(--text-muted)}.recorder-toggle{color:#d99c99}.recorder-toggle:hover,.recorder-toggle.active{color:#ffaaa5;background:#ff655f14;border-color:#ff655f61}.editor-tabs button:disabled{opacity:.3;cursor:default}.recorder-toolbar{border-bottom:1px solid var(--line-soft);min-width:0;color:var(--text-muted);background:#081014b8;align-items:center;gap:12px;padding:0 10px;font-size:8px;display:flex}.recorder-toolbar>span:nth-child(3){white-space:nowrap;margin-left:auto}.recorder-toolbar>button{border:1px solid var(--line-soft);height:23px;color:var(--teal-soft);border-radius:3px;padding:0 8px}.recorder-status{letter-spacing:.07em;align-items:center;gap:5px;min-width:92px;display:flex}.recorder-status i{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.recorder-status.status-ready{color:var(--teal-soft)}.recorder-status.status-ready i{background:var(--success);box-shadow:0 0 7px #70c4a480}.recorder-status.status-recording{color:#ffaaa5}.recorder-status.status-recording i{background:var(--record);box-shadow:0 0 8px #ff655f94}.recorder-status.status-requesting i,.recorder-status.status-processing i{background:#d4c576}.recorder-status.status-error{color:#ffaaa5}.audio-recorder{background:radial-gradient(circle at 78% 120%, #ff655f0e, transparent 44%), var(--panel-1);grid-template-columns:250px minmax(450px,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.mic-input-panel{border-right:1px solid var(--line-soft);background:linear-gradient(#9a78a60e,#0000 62%);grid-template-rows:30px minmax(48px,1fr) 14px 8px 11px auto 27px;gap:4px;min-height:0;padding:7px 10px 8px;display:grid;overflow-y:auto}.mic-panel-head{gap:3px;min-width:0;display:grid}.mic-panel-head span{color:var(--text-muted);letter-spacing:.1em;font:7px ui-monospace,monospace}.mic-panel-head strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.mic-orb{place-items:center;min-height:48px;display:grid;position:relative;overflow:hidden}.mic-orb>i{background:radial-gradient(circle,#56b8ac47,#9a78a614 48%,#0000 70%);border-radius:50%;width:62px;height:62px;transition:transform 80ms linear;position:absolute}.mic-orb>span{z-index:1;width:36px;height:36px;color:var(--teal-soft);background:#111e22;border:1px solid #dce4e229;border-radius:50%;place-items:center;font-size:17px;display:grid;position:relative;box-shadow:0 0 18px #56b8ac1f}.mic-orb.recording>span{color:#ffaaa5;border-color:#ff655f61;box-shadow:0 0 20px #ff655f33}.mic-level-readout{color:var(--text-muted);justify-content:space-between;align-items:center;font:7px ui-monospace,monospace;display:flex}.mic-level-readout b{color:var(--text-secondary)}.mic-meter{background:#081114;border-radius:2px;height:7px;overflow:hidden;box-shadow:inset 0 0 0 1px #dce4e212}.mic-meter i{background:linear-gradient(90deg,var(--teal),#d0bc69 76%,var(--record));height:100%;transition:width 70ms linear;display:block}.mic-segments{grid-template-columns:repeat(18,1fr);gap:2px;display:grid}.mic-segments i{background:#dce4e212;border-radius:1px}.mic-segments i.active{background:var(--teal);box-shadow:0 0 4px #56b8ac40}.mic-input-panel p{min-height:22px;color:var(--text-muted);margin:1px 0;font-size:7px;line-height:1.45}.mic-input-panel .mic-error{color:#ffaaa5}.connect-mic{height:27px;color:var(--teal-soft);background:#56b8ac0f;border:1px solid #56b8ac47;border-radius:3px}.connect-mic.connected{color:var(--success)}.connect-mic:disabled{opacity:.55;cursor:default}.capture-panel{grid-template-rows:31px minmax(54px,1fr) 22px 32px minmax(42px,.8fr);gap:5px;min-width:0;min-height:0;padding:7px 10px 8px;display:grid;overflow:hidden}.capture-target-row{min-width:0;color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:8px;display:flex}.capture-target-row label{align-items:center;gap:7px;min-width:220px;display:flex}.capture-target-row label>span{white-space:nowrap;letter-spacing:.08em;font:7px ui-monospace,monospace}.capture-target-row select{border:1px solid var(--line-soft);min-width:0;height:24px;color:var(--text-secondary);background:#101b1f;border-radius:3px;flex:1;padding:0 6px;font-size:8px}.capture-target-row>span b{color:var(--orchid-soft)}.capture-timeline{border:1px solid var(--line-soft);background:#08101480;border-radius:4px;grid-template-rows:16px 1fr;min-height:54px;display:grid;overflow:hidden}.capture-bars{color:var(--text-muted);grid-template-columns:repeat(4,1fr);font:7px ui-monospace,monospace;display:grid}.capture-bars span{border-left:1px solid #7cc7be33;padding:4px 0 0 5px}.capture-grid{background-image:linear-gradient(90deg,#dce4e20d 1px,#0000 1px);background-size:6.25% 100%;align-items:center;gap:2px;min-height:36px;padding:4px 6px;display:flex;position:relative}.capture-grid b{background:linear-gradient(var(--orchid-soft),var(--teal-soft));opacity:.62;border-radius:1px;flex:1;min-width:1px;transition:height 80ms linear}.capture-start{z-index:3;background:var(--record);width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 7px #ff655f70}.capture-readout{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font:7px ui-monospace,monospace;display:flex}.capture-clock{color:var(--text-secondary);font-size:10px}.capture-clock.live{color:#ffaaa5}.big-record-button{color:#e8a6a3;letter-spacing:.04em;background:#ff655f11;border:1px solid #ff655f52;border-radius:4px;height:32px;font-size:9px}.big-record-button:hover:not(:disabled),.big-record-button.active{color:#fff0ee;background:#ff655f2e;border-color:#ff655f94;box-shadow:0 0 14px #ff655f14}.big-record-button:disabled{opacity:.45;cursor:default}.recording-list{grid-template-columns:repeat(4,minmax(95px,1fr));align-content:start;gap:4px;min-height:0;display:grid;overflow-y:auto}.recording-list>span{color:var(--text-muted);letter-spacing:.1em;grid-column:1/5;font:7px ui-monospace,monospace}.recording-list>button{text-align:left;border:1px solid var(--line-soft);background:#08101452;border-radius:3px;grid-template-columns:18px minmax(0,1fr) 8px;align-items:center;gap:4px;min-width:0;min-height:34px;padding:4px 5px;display:grid}.recording-list>button:hover{background:#56b8ac0f;border-color:#56b8ac52}.recording-list>button>i{color:var(--teal-soft);font-style:normal}.recording-list strong,.recording-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recording-list strong{font-size:7px}.recording-list small{color:var(--text-muted);margin-top:2px;font-size:6px}.recording-list>button>b{color:var(--text-muted)}.recording-list>p{color:var(--text-muted);grid-column:1/5;margin:8px 0 0;font-size:8px}.instrument-toolbar{border-bottom:1px solid var(--line-soft);min-width:0;color:var(--text-muted);background:#081014a3;align-items:center;gap:10px;padding:0 10px;font-size:9px;display:flex}.instrument-toolbar strong{color:var(--text-secondary)}.instrument-toolbar>button{color:var(--teal-soft);border:1px solid #56b8ac3d;border-radius:3px;margin-left:auto;padding:4px 8px}.recording-readout{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:5px;min-width:72px;display:flex}.recording-readout i{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.recording-readout.active{color:#ffaaa5}.recording-readout.active i{background:var(--record);box-shadow:0 0 8px #ff655f99}.mixer-toolbar{border-bottom:1px solid var(--line-soft);min-width:0;color:var(--text-muted);letter-spacing:.05em;background:#081014b8;align-items:center;gap:14px;padding:0 10px;font-size:8px;display:flex}.mixer-toolbar>span:first-child{align-items:center;gap:5px;display:flex}.mixer-toolbar>span:nth-child(3){margin-left:auto}.mixer-toolbar button{border:1px solid var(--line-soft);color:var(--text-secondary);border-radius:3px;padding:4px 8px}.mixer-toolbar button.active{color:#ffaaa5;background:#ff655f14;border-color:#ff655f59}.mixer-live-dot{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #70c4a473}.full-mixer{background:linear-gradient(#dce4e205,#0000 55%);gap:5px;min-width:0;min-height:0;padding:6px 8px 8px;display:flex;overflow:auto hidden}.mixer-strip{border:1px solid var(--line-soft);background:#0810147a;border-radius:4px;flex:1 0 104px;grid-template-rows:23px 17px 28px minmax(50px,1fr) 13px 23px;min-width:104px;max-width:142px;min-height:0;display:grid;overflow:hidden}.strip-head{text-align:left;border-bottom:1px solid #dce4e212;grid-template-columns:3px 17px minmax(0,1fr);align-items:center;gap:5px;min-width:0;padding:0 5px 0 0;display:grid}.strip-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.strip-head>span{color:var(--text-secondary)}.strip-color{align-self:stretch;width:3px}.master-color{background:linear-gradient(var(--teal), var(--orchid))}.strip-inserts{color:var(--text-muted);background:#dce4e205;justify-content:space-between;align-items:center;gap:3px;padding:0 5px;font:6px ui-monospace,monospace;display:flex}.strip-pan{min-width:0;color:var(--text-muted);grid-template-columns:20px 1fr 22px;align-items:center;gap:2px;padding:0 5px;font-size:6px;display:grid}.strip-pan input{width:100%;min-width:0;accent-color:var(--teal)}.strip-pan b{text-align:right;color:var(--text-secondary);font:7px ui-monospace,monospace}.strip-fader-zone{background:linear-gradient(90deg,#0000 49%,#dce4e206 50%,#0000 51%);border-top:1px solid #dce4e20a;border-bottom:1px solid #dce4e20a;justify-content:center;align-items:stretch;gap:9px;min-height:0;padding:3px 5px 1px;display:flex}.stereo-meter{background:#0a1114;border-radius:2px;align-items:end;gap:2px;width:11px;padding:2px;display:flex;box-shadow:inset 0 0 0 1px #dce4e212}.stereo-meter i{background:linear-gradient(0deg,#4ca87d 0 68%,#c2b55e 78%,#cc6b62 94%);border-radius:1px;width:3px;min-height:2px;transition:height 90ms linear}.channel-fader{writing-mode:vertical-lr;width:18px;min-height:48px;accent-color:var(--orchid);direction:rtl}.strip-db{text-align:center;color:var(--text-secondary);align-self:center;font:7px ui-monospace,monospace}.strip-switches{grid-template-columns:1fr 1fr;gap:3px;padding:2px 5px 4px;display:grid}.strip-switches button{border:1px solid var(--line-soft);color:var(--text-muted);border-radius:2px;font-size:7px}.strip-switches button.active.mute{color:#ffaaa5;background:#ff655f1a;border-color:#ff655f61}.strip-switches button.active.solo{color:#e4d582;background:#e4d58217;border-color:#e4d5825c}.master-strip{background:linear-gradient(#9a78a614,#08101485);border-color:#9a78a64d}.master-bus-label{color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 7px;font-size:7px;display:flex}.master-bus-label b{color:var(--orchid-soft)}.master-meter i{background:linear-gradient(to top, var(--teal) 0 66%, #d0bb62 78%, var(--record) 95%)}.master-switch{grid-template-columns:1fr}.automation-toolbar{border-bottom:1px solid var(--line-soft);min-width:0;color:var(--text-muted);background:#081014b8;align-items:center;gap:12px;padding:0 10px;font-size:8px;display:flex}.automation-toolbar>span:nth-child(3){margin-left:auto}.automation-toolbar>button{border:1px solid var(--line-soft);color:var(--text-secondary);border-radius:3px;padding:4px 8px}.automation-toolbar>button.active{color:var(--teal-soft);background:#56b8ac14;border-color:#56b8ac57}.automation-status{letter-spacing:.07em;align-items:center;gap:5px;display:flex}.automation-status i{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.automation-status.active{color:var(--teal-soft)}.automation-status.active i{background:var(--teal);box-shadow:0 0 7px #56b8ac80}.automation-editor{background:radial-gradient(circle at 70% 120%, #56b8ac12, transparent 46%), var(--panel-1);grid-template-columns:190px minmax(480px,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.automation-sidebar{border-right:1px solid var(--line-soft);grid-template-columns:repeat(3,1fr);align-content:start;gap:4px;min-height:0;padding:7px 8px;display:grid;overflow-y:auto}.automation-heading{color:var(--text-muted);letter-spacing:.1em;grid-column:1/4;font:7px ui-monospace,monospace}.automation-sidebar>button{border:1px solid var(--line-soft);min-width:0;min-height:48px;color:var(--text-muted);background:#0810144d;border-radius:4px;grid-template-rows:19px 1fr;place-items:center;padding:4px 2px;display:grid}.automation-sidebar>button:hover,.automation-sidebar>button.active{color:var(--teal-soft);background:#56b8ac12;border-color:#56b8ac57}.automation-sidebar>button i{font-size:14px;font-style:normal}.automation-sidebar>button strong,.automation-sidebar>button small{text-overflow:ellipsis;text-align:center;text-transform:capitalize;white-space:nowrap;display:block;overflow:hidden}.automation-sidebar>button strong{font-size:8px}.automation-sidebar>button small{color:var(--text-muted);margin-top:2px;font-size:6px}.shapes-heading{margin-top:2px}.automation-shapes{grid-column:1/4;grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.automation-shapes button{border:1px solid var(--line-soft);min-width:0;height:23px;color:var(--text-muted);border-radius:3px;font-size:7px}.automation-shapes button:hover{color:var(--orchid-soft);background:#9a78a612;border-color:#9a78a657}.automation-stage{grid-template-rows:1fr 17px;grid-template-columns:40px minmax(440px,1fr);min-width:0;min-height:0;padding:7px 10px 5px 7px;display:grid}.automation-scale{color:var(--text-muted);flex-direction:column;justify-content:space-between;align-items:flex-end;padding:0 6px 1px 0;font:7px ui-monospace,monospace;display:flex}.automation-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border:1px solid var(--line-soft);background-image:linear-gradient(90deg,#dce4e21f 1px,#0000 1px),linear-gradient(90deg,#dce4e209 1px,#0000 1px),linear-gradient(#dce4e20f 1px,#0000 1px);background-size:25% 100%,6.25% 100%,100% 50%;border-radius:4px;grid-template-columns:repeat(64,1fr);align-items:end;min-width:440px;min-height:92px;display:grid;position:relative;overflow:hidden}.automation-canvas:not(.enabled){opacity:.62}.automation-column{pointer-events:none;border-left:1px solid #dce4e205;align-self:stretch;position:relative}.automation-column b{height:var(--automation-level);background:linear-gradient(#56b8ac94,#9a78a65c);border-radius:2px 2px 0 0;min-height:2px;position:absolute;bottom:0;left:20%;right:20%}.automation-column b:after{content:"";background:var(--teal-soft);border:1px solid #203034;border-radius:50%;width:5px;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #56b8ac52}.automation-column.bar-start{border-left-color:#7cc7be47}.automation-playhead{z-index:3;pointer-events:none;background:var(--record);width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ff655f59}.automation-ruler{color:var(--text-muted);grid-column:2;grid-template-columns:repeat(4,1fr);align-items:end;padding-top:2px;font:7px ui-monospace,monospace;display:grid}.automation-ruler span{border-left:1px solid #dce4e21f;padding-left:4px}.automation-ruler b{color:var(--text-muted);grid-column:1/5;justify-self:end;margin-top:-9px;padding-right:4px;font-weight:400}.modulation-toggle{color:var(--orchid-soft)}.modulation-toggle:hover,.modulation-toggle.active{color:#d2b7db;background:#9a78a617;border-color:#9a78a66b}.modulation-toolbar{border-bottom:1px solid var(--line-soft);min-width:0;color:var(--text-muted);background:linear-gradient(90deg,#9a78a612,#081014c2 38%,#56b8ac0b);align-items:center;gap:11px;padding:0 10px;font-size:8px;display:flex}.modulation-toolbar>strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.modulation-toolbar>span:nth-child(3){white-space:nowrap;margin-left:auto}.modulation-toolbar>label{align-items:center;gap:5px;display:flex}.modulation-toolbar select,.modulation-source-controls select,.route-path select{border:1px solid var(--line-soft);height:24px;color:var(--text-secondary);background:#101b1f;border-radius:3px;padding:0 6px;font-size:8px}.modulation-toolbar>button{border:1px solid var(--line-soft);height:24px;color:var(--text-secondary);border-radius:3px;padding:0 8px}.modulation-toolbar>button.active{color:var(--orchid-soft);background:#9a78a61a;border-color:#9a78a66b}.modulation-status{letter-spacing:.08em;align-items:center;gap:5px;display:flex}.modulation-status i{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.modulation-status.active{color:var(--orchid-soft)}.modulation-status.active i{background:var(--orchid-soft);box-shadow:0 0 8px #b494be94}.modulation-editor{background:radial-gradient(circle at 10% 100%,#9a78a61c,#0000 37%),radial-gradient(circle at 88% 110%,#56b8ac17,#0000 43%),#0c161a;grid-template-columns:minmax(220px,285px) minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.modulation-editor.bypassed .modulation-route-card.active{opacity:.7}.modulation-sources{border-right:1px solid var(--line-soft);align-content:start;gap:7px;min-height:0;padding:8px;display:grid;overflow-y:auto}.modulation-section-head{color:var(--text-muted);letter-spacing:.11em;justify-content:space-between;align-items:center;font:7px ui-monospace,monospace;display:flex}.modulation-section-head small{letter-spacing:0;font-size:7px}.modulation-source-card{border:1px solid var(--line-soft);background:#08101485;border-radius:5px;gap:6px;min-width:0;padding:7px;display:grid}.modulation-source-card.active{border-color:#9a78a657;box-shadow:inset 2px 0 #b494beb3}.source-lfo2.active{border-color:#56b8ac4d;box-shadow:inset 2px 0 #7cc7bea6}.source-follower.active{border-color:#5f9fc05c;box-shadow:inset 2px 0 #5f9fc0b8}.modulation-source-card>header{justify-content:space-between;align-items:center;gap:7px;display:flex}.modulation-source-card>header>span{grid-template-rows:14px 12px;grid-template-columns:24px minmax(0,1fr);align-items:center;min-width:0;display:grid}.modulation-source-card>header i{width:21px;height:24px;color:var(--orchid-soft);background:#9a78a61f;border-radius:4px;grid-row:1/3;place-items:center;font-style:normal;display:grid}.source-lfo2>header i{color:var(--teal-soft);background:#56b8ac1a}.source-follower>header i{color:#8fbfda;background:#5f9fc01f}.modulation-source-card>header strong{font-size:9px}.modulation-source-card>header small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.modulation-source-card>header button{border:1px solid var(--line-soft);width:34px;height:23px;color:var(--text-muted);border-radius:3px;font:7px ui-monospace,monospace}.modulation-source-card>header button.active{color:var(--orchid-soft);background:#9a78a617;border-color:#9a78a661}.modulation-wave{background-image:linear-gradient(#0000 49%,#dce4e21c 50%,#0000 51%),linear-gradient(90deg,#dce4e20a 1px,#0000 1px);background-size:100% 100%,25% 100%;border:1px solid #dce4e213;border-radius:4px;align-items:center;gap:2px;height:48px;padding:3px 5px;display:flex;position:relative;overflow:hidden}.modulation-wave i{background:linear-gradient(var(--orchid-soft),var(--teal));opacity:.68;border-radius:1px;flex:1;min-width:1px;max-height:38px}.modulation-wave b{background:#e5f0ed;width:1px;transition:left 90ms linear;position:absolute;top:3px;bottom:3px;box-shadow:0 0 7px #dcf0eb8c}.modulation-source-controls{grid-template-columns:1fr 1fr;gap:5px;display:grid}.modulation-source-controls label{min-width:0;color:var(--text-muted);gap:3px;font-size:7px;display:grid}.modulation-source-controls select{width:100%;min-width:0}.modulation-rate-mode{border:1px solid var(--line-soft);border-radius:3px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.modulation-rate-mode button{min-width:0;color:var(--text-muted);font:7px ui-monospace,monospace}.modulation-rate-mode button+button{border-left:1px solid var(--line-soft)}.modulation-rate-mode button.active{color:var(--teal-soft);background:#56b8ac17}.modulation-source-controls .source-range{grid-column:1/3}.source-range span,.follower-controls label>span,.route-controls label>span{justify-content:space-between;gap:5px;display:flex}.modulation-source-controls input,.follower-controls input,.route-controls input{width:100%;min-width:0;accent-color:var(--orchid)}.follower-monitor{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.follower-monitor>span,.route-activity>span{background:#dce4e212;border-radius:4px;height:7px;overflow:hidden}.follower-monitor i,.route-activity i{border-radius:inherit;background:linear-gradient(90deg,#5f9fc0,var(--teal-soft),var(--orchid-soft));height:100%;transition:width 90ms linear;display:block}.follower-monitor b{color:var(--text-muted);font:6px ui-monospace,monospace}.follower-controls{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.follower-controls label{min-width:0;color:var(--text-muted);gap:3px;font-size:7px;display:grid}.follower-controls b,.route-controls b{color:var(--text-secondary);font:600 7px ui-monospace,monospace}.modulation-preset-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.modulation-preset-grid button{text-align:left;border:1px solid var(--line-soft);min-width:0;min-height:36px;color:var(--text-secondary);background:#08101457;border-radius:4px;padding:5px 6px}.modulation-preset-grid button:hover,.modulation-preset-grid button.active{background:#56b8ac12;border-color:#56b8ac52}.modulation-preset-grid strong,.modulation-preset-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.modulation-preset-grid strong{font-size:8px}.modulation-preset-grid small{color:var(--text-muted);margin-top:3px;font-size:6px}.modulation-matrix{grid-template-rows:42px 28px minmax(0,1fr);min-width:0;min-height:0;padding:0 9px 8px;display:grid;overflow:hidden}.modulation-matrix-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.modulation-matrix-head span,.modulation-matrix-head strong{display:block}.modulation-matrix-head span{color:var(--text-muted);letter-spacing:.1em;font:7px ui-monospace,monospace}.modulation-matrix-head strong{margin-top:3px;font-size:9px}.modulation-matrix-head>button{height:27px;color:var(--teal-soft);background:#56b8ac12;border:1px solid #56b8ac4d;border-radius:4px;padding:0 9px}.modulation-target-strip{grid-template-columns:repeat(6,minmax(58px,1fr));gap:4px;min-width:0;display:grid;overflow-x:auto}.modulation-target-strip span{min-width:58px;color:var(--text-muted);background:#0810145c;border:1px solid #dce4e213;border-radius:3px;place-items:center;font:7px ui-monospace,monospace;display:grid}.modulation-route-list{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));grid-auto-rows:min-content;align-content:start;gap:6px;min-height:0;padding-top:6px;display:grid;overflow-y:auto}.modulation-route-card{border:1px solid var(--line-soft);background:linear-gradient(145deg,#111d21eb,#0a1216db);border-radius:5px;gap:6px;min-width:0;padding:7px;display:grid}.modulation-route-card.active{box-shadow:inset 2px 0 var(--teal);border-color:#56b8ac52}.modulation-route-card.target-bypassed{border-color:#ff655f3d}.modulation-route-card>header{grid-template-columns:25px minmax(0,1fr) 25px;align-items:center;gap:6px;display:grid}.route-power,.route-remove{width:25px;height:25px;color:var(--text-muted);border-radius:3px}.route-power.active{color:var(--teal-soft);background:#56b8ac14}.route-remove:hover{color:#ffaaa5;background:#ff655f14}.modulation-route-card>header span{min-width:0}.modulation-route-card>header b,.modulation-route-card>header small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.modulation-route-card>header b{color:var(--text-secondary);letter-spacing:.09em;font:7px ui-monospace,monospace}.modulation-route-card>header small{color:var(--text-muted);margin-top:2px;font:6px ui-monospace,monospace}.target-bypassed>header small{color:#d68d89}.route-path{grid-template-columns:minmax(90px,1fr) 14px minmax(110px,1.2fr);align-items:end;gap:4px;min-width:0;display:grid}.route-path label{gap:3px;min-width:0;display:grid}.route-path label>span{color:var(--text-muted);font-size:7px}.route-path select{width:100%;min-width:0}.route-path>i{color:var(--orchid-soft);text-align:center;align-self:center;font-style:normal}.route-controls{grid-template-columns:minmax(100px,1.3fr) 78px minmax(80px,1fr);gap:6px;display:grid}.route-controls label{min-width:0;color:var(--text-muted);gap:3px;font-size:7px;display:grid}.route-polarity{border:1px solid var(--line-soft);border-radius:3px;grid-template-rows:12px 19px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.route-polarity>span{color:var(--text-muted);grid-column:1/3;padding:2px 4px 0;font-size:7px}.route-polarity button{color:var(--text-muted);border-top:1px solid var(--line-soft);font:6px ui-monospace,monospace}.route-polarity button+button{border-left:1px solid var(--line-soft)}.route-polarity button.active{color:var(--orchid-soft);background:#9a78a61c}.route-activity{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.route-activity b{color:var(--text-muted);font:6px ui-monospace,monospace}.modulation-empty{text-align:center;min-height:150px;color:var(--text-muted);border:1px dashed #9a78a647;border-radius:6px;grid-column:1/-1;align-content:center;place-items:center;gap:6px;padding:20px;display:grid}.modulation-empty>b{color:var(--orchid-soft);font-size:24px}.modulation-empty strong{color:var(--text-secondary)}.modulation-empty small{max-width:360px;line-height:1.45}.modulation-empty button{height:28px;color:var(--teal-soft);background:#56b8ac12;border:1px solid #56b8ac4d;border-radius:4px;padding:0 11px}.modulation-editor .modulation-section-head,.modulation-editor .modulation-section-head small,.modulation-editor .modulation-source-card>header small,.modulation-editor .modulation-source-controls label,.modulation-editor .follower-controls label,.modulation-editor .route-path label>span,.modulation-editor .route-controls label,.modulation-editor .route-activity b,.modulation-editor .modulation-route-card>header small{color:#879996;font-size:9px}.modulation-editor .modulation-source-card>header strong,.modulation-editor .modulation-matrix-head strong{font-size:10px}.modulation-editor .modulation-preset-grid strong,.modulation-editor .modulation-route-card>header b{font-size:9px}.modulation-editor .modulation-preset-grid small,.modulation-editor .follower-monitor b{color:#879996;font-size:8px}.modulation-toolbar{color:#879996;font-size:9px}.modulation-toolbar select,.modulation-source-controls select,.route-path select,.modulation-source-card>header button,.modulation-rate-mode button,.follower-controls b,.route-controls b,.modulation-matrix-head span,.modulation-target-strip span,.route-polarity>span,.route-polarity button{font-size:9px}.modulation-matrix-head span,.modulation-target-strip span,.route-polarity>span,.route-polarity button{color:#879996}.sampler-toolbar{border-bottom:1px solid var(--line-soft);min-width:0;color:var(--text-muted);background:#081014b8;align-items:center;gap:12px;padding:0 10px;font-size:8px;display:flex}.sampler-toolbar>span:nth-child(3){margin-left:auto}.sampler-toolbar>button{border:1px solid var(--line-soft);color:var(--text-secondary);border-radius:3px;padding:4px 8px}.sampler-toolbar>button.active{color:var(--orchid-soft);background:#9a78a617;border-color:#9a78a661}.sampler-status{letter-spacing:.07em;align-items:center;gap:5px;display:flex}.sampler-status i{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.sampler-status.active{color:var(--orchid-soft)}.sampler-status.active i{background:var(--orchid);box-shadow:0 0 7px #9a78a68c}.sampler-rack{background:radial-gradient(circle at 16% 120%, #9a78a61f, transparent 43%), var(--panel-1);grid-template-columns:255px minmax(430px,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.sampler-source{border-right:1px solid var(--line-soft);grid-template-rows:18px 42px 1fr;gap:5px;min-height:0;padding:7px 8px;display:grid;overflow-y:auto}.sampler-source-head{min-width:0;color:var(--text-muted);letter-spacing:.08em;justify-content:space-between;gap:8px;font:7px ui-monospace,monospace;display:flex}.sampler-source-head strong{max-width:120px;color:var(--orchid-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sampler-wave{border:1px solid var(--line-soft);background:#08101475;border-radius:4px;align-items:center;gap:1px;padding:4px 3px;display:flex;position:relative;overflow:hidden}.sampler-wave>i{background:linear-gradient(var(--orchid-soft), var(--teal-soft));opacity:.65;border-radius:1px;flex:1;min-width:1px}.sampler-wave>span{background:var(--teal-soft);width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #56b8ac66}.sampler-settings{grid-template-columns:1fr 1fr;gap:5px 8px;display:grid}.sampler-settings label{gap:2px;min-width:0;display:grid}.sampler-settings label span{color:var(--text-muted);justify-content:space-between;gap:4px;font-size:7px;display:flex}.sampler-settings label b{color:var(--text-secondary);font:7px ui-monospace,monospace}.sampler-settings input{width:100%;min-width:0;accent-color:var(--orchid)}.sampler-performance{grid-template-rows:34px 42px minmax(52px,1fr);min-width:0;min-height:0;padding:0 10px 8px;display:grid;overflow:hidden}.sampler-controls{min-width:0;color:var(--text-muted);align-items:center;gap:11px;font-size:8px;display:flex}.sampler-controls label{align-items:center;gap:5px;display:flex}.sampler-controls label button{border:1px solid var(--line-soft);width:21px;height:21px;color:var(--text-secondary);border-radius:3px}.sampler-controls label>b{min-width:20px;color:var(--text-primary);text-align:center}.sampler-velocity{min-width:140px}.sampler-velocity span{white-space:nowrap;gap:4px;display:flex}.sampler-velocity input{width:72px;accent-color:var(--teal)}.sampler-mode{border:1px solid var(--line-soft);border-radius:3px;display:flex;overflow:hidden}.sampler-mode button{height:21px;color:var(--text-muted);padding:0 6px;font-size:7px}.sampler-mode button+button{border-left:1px solid var(--line-soft)}.sampler-mode button.active{color:var(--teal-soft);background:#56b8ac14}.sampler-loop{border:1px solid var(--line-soft);min-width:74px;height:21px;color:var(--text-muted);border-radius:3px;padding:0 6px;font-size:7px}.sampler-loop.active{color:var(--orchid-soft);background:#9a78a614;border-color:#9a78a65c}.sampler-note-lane{min-height:42px}.sampler-keyboard{min-height:52px}.instrument-rack{background:radial-gradient(circle at 76% 110%, #56b8ac14, transparent 42%), var(--panel-1);grid-template-columns:244px minmax(430px,1fr);min-height:0;display:grid;overflow:hidden}.instrument-browser{border-right:1px solid var(--line-soft);min-height:0;padding:8px;overflow-y:auto}.instrument-title{color:var(--text-muted);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:6px;font:8px ui-monospace,monospace;display:flex}.instrument-title strong{color:var(--orchid-soft);letter-spacing:0;font:600 9px Inter,sans-serif}.instrument-presets{grid-template-columns:1fr 1fr;gap:4px;display:grid}.instrument-presets button{text-align:left;border:1px solid var(--line-soft);background:#08101457;border-radius:4px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:39px;padding:4px 5px;display:grid}.instrument-presets button:hover,.instrument-presets button.active{background:#56b8ac14;border-color:#56b8ac61}.instrument-presets button>i{width:21px;height:25px;color:var(--teal-soft);background:#56b8ac1a;border-radius:3px;place-items:center;font-style:normal;display:grid}.instrument-presets button:nth-child(2n)>i{color:var(--orchid-soft);background:#9a78a61a}.instrument-presets strong,.instrument-presets small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.instrument-presets strong{font-size:9px}.instrument-presets small{color:var(--text-muted);margin-top:2px;font-size:7px}.synth-designer{border-top:1px solid var(--line-soft);margin-top:8px;padding-top:7px}.designer-heading{color:var(--text-muted);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:5px;font:8px ui-monospace,monospace;display:flex}.designer-heading b{color:var(--teal-soft);letter-spacing:0;font-size:7px;font-weight:500}.wave-selector{grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:7px;display:grid}.wave-selector button{border:1px solid var(--line-soft);height:25px;color:var(--text-muted);background:#0810145c;border-radius:3px;font-size:13px}.wave-selector button:hover,.wave-selector button.active{color:var(--orchid-soft);background:#9a78a61a;border-color:#9a78a673;box-shadow:inset 0 0 12px #9a78a60a}.designer-controls{grid-template-columns:1fr 1fr;gap:5px 8px;display:grid}.designer-controls label{min-width:0}.designer-controls span{color:var(--text-muted);justify-content:space-between;gap:4px;font-size:7px;display:flex}.designer-controls span b{color:var(--text-secondary);font:600 7px ui-monospace,monospace}.designer-controls input,.unison-control input{width:100%;height:11px;accent-color:var(--teal);display:block}.unison-control{color:var(--text-muted);grid-template-columns:36px 1fr 20px;align-items:center;gap:5px;margin-top:5px;font-size:7px;display:grid}.unison-control b{color:var(--teal-soft);text-align:right;font:600 8px ui-monospace,monospace}.performance-pad{grid-template-rows:34px 42px minmax(52px,1fr);min-width:0;min-height:0;padding:0 10px 8px;display:grid;overflow:hidden}.instrument-controls{min-width:0;color:var(--text-muted);align-items:center;gap:12px;font-size:8px;display:flex}.instrument-controls label{align-items:center;gap:5px;display:flex}.instrument-controls button{border:1px solid var(--line-soft);min-width:21px;height:21px;color:var(--text-secondary);border-radius:3px}.instrument-controls label>b{text-align:center;min-width:20px;color:var(--text-primary);font:600 9px ui-monospace,monospace}.velocity-control{min-width:145px}.velocity-control span{white-space:nowrap;gap:4px;display:flex}.velocity-control input{width:90px;min-width:60px;accent-color:var(--teal)}.sustain{padding:0 6px;min-width:76px!important;color:var(--text-muted)!important}.sustain b{margin-left:4px;font-size:7px}.sustain.active{background:#56b8ac12;border-color:#56b8ac57;color:var(--teal-soft)!important}.keyboard-hint{white-space:nowrap;margin-left:auto}.recorded-note-lane{border:1px solid var(--line-soft);background-image:linear-gradient(90deg,#dce4e21a 1px,#0000 1px),linear-gradient(90deg,#dce4e209 1px,#0000 1px);background-size:25% 100%,6.25% 100%;border-radius:4px;position:relative;overflow:hidden}.lane-label{z-index:1;color:var(--text-muted);letter-spacing:.08em;font:7px ui-monospace,monospace;position:absolute;top:3px;left:5px}.recorded-note{z-index:2;background:linear-gradient(90deg, var(--orchid), var(--teal));border:1px solid #dce4e238;border-radius:2px;min-width:3px;height:5px;position:absolute;box-shadow:0 0 6px #56b8ac26}.take-playhead{z-index:3;background:var(--teal);width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #56b8ac73}.screen-keyboard{grid-template-columns:repeat(13,minmax(24px,1fr));gap:2px;min-width:0;padding-top:5px;display:grid;overflow-x:auto}.performance-key{color:#253135;background:linear-gradient(#edf1ef,#bdc7c4);border-bottom:3px solid #87938f;border-radius:2px 2px 4px 4px;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-width:28px;height:100%;min-height:48px;padding:4px 2px;display:flex}.performance-key.black{color:#d9e2df;background:linear-gradient(#263338,#10191d);border:1px solid #3a494d;border-bottom:3px solid #050a0c;height:72%;min-height:38px}.performance-key span{opacity:.65;font:7px ui-monospace,monospace}.performance-key b{font-size:9px}.performance-key:hover,.performance-key.pressed{color:#081014;background:linear-gradient(var(--teal-soft), #70aea6);border-bottom-width:1px;transform:translateY(1px);box-shadow:0 0 10px #56b8ac3d}.performance-key.black:hover,.performance-key.black.pressed{color:#071013;background:linear-gradient(var(--orchid-soft), #80688a)}.drum-toolbar>button{margin-left:0}.drum-toolbar>button:first-of-type{margin-left:auto}.drum-rack{background:radial-gradient(circle at 14% 120%, #9a78a61c, transparent 42%), var(--panel-1);grid-template-columns:236px minmax(470px,1fr);min-height:0;display:grid;overflow:hidden}.drum-pad-panel{border-right:1px solid var(--line-soft);min-height:0;padding:7px 8px 8px;overflow-y:auto}.drum-kit-row{grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:6px;display:grid}.drum-kit-row>span{color:var(--text-muted);letter-spacing:.1em;grid-column:1/4;font:7px ui-monospace,monospace}.drum-kit-row button{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line-soft);min-width:0;height:22px;color:var(--text-muted);border-radius:3px;padding:0 3px;font-size:7px;overflow:hidden}.drum-kit-row button:hover,.drum-kit-row button.active{color:var(--teal-soft);background:#56b8ac14;border-color:#56b8ac59}.drum-pads{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.drum-pad{text-align:left;background:linear-gradient(145deg,#1a2a2f,#101a1e);border:1px solid #dce4e226;border-bottom:3px solid #050a0cbf;border-radius:5px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:51px;padding:5px;display:grid}.drum-pad:nth-child(2n){background:linear-gradient(145deg,#282230,#17191f)}.drum-pad:hover,.drum-pad.pressed{background:linear-gradient(145deg,#56b8ac52,#9a78a638);border-color:#7cc7be8c;border-bottom-width:1px;transform:translateY(1px);box-shadow:0 0 12px #56b8ac21}.drum-pad>i{width:22px;height:29px;color:var(--orchid-soft);background:#9a78a61f;border-radius:3px;place-items:center;font-style:normal;display:grid}.drum-pad:nth-child(3n)>i{color:var(--teal-soft);background:#56b8ac1a}.drum-pad strong,.drum-pad small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.drum-pad small{color:var(--text-muted);margin-top:3px;font:7px ui-monospace,monospace}.drum-sequencer{grid-template-rows:31px 14px 1fr;min-width:0;min-height:0;padding:0 10px 8px;display:grid;overflow-x:auto}.drum-controls{min-width:600px;color:var(--text-muted);align-items:center;gap:14px;font-size:8px;display:flex}.drum-controls label{align-items:center;gap:7px;min-width:170px;display:flex}.drum-controls label span{justify-content:space-between;gap:4px;min-width:72px;display:flex}.drum-controls input{width:92px;accent-color:var(--teal)}.drum-controls>span{white-space:nowrap;margin-left:auto}.step-number-row,.drum-step-row{grid-template-columns:68px repeat(16,minmax(21px,1fr));gap:3px;min-width:600px;display:grid}.step-number-row{align-items:center}.step-number-row b{color:var(--text-muted);text-align:center;font:7px ui-monospace,monospace}.step-number-row b.bar-step{color:var(--teal-soft)}.drum-step-grid{grid-template-rows:repeat(6,minmax(16px,1fr));gap:3px;min-width:600px;display:grid}.drum-step-row>span{color:var(--text-muted);white-space:nowrap;align-self:center;font-size:8px;overflow:hidden}.drum-step{background:#dce4e206;border:1px solid #dce4e21a;border-radius:2px;min-width:16px;min-height:14px}.drum-step.bar-step{border-left-color:#56b8ac47}.drum-step:hover{background:#56b8ac14;border-color:#7cc7be6b}.drum-step.active{background:linear-gradient(145deg, var(--orchid), #6e5878);border-color:#b494beb8;box-shadow:inset 0 0 0 1px #ffffff14,0 0 5px #9a78a633}.drum-step.current{box-shadow:inset 0 0 0 2px var(--teal), 0 0 7px #56b8ac40}.clip-toolbar{border-bottom:1px solid var(--line-soft);background:#081014a3;align-items:center;gap:10px;min-width:0;padding:0 10px;display:flex}.preview-clip{height:26px;color:var(--teal-soft);background:#56b8ac0f;border:1px solid #56b8ac47;border-radius:3px;padding:0 9px}.clip-toolbar>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clip-readout{color:var(--text-muted);margin-left:auto;font:9px ui-monospace,monospace}.mode-switch{border:1px solid var(--line-soft);border-radius:4px;display:flex;overflow:hidden}.mode-switch button{height:24px;color:var(--text-muted);padding:0 8px}.mode-switch button+button{border-left:1px solid var(--line-soft)}.mode-switch button.active{color:var(--orchid-soft);background:#9a78a621}.clip-editor-body{grid-template-rows:minmax(72px,1fr) minmax(88px,.92fr);min-height:0;display:grid;overflow:hidden}.wave-editor{border:1px solid var(--line-soft);background:linear-gradient(90deg,#dce4e20b 1px,#0000 1px) 0 0/6.25% 100%,linear-gradient(#56b8ac0b,#9a78a609) 0 0/100% 100%;border-radius:4px;min-height:0;margin:9px 12px 5px;position:relative;overflow:hidden}.wave-editor:after{content:"";background:var(--line-soft);height:1px;position:absolute;top:50%;left:0;right:0}.wave-bars{align-items:center;gap:2px;display:flex;position:absolute;inset:8px 10px}.wave-bars i{background:linear-gradient(to bottom, var(--orchid-soft), var(--teal-soft));opacity:.72;border-radius:1px;flex:1;min-width:1px;max-width:7px}.trim-mask{z-index:2;-webkit-backdrop-filter:saturate(.5);backdrop-filter:saturate(.5);background:#03080abd;position:absolute;top:0;bottom:0}.trim-mask-start{border-right:1px solid var(--orchid);left:0}.trim-mask-end{border-left:1px solid var(--orchid);right:0}.trim-handle{z-index:4;cursor:ew-resize;pointer-events:none;width:12px;margin-left:-6px;position:absolute;top:0;bottom:0}.trim-handle i{background:var(--orchid-soft);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:5px;box-shadow:0 0 8px #b494be59}.fade-line{z-index:3;border-left:1px dashed #7cc7beb3;width:1px;position:absolute;top:9px;bottom:9px}.wave-time{z-index:5;color:var(--text-muted);font:8px ui-monospace,monospace;position:absolute;bottom:3px}.wave-start{left:5px}.wave-end{right:5px}.reverse-clip{border:1px solid var(--line-soft);height:24px;color:var(--text-muted);border-radius:4px;padding:0 8px;font-size:8px}.reverse-clip.active{color:var(--orchid-soft);background:#9a78a61f;border-color:#9a78a675}.clip-safe{letter-spacing:.08em;margin-left:2px;font:7px ui-monospace,monospace;color:var(--teal-soft)!important}.wave-editor.reversed .wave-bars{transform:scaleX(-1)}.reverse-wave-label{z-index:5;color:var(--orchid-soft);letter-spacing:.15em;opacity:.75;font:7px ui-monospace,monospace;position:absolute;top:7px;left:50%;transform:translate(-50%)}.clip-controls{border-top:1px solid var(--line-soft);grid-template-columns:repeat(6,minmax(112px,1fr)) minmax(155px,1.3fr);gap:10px;min-width:900px;padding:7px 12px 10px;display:grid;overflow-x:auto}.clip-control{background:#0810146b;border:1px solid #dce4e212;border-radius:4px;align-content:start;gap:9px;min-width:0;padding:6px 7px;display:grid}.clip-control>span{color:var(--text-muted);justify-content:space-between;gap:6px;font-size:9px;display:flex}.clip-control b{color:var(--text-secondary);white-space:nowrap;font-family:ui-monospace,monospace;font-weight:500}.clip-control input{width:100%;accent-color:var(--teal)}.position-control div{justify-content:space-between;gap:4px;display:flex}.position-control button{border:1px solid var(--line-soft);color:var(--text-muted);border-radius:3px;padding:3px 5px;font-size:8px}.position-control button:hover{color:var(--teal-soft);border-color:#56b8ac47}.inspector-panel{border-left:1px solid var(--line-soft);background:var(--panel-1);overflow-y:auto}.inspector-tabs{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(3,1fr);height:44px;display:grid}.inspector-tabs button{color:var(--text-muted);border-bottom:2px solid #0000}.inspector-tabs .active{color:var(--teal-soft);border-color:var(--teal)}.selected-summary{border-bottom:1px solid var(--line-soft);grid-template-columns:38px 1fr 30px;align-items:center;gap:10px;min-height:72px;padding:10px 14px;display:grid}.selected-summary strong,.selected-summary small{display:block}.selected-summary input{background:0 0;border:0;border-bottom:1px solid #0000;width:100%;min-width:0;padding:2px 0;font-weight:650}.selected-summary input:hover,.selected-summary input:focus{border-bottom-color:#56b8ac59}.selected-summary small{color:var(--text-muted);letter-spacing:.08em;margin-top:4px;font-size:9px}.large-track-icon{color:#071013;border-radius:4px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.color-chip{opacity:.8;border-radius:3px;width:28px;height:20px}.track-management{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px;display:grid}.track-management button{border:1px solid var(--line-soft);min-height:27px;color:var(--text-muted);border-radius:3px;font-size:9px}.track-management button:hover{color:var(--teal-soft);border-color:#56b8ac4d}.track-management button:disabled{opacity:.3;cursor:default}.device-section,.macro-section,.mixer-section{border-bottom:1px solid var(--line-soft);padding:12px}.section-heading{justify-content:space-between;align-items:center;height:24px;margin-bottom:7px;display:flex}.section-heading button{color:var(--text-muted)}.device-card{border:1px solid var(--line-soft);background:var(--panel-2);border-radius:4px;grid-template-columns:10px 7px 1fr 24px;align-items:center;gap:7px;min-height:47px;margin-bottom:6px;padding:6px 7px;display:grid}.device-card:hover{border-color:var(--line-strong)}.device-card small,.device-card strong{display:block}.device-card small{color:var(--text-muted);margin-top:3px;font-size:9px}.device-card button,.drag-dots{color:var(--text-muted)}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.inspector-device-section .section-heading small{color:var(--text-muted);letter-spacing:.1em;font:7px ui-monospace,monospace}.inspector-device-card{grid-template-columns:10px 7px minmax(0,1fr) auto;min-height:58px}.inspector-device-card>span:nth-child(3){min-width:0}.inspector-device-card strong,.inspector-device-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspector-device-card button{border:1px solid var(--line-soft);border-radius:3px;min-height:27px;padding:0 7px}.inspector-device-card button:hover{color:var(--teal-soft);background:#56b8ac12;border-color:#56b8ac52}.active-preset{color:var(--orchid-soft);font-size:9px}.effect-presets{grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:9px;display:grid}.effect-presets button{border:1px solid var(--line-soft);min-height:25px;color:var(--text-muted);border-radius:3px;padding:0 5px;font-size:9px}.effect-presets button:hover,.effect-presets button.active{color:var(--teal-soft);background:#56b8ac12;border-color:#56b8ac52}.effect-chain{gap:6px;display:grid}.effect-card{border:1px solid var(--line-soft);background:var(--panel-2);border-radius:4px;overflow:hidden}.effect-card.bypassed{opacity:.58}.effect-card-head{grid-template-columns:10px 7px minmax(0,1fr) 42px 24px;align-items:center;gap:6px;min-height:43px;padding:5px 6px;display:grid}.effect-card-head strong,.effect-card-head small{display:block}.effect-card-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.effect-card-head small{color:var(--text-muted);margin-top:3px;font-size:8px}.effect-order{gap:1px;display:flex}.effect-order button{width:19px;height:21px;color:var(--text-muted)}.effect-order button:hover:not(:disabled){color:var(--teal-soft)}.effect-order button:disabled{opacity:.2;cursor:default}.effect-power{width:24px;height:24px;color:var(--text-muted)}.effect-power.on{color:var(--teal)}.effect-controls{background:#08101457;border-top:1px solid #dce4e211;gap:6px;padding:7px;display:grid}.effect-card.bypassed .effect-controls{display:none}.effect-controls label{gap:3px;display:grid}.effect-controls label>span{color:var(--text-muted);text-transform:capitalize;justify-content:space-between;gap:6px;font-size:8px;display:flex}.effect-controls b{color:var(--text-secondary);font:500 8px ui-monospace,monospace}.effect-controls input{width:100%;height:12px;accent-color:var(--teal)}.macro-help{color:var(--text-muted);margin:0 0 10px;font-size:9px;line-height:1.45}.knob-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.knob-grid label{text-align:center;min-width:0;color:var(--text-muted);font-size:9px}.knob{--value:120deg;border:2px solid #415155;border-top-color:var(--teal);border-radius:50%;width:40px;height:40px;margin:7px auto 4px;position:relative;transform:rotate(-45deg)}.knob i{background:var(--text-primary);transform-origin:1px 14px;width:2px;height:13px;transform:rotate(var(--value));position:absolute;top:5px;left:17px}.knob-grid small{min-height:13px;color:var(--text-secondary);display:block}.knob-grid input{width:100%;height:14px;accent-color:var(--teal);cursor:ew-resize;margin-top:4px}.mini-mixer{grid-template-columns:repeat(5,minmax(38px,1fr));gap:4px;height:160px;display:grid}.channel{border:1px solid #0000;border-radius:4px;grid-template-rows:16px 1fr 30px;grid-template-columns:1fr 1fr;justify-items:center;padding:4px 2px;display:grid}.channel.selected{background:#56b8ac0a;border-color:#56b8ac59}.channel small{grid-column:2;max-width:30px;overflow:hidden}.channel .dot{grid-column:1}.meter{background:#243338;grid-column:1/3;align-self:end;width:5px;height:76px;position:relative}.meter i{background:linear-gradient(to top, #4ca87d, var(--teal-soft));position:absolute;bottom:0;left:0;right:0}.channel input{width:42px;accent-color:var(--teal);grid-column:1/3}.statusbar{border-top:1px solid var(--line-soft);background:var(--bg-shell);color:var(--text-muted);align-items:center;gap:16px;padding:0 12px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.offline{color:var(--text-secondary)}.offline i{background:var(--success);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.status-spacer{flex:1}.resource{vertical-align:middle;background:#263438;border-radius:2px;width:42px;height:4px;margin-left:4px;display:inline-block}.resource b{background:var(--teal);border-radius:2px;height:100%;transition:width .2s;display:block}.browser-collapsed{grid-template-columns:46px minmax(560px,1fr) 320px}.browser-collapsed .browser-panel{grid-template-rows:1fr}.browser-collapsed .browser-content{display:none}.browser-collapsed .panel-tabs{flex-direction:column;padding:6px}.inspector-collapsed{grid-template-columns:235px minmax(560px,1fr) 46px}.inspector-collapsed .inspector-panel>:not(.inspector-tabs){display:none}.inspector-collapsed .inspector-tabs{flex-direction:column;display:flex}.inspector-collapsed .inspector-tabs button:not(:first-child){display:none}@media (width<=1120px){.workspace{grid-template-columns:205px minmax(520px,1fr) 46px}.inspector-panel>:not(.inspector-tabs){display:none}.inspector-tabs{flex-direction:column;display:flex}.inspector-tabs button:not(:first-child){display:none}.topbar{grid-template-columns:205px 155px 225px 100px 44px 1fr}.brand{padding-left:12px;font-size:12px}.project-field{padding:0 10px}}.sampler-wave .slice-marker{z-index:2;background:#dce4e275;width:1px;position:absolute;top:3px;bottom:3px;box-shadow:0 0 4px #9a78a66b}.sampler-slice-settings{border-top:1px solid var(--line-soft);color:var(--text-muted);letter-spacing:.08em;grid-template-columns:42px 1fr;align-items:center;gap:5px;margin-top:2px;padding-top:6px;font:7px ui-monospace,monospace;display:grid}.sampler-slice-settings>div{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.sampler-slice-settings button{border:1px solid var(--line-soft);height:21px;color:var(--text-muted);border-radius:3px;font-size:7px}.sampler-slice-settings button:hover,.sampler-slice-settings button.active{color:var(--orchid-soft);background:#9a78a617;border-color:#9a78a666}.sampler-slice-settings small{color:var(--text-muted);letter-spacing:0;grid-column:1/3;font:7px Inter,sans-serif}.sampler-note-mode{border:1px solid var(--line-soft);border-radius:3px;display:flex;overflow:hidden}.sampler-note-mode button{height:21px;color:var(--text-muted);padding:0 6px;font-size:7px}.sampler-note-mode button+button{border-left:1px solid var(--line-soft)}.sampler-note-mode button.active{color:var(--orchid-soft);background:#9a78a61a}.sampler-slice-pads{gap:4px;min-width:0;padding-top:5px;display:grid;overflow-y:auto}.sampler-slice-pads.slices-4,.sampler-slice-pads.slices-8,.sampler-slice-pads.slices-16{grid-template-columns:repeat(4,1fr)}.sampler-slice-pads button{text-align:left;min-height:45px;color:var(--text-secondary);background:linear-gradient(145deg,#1c2930,#10191e);border:1px solid #dce4e229;border-bottom:3px solid #050a0cbf;border-radius:4px;grid-template-rows:1fr 1fr;grid-template-columns:24px 1fr;align-items:center;gap:0 5px;padding:4px;display:grid}.sampler-slice-pads button:nth-child(2n){background:linear-gradient(145deg,#292230,#15181d)}.sampler-slice-pads button i{width:24px;height:25px;color:var(--orchid-soft);background:#9a78a61f;border-radius:3px;grid-row:1/3;place-items:center;font:8px ui-monospace,monospace;display:grid}.sampler-slice-pads button strong,.sampler-slice-pads button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sampler-slice-pads button strong{font-size:8px}.sampler-slice-pads button small{color:var(--text-muted);font:7px ui-monospace,monospace}.sampler-slice-pads button:hover,.sampler-slice-pads button.pressed{background:linear-gradient(145deg,#9a78a64d,#56b8ac26);border-color:#9a78a694;border-bottom-width:1px;transform:translateY(1px);box-shadow:0 0 12px #9a78a624}.instrument-rack{grid-template-columns:300px minmax(430px,1fr)}.instrument-browser{background:linear-gradient(#08101461,#0000 32%);padding:8px}.instrument-loaded-card{background:radial-gradient(circle at 12% 120%,#9a78a629,#0000 65%),#0c161b94;border:1px solid #9a78a647;border-radius:5px;grid-template-columns:33px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:7px;display:grid}.instrument-loaded-card>i{width:32px;height:34px;color:var(--orchid-soft);background:#9a78a61f;border-radius:4px;place-items:center;font-size:16px;font-style:normal;display:grid}.instrument-loaded-card span,.instrument-loaded-card strong,.instrument-loaded-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.instrument-loaded-card span{color:var(--text-muted);letter-spacing:.09em;font:7px ui-monospace,monospace}.instrument-loaded-card strong{color:var(--text-primary);margin-top:2px;font-size:10px}.instrument-loaded-card small{color:var(--text-muted);text-transform:capitalize;margin-top:2px;font-size:7px}.instrument-loaded-card button,.instrument-presets .favorite{border:1px solid var(--line-soft);width:23px;height:23px;color:var(--text-muted);background:#08101452;border-radius:3px;place-items:center;padding:0;font-size:11px;display:grid}.instrument-loaded-card button:hover,.instrument-loaded-card button.active,.instrument-presets .favorite:hover,.instrument-presets .favorite.active{color:#f1d891;background:#e3c3661a;border-color:#e3c3667a}.instrument-search{border:1px solid var(--line-soft);height:27px;color:var(--text-muted);background:#08101466;border-radius:4px;grid-template-columns:18px 1fr;align-items:center;gap:2px;margin-top:7px;padding:0 6px;display:grid}.instrument-search span{font-size:12px}.instrument-search input{width:100%;min-width:0;color:var(--text-primary);font-size:8px}.instrument-search input::placeholder{color:var(--text-muted)}.instrument-family-tabs{flex-wrap:wrap;gap:3px;margin-top:6px;display:flex}.instrument-family-tabs button{border:1px solid var(--line-soft);height:20px;color:var(--text-muted);border-radius:10px;padding:0 6px;font-size:7px}.instrument-family-tabs button:hover,.instrument-family-tabs button.active{color:var(--teal-soft);background:#56b8ac17;border-color:#56b8ac66}.instrument-results-head{color:var(--text-muted);letter-spacing:.08em;align-items:center;gap:5px;margin:8px 1px 4px;font:7px ui-monospace,monospace;display:flex}.instrument-results-head b{min-width:14px;color:var(--orchid-soft);background:#9a78a61f;border-radius:8px;place-items:center;padding:1px 3px;font-size:7px;display:grid}.instrument-results-head small{color:var(--text-muted);letter-spacing:0;margin-left:auto;font:7px Inter,sans-serif}.instrument-presets{grid-template-columns:1fr;gap:4px}.instrument-presets article{border:1px solid var(--line-soft);background:#08101452;border-radius:4px;grid-template-columns:minmax(0,1fr) 25px;align-items:stretch;gap:3px;min-width:0;padding:3px;display:grid}.instrument-presets article:hover,.instrument-presets article.active{background:linear-gradient(90deg,#56b8ac17,#9a78a60d);border-color:#56b8ac66}.instrument-presets .instrument-preset-select{text-align:left;background:0 0;border:0;border-radius:3px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:38px;padding:3px 4px;display:grid}.instrument-presets .instrument-preset-select>i{width:23px;height:26px;color:var(--teal-soft);background:#56b8ac1a;border-radius:3px;place-items:center;font-style:normal;display:grid}.instrument-presets article:nth-child(2n) .instrument-preset-select>i{color:var(--orchid-soft);background:#9a78a61a}.instrument-presets .instrument-preset-select span{min-width:0}.instrument-presets .instrument-preset-select strong,.instrument-presets .instrument-preset-select small,.instrument-presets .instrument-preset-select em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.instrument-presets .instrument-preset-select strong{font-size:9px}.instrument-presets .instrument-preset-select small{color:var(--text-muted);margin-top:2px;font-size:7px}.instrument-presets .instrument-preset-select em{color:#7cc7beb8;text-transform:uppercase;margin-top:2px;font:6px ui-monospace,monospace}.instrument-presets .favorite{align-self:center}.instrument-empty{min-height:86px;color:var(--text-muted);text-align:center;place-items:center;gap:4px;font-size:8px;display:grid}.instrument-empty b{color:var(--orchid-soft);font-size:18px}.instrument-empty button{border:1px solid var(--line-soft);min-height:20px;color:var(--teal-soft);border-radius:3px;padding:0 6px;font-size:7px}.instrument-macros{border-top:1px solid var(--line-soft);color:var(--text-muted);letter-spacing:.08em;grid-template-columns:67px 1fr;align-items:center;gap:5px;margin-top:8px;padding-top:7px;font:7px ui-monospace,monospace;display:grid}.instrument-macros>div{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.instrument-macros button{border:1px solid var(--line-soft);height:21px;color:var(--text-secondary);border-radius:3px;font-size:7px}.instrument-macros button:hover{color:var(--orchid-soft);background:#9a78a614;border-color:#9a78a666}.surface-readout{min-width:76px;color:var(--text-muted);gap:1px;font-size:7px;display:grid}.surface-readout b{color:var(--orchid-soft);white-space:nowrap;font:600 8px Inter,sans-serif}.surface-readout small{color:var(--text-muted);white-space:nowrap;font-size:7px}.instrument-surface{gap:4px;min-width:0;min-height:52px;padding-top:5px;display:grid;overflow:auto}.surface-note{text-align:left;min-width:0;min-height:46px;color:var(--text-secondary);background:linear-gradient(145deg,#1a2a30,#10191d);border:1px solid #dce4e229;border-bottom:3px solid #050a0cbf;border-radius:5px;grid-template-rows:1fr 1fr;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:0 5px;padding:4px;display:grid}.surface-note i{width:22px;height:25px;color:var(--teal-soft);background:#56b8ac1c;border-radius:3px;grid-row:1/3;place-items:center;font:7px ui-monospace,monospace;display:grid}.surface-note span,.surface-note b{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.surface-note span{color:var(--text-secondary);font:8px ui-monospace,monospace}.surface-note b{color:var(--text-muted);font-size:8px}.surface-note:hover,.surface-note.pressed{border-color:#7cc7be94;border-bottom-width:1px;transform:translateY(1px);box-shadow:0 0 12px #56b8ac29}.surface-pad{grid-template-columns:repeat(7,minmax(48px,1fr))}.surface-pad .surface-note{background:linear-gradient(145deg,#2b2332,#171923)}.surface-pad .surface-note:nth-child(3n){background:linear-gradient(145deg,#173036,#131d21)}.surface-pad .surface-note i{color:var(--orchid-soft);background:#9a78a621}.surface-pad .surface-note:hover,.surface-pad .surface-note.pressed{background:linear-gradient(145deg,#9a78a661,#56b8ac42);border-color:#b494be9e}.surface-arp{grid-template-columns:repeat(13,minmax(31px,1fr));align-items:end;padding-bottom:2px}.surface-arp .surface-note{background:linear-gradient(#263942,#172128);border-radius:4px;grid-template-rows:1fr auto;grid-template-columns:1fr;place-items:center;gap:1px;min-height:39px;padding:3px 1px}.surface-arp .surface-note:nth-child(2n){background:linear-gradient(#392b3d,#201b28);margin-bottom:9px}.surface-arp .surface-note i{display:none}.surface-arp .surface-note span{font-size:7px}.surface-arp .surface-note b{color:var(--teal-soft);font-size:8px}.surface-arp .surface-note:hover,.surface-arp .surface-note.pressed{background:linear-gradient(180deg, var(--teal), #4b6f72);color:#071013}.surface-bass{grid-template-columns:repeat(7,minmax(48px,1fr))}.surface-bass .surface-note{background:linear-gradient(145deg,#16353a,#0d1b20);min-height:49px}.surface-bass .surface-note i{color:#c9f3ed;background:#56b8ac33}.surface-bass .surface-note:nth-child(2n){background:linear-gradient(145deg,#26313a,#161d25)}.surface-bass .surface-note:hover,.surface-bass .surface-note.pressed{background:linear-gradient(145deg,#3b7778,#264a52)}.surface-lead{grid-template-columns:repeat(7,minmax(48px,1fr))}.surface-lead .surface-note{background:linear-gradient(145deg,#202e3b,#131b25)}.surface-lead .surface-note:nth-child(2n){background:linear-gradient(145deg,#332638,#1d1824)}.surface-lead .surface-note i{color:#f0d6ff;background:#9a78a629}.surface-lead .surface-note:hover,.surface-lead .surface-note.pressed{background:linear-gradient(145deg,#80688a,#4f8383);border-color:#b494bea8}.grand-keys-keybed{background:linear-gradient(#dce4e20a,#0000)}.surface-glass-pad{background:radial-gradient(circle at 20% 0,#73e1e829,#0000 40%),radial-gradient(circle at 80% 100%,#9a78a62e,#0000 44%);grid-template-columns:repeat(5,minmax(52px,1fr));padding:7px 4px 3px}.surface-glass-pad .surface-note{background:linear-gradient(145deg,#62bfc757,#25394bc2);border-color:#8beef152;border-radius:14px 4px;grid-template-rows:1fr auto;grid-template-columns:1fr;place-items:center;gap:2px;min-height:43px}.surface-glass-pad .surface-note:nth-child(2n){background:linear-gradient(145deg,#9d7abd63,#2f2942c2);margin-top:9px}.surface-glass-pad .surface-note i{display:none}.surface-glass-pad .surface-note span{color:#d4fbfc}.surface-glass-pad .surface-note b{color:#d8f5f3b3}.surface-glass-pad .surface-note:hover,.surface-glass-pad .surface-note.pressed{color:#071013;background:linear-gradient(145deg,#8de9e5,#a58bc0);box-shadow:0 0 17px #7ceceb5c}.surface-pulse-pluck{background:linear-gradient(#58c7bc12,#0000);grid-template-columns:repeat(13,minmax(30px,1fr));align-items:end;padding:4px 3px 6px}.surface-pulse-pluck .surface-note{background:linear-gradient(#234b50,#163036);border-radius:3px;grid-template-rows:1fr auto;grid-template-columns:1fr;place-items:center;gap:0;min-height:32px;padding:2px}.surface-pulse-pluck .surface-note:nth-child(3n+2){background:linear-gradient(#574263,#2c2637);min-height:50px}.surface-pulse-pluck .surface-note:nth-child(3n){min-height:40px}.surface-pulse-pluck .surface-note i{display:none}.surface-pulse-pluck .surface-note span{font-size:6px}.surface-pulse-pluck .surface-note b{color:var(--teal-soft)}.surface-pulse-pluck .surface-note:hover,.surface-pulse-pluck .surface-note.pressed{background:linear-gradient(#a6f1e8,#4e8d8b);box-shadow:0 0 14px #56b8ac4d}.surface-mono-bass{background:radial-gradient(circle at 50% 120%,#228f8733,#0000 56%),#0b1519;grid-template-columns:repeat(5,minmax(62px,1fr));padding:6px}.surface-mono-bass .surface-note{background:linear-gradient(145deg,#153f43,#102329);border-bottom-color:#020607;border-radius:5px 5px 14px 14px;min-height:54px}.surface-mono-bass .surface-note:nth-child(2n){background:linear-gradient(145deg,#263743,#17232c)}.surface-mono-bass .surface-note i{color:#d7fffa;background:#56b8ac47}.surface-mono-bass .surface-note:hover,.surface-mono-bass .surface-note.pressed{background:linear-gradient(145deg,#55aaa2,#315f68);box-shadow:0 0 18px #56b8ac47}.surface-neon-lead{background-image:linear-gradient(90deg,#9a78a614 1px,#0000 1px),linear-gradient(#56b8ac0f 1px,#0000 1px);background-size:26px 26px;grid-template-columns:repeat(7,minmax(48px,1fr));padding:5px}.surface-neon-lead .surface-note{background:linear-gradient(145deg,#252a49,#1c1b31);border-color:#a287ff57;border-radius:3px;min-height:44px}.surface-neon-lead .surface-note:nth-child(3n){background:linear-gradient(145deg,#174653,#142835)}.surface-neon-lead .surface-note i{color:#e5d9ff;background:#9a78a63b}.surface-neon-lead .surface-note:hover,.surface-neon-lead .surface-note.pressed{background:linear-gradient(145deg,#a07bd9,#42b5b0);box-shadow:0 0 18px #9a78dc6b}.surface-soft-bell{background:radial-gradient(circle at 50% 110%,#f6d97f2e,#0000 45%);grid-template-columns:repeat(4,minmax(66px,1fr));padding:6px 10%}.surface-soft-bell .surface-note{background:radial-gradient(circle at 35% 30%,#fff3ba,#927a6c 28%,#2b3039 68%);border-color:#ffe89752;border-radius:50%;grid-template-rows:1fr auto;grid-template-columns:1fr;place-items:center;min-height:42px}.surface-soft-bell .surface-note i{display:none}.surface-soft-bell .surface-note span{color:#fff6d0}.surface-soft-bell .surface-note b{color:#f5dc8a}.surface-soft-bell .surface-note:hover,.surface-soft-bell .surface-note.pressed{background:radial-gradient(circle at 35% 30%,#fffbcf,#d5a855 34%,#655273 72%);box-shadow:0 0 20px #f8dd8873}.surface-void-choir{background:radial-gradient(at 50% 0,#9a78a62e,#0000 52%),#10151d;grid-template-columns:repeat(4,minmax(68px,1fr));padding:6px}.surface-void-choir .surface-note{background:linear-gradient(#3a304c,#1a202a);border-radius:17px 17px 4px 4px;min-height:49px}.surface-void-choir .surface-note:nth-child(2n){background:linear-gradient(#244450,#16212a);margin-top:8px}.surface-void-choir .surface-note i{color:#e9d9f6;background:#9a78a640}.surface-void-choir .surface-note:hover,.surface-void-choir .surface-note.pressed{background:linear-gradient(#927aa7,#4b8086);box-shadow:0 0 20px #9a78a659}.surface-nova-strings{background:linear-gradient(90deg,#ffcd840f,#0000 40%,#ffcd840a);grid-template-columns:repeat(13,minmax(30px,1fr));align-items:stretch;gap:3px;padding:5px 3px}.surface-nova-strings .surface-note{background:linear-gradient(90deg,#563f4b 0 4%,#252231 4% 96%,#563f4b 96%);border-color:#e8be8b40;border-radius:10px 10px 3px 3px;grid-template-rows:1fr auto;grid-template-columns:1fr;place-items:center;min-height:52px}.surface-nova-strings .surface-note:nth-child(2n){min-height:40px;margin-top:10px}.surface-nova-strings .surface-note i{display:none}.surface-nova-strings .surface-note span{color:#f3ddd0;font-size:6px}.surface-nova-strings .surface-note b{color:#e7bc93}.surface-nova-strings .surface-note:hover,.surface-nova-strings .surface-note.pressed{background:linear-gradient(90deg,#eab278 0 6%,#8a6271 6% 94%,#eab278 94%);box-shadow:0 0 15px #ebb57957}.surface-halo-organ{background:linear-gradient(#ebd8a31a,#0000),#17191e;grid-template-columns:repeat(4,minmax(66px,1fr));padding:6px}.surface-halo-organ .surface-note{color:#27231f;background:repeating-linear-gradient(90deg,#ded5bc 0 5px,#9c8e72 5px 7px,#e8dcc4 7px 12px);border-color:#6e5f4a;border-radius:2px;grid-template-rows:1fr auto;grid-template-columns:1fr;place-items:center;min-height:52px}.surface-halo-organ .surface-note:nth-child(2n){background:repeating-linear-gradient(90deg,#bdb09a 0 5px,#786c59 5px 7px,#c8b9a0 7px 12px)}.surface-halo-organ .surface-note i{display:none}.surface-halo-organ .surface-note span,.surface-halo-organ .surface-note b{color:#302a23}.surface-halo-organ .surface-note:hover,.surface-halo-organ .surface-note.pressed{background:repeating-linear-gradient(90deg,#fff5c8 0 5px,#cfb461 5px 7px,#fff7d0 7px 12px);box-shadow:0 0 15px #ffe18852}.surface-prism-arp{background:conic-gradient(from 220deg at 50% 130%,#9a78a633,#56b8ac26,#0000 46%);grid-template-columns:repeat(7,minmax(48px,1fr));padding:5px}.surface-prism-arp .surface-note{clip-path:polygon(50% 0,100% 31%,100% 100%,0 100%,0 31%);background:linear-gradient(145deg,#537bb1,#583f75);border-color:#aed7ff61;border-radius:0;min-height:40px}.surface-prism-arp .surface-note:nth-child(2n){background:linear-gradient(145deg,#2b8d94,#73558f);margin-top:10px}.surface-prism-arp .surface-note i{color:#e3f7ff;background:#dcf4ff29}.surface-prism-arp .surface-note:hover,.surface-prism-arp .surface-note.pressed{background:linear-gradient(145deg,#b3f2ef,#b28bda);box-shadow:0 0 18px #97d7ff6b}.surface-star-flute{background:radial-gradient(circle at 83% 15%,#bfebff45 0 1px,#0000 2px),radial-gradient(circle at 27% 67%,#bfebff38 0 1px,#0000 2px),#10202d;grid-template-columns:repeat(7,minmax(48px,1fr));padding:7px}.surface-star-flute .surface-note{background:linear-gradient(90deg,#1f7284,#b2d8d7 46%,#2c8997);border-color:#c7fdf659;border-radius:13px;min-height:45px}.surface-star-flute .surface-note:nth-child(2n){margin-top:7px}.surface-star-flute .surface-note i{color:#173743;background:#dffffc66}.surface-star-flute .surface-note span,.surface-star-flute .surface-note b{color:#103039}.surface-star-flute .surface-note:hover,.surface-star-flute .surface-note.pressed{background:linear-gradient(90deg,#8cf0ed,#efffd2 46%,#73d5e8);box-shadow:0 0 18px #85eaf77a}.surface-sub-drone{background:radial-gradient(at 50% 130%,#3f667f38,#0000 55%),#080d12;grid-template-columns:repeat(3,minmax(100px,1fr));padding:6px}.surface-sub-drone .surface-note{background:linear-gradient(#202f3b,#0c141b);border-color:#6baeb53b;border-radius:4px 4px 17px 17px;min-height:61px}.surface-sub-drone .surface-note:nth-child(2n){background:linear-gradient(#2d2940,#12121b)}.surface-sub-drone .surface-note i{color:#d4f4f3;background:#56b8ac21}.surface-sub-drone .surface-note:hover,.surface-sub-drone .surface-note.pressed{background:linear-gradient(#4c7881,#26384a);box-shadow:0 0 22px #56b8ac40}.surface-aurora-brass{background:radial-gradient(at 50% 110%,#ffab6033,#0000 52%),#261b1b;grid-template-columns:repeat(5,minmax(62px,1fr));padding:6px}.surface-aurora-brass .surface-note{background:linear-gradient(145deg,#9c6336,#4a2930);border-color:#ffc97759;border-radius:3px 15px;min-height:46px}.surface-aurora-brass .surface-note:nth-child(2n){background:linear-gradient(145deg,#ce8941,#613342);margin-top:7px}.surface-aurora-brass .surface-note i{color:#fff0bc;background:#ffd98733}.surface-aurora-brass .surface-note:hover,.surface-aurora-brass .surface-note.pressed{background:linear-gradient(145deg,#ffd172,#d26a56);box-shadow:0 0 19px #ffaf6461}.surface-vapor-harp{background:linear-gradient(#9a78a61f,#0000);grid-template-columns:repeat(7,minmax(48px,1fr));align-items:end;padding:3px 5px 6px}.surface-vapor-harp .surface-note{background:linear-gradient(90deg,#2d263a 0 40%,#c4a1d7 45% 52%,#2d263a 58%);border-color:#cfb1e352;border-radius:12px 12px 3px 3px;grid-template-rows:1fr auto;grid-template-columns:1fr;place-items:center;min-height:55px;padding:3px}.surface-vapor-harp .surface-note:nth-child(2n){min-height:37px}.surface-vapor-harp .surface-note:nth-child(3n){min-height:46px}.surface-vapor-harp .surface-note i{display:none}.surface-vapor-harp .surface-note span{color:#f0dfff;font-size:7px}.surface-vapor-harp .surface-note b{color:#cfaeed}.surface-vapor-harp .surface-note:hover,.surface-vapor-harp .surface-note.pressed{background:linear-gradient(90deg,#725884 0 35%,#fff1df 45% 53%,#725884 63%);box-shadow:0 0 18px #d6afed6b}.instrument-presets .favorite{text-align:center;grid-template-columns:1fr;gap:0;min-width:0;min-height:0;padding:0}@media (width<=860px){body{overflow:auto}.studio-shell{min-width:760px}.workspace{grid-template-columns:46px minmax(520px,1fr) 46px}.browser-panel{grid-template-rows:1fr}.browser-content{display:none}.panel-tabs{flex-direction:column;padding:6px}.topbar{grid-template-columns:170px 140px 215px 95px 40px 1fr}.top-actions button:nth-child(-n+3){display:none}.project-library-backdrop{place-items:start center;overflow:auto}.project-library-dialog{width:712px}.project-library-tools{grid-template-columns:180px minmax(250px,1fr) 180px}}.routing-section{border-bottom:1px solid var(--line-soft);background:linear-gradient(#56b8ac06,#0000);padding:12px}.routing-post{color:var(--teal-soft);letter-spacing:.08em;font:7px ui-monospace,monospace}.send-controls{background:#56b8ac09;border:1px solid #56b8ac2b;border-radius:4px;gap:7px;padding:7px;display:grid}.send-controls label,.return-bus label{gap:3px;display:grid}.send-controls label>span,.return-bus label>span{color:var(--text-muted);justify-content:space-between;align-items:center;gap:6px;font-size:8px;display:flex}.send-controls b,.return-bus b{color:var(--text-secondary);font:500 8px ui-monospace,monospace}.send-controls input,.return-bus input{width:100%;height:12px;accent-color:var(--teal)}.send-dot{border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.send-dot.space{background:var(--orchid-soft);box-shadow:0 0 7px #b494be80}.send-dot.echo{background:var(--teal-soft);box-shadow:0 0 7px #7cc7be6b}.return-bus-list{gap:6px;margin-top:8px;display:grid}.return-bus{border:1px solid var(--line-soft);background:#08101457;border-radius:4px;padding:7px}.return-bus>div{grid-template-columns:22px minmax(0,1fr) 23px;align-items:center;gap:6px;margin-bottom:7px;display:grid}.return-bus>div>i{width:21px;height:21px;color:var(--orchid-soft);background:#9a78a621;border-radius:3px;place-items:center;font-style:normal;display:grid}.return-bus.echo>div>i{color:var(--teal-soft);background:#56b8ac1c}.return-bus strong,.return-bus small{display:block}.return-bus strong{font-size:9px}.return-bus small{color:var(--text-muted);margin-top:2px;font-size:7px}.return-power{width:23px;height:23px;color:var(--text-muted)}.return-power.active{color:var(--teal)}.return-bus.bypassed{opacity:.56}.return-bus.bypassed label{pointer-events:none}.mixer-strip{grid-template-rows:23px 17px 28px 39px minmax(46px,1fr) 13px 23px}.strip-sends{background:#56b8ac05;border-top:1px solid #dce4e20b;border-bottom:1px solid #dce4e20b;gap:2px;padding:3px 5px;display:grid}.strip-sends label{min-width:0;color:var(--text-muted);grid-template-columns:14px minmax(0,1fr) 20px;align-items:center;gap:3px;font:6px ui-monospace,monospace;display:grid}.strip-sends input{width:100%;min-width:0;height:8px;accent-color:var(--teal)}.strip-sends label:first-child input{accent-color:var(--orchid)}.strip-sends b{color:var(--text-secondary);text-align:right;font-weight:500}.master-returns{color:var(--text-muted);border-top:1px solid #dce4e20b;border-bottom:1px solid #dce4e20b;grid-template-columns:1fr 1fr;align-items:center;gap:2px;padding:3px 5px;font:6px ui-monospace,monospace;display:grid}.master-returns span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.master-returns span:first-child{color:var(--orchid-soft)}.master-returns span:last-child{color:var(--teal-soft)}.drum-kit-row{grid-template-columns:repeat(2,minmax(0,1fr))}.drum-kit-row>span{grid-column:1/-1}.drum-kit-row button{height:23px;font-size:7px}.drum-pads{grid-template-columns:repeat(4,minmax(0,1fr))}.drum-pad{grid-template-columns:20px minmax(0,1fr);gap:4px;min-height:47px;padding:4px}.drum-pad>i{width:20px;height:25px}.drum-pad strong{font-size:7px}.drum-pad small{margin-top:2px;font-size:6px}.drum-sequencer{overflow:auto}.drum-step-grid{grid-template-rows:none;grid-auto-rows:minmax(18px,1fr);padding-bottom:2px}.sample-layer{background:radial-gradient(circle at 94% 0,#9a78a61f,#0000 43%),#07101485;border:1px solid #56b8ac33;border-radius:5px;gap:7px;margin-top:8px;padding:8px;display:grid}.sample-layer-head{color:var(--text-muted);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:8px;font:600 7px ui-monospace,monospace;display:flex}.sample-layer-head b{color:var(--text-muted);font:600 7px ui-monospace,monospace}.sample-layer-head b.active{color:var(--teal-soft);text-shadow:0 0 8px #7cc7be57}.sample-layer-source{background:#56b8ac12;border-radius:4px;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px;display:grid}.sample-layer-source>i{width:22px;height:22px;color:var(--teal-soft);background:#56b8ac24;border-radius:50%;place-items:center;font-style:normal;display:grid}.sample-layer-source strong,.sample-layer-source small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.sample-layer-source strong{color:var(--text-secondary);font-size:8px}.sample-layer-source small{color:var(--text-muted);margin-top:2px;font-size:7px}.sample-layer-source button{height:20px;padding:0 6px;font-size:7px}.sample-layer-empty{color:var(--text-muted);margin:0;font-size:8px;line-height:1.45}.sample-layer-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:7px;display:grid}.sample-layer-controls label{gap:3px;display:grid}.sample-layer-controls label>span{color:var(--text-muted);justify-content:space-between;gap:5px;font-size:7px;display:flex}.sample-layer-controls label b{color:var(--text-secondary);font:500 7px ui-monospace,monospace}.sample-layer-controls input{width:100%;height:11px;accent-color:var(--teal)}.sample-layer-controls>button{height:27px;color:var(--text-muted);padding:0 7px;font-size:7px}.sample-layer-controls>button.active{color:var(--teal-soft);background:#56b8ac1f;border-color:#56b8ac80}.sample-layer-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.sample-layer-actions button{height:23px;color:var(--teal-soft);background:#56b8ac14;border-color:#56b8ac4d;padding:0 8px;font-size:7px}.sample-layer-actions small{color:var(--text-muted);text-align:right;font-size:7px}.sample-layer-library{border-top:1px solid #dce4e214;gap:4px;padding-top:6px;display:grid}.sample-layer-library>span{color:var(--text-muted);letter-spacing:.09em;font:600 7px ui-monospace,monospace}.sample-layer-library>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.sample-layer-library button{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;padding:4px 5px;display:grid}.sample-layer-library button.active{background:#56b8ac1f;border-color:#56b8ac8f}.sample-layer-library b,.sample-layer-library small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sample-layer-library b{color:var(--text-secondary);font-size:7px}.sample-layer-library small{color:var(--text-muted);font-size:6px}.sample-engine{background:radial-gradient(circle at 92% 0,#9a78a62e,#0000 40%),radial-gradient(circle at 5% 100%,#56b8ac1f,#0000 44%),#07101494}.sample-zone-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:108px;padding:2px;display:grid;overflow:auto}.sample-zone-tabs button{text-align:left;background:#0810149e;border-color:#dce4e21f;grid-template-rows:auto auto;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:1px 4px;min-width:0;padding:4px;display:grid}.sample-zone-tabs button.active{background:linear-gradient(135deg,#56b8ac2e,#9a78a61f);border-color:#56b8ac94;box-shadow:0 0 10px #56b8ac1f}.sample-zone-tabs i{width:16px;height:20px;color:var(--teal-soft);background:#56b8ac21;border-radius:3px;grid-row:1/3;place-items:center;font:6px ui-monospace,monospace;display:grid}.sample-zone-tabs span,.sample-zone-tabs small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sample-zone-tabs span{color:var(--text-secondary);font-size:7px}.sample-zone-tabs small{color:var(--text-muted);font-size:6px}.sample-zone-controls{background:#02090c47;border:1px solid #dce4e214;border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;padding:7px;display:grid}.sample-zone-controls label{gap:3px;display:grid}.sample-zone-controls label>span{color:var(--text-muted);justify-content:space-between;gap:5px;font-size:7px;display:flex}.sample-zone-controls label b{color:var(--text-secondary);font:500 7px ui-monospace,monospace}.sample-zone-controls input{width:100%;height:10px;accent-color:var(--teal)}.sample-zone-actions{gap:5px;display:flex}.sample-zone-actions button{min-height:23px;padding:0 7px;font-size:7px}.sample-zone-actions button.active{color:var(--teal-soft);background:#56b8ac1f;border-color:#56b8ac80}.sample-engine-controls{border-top:1px solid #dce4e214;grid-template-columns:minmax(0,1fr) auto;padding-top:6px}.sample-engine-controls>button{min-width:79px}.sample-engine .sample-layer-actions{margin-top:1px}.sample-play-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.sample-play-modes button{min-width:44px;height:27px;color:var(--text-muted);white-space:nowrap;padding:0 5px;font-size:6px}.sample-play-modes button.active{color:var(--teal-soft);background:#56b8ac1f;border-color:#56b8ac80;box-shadow:inset 0 0 9px #56b8ac14}.mobile-bottom-nav{display:none}.studio-shell[data-layout-ready=false]{visibility:hidden}.view-mode-backdrop{z-index:45;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02070980;place-items:start end;padding:66px 16px 16px;display:grid;position:fixed;inset:0}.view-mode-dialog{background:radial-gradient(circle at 100% 0,#9a78a621,#0000 40%),#0d181c;border:1px solid #7cc7be47;border-radius:9px;width:min(410px,100vw - 32px);overflow:hidden;box-shadow:0 24px 70px #00000094}.view-mode-dialog>header{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:62px;padding:10px 12px 8px 16px;display:grid}.view-mode-dialog>header span{color:var(--text-muted);letter-spacing:.14em;font:7px ui-monospace,monospace}.view-mode-dialog h2{margin:4px 0 0;font-size:16px}.view-mode-dialog>header button{width:38px;height:38px;color:var(--text-muted);border-radius:5px;font-size:22px}.view-mode-dialog>header button:hover{color:var(--text-primary);background:var(--panel-2)}.view-mode-dialog>p{color:var(--text-secondary);margin:0;padding:12px 16px 5px;font-size:10px;line-height:1.5}.view-mode-options{gap:6px;padding:9px 12px 13px;display:grid}.view-mode-options>button{text-align:left;border:1px solid var(--line-soft);min-height:58px;color:var(--text-secondary);background:#0810147a;border-radius:6px;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:9px;padding:7px 9px;display:grid}.view-mode-options>button:hover,.view-mode-options>button.active{color:var(--text-primary);background:linear-gradient(90deg,#56b8ac1f,#9a78a612);border-color:#56b8ac6b}.view-mode-options i{width:36px;height:36px;color:var(--teal-soft);background:#56b8ac1a;border-radius:5px;place-items:center;font-size:17px;font-style:normal;display:grid}.view-mode-options span,.view-mode-options strong,.view-mode-options small{display:block}.view-mode-options strong{font-size:11px}.view-mode-options small{color:var(--text-muted);margin-top:4px;font-size:9px}.view-mode-options b{color:var(--teal-soft);font-size:14px}.view-mode-dialog>footer{border-top:1px solid var(--line-soft);min-height:38px;color:var(--text-muted);align-items:center;gap:8px;padding:0 16px;font-size:8px;display:flex}.view-mode-dialog>footer small{margin-left:auto}.layout-status{text-transform:capitalize;align-items:center;gap:6px;display:flex}.layout-status i{background:var(--teal);border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #56b8ac80}.studio-shell[data-layout=desktop]{min-width:0;overflow:auto}.studio-shell[data-layout=desktop]>.topbar,.studio-shell[data-layout=desktop]>.workspace,.studio-shell[data-layout=desktop]>.statusbar{width:max(100%,1180px)}.studio-shell[data-layout=desktop]>.workspace{--browser-width:235px;--inspector-width:320px;grid-template-columns:var(--browser-width) minmax(560px,1fr) var(--inspector-width)}.studio-shell[data-layout=desktop]>.workspace.browser-collapsed{--browser-width:46px}.studio-shell[data-layout=desktop]>.workspace.inspector-collapsed{--inspector-width:46px}.studio-shell[data-layout=desktop] .topbar{grid-template-columns:235px 190px 255px 112px 50px minmax(190px,1fr)}.studio-shell[data-layout=desktop] .top-actions button{display:block}.studio-shell[data-layout=desktop] .browser-panel{grid-template-rows:44px 1fr}.studio-shell[data-layout=desktop] .browser-content{display:block}.studio-shell[data-layout=desktop] .workspace.browser-collapsed .browser-content{display:none}.studio-shell[data-layout=desktop] .panel-tabs{flex-direction:row;padding:0 10px}.studio-shell[data-layout=desktop] .workspace.browser-collapsed .browser-panel{grid-template-rows:1fr}.studio-shell[data-layout=desktop] .workspace.browser-collapsed .panel-tabs{flex-direction:column;padding:6px}.studio-shell[data-layout=desktop] .inspector-tabs{flex-direction:row;grid-template-columns:repeat(3,1fr);display:grid}.studio-shell[data-layout=desktop] .inspector-tabs button,.studio-shell[data-layout=desktop] .inspector-panel>:not(.inspector-tabs){display:block}.studio-shell[data-layout=desktop] .inspector-panel>.selected-summary,.studio-shell[data-layout=desktop] .inspector-panel>.track-management{display:grid}.studio-shell[data-layout=desktop] .workspace.inspector-collapsed .inspector-panel>:not(.inspector-tabs){display:none}.studio-shell[data-layout=desktop] .workspace.inspector-collapsed .inspector-tabs{flex-direction:column;display:flex}.studio-shell[data-layout=desktop] .workspace.inspector-collapsed .inspector-tabs button:not(:first-child){display:none}.studio-shell[data-layout=mobile]{grid-template-rows:calc(96px + env(safe-area-inset-top)) minmax(0,1fr) calc(66px + env(safe-area-inset-bottom));width:min(100%,820px);min-width:0;height:100dvh;min-height:0;margin:0 auto;overflow:hidden;box-shadow:0 0 48px #0000004d}.studio-shell[data-layout=mobile] .topbar{padding-top:env(safe-area-inset-top);border-bottom-color:#7cc7be33;grid-template:"project bpm actions"40px"transport transport transport"56px/minmax(0,1fr) 76px 100px;display:grid}.studio-shell[data-layout=mobile] .brand,.studio-shell[data-layout=mobile] .signature{display:none}.studio-shell[data-layout=mobile] .project-field{min-width:0;padding:0 8px 0 max(10px, env(safe-area-inset-left));border-right:0;border-bottom:1px solid var(--line-soft);grid-area:project}.studio-shell[data-layout=mobile] .project-field input{font-size:13px}.studio-shell[data-layout=mobile] .project-field button{width:42px;height:40px}.studio-shell[data-layout=mobile] .bpm-field{border-right:0;border-bottom:1px solid var(--line-soft);grid-area:bpm;font-size:11px}.studio-shell[data-layout=mobile] .bpm-field input{width:38px;font-size:13px}.studio-shell[data-layout=mobile] .top-actions{padding:0 max(6px, env(safe-area-inset-right)) 0 0;border-bottom:1px solid var(--line-soft);grid-area:actions;justify-content:flex-end;justify-self:stretch;gap:2px}.studio-shell[data-layout=mobile] .top-actions button:nth-child(-n+3){display:none}.studio-shell[data-layout=mobile] .top-actions button{width:44px;height:40px;font-size:16px}.studio-shell[data-layout=mobile] .transport{border-right:0;grid-area:transport;gap:clamp(5px,3vw,18px)}.studio-shell[data-layout=mobile] .transport button{width:46px;min-width:44px;height:46px;min-height:44px;font-size:15px}.studio-shell[data-layout=mobile] .transport .play{font-size:19px}.studio-shell[data-layout=mobile]>.workspace{min-width:0;min-height:0;display:block;position:relative;overflow:hidden}.studio-shell[data-layout=mobile] .browser-panel,.studio-shell[data-layout=mobile] .center-workspace,.studio-shell[data-layout=mobile] .inspector-panel{width:100%;min-width:0;height:100%;min-height:0;display:none}.studio-shell[data-layout=mobile][data-mobile-panel=sounds] .browser-panel{border-right:0;grid-template-rows:54px minmax(0,1fr);display:grid}.studio-shell[data-layout=mobile][data-mobile-panel=sounds] .panel-tabs{flex-direction:row;padding:0 10px;display:flex}.studio-shell[data-layout=mobile][data-mobile-panel=sounds] .panel-tabs button{width:44px;height:44px}.studio-shell[data-layout=mobile][data-mobile-panel=sounds] .browser-content{padding:14px;display:block;overflow-y:auto}.studio-shell[data-layout=mobile] .search{height:44px;margin-bottom:8px}.studio-shell[data-layout=mobile] .search input{font-size:13px}.studio-shell[data-layout=mobile] .browser-row{min-height:64px;font-size:13px}.studio-shell[data-layout=mobile] .browser-row strong{font-size:13px}.studio-shell[data-layout=mobile] .browser-row small,.studio-shell[data-layout=mobile] .local-library small{font-size:11px}.studio-shell[data-layout=mobile] .sound-type-rail{gap:6px;margin-top:0}.studio-shell[data-layout=mobile] .sound-type-rail button{border-radius:6px;min-height:44px;padding-inline:8px;font-size:11px}.studio-shell[data-layout=mobile] .sound-filter-grid{gap:7px;margin-bottom:9px}.studio-shell[data-layout=mobile] .sound-filter-grid label>span{font-size:8px}.studio-shell[data-layout=mobile] .sound-filter-grid select{height:44px;padding-inline:7px;font-size:11px}.studio-shell[data-layout=mobile] .sound-results-summary{min-height:44px;font-size:10px}.studio-shell[data-layout=mobile] .sound-results-summary button{min-width:44px;min-height:44px;font-size:10px}.studio-shell[data-layout=mobile] .sound-load-feedback{border-radius:6px;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;min-height:66px;margin-bottom:10px;padding:9px 10px}.studio-shell[data-layout=mobile] .sound-load-feedback>i{width:34px;height:34px;font-size:14px}.studio-shell[data-layout=mobile] .sound-load-feedback strong{font-size:12px}.studio-shell[data-layout=mobile] .sound-load-feedback small{margin-top:4px;font-size:10px;line-height:1.4}.studio-shell[data-layout=mobile] .sound-load-feedback-actions button{min-width:58px;min-height:44px;padding-inline:9px;font-size:11px}.studio-shell[data-layout=mobile] .sound-load-feedback-actions .dismiss{width:44px;min-width:44px;padding:0;font-size:18px}.studio-shell[data-layout=mobile] .sound-result-list{gap:7px}.studio-shell[data-layout=mobile] .sound-result-list>li{border-radius:6px;grid-template-columns:minmax(0,1fr) 96px;min-height:78px}.studio-shell[data-layout=mobile] .sound-result-main{grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:8px 9px}.studio-shell[data-layout=mobile] .sound-result-main>i{width:38px;height:46px;font-size:21px}.studio-shell[data-layout=mobile] .sound-result-main strong{font-size:13px}.studio-shell[data-layout=mobile] .sound-result-main small{margin-top:4px;font-size:10px}.studio-shell[data-layout=mobile] .sound-result-main em{font-size:8px}.studio-shell[data-layout=mobile] .sound-result-main>b{min-width:48px;padding:6px 5px;font-size:8px}.studio-shell[data-layout=mobile] .sound-result-actions{grid-template-rows:1fr;grid-template-columns:repeat(2,48px)}.studio-shell[data-layout=mobile] .sound-result-actions button{min-width:48px;min-height:44px;font-size:15px}.studio-shell[data-layout=mobile] .sound-result-actions button+button{border-top:0;border-left:1px solid #dce4e211}.studio-shell[data-layout=mobile] .sound-show-more{min-height:44px;margin-top:9px;font-size:12px}.studio-shell[data-layout=mobile] .browser-empty{min-height:220px}.studio-shell[data-layout=mobile] .browser-empty>strong{font-size:13px}.studio-shell[data-layout=mobile] .browser-empty>small{max-width:260px;font-size:11px}.studio-shell[data-layout=mobile] .browser-empty>button{min-height:44px;padding-inline:16px;font-size:12px}.studio-shell[data-layout=mobile] .local-library{min-height:58px}.studio-shell[data-layout=mobile] .local-library button{min-width:70px;min-height:42px;font-size:12px}.studio-shell[data-layout=mobile][data-mobile-panel=arrange] .center-workspace>.editor-panel{display:none}.studio-shell[data-layout=mobile] .arrangement-toolbar{overscroll-behavior-x:contain;scrollbar-width:thin;gap:6px;min-width:0;overflow-x:auto}.studio-shell[data-layout=mobile] .arrangement-toolbar button{flex:none;min-height:44px;padding-inline:10px;font-size:11px}.studio-shell[data-layout=mobile] .arrangement-toolbar .tool{width:44px;padding:0}.studio-shell[data-layout=mobile] .arrangement-toolbar .zoom-controls{flex:none}.studio-shell[data-layout=mobile] .arrangement{overscroll-behavior:contain;background-size:calc(25% - 37px) 100%,calc(1.5625% - 2.3125px) 100%;grid-template-columns:148px minmax(640px,1fr);grid-auto-rows:54px}.studio-shell[data-layout=mobile] .track-label-spacer{padding:18px 10px}.studio-shell[data-layout=mobile] .track-header{padding-right:5px}.studio-shell[data-layout=mobile] .track-select{grid-template-columns:3px 25px minmax(0,1fr);gap:5px;font-size:11px}.studio-shell[data-layout=mobile] .track-buttons{gap:2px}.studio-shell[data-layout=mobile] .mini{width:36px;height:44px;min-height:44px;font-size:11px}.studio-shell[data-layout=mobile] .arrange-lane{touch-action:pan-x pan-y}.studio-shell[data-layout=mobile] .arrangement-clip{touch-action:none}.studio-shell[data-layout=mobile] .clip-resize{width:20px}.studio-shell[data-layout=mobile] .clip-resize-left:after{left:8px}.studio-shell[data-layout=mobile] .clip-resize-right:after{right:8px}.studio-shell[data-layout=mobile][data-mobile-panel=editor] .center-workspace>.arrangement-toolbar,.studio-shell[data-layout=mobile][data-mobile-panel=editor] .center-workspace>.arrangement{display:none}.studio-shell[data-layout=mobile][data-mobile-panel=editor] .editor-panel{border-top:0;grid-template-rows:48px 46px minmax(0,1fr);height:100%;display:grid;overflow:hidden}.studio-shell[data-layout=mobile] .editor-tabs,.studio-shell[data-layout=mobile] .piano-toolbar,.studio-shell[data-layout=mobile] .piano-edit-toolbar,.studio-shell[data-layout=mobile] .recorder-toolbar,.studio-shell[data-layout=mobile] .mixer-toolbar,.studio-shell[data-layout=mobile] .automation-toolbar,.studio-shell[data-layout=mobile] .modulation-toolbar,.studio-shell[data-layout=mobile] .sampler-toolbar,.studio-shell[data-layout=mobile] .clip-toolbar{overscroll-behavior-x:contain;scrollbar-width:thin;gap:6px;min-width:0;min-height:44px;overflow:auto hidden}.studio-shell[data-layout=mobile] .editor-tabs button,.studio-shell[data-layout=mobile] .piano-toolbar button,.studio-shell[data-layout=mobile] .piano-edit-toolbar button,.studio-shell[data-layout=mobile] .recorder-toolbar button,.studio-shell[data-layout=mobile] .mixer-toolbar button,.studio-shell[data-layout=mobile] .automation-toolbar button,.studio-shell[data-layout=mobile] .modulation-toolbar button,.studio-shell[data-layout=mobile] .sampler-toolbar button,.studio-shell[data-layout=mobile] .clip-toolbar button{flex:none;min-width:44px;min-height:44px;font-size:11px}.studio-shell[data-layout=mobile] .editor-tabs span{min-width:14px}.studio-shell[data-layout=mobile] .instrument-rack,.studio-shell[data-layout=mobile] .sampler-rack,.studio-shell[data-layout=mobile] .drum-rack,.studio-shell[data-layout=mobile] .audio-recorder,.studio-shell[data-layout=mobile] .automation-editor,.studio-shell[data-layout=mobile] .modulation-editor{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;min-width:0;display:grid;overflow:auto}.studio-shell[data-layout=mobile] .instrument-browser,.studio-shell[data-layout=mobile] .sampler-source,.studio-shell[data-layout=mobile] .drum-pad-panel,.studio-shell[data-layout=mobile] .mic-input-panel,.studio-shell[data-layout=mobile] .automation-sidebar,.studio-shell[data-layout=mobile] .modulation-sources{border-right:0;border-bottom:1px solid var(--line-soft);min-height:230px;max-height:55dvh;overflow-y:auto}.studio-shell[data-layout=mobile] .performance-pad,.studio-shell[data-layout=mobile] .sampler-performance,.studio-shell[data-layout=mobile] .drum-sequencer,.studio-shell[data-layout=mobile] .capture-panel,.studio-shell[data-layout=mobile] .automation-stage,.studio-shell[data-layout=mobile] .modulation-matrix{min-height:340px;overflow:auto}.studio-shell[data-layout=mobile] .instrument-controls,.studio-shell[data-layout=mobile] .sampler-controls,.studio-shell[data-layout=mobile] .screen-keyboard,.studio-shell[data-layout=mobile] .instrument-surface{overscroll-behavior-x:contain;min-width:0;overflow-x:auto}.studio-shell[data-layout=mobile] .drum-pads{grid-template-columns:repeat(2,minmax(130px,1fr))}.studio-shell[data-layout=mobile] .drum-step{min-height:28px}.studio-shell[data-layout=mobile] .full-mixer{overscroll-behavior-x:contain;min-height:0;padding:8px}.studio-shell[data-layout=mobile] .mixer-strip{flex-basis:126px;min-width:126px}.studio-shell[data-layout=mobile] .clip-editor-body{display:block;overflow:auto}.studio-shell[data-layout=mobile] .wave-editor{height:180px;min-height:180px}.studio-shell[data-layout=mobile] .clip-controls{min-width:760px}.studio-shell[data-layout=mobile] .advanced-piano-roll{overflow:auto}.studio-shell[data-layout=mobile] .piano-grid-scroll{min-height:620px}.studio-shell[data-layout=mobile] .automation-stage{min-width:620px}.studio-shell[data-layout=mobile] .modulation-editor{display:block;overflow-y:auto}.studio-shell[data-layout=mobile] .modulation-toolbar>label{flex:none;min-width:150px}.studio-shell[data-layout=mobile] .modulation-toolbar select{min-width:100px;height:44px;font-size:11px}.studio-shell[data-layout=mobile] .modulation-toolbar>span,.studio-shell[data-layout=mobile] .modulation-toolbar>strong{flex:none;font-size:10px}.studio-shell[data-layout=mobile] .modulation-sources{max-height:none;overflow:visible}.studio-shell[data-layout=mobile] .modulation-section-head,.studio-shell[data-layout=mobile] .modulation-section-head small,.studio-shell[data-layout=mobile] .modulation-source-controls label,.studio-shell[data-layout=mobile] .follower-controls label,.studio-shell[data-layout=mobile] .route-path label>span,.studio-shell[data-layout=mobile] .route-controls label,.studio-shell[data-layout=mobile] .route-activity b{color:var(--text-secondary);font-size:10px}.studio-shell[data-layout=mobile] .modulation-source-card{padding:10px}.studio-shell[data-layout=mobile] .modulation-source-card>header button{min-width:44px}.studio-shell[data-layout=mobile] .modulation-source-card>header button,.studio-shell[data-layout=mobile] .modulation-source-controls select,.studio-shell[data-layout=mobile] .modulation-rate-mode button{min-height:44px;font-size:11px}.studio-shell[data-layout=mobile] .modulation-source-controls{gap:8px}.studio-shell[data-layout=mobile] .follower-controls{grid-template-columns:1fr;gap:9px}.studio-shell[data-layout=mobile] .follower-controls input,.studio-shell[data-layout=mobile] .modulation-source-controls input,.studio-shell[data-layout=mobile] .route-controls input{min-height:44px}.studio-shell[data-layout=mobile] .modulation-preset-grid button{min-height:52px;padding:8px}.studio-shell[data-layout=mobile] .modulation-preset-grid strong{font-size:11px}.studio-shell[data-layout=mobile] .modulation-preset-grid small{font-size:9px}.studio-shell[data-layout=mobile] .modulation-matrix{grid-template-rows:58px 44px auto;min-height:auto;padding:0 10px 14px;overflow:visible}.studio-shell[data-layout=mobile] .modulation-matrix-head>button{min-height:44px;font-size:11px}.studio-shell[data-layout=mobile] .modulation-target-strip{grid-template-columns:repeat(6,90px)}.studio-shell[data-layout=mobile] .modulation-target-strip span{min-width:90px;font-size:9px}.studio-shell[data-layout=mobile] .modulation-route-list{grid-template-columns:minmax(0,1fr);gap:9px;overflow:visible}.studio-shell[data-layout=mobile] .modulation-route-card{gap:10px;padding:10px}.studio-shell[data-layout=mobile] .route-power,.studio-shell[data-layout=mobile] .route-remove{width:44px;height:44px;font-size:15px}.studio-shell[data-layout=mobile] .modulation-route-card>header{grid-template-columns:44px minmax(0,1fr) 44px}.studio-shell[data-layout=mobile] .route-path{grid-template-columns:minmax(0,1fr);align-items:stretch}.studio-shell[data-layout=mobile] .route-path>i{transform:rotate(90deg)}.studio-shell[data-layout=mobile] .route-path select{height:44px;font-size:11px}.studio-shell[data-layout=mobile] .route-controls{grid-template-columns:1fr;gap:9px}.studio-shell[data-layout=mobile] .route-polarity{grid-template-rows:14px 44px;min-height:58px}.studio-shell[data-layout=mobile] .route-polarity button{min-height:44px;font-size:10px}.studio-shell[data-layout=mobile] .sample-layer-controls{grid-template-columns:1fr}.studio-shell[data-layout=mobile] .instrument-family-tabs button,.studio-shell[data-layout=mobile] .instrument-loaded-card button,.studio-shell[data-layout=mobile] .instrument-presets button,.studio-shell[data-layout=mobile] .instrument-macros button,.studio-shell[data-layout=mobile] .sampler-mode button,.studio-shell[data-layout=mobile] .sampler-note-mode button,.studio-shell[data-layout=mobile] .sampler-slice-settings button{min-height:40px;font-size:11px}.studio-shell[data-layout=mobile][data-mobile-panel=effects] .inspector-panel{border-left:0;padding-bottom:18px;display:block;overflow-y:auto}.studio-shell[data-layout=mobile][data-mobile-panel=effects] .inspector-panel>:not(.inspector-tabs){display:block}.studio-shell[data-layout=mobile][data-mobile-panel=effects] .inspector-panel>.selected-summary,.studio-shell[data-layout=mobile][data-mobile-panel=effects] .inspector-panel>.track-management{display:grid}.studio-shell[data-layout=mobile][data-mobile-panel=effects] .inspector-tabs{z-index:3;background:#0f1a1ef7;grid-template-columns:repeat(3,1fr);height:54px;display:grid;position:sticky;top:0}.studio-shell[data-layout=mobile][data-mobile-panel=effects] .inspector-tabs button{min-height:48px;font-size:12px;display:block}.studio-shell[data-layout=mobile] .selected-summary{min-height:82px}.studio-shell[data-layout=mobile] .selected-summary input{font-size:14px}.studio-shell[data-layout=mobile] .selected-summary small,.studio-shell[data-layout=mobile] .effect-card small,.studio-shell[data-layout=mobile] .effect-controls span,.studio-shell[data-layout=mobile] .send-controls span,.studio-shell[data-layout=mobile] .return-bus span{font-size:11px}.studio-shell[data-layout=mobile] .track-management button,.studio-shell[data-layout=mobile] .effect-presets button,.studio-shell[data-layout=mobile] .effect-order button,.studio-shell[data-layout=mobile] .effect-power,.studio-shell[data-layout=mobile] .section-heading button{min-height:42px;font-size:11px}.studio-shell[data-layout=mobile] .effect-card-head{min-height:58px}.studio-shell[data-layout=mobile] .effect-controls{gap:12px;padding:12px}.studio-shell[data-layout=mobile] .effect-controls input,.studio-shell[data-layout=mobile] .send-controls input,.studio-shell[data-layout=mobile] .return-bus input{height:28px}.studio-shell[data-layout=mobile] .mobile-bottom-nav{padding:4px max(4px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px, env(safe-area-inset-left));z-index:10;background:#091216fa;border-top:1px solid #7cc7be33;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;box-shadow:0 -10px 30px #0003}.studio-shell[data-layout=mobile] .mobile-bottom-nav button{min-width:0;min-height:58px;color:var(--text-muted);border-radius:6px;grid-template-rows:25px 16px;align-content:center;place-items:center;gap:2px;padding:2px;display:grid}.studio-shell[data-layout=mobile] .mobile-bottom-nav button.active{color:var(--teal-soft);background:linear-gradient(#56b8ac21,#9a78a60d)}.studio-shell[data-layout=mobile] .mobile-bottom-nav i{font-size:18px;font-style:normal}.studio-shell[data-layout=mobile] .mobile-bottom-nav span{font-size:10px;font-weight:620}.studio-shell[data-layout=mobile] .statusbar{display:none}.studio-shell[data-layout=mobile] .project-library-backdrop{place-items:stretch stretch;padding:0}.studio-shell[data-layout=mobile] .project-library-backdrop,.studio-shell[data-layout=mobile] .view-mode-backdrop{width:min(100vw,820px);left:50%;right:auto;transform:translate(-50%)}.studio-shell[data-layout=mobile] .project-library-dialog{border:0;border-radius:0;grid-template-rows:auto auto auto 32px minmax(0,1fr) auto;width:100%;height:100dvh;min-height:0}.studio-shell[data-layout=mobile] .project-library-head{min-height:66px;padding:env(safe-area-inset-top) 10px 0;grid-template-columns:38px minmax(0,1fr) 44px}.studio-shell[data-layout=mobile] .project-library-head .library-local{display:none}.studio-shell[data-layout=mobile] .library-close{width:44px;height:44px}.studio-shell[data-layout=mobile] .project-library-tools{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px}.studio-shell[data-layout=mobile] .new-project-button{height:58px}.studio-shell[data-layout=mobile] .save-copy-control>div,.studio-shell[data-layout=mobile] .project-search{min-height:44px}.studio-shell[data-layout=mobile] .project-library-current{grid-template-columns:44px minmax(0,1fr) 74px;gap:8px;margin:0 10px 8px;padding:8px}.studio-shell[data-layout=mobile] .current-project-art{width:42px;height:42px}.studio-shell[data-layout=mobile] .project-library-current .current-save-state{display:none}.studio-shell[data-layout=mobile] .project-library-current>button{min-height:40px}.studio-shell[data-layout=mobile] .project-list{grid-template-columns:minmax(0,1fr);grid-auto-rows:142px;gap:8px;padding:5px 10px 14px}.studio-shell[data-layout=mobile] .project-open-area{grid-template-columns:44px minmax(0,1fr) 54px}.studio-shell[data-layout=mobile] .project-card-art{width:42px;height:44px}.studio-shell[data-layout=mobile] .open-badge{display:none}.studio-shell[data-layout=mobile] .project-card-open{min-height:40px}.studio-shell[data-layout=mobile] .project-card-actions button{min-height:44px;font-size:10px}.studio-shell[data-layout=mobile] .project-library-foot{min-height:calc(46px + env(safe-area-inset-bottom));padding:0 10px env(safe-area-inset-bottom)}.studio-shell[data-layout=mobile] .project-library-foot p,.studio-shell[data-layout=mobile] .project-library-foot kbd,.studio-shell[data-layout=mobile] .project-library-foot small{display:none}.studio-shell[data-layout=mobile] .view-mode-backdrop{place-items:end stretch;padding:0}.studio-shell[data-layout=mobile] .view-mode-dialog{overscroll-behavior:contain;width:100%;max-height:calc(100dvh - 20px);padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:14px 14px 0 0;overflow-y:auto}.studio-shell[data-layout=mobile] .view-mode-dialog>header button{min-width:44px;min-height:44px}.studio-shell[data-layout=mobile] .view-mode-options>button{min-height:64px}.studio-shell[data-layout=mobile] .producer-guide-backdrop{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));place-items:end stretch}.studio-shell[data-layout=mobile] .producer-guide-dialog{width:100%;max-height:calc(100dvh - max(20px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));overscroll-behavior:contain;border-radius:10px}.studio-shell[data-layout=mobile] .producer-guide-dialog>header{grid-template-columns:42px minmax(0,1fr) 44px;gap:10px;min-height:68px;padding:9px 8px 8px 13px}.studio-shell[data-layout=mobile] .producer-guide-mark{width:38px;height:38px}.studio-shell[data-layout=mobile] .producer-guide-dialog>header h2{font-size:18px}.studio-shell[data-layout=mobile] .producer-guide-dialog>header button{width:44px;height:44px}.studio-shell[data-layout=mobile] .producer-guide-intro{padding:17px 16px 13px}.studio-shell[data-layout=mobile] .producer-guide-intro>p{font-size:11px}.studio-shell[data-layout=mobile] .producer-guide-path{grid-template-columns:minmax(0,1fr);gap:6px;padding:0 16px 14px}.studio-shell[data-layout=mobile] .producer-guide-path article{grid-template-columns:24px minmax(0,1fr);min-height:66px;padding:9px 11px}.studio-shell[data-layout=mobile] .producer-guide-path small{margin-top:3px}.studio-shell[data-layout=mobile] .producer-guide-tips-row{gap:9px;min-height:68px;margin:0 16px}.studio-shell[data-layout=mobile] .producer-guide-tips-row>button{min-width:72px;min-height:44px}.studio-shell[data-layout=mobile] .producer-guide-dialog>footer{min-height:0;padding:13px 16px max(16px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.studio-shell[data-layout=mobile] .producer-guide-dialog>footer>button{justify-content:center;width:100%;min-height:46px}.studio-shell[data-layout=mobile] .producer-tour-panel,.studio-shell[data-layout=mobile][data-tour-target=effects] .producer-tour-panel{right:max(10px,env(safe-area-inset-right));bottom:calc(68px + env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));width:auto;max-height:calc(100dvh - 145px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}.studio-shell[data-layout=mobile] .producer-tour-panel>header{min-height:48px}.studio-shell[data-layout=mobile] .producer-tour-panel>header button{width:44px;height:44px}.studio-shell[data-layout=mobile] .producer-tour-copy{padding:15px 16px 11px}.studio-shell[data-layout=mobile] .producer-tour-icon{top:13px;right:16px}.studio-shell[data-layout=mobile] .producer-tour-copy h2{font-size:17px}.studio-shell[data-layout=mobile] .producer-tour-copy>p{font-size:11px;line-height:1.5}.studio-shell[data-layout=mobile] .producer-tour-task{margin-top:10px;padding:8px 10px}.studio-shell[data-layout=mobile] .producer-tour-task>p{font-size:10px}.studio-shell[data-layout=mobile] .producer-tour-dots{padding-bottom:9px}.studio-shell[data-layout=mobile] .producer-tour-dots button{width:28px;min-height:20px}.studio-shell[data-layout=mobile] .producer-tour-dots button:after{inset:8px 2px}.studio-shell[data-layout=mobile] .producer-tour-panel>footer{background:#080d14f7;min-height:60px;padding:8px 10px;position:sticky;bottom:0}.studio-shell[data-layout=mobile] .producer-tour-panel>footer button{min-height:44px}@media (width<=420px){.studio-shell[data-layout=mobile] .topbar{grid-template-columns:minmax(0,1fr) 70px 94px}.studio-shell[data-layout=mobile] .transport{gap:4px}.studio-shell[data-layout=mobile] .transport button{width:44px}.studio-shell[data-layout=mobile] .arrangement{background-size:calc(25% - 37px) 100%,calc(1.5625% - 2.3125px) 100%;grid-template-columns:148px minmax(640px,1fr)}.studio-shell[data-layout=mobile] .track-select{grid-template-columns:3px minmax(0,1fr)}.studio-shell[data-layout=mobile] .track-icon{display:none}.studio-shell[data-layout=mobile] .mini{width:44px}.studio-shell[data-layout=mobile] .producer-guide-dialog>header div>span{letter-spacing:.12em}.studio-shell[data-layout=mobile] .producer-guide-intro{padding-top:14px}.studio-shell[data-layout=mobile] .producer-guide-intro>p{margin-top:9px;line-height:1.5}.studio-shell[data-layout=mobile] .producer-guide-path article{min-height:61px}.studio-shell[data-layout=mobile] .producer-tour-copy>p{margin-top:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}:root{--bg-canvas:#05070c;--bg-shell:#090d14;--panel-1:#0d131d;--panel-2:#131b27;--panel-3:#192332;--line-soft:#bed3e017;--line-strong:#bed3e030;--text-primary:#e7edf2;--text-secondary:#a1afbc;--text-muted:#647484;--teal:#62d1cb;--teal-soft:#91e2dc;--orchid:#8674d8;--orchid-soft:#b5a8f0;--blue:#559bc5;--record:#ff625d;--success:#64d49c;--amber:#e0b86f;--console-edge:#cbdce724;--console-shadow:#0000008a}html,body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#04060a}body{font-feature-settings:"tnum" 1, "ss01" 1;letter-spacing:.005em}*{scrollbar-width:thin;scrollbar-color:#344455 #080c12}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#080c12}::-webkit-scrollbar-thumb{background:#344455;border:2px solid #080c12;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#465b6d}.studio-shell{isolation:isolate;background:radial-gradient(at 8% 4%,#48669721,#0000 34%),radial-gradient(at 93% 88%,#7352a81a,#0000 39%),linear-gradient(155deg,#070a10 0%,#05070c 55%,#070a11 100%)}.studio-shell:before,.studio-shell:after{content:"";z-index:0;pointer-events:none;position:fixed;inset:0}.studio-shell:before{opacity:.22;background-image:radial-gradient(circle at 17% 23%,#ffffffb3 0 .5px,#0000 .7px),radial-gradient(circle at 68% 16%,#91e2dcb3 0 .5px,#0000 .7px),radial-gradient(circle at 85% 63%,#b5a8f0a6 0 .5px,#0000 .7px);background-size:167px 167px,229px 229px,311px 311px}.studio-shell:after{background:linear-gradient(90deg,#0003,#0000 12% 88%,#0000003d)}.studio-shell>.topbar,.studio-shell>.workspace,.studio-shell>.mobile-bottom-nav,.studio-shell>.statusbar,.studio-shell>.project-library-backdrop,.studio-shell>.view-mode-backdrop{z-index:1;position:relative}.topbar{background:linear-gradient(#ffffff07,#0000 30%),linear-gradient(90deg,#0b1018,#0a0e16 48%,#0c1119);border-bottom-color:#c5d8e429;box-shadow:0 8px 24px #0000004d,inset 0 -1px #00000080}.brand{color:#eef4f7;letter-spacing:.24em;text-shadow:0 0 18px #62d1cb24;align-content:center;gap:3px;font-size:13px;font-weight:680;display:grid;position:relative}.brand:before{content:"";background:linear-gradient(var(--teal-soft), var(--orchid-soft));border-radius:2px;width:2px;position:absolute;top:13px;bottom:13px;left:12px;box-shadow:0 0 10px #62d1cb59}.brand:after{content:"CINEMATIC AUDIO WORKSTATION";color:#667889;letter-spacing:.16em;font:600 6px ui-monospace,SFMono-Regular,Consolas,monospace}.project-field,.bpm-field,.signature{background:#ffffff02}.project-field input{color:#cbd5dd;font-size:11px}.transport{background:linear-gradient(#141c27,#0c121b);border:1px solid #c3d5e01c;border-radius:7px;gap:5px;height:40px;margin:7px 8px;box-shadow:inset 0 1px #ffffff09,inset 0 -2px 5px #00000059,0 4px 12px #0000003d}.transport button,.top-actions button{border:1px solid #0000;border-radius:5px;transition:color .13s,background .13s,border-color .13s,box-shadow .13s,transform 80ms}.transport button:active,.top-actions button:active{transform:translateY(1px)}.transport button:hover,.top-actions button:hover,.transport .active{background:linear-gradient(#ffffff0e,#ffffff05);border-color:#c7d8e21f}.transport .play{color:#aaf0dc;background:radial-gradient(circle at 50% 45%,#62d1cb2b,#62d1cb0b);border-color:#62d1cb38;box-shadow:inset 0 1px #ffffff0b,0 0 14px #62d1cb14}.transport .active-record{border-color:#ff625d4d;box-shadow:0 0 15px #ff625d24}.bpm-field input{color:var(--amber);font-size:12px;font-weight:700}.bpm-field span,.signature{color:#778797;letter-spacing:.08em}.workspace{background:#04070bb8;box-shadow:inset 0 1px #ffffff05}.browser-panel,.inspector-panel{background:linear-gradient(#ffffff05,#0000 24%),linear-gradient(145deg,#0e151f,#0a1018)}.browser-panel{box-shadow:8px 0 24px #0000002e}.inspector-panel{box-shadow:-8px 0 24px #0000002e}.panel-tabs,.inspector-tabs,.arrangement-toolbar,.editor-tabs,.piano-toolbar,.mixer-toolbar,.automation-toolbar{background:linear-gradient(#121a24,#0b1119);box-shadow:inset 0 1px #ffffff06,inset 0 -1px #0000006b}.panel-tabs button,.inspector-tabs button,.editor-tabs button{letter-spacing:.04em;transition:color .13s,background .13s,border-color .13s}.panel-tabs .active,.inspector-tabs .active,.editor-tabs button.active{color:#a7e8e3;border-color:var(--teal);text-shadow:0 0 12px #62d1cb38;background:linear-gradient(#62d1cb0e,#0000)}.search,.instrument-search,.project-search,.sound-filter-grid select,.modulation-toolbar select,.modulation-source-controls select,.route-path select{background:linear-gradient(#101721,#0a1017);border-color:#c4d6e21f;box-shadow:inset 0 1px 3px #00000073,0 1px #ffffff05}.search:focus-within,.instrument-search:focus-within,.project-search:focus-within{border-color:#62d1cb6b;box-shadow:inset 0 1px 3px #00000073,0 0 0 2px #62d1cb0f}.sound-type-rail button,.instrument-family-tabs button,.effect-presets button,.automation-shapes button,.modulation-preset-grid button{background:linear-gradient(#ffffff06,#00000017);border-color:#c3d5e01c;box-shadow:inset 0 1px #ffffff05}.sound-type-rail button:hover,.sound-type-rail button.active,.instrument-family-tabs button:hover,.instrument-family-tabs button.active{background:linear-gradient(#62d1cb24,#62d1cb0b);border-color:#62d1cb61;box-shadow:inset 0 1px #ffffff09,0 0 12px #62d1cb0d}.sound-result-list>li,.project-card,.instrument-presets article,.effect-card,.modulation-source-card,.modulation-route-card{background:linear-gradient(145deg,#151e2ae6,#090e15f0);border-color:#c3d5e01a;box-shadow:inset 0 1px #ffffff06,0 5px 14px #0000001f}.sound-result-list>li:hover,.instrument-presets article:hover,.instrument-presets article.active,.effect-card:hover{background:linear-gradient(145deg,#192734f5,#0b121bf5);border-color:#62d1cb40}.center-workspace{background:radial-gradient(at 70% 110%,#5d4c9a17,#0000 45%),#070b11;box-shadow:inset 1px 0 #ffffff04,inset -1px 0 #ffffff04}.arrangement{background-color:#080d14;background-image:linear-gradient(90deg,#718fa12b 1px,#0000 1px),linear-gradient(90deg,#718fa10c 1px,#0000 1px),linear-gradient(#ffffff03,#0000 45%)}.track-select{background:linear-gradient(90deg,#111924,#0c121a);box-shadow:inset 0 1px #ffffff05,inset -1px 0 #ffffff05}.track-lane{background:linear-gradient(#ffffff02,#00000006)}.clip{border:1px solid #ffffff1f;border-top-color:currentColor;border-radius:5px;box-shadow:inset 0 1px #ffffff14,0 3px 8px #0000002e}.clip:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0b,#0000 32%);position:absolute;inset:0}.clip.selected{box-shadow:inset 0 0 0 1px #eef5f86b,0 0 0 1px #62d1cb29,0 5px 12px #0003}.editor-panel{background:linear-gradient(#0d141e,#080d14);border-top-color:#b5a8f038;box-shadow:0 -8px 22px #0003}.instrument-rack,.drum-rack,.modulation-editor,.automation-editor{background:radial-gradient(at 78% 120%,#62d1cb13,#0000 42%),radial-gradient(at 12% 110%,#8674d814,#0000 36%),linear-gradient(145deg,#0c121b,#080d14)}.instrument-loaded-card,.sample-layer,.sampler-device,.drum-pad{background:linear-gradient(145deg,#182230,#0c121a);border-color:#c3d5e021;box-shadow:inset 0 1px #ffffff08,inset 0 -3px 8px #00000040,0 4px 10px #00000024}.drum-pad:nth-child(2n),.sampler-slice-pads button:nth-child(2n){background:linear-gradient(145deg,#1c1c2b,#0d1119)}.drum-pad:hover,.drum-pad.pressed,.sampler-slice-pads button:hover,.sampler-slice-pads button.pressed{background:linear-gradient(145deg,#37656cc7,#392b56b3);border-color:#91e2dc85;box-shadow:inset 0 1px #ffffff12,0 0 18px #62d1cb1f}.drum-step,.note-grid,.automation-canvas,.modulation-wave,.sampler-wave{background-color:#05090ebd}.drum-step.active,.note.active{background:linear-gradient(145deg,#9785e6,#6654ae);border-color:#c0b4f5;box-shadow:inset 0 1px #ffffff26,0 0 8px #8674d83d}.full-mixer{background:linear-gradient(90deg,#ffffff03 1px,#0000 1px) 0 0/24px 100%,linear-gradient(#ffffff05,#0000 62%) 0 0/100% 100%;gap:7px}.mixer-strip{background:linear-gradient(#151e2a,#0b1119 42%,#090e15);border-color:#c3d5e01f;border-radius:5px;box-shadow:inset 0 1px #ffffff09,0 5px 14px #0000002e}.mixer-strip.selected{box-shadow:inset 0 2px var(--teal), 0 0 18px #62d1cb13;border-color:#62d1cb61}.stereo-meter{background:#04070a;box-shadow:inset 0 0 0 1px #c5d6e01a,inset 0 0 8px #000c}.knob{background:radial-gradient(circle at 38% 32%, #354352 0 8%, #1b2530 36%, #0a0f16 70%), conic-gradient(from 225deg, var(--teal) 0 42%, #26333f 42% 75%, transparent 75%);border:0;box-shadow:inset 0 1px 2px #ffffff29,inset 0 -4px 8px #0000008c,0 4px 8px #0000004d,0 0 0 1px #c5d6e029}.knob i{background:#eaf4f5;border-radius:2px;width:2px;box-shadow:0 0 5px #91e2dc66}input[type=range]:not(.channel-fader){accent-color:var(--teal);filter:saturate(.9)brightness(.96)}.channel-fader{accent-color:var(--orchid-soft)}.effect-power,.strip-switches button,.track-management button,.section-heading button{background:linear-gradient(#ffffff09,#0000001f);box-shadow:inset 0 1px #ffffff05}.project-library-backdrop,.view-mode-backdrop{-webkit-backdrop-filter:blur(14px)saturate(.8);backdrop-filter:blur(14px)saturate(.8);background:#020408d1}.project-library-dialog,.view-mode-dialog{background:radial-gradient(at 12% 0,#48688f24,#0000 32%),radial-gradient(at 92% 100%,#674d9e21,#0000 36%),#0b1119;border-color:#91e2dc33;box-shadow:0 34px 110px #000000b3,inset 0 1px #ffffff0a}.statusbar{background:linear-gradient(#0b1018,#070a10);border-top-color:#c3d5e01f;box-shadow:inset 0 1px #ffffff05}.offline i,.mixer-live-dot{box-shadow:0 0 9px #64d49c80}@media (width<=920px){.studio-shell[data-layout=mobile] .topbar,.studio-shell[data-layout=mobile] .mobile-bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#111822fa,#070b11fc)}.studio-shell[data-layout=mobile] .brand:after{display:none}.studio-shell[data-layout=mobile] .brand:before{top:15px;bottom:15px}.studio-shell[data-layout=mobile] .mobile-bottom-nav button.active{color:#a9ece7;background:linear-gradient(#62d1cb24,#8674d80e);box-shadow:inset 0 1px #ffffff06,0 0 14px #62d1cb0d}}.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange{grid-template-rows:42px minmax(0,1fr) 118px;gap:10px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange>.arrangement-toolbar{background:linear-gradient(#101b26f7,#070d14fa);border-color:#7eacbc21;border-radius:9px;min-height:42px;padding:3px 6px 3px 8px;box-shadow:inset 0 1px #ffffff07,0 9px 22px #0003}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-tool-context{border-right:1px solid #8baebe1a;align-content:center;align-self:stretch;gap:2px;width:132px;min-width:0;padding:0 10px 0 3px;display:grid;overflow:hidden}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-tool-context small,.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-tool-context strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-tool-context small{color:#526c76;letter-spacing:.13em;font:650 5.5px ui-monospace,SFMono-Regular,Consolas,monospace}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-tool-context strong{color:#b9c8ce;font-size:8px;font-weight:610}.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange>.arrangement-toolbar .tool-separator{background:#8baebe1c;margin-inline:1px;display:block}.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange>.arrangement-toolbar .tool{border:1px solid #0000;width:32px;height:32px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange>.arrangement-toolbar .tool.active{color:#a9ede8;background:#3a999917;border-color:#59c7c42e}.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange>.arrangement-toolbar .tool.destructive:hover:not(:disabled){color:#eaa0a5;background:#bb485314;border-color:#dc67732e}.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange>.arrangement-toolbar .tool:disabled{opacity:.24;cursor:default}.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange>.arrangement{border-color:#73a3b424;border-radius:10px;grid-template-rows:40px;grid-auto-rows:minmax(54px,1fr);box-shadow:inset 0 1px #ffffff03,0 12px 30px #00000029}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrangement:before{opacity:.13}.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-label-spacer{color:#526b76;letter-spacing:.13em;justify-content:space-between;align-items:center;padding:0 13px;font:650 6px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-label-spacer small{color:#779099;letter-spacing:0;font:7px ui-monospace,SFMono-Regular,Consolas,monospace}.studio-shell[data-layout=desktop][data-studio-room=arrange] .bars{padding-left:0}.studio-shell[data-layout=desktop][data-studio-room=arrange] .bars>span{color:#8ba0aa;align-items:center;gap:5px;height:100%;padding-left:9px;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.studio-shell[data-layout=desktop][data-studio-room=arrange] .bars>span small{color:#475e68;letter-spacing:.1em;font-size:5.5px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .bars>span b{color:#8197a1;font-size:8px;font-weight:600}.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-header{border-bottom-color:#7ca4b213;border-right-color:#7ca4b21a;min-height:54px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-header.selected{background:linear-gradient(90deg,#1b3c4357,#0a141df7 62%);box-shadow:inset 2px 0 #59c7c4,inset 0 1px #78e2dc09}.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-copy{text-align:left;gap:3px;min-width:0;display:grid}.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-copy small{color:#4f6570;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font:5.5px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-header.selected .track-copy small{color:#64828a}.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-lane{border-bottom-color:#7ca4b211;transition:background .12s,box-shadow .12s}.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-lane.selected{background:linear-gradient(90deg,#2a74770b,#533f7a09);box-shadow:inset 0 1px #68d4cf06,inset 0 -1px #68d4cf05}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrangement-clip{opacity:.74;border-radius:5px;top:7px;bottom:7px;box-shadow:inset 0 1px #ffffff09,0 4px 10px #00000024}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrangement-clip:hover,.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrangement-clip.selected{opacity:1}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrangement-clip.selected{box-shadow:inset 0 0 0 1px #e4f7f66b,0 0 0 1px #59c7c42b,0 6px 16px #00000038}.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-header.selected+.track-lane .playhead:before,.studio-shell[data-layout=desktop][data-studio-room=arrange] .track-header.selected+.track-lane .playhead:after{opacity:.28}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-detail-strip{background:linear-gradient(145deg,#0c161ff9,#060b11fc);border-color:#75a3b421;border-radius:10px;grid-template-columns:minmax(220px,252px) minmax(220px,1fr) minmax(320px,400px) 58px;gap:10px;height:118px;padding:9px;box-shadow:0 12px 30px #00000029,inset 0 1px #ffffff05}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-detail-source{grid-template-rows:minmax(0,1fr) 28px;grid-template-columns:38px minmax(0,1fr);gap:5px 9px;padding:3px 3px 3px 5px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-detail-source .large-track-icon{border-radius:8px;width:36px;height:36px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-detail-source button{height:28px}.arrange-clip-overview{background:linear-gradient(#081119d1,#050a10e0);border:1px solid #6e9eb01f;border-radius:8px;grid-template-rows:24px 14px minmax(28px,1fr) 18px;min-width:0;min-height:0;display:grid;overflow:hidden}.arrange-clip-overview>header{border-bottom:1px solid #7da6b511;align-items:center;gap:8px;min-width:0;padding:0 9px;display:flex}.arrange-clip-overview>header span{color:#526d77;letter-spacing:.13em;font:650 5.5px ui-monospace,SFMono-Regular,Consolas,monospace}.arrange-clip-overview>header strong{color:#8ca0a9;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;font:500 6.5px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.arrange-overview-ruler{color:#465c66;grid-template-columns:repeat(4,1fr);padding-left:5px;font:5.5px ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.arrange-overview-ruler span{border-left:1px solid #679dad21;padding:3px 0 0 4px}.arrange-overview-lane{background-color:#03080d9e;background-image:linear-gradient(90deg,#6396a626 1px,#0000 1px),linear-gradient(90deg,#6396a60a 1px,#0000 1px);background-size:25% 100%,6.25% 100%;border:1px solid #6f9dad1a;border-radius:4px;margin:0 8px;position:relative;overflow:hidden}.arrange-overview-lane>i{color:#d9eeee;border:1px solid #ddefef21;border-radius:3px;align-items:center;min-width:8px;padding:0 6px;font-style:normal;display:flex;position:absolute;top:5px;bottom:5px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 3px 8px #0000002e}.arrange-overview-lane>i.teal{background:linear-gradient(90deg,#227f8ab8,#1d58689e)}.arrange-overview-lane>i.blue{background:linear-gradient(90deg,#36609ebd,#223d67a3)}.arrange-overview-lane>i.orchid{background:linear-gradient(90deg,#6c4699bf,#402863a6)}.arrange-overview-lane>i span{text-overflow:ellipsis;white-space:nowrap;font:6px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.arrange-overview-lane>b{z-index:2;background:#64d9d4;width:1px;transition:left 40ms linear;position:absolute;top:0;bottom:0;box-shadow:0 0 7px #59c7c45c}.arrange-clip-overview>footer{color:#4c626c;letter-spacing:.08em;align-items:center;gap:11px;padding:0 9px;font:5.5px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.arrange-clip-overview>footer b{color:#81969f;letter-spacing:0;margin-left:3px;font-weight:600}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-quick-macros{grid-template-rows:10px minmax(0,1fr);gap:2px 6px;padding:2px 4px 1px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-macro-label{color:#526d77;letter-spacing:.13em;grid-column:1/-1;font:650 5.5px ui-monospace,SFMono-Regular,Consolas,monospace}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-quick-macros .knob{width:30px;height:30px;margin:5px auto 0}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-quick-macros .knob i{top:3px;left:12px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-more{border-radius:7px;gap:5px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-more span{font-size:11px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-more small{color:#617782;letter-spacing:.08em;text-transform:uppercase;font:6px ui-monospace,SFMono-Regular,Consolas,monospace}.studio-shell[data-layout=mobile] .arrange-tool-context{display:none}.studio-shell[data-layout=desktop][data-studio-room]>.topbar>*{min-width:0}.studio-shell[data-layout=desktop][data-studio-room] .inspector-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#02060a3d}.studio-shell[data-layout=desktop][data-studio-room] .inspector-panel{height:min(420px,100% - 90px)}.studio-shell[data-layout=desktop] .inspector-panel>.inspector-close{display:grid}.studio-shell[data-layout=desktop][data-view-mode=desktop][data-studio-room]{overflow:auto hidden}.studio-shell[data-layout=desktop][data-view-mode=desktop][data-studio-room]>.topbar,.studio-shell[data-layout=desktop][data-view-mode=desktop][data-studio-room]>.workspace,.studio-shell[data-layout=desktop][data-view-mode=desktop][data-studio-room]>.statusbar{width:max(100%,1180px);min-width:1180px}@media (width<=1240px){.studio-shell[data-layout=desktop][data-studio-room] .transport{gap:2px;margin-inline:4px}.studio-shell[data-layout=desktop][data-studio-room] .transport button{width:31px}.studio-shell[data-layout=desktop][data-studio-room] .top-actions .beta-feedback-link{display:none}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-detail-strip{grid-template-columns:minmax(200px,230px) minmax(220px,1fr) minmax(290px,350px) 54px;gap:8px}}@media (width<=1060px){.studio-shell[data-layout=desktop][data-studio-room]>.topbar{grid-template-columns:150px minmax(210px,1fr) 108px 180px 62px 22px 145px}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop][data-studio-room] .brand{letter-spacing:.18em;padding-left:38px;font-size:9px}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop][data-studio-room] .brand:before{width:21px;height:21px;left:10px}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop][data-studio-room] .brand:after{display:none}.studio-shell[data-layout=desktop][data-studio-room] .transport button{width:29px}.studio-shell[data-layout=desktop][data-studio-room] .top-actions>button:nth-child(3){display:none}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-detail-strip{grid-template-columns:minmax(190px,220px) minmax(280px,1fr) 54px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-clip-overview{display:none}}@media (height<=720px){.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange{grid-template-rows:38px minmax(0,1fr) 96px;gap:8px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange>.arrangement-toolbar{min-height:38px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .room-view-arrange>.arrangement{grid-template-rows:36px;grid-auto-rows:minmax(48px,1fr)}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-detail-strip{height:96px;padding:7px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-detail-source{grid-template-rows:minmax(0,1fr)}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-detail-source>button,.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-macro-label{display:none}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-quick-macros{grid-template-rows:minmax(0,1fr)}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-quick-macros .knob{width:26px;height:26px;margin-top:3px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-quick-macros .knob i{left:10px}.studio-shell[data-layout=desktop][data-studio-room=arrange] .arrange-clip-overview{grid-template-rows:20px 12px minmax(24px,1fr) 15px}}.studio-room-nav,.studio-room-context,.arrange-detail-strip,.room-view-finish,.inspector-backdrop,.inspector-close{display:none}.studio-shell[data-layout=desktop][data-studio-room]{--room-inset:16px;--room-gap:12px;--track-rail:176px;background:radial-gradient(38% 42% at 88% 112%,#70499b12,#0000 76%),radial-gradient(34% 40% at 7% 104%,#227d880e,#0000 78%),#070c12;grid-template-rows:64px minmax(0,1fr) 28px;min-width:0;overflow:hidden}.studio-shell[data-layout=desktop][data-studio-room]>.topbar,.studio-shell[data-layout=desktop][data-studio-room]>.workspace,.studio-shell[data-layout=desktop][data-studio-room]>.statusbar{width:100%;min-width:0}.studio-shell[data-layout=desktop][data-studio-room]>.topbar{background:#060b11f7;border-bottom-color:#8baebe1f;grid-template-columns:190px minmax(260px,1fr) 140px 215px 75px 32px 195px;min-height:64px;box-shadow:0 10px 28px #00000029}.studio-shell[data-layout=desktop][data-studio-room] .brand{letter-spacing:.22em;padding-left:50px;font-size:12px}.studio-shell[data-layout=desktop] .studio-room-nav{background:#0d151eb8;border:1px solid #8baebe1c;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));justify-self:center;align-items:stretch;gap:3px;width:min(100%,510px);min-width:0;height:42px;padding:3px;display:grid;box-shadow:inset 0 1px #ffffff05}.studio-shell[data-layout=desktop] .studio-room-nav button{color:#71828f;border:1px solid #0000;border-radius:8px;place-content:center;gap:2px;min-width:0;padding:0 10px;transition:color .14s,border-color .14s,background .14s;display:grid}.studio-shell[data-layout=desktop] .studio-room-nav button:hover{color:#b8c7cf;background:#ffffff06}.studio-shell[data-layout=desktop] .studio-room-nav button.active{color:#e7eef2;background:linear-gradient(145deg,#275c6340,#36274e2e);border-color:#59c7c438;box-shadow:inset 0 1px #ffffff0a,0 4px 14px #00000029}.studio-shell[data-layout=desktop] .studio-room-nav span{letter-spacing:.01em;font-size:10px;font-weight:650}.studio-shell[data-layout=desktop] .studio-room-nav small{color:#536572;letter-spacing:.1em;text-transform:uppercase;font:6px ui-monospace,SFMono-Regular,Consolas,monospace}.studio-shell[data-layout=desktop] .studio-room-nav button.active small{color:#6d989d}.studio-shell[data-layout=desktop] .top-actions>button:nth-child(-n+2){display:none}.studio-shell[data-layout=desktop] .top-actions{gap:3px;padding-right:8px}.studio-shell[data-layout=desktop] .project-field{padding-inline:12px}.studio-shell[data-layout=desktop] .bpm-field{gap:3px}.studio-shell[data-layout=desktop][data-studio-room]>.workspace{gap:var(--room-gap);min-height:0;padding:14px var(--room-inset) var(--room-inset);background:0 0;grid-template-rows:48px minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.studio-shell[data-layout=desktop] .studio-room-context{z-index:2;grid-area:1/1/auto/-1;grid-template-columns:minmax(230px,1fr) minmax(170px,240px) auto;align-items:center;gap:16px;min-width:0;padding:0 6px 0 10px;display:grid}.room-context-copy{min-width:0}.room-context-copy>span{color:#5f7f86;letter-spacing:.18em;font:650 6px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.room-context-copy>strong{color:#dce6e9;letter-spacing:-.01em;font-size:14px;font-weight:620;display:inline}.room-context-copy>small{color:#627480;margin-left:9px;font-size:8px}.room-track-chip{text-align:left;background:#0b131c9e;border:1px solid #8baebe17;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;height:38px;padding:0 9px;display:grid;overflow:hidden}.room-track-chip:hover{background:#101b26d1;border-color:#59c7c438}.room-track-chip>i{color:#071014;border-radius:7px;place-items:center;width:26px;height:26px;font-style:normal;display:grid}.room-track-chip small,.room-track-chip strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.room-track-chip small{color:#546b75;letter-spacing:.1em;font:6px ui-monospace,SFMono-Regular,Consolas,monospace}.room-track-chip strong{color:#b8c6cc;margin-top:2px;font-size:9px;font-weight:600}.room-context-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.room-context-actions button{color:#81929d;white-space:nowrap;background:#0a1119a3;border:1px solid #8baebe1c;border-radius:8px;min-width:36px;height:34px;padding:0 11px;font-size:8px}.room-context-actions button:hover:not(:disabled){color:#d6e2e6;background:#14212cd6;border-color:#59c7c442}.room-context-actions button:disabled{opacity:.28;cursor:default}.room-context-actions button.primary{color:#bce8e6;background:#28737421;border-color:#59c7c447}.room-context-actions button.saved{color:#9cd9bd}.studio-shell[data-layout=desktop] .browser-panel,.studio-shell[data-layout=desktop] .center-workspace,.studio-shell[data-layout=desktop] .room-view-finish{grid-row:2;min-width:0;min-height:0}.studio-shell[data-layout=desktop] .center-workspace{background:0 0;border:0;border-radius:12px;grid-column:1;display:block;overflow:hidden}.studio-shell[data-layout=desktop] .room-view[hidden]{display:none!important}.studio-shell[data-layout=desktop] .room-view{min-width:0;height:100%;min-height:0}.studio-shell[data-layout=desktop][data-studio-room=create] .browser-panel{background:#0a1119;border:1px solid #1b2b37;border-radius:12px;grid-area:2/1;display:grid;overflow:hidden;box-shadow:0 14px 36px #00000038,inset 0 1px #ffffff05}.studio-shell[data-layout=desktop][data-studio-room=create] .center-workspace{grid-column:2}.studio-shell[data-layout=desktop][data-studio-room=create] .workspace.browser-collapsed .browser-panel{grid-template-rows:1fr}.studio-shell[data-layout=desktop][data-studio-room=create] .workspace.browser-collapsed .panel-tabs{flex-direction:column;padding:6px}.studio-shell[data-layout=desktop][data-studio-room=create] .workspace.browser-collapsed .browser-content,.studio-shell[data-layout=desktop][data-studio-room=arrange] .browser-panel,.studio-shell[data-layout=desktop][data-studio-room=mix] .browser-panel,.studio-shell[data-layout=desktop][data-studio-room=finish] .browser-panel{display:none}.studio-shell[data-layout=desktop] .room-view-arrange{grid-template-rows:44px minmax(0,1fr) 132px;gap:12px;display:grid;overflow:hidden}.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement-toolbar{background:#0b131cf0;border:1px solid #1f303c;border-radius:10px;justify-self:center;gap:4px;width:max-content;max-width:100%;min-height:44px;padding:4px 7px;overflow:auto hidden;box-shadow:0 10px 26px #0000003d,inset 0 1px #ffffff06}.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement-toolbar .add-track,.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement-toolbar .import-audio,.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement-toolbar .export-audio,.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement-toolbar .mixer-toggle,.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement-toolbar .tool-separator{display:none}.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement-toolbar .tool{border-radius:7px;width:34px;height:34px}.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement-toolbar .tool:hover{color:#c6efed;background:#59c7c414}.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement-toolbar .zoom-controls{border-left:1px solid #8baebe1a;height:34px;margin-left:4px;padding-left:9px}.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement{grid-template-columns:var(--track-rail) minmax(0, 1fr);background-size:calc((100% - var(--track-rail)) / 4) 100%, calc((100% - var(--track-rail)) / 64) 100%;border:1px solid #1c2d39;border-radius:12px;grid-template-rows:44px;grid-auto-rows:minmax(58px,1fr);min-height:0;overflow:auto;box-shadow:inset 0 1px #ffffff04,0 14px 34px #0000002b}.studio-shell[data-layout=desktop] .room-view-arrange .ruler{background-color:#080e15f0}.studio-shell[data-layout=desktop] .room-view-arrange .track-header{min-height:58px}.studio-shell[data-layout=desktop] .room-view-arrange .track-select{grid-template-columns:3px 30px minmax(0,1fr);gap:8px;padding-inline:10px 7px}.studio-shell[data-layout=desktop] .room-view-arrange .track-name{font-size:10px}.studio-shell[data-layout=desktop] .room-view-arrange .arrangement-clip{top:8px;bottom:8px}.studio-shell[data-layout=desktop] .arrange-detail-strip{background:linear-gradient(145deg,#0d1721f7,#070c12fa);border:1px solid #1d2e3a;border-radius:12px;grid-template-columns:minmax(220px,260px) minmax(190px,1fr) minmax(330px,430px) 68px;align-items:stretch;gap:12px;min-width:0;height:132px;min-height:0;padding:11px;display:grid;overflow:hidden;box-shadow:0 14px 34px #0000002e,inset 0 1px #ffffff05}.arrange-detail-source{grid-template-rows:minmax(0,1fr) 30px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:6px 10px;min-width:0;padding:4px 4px 4px 6px;display:grid}.arrange-detail-source .large-track-icon{border-radius:9px;width:40px;height:40px}.arrange-detail-source>span:nth-child(2){min-width:0}.arrange-detail-source small,.arrange-detail-source strong,.arrange-detail-source em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.arrange-detail-source small{color:#56717a;letter-spacing:.14em;font:6px ui-monospace,SFMono-Regular,Consolas,monospace}.arrange-detail-source strong{color:#d8e5e8;margin-top:4px;font-size:11px;font-weight:620}.arrange-detail-source em{color:#687d87;margin-top:3px;font-size:7px;font-style:normal}.arrange-detail-source button{color:#86a5ac;background:#ffffff05;border:1px solid #8baebe1a;border-radius:7px;grid-column:1/-1;height:30px;font-size:8px}.arrange-detail-source button:hover{color:#c8efed;border-color:#59c7c43d}.arrange-soundscape{isolation:isolate;background:radial-gradient(40% 58% at 12% 88%,#34abb52e,#0000 72%),radial-gradient(44% 62% at 90% 88%,#894eb533,#0000 74%),linear-gradient(130deg,#07131b,#101025);border:1px solid #689aab24;border-radius:9px;min-width:0;position:relative;overflow:hidden}.arrange-soundscape:before{content:"";opacity:.65;background:radial-gradient(circle at 16% 22%,#d4f8f757 0 .5px,#0000 .8px) 0 0/63px 63px,radial-gradient(circle at 77% 28%,#debef047 0 .5px,#0000 .8px) 0 0/91px 91px;position:absolute;inset:0}.arrange-soundscape>span{grid-template-columns:repeat(11,1fr);align-items:end;gap:4px;display:grid;position:absolute;top:44%;left:6%;right:6%}.arrange-soundscape>span i{background:#74dfdc;border-radius:50%;height:1px;box-shadow:0 0 8px #59c7c473}.arrange-soundscape>span i:nth-child(3n+1){transform:translateY(-9px)}.arrange-soundscape>span i:nth-child(4n+2){background:#a687d2;transform:translateY(7px)}.arrange-soundscape>b,.arrange-soundscape>em{clip-path:polygon(0 46%,9% 10%,17% 61%,27% 25%,36% 70%,45% 33%,56% 75%,67% 18%,78% 64%,88% 34%,100% 58%,100% 100%,0 100%);transform-origin:50%;background:linear-gradient(90deg,#59c7c40f,#65d3d09e,#a068ca94,#a068ca0d);height:1px;position:absolute;top:52%;left:8%;right:8%;transform:scaleY(24)}.arrange-soundscape>em{opacity:.35;filter:blur(5px);transform:scaleY(42)}.arrange-soundscape>small{color:#506974;letter-spacing:.12em;text-transform:uppercase;font:6px ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:7px;left:9px}.arrange-quick-macros{grid-template-columns:repeat(4,minmax(58px,1fr));gap:6px;min-width:0;padding:3px 5px;display:grid}.arrange-quick-macros label{text-align:center;color:#71848e;min-width:0;font-size:7px;position:relative}.arrange-quick-macros label>span,.arrange-quick-macros label>small{display:block}.arrange-quick-macros .knob{width:34px;height:34px;margin:7px auto 1px}.arrange-quick-macros .knob i{transform-origin:1px 12px;height:10px;top:4px;left:14px}.arrange-quick-macros label>small{color:#9bacb4;font:7px ui-monospace,SFMono-Regular,Consolas,monospace}.arrange-quick-macros input{accent-color:#59c7c4;cursor:ew-resize;width:100%;height:12px;margin-top:2px}.arrange-quick-macros input:disabled{opacity:.3;cursor:default}.arrange-more{color:#8496a0;background:#ffffff05;border:1px solid #8baebe1a;border-radius:8px;place-content:center;align-self:stretch;gap:8px;font-size:8px;display:grid}.arrange-more:hover{color:#c9efed;border-color:#59c7c43d}.arrange-more span{color:#526872;letter-spacing:.15em}.studio-shell[data-layout=desktop] .room-view-editor{display:grid;overflow:hidden}.studio-shell[data-layout=desktop] .room-view-editor>.editor-panel{background:linear-gradient(155deg,#0a121b,#060b11);border:1px solid #1c2d39;border-radius:12px;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden;box-shadow:0 16px 38px #0003,inset 0 1px #ffffff05}.studio-shell[data-layout=desktop][data-studio-room=mix] .room-view-editor>.editor-panel{border-color:#768fb82e}.studio-shell[data-layout=desktop][data-studio-room=finish] .center-workspace{display:none}.studio-shell[data-layout=desktop] .room-view-finish{background:radial-gradient(42% 54% at 94% 2%,#7c4ea31c,#0000 74%),radial-gradient(38% 48% at 4% 100%,#22818c17,#0000 76%),linear-gradient(150deg,#0b131c,#060b11);border:1px solid #1b2b37;border-radius:12px;grid-column:1;grid-template-rows:auto minmax(0,1fr) 38px;gap:10px;display:grid;overflow:hidden;box-shadow:0 18px 42px #0000003b,inset 0 1px #ffffff05}.finish-hero{border-bottom:1px solid #8baebe17;grid-template-columns:minmax(0,1fr) minmax(250px,330px);align-items:center;gap:28px;min-width:0;padding:17px 24px;display:grid}.finish-hero>div:first-child>span{color:#64868b;letter-spacing:.18em;align-items:center;gap:8px;font:650 6px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.finish-hero>div:first-child>span i{background:#59c7c4;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #59c7c473}.finish-hero h2{color:#e7eef2;letter-spacing:-.035em;margin:7px 0 0;font-size:clamp(20px,2vw,28px);font-weight:590}.finish-hero p{color:#7c8f99;max-width:640px;margin:6px 0 0;font-size:9px;line-height:1.5}.finish-project-state{background:#050a105c;border:1px solid #8baebe1a;border-radius:9px;min-width:0;padding:11px 14px}.finish-project-state small,.finish-project-state strong,.finish-project-state span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.finish-project-state small{color:#566f79;letter-spacing:.14em;font:6px ui-monospace,SFMono-Regular,Consolas,monospace}.finish-project-state strong{color:#d1dde1;margin-top:5px;font-size:11px}.finish-project-state span{color:#6f828c;margin-top:4px;font:7px ui-monospace,SFMono-Regular,Consolas,monospace}.finish-flow{grid-template-columns:repeat(3,minmax(290px,1fr));gap:10px;min-width:0;min-height:0;padding:0 14px;display:grid;overflow:auto}.finish-stage{background:linear-gradient(155deg,#121e2ac2,#070d14b8);border:1px solid #8baebe1a;border-radius:10px;flex-direction:column;gap:11px;min-width:0;min-height:360px;padding:15px;display:flex;box-shadow:inset 0 1px #ffffff05}.finish-stage:hover{border-color:#8baebe2b}.finish-stage-head{border-bottom:1px solid #8baebe14;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:9px;min-width:0;padding-bottom:11px;display:grid}.finish-stage-head>b{color:#8bcfcc;background:#28787a1a;border:1px solid #59c7c433;border-radius:8px;place-items:center;width:28px;height:28px;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.finish-stage-head span,.finish-stage-head small,.finish-stage-head strong{min-width:0;display:block}.finish-stage-head small{color:#58727c;letter-spacing:.14em;font:6px ui-monospace,SFMono-Regular,Consolas,monospace}.finish-stage-head strong{color:#d7e2e6;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.finish-stage-head>i{color:#526873;border:1px solid #8baebe1f;border-radius:50%;place-items:center;width:22px;height:22px;font:9px ui-monospace,monospace;display:grid}.finish-stage-head>i.complete{color:#9fe0c3;background:#4491711a;border-color:#57b88e59}.finish-stage button{color:#91a4ad;background:#ffffff05;border:1px solid #8baebe21;border-radius:7px;min-height:34px;padding:0 10px;font-size:8px}.finish-stage button:hover:not(:disabled){color:#d9eeec;background:#59c7c40e;border-color:#59c7c44a}.finish-stage button:disabled{opacity:.48;cursor:progress}.finish-stage .finish-primary{color:#cef2ef;background:linear-gradient(90deg,#277a7b38,#4a346326);border-color:#59c7c452}.finish-check-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.finish-check-list li{color:#71858f;background:#03080d3d;border:1px solid #8baebe12;border-radius:6px;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:27px;padding:0 8px;font-size:7px;display:grid}.finish-check-list li i{color:#6e818a;background:#8baebe12;border-radius:50%;place-items:center;width:16px;height:16px;font:7px ui-monospace,monospace;display:grid}.finish-check-list li.ready{color:#91aaa8}.finish-check-list li.ready i{color:#a7e1c5;background:#45917121}.finish-check-list li.attention i{color:#d4b47b;background:#a677351f}.finish-master-level{color:#728690;gap:5px;margin-top:auto;font-size:7px;display:grid}.finish-master-level>span{justify-content:space-between;gap:8px;display:flex}.finish-master-level b{color:#a9b9c0;font:7px ui-monospace,SFMono-Regular,Consolas,monospace}.finish-master-level input{accent-color:#59c7c4;width:100%}.finish-stage-actions{grid-template-columns:minmax(0,1fr) 66px;gap:6px;display:grid}.finish-stage-actions button.active{color:#e4959b;border-color:#de697440}.finish-protection-state{background:#03080d40;border:1px solid #8baebe14;border-radius:8px;padding:11px}.finish-protection-state>span{color:#7d918f;align-items:center;gap:7px;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.finish-protection-state>span i{background:#d3ad6f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #d3ad6f47}.finish-protection-state>span.saved i{background:#70c49f;box-shadow:0 0 7px #70c49f4d}.finish-protection-state p{color:#6f828c;margin:9px 0 0;font-size:8px;line-height:1.55}.finish-protection-state p b{color:#b29acb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.finish-save-button{justify-content:space-between;align-items:center;display:flex}.finish-backup-actions{grid-template-columns:minmax(0,1fr) 82px;gap:6px;margin-top:auto;display:grid}.finish-backup-actions .finish-primary{grid-column:1/3}.finish-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.finish-export-settings{gap:9px;display:grid}.finish-export-settings fieldset{border:0;min-width:0;margin:0;padding:0}.finish-export-settings legend{color:#657b86;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font:6px ui-monospace,SFMono-Regular,Consolas,monospace}.finish-export-settings fieldset>div{border:1px solid #8baebe1c;border-radius:7px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.finish-export-settings fieldset button{border:0;border-radius:0;min-height:31px}.finish-export-settings fieldset button+button{border-left:1px solid #8baebe1a}.finish-export-settings fieldset button.active{color:#c8efec;background:#3a969724;box-shadow:inset 0 -2px #59c7c4}.finish-tail-toggle{cursor:pointer;background:#03080d38;border:1px solid #8baebe14;border-radius:7px;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.finish-tail-toggle input{accent-color:#59c7c4;width:15px;height:15px}.finish-tail-toggle b,.finish-tail-toggle small{display:block}.finish-tail-toggle b{color:#aab9c0;font-size:8px}.finish-tail-toggle small{color:#667b85;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:6px;overflow:hidden}.finish-render-progress{gap:6px;margin-top:auto;display:grid}.finish-render-progress>span{color:#71858f;justify-content:space-between;gap:8px;font-size:7px;display:flex}.finish-render-progress>span b{color:#9cadb4;font-weight:550}.finish-render-progress>span small{font:7px ui-monospace,SFMono-Regular,Consolas,monospace}.finish-render-progress>i{background:#8baebe14;border-radius:3px;height:4px;display:block;overflow:hidden}.finish-render-progress>i b{border-radius:inherit;background:linear-gradient(90deg,#3d999b,#8562a7);height:100%;transition:width .22s;display:block;box-shadow:0 0 8px #59c7c43d}.finish-export-button{justify-content:space-between;align-items:center;display:flex}.finish-support{color:#607580;border-top:1px solid #8baebe14;align-items:center;gap:18px;padding:0 20px;font-size:7px;display:flex}.finish-support>span{margin-right:auto}.finish-support>span i{background:#59c7c4;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 7px #59c7c45c}.finish-support a,.finish-support button{color:#748b96;text-decoration:none}.finish-support button{font-size:inherit;background:0 0;border:0;padding:0}.finish-support a:hover,.finish-support button:hover{color:#b9e6e3}.studio-shell[data-layout=desktop] .inspector-backdrop{z-index:18;cursor:default;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02060a5c;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.studio-shell[data-layout=desktop] .inspector-panel{z-index:20;top:74px;right:var(--room-inset);opacity:1;visibility:visible;background:linear-gradient(155deg,#0f1923fc,#070c12fe);border:1px solid #263946;border-radius:12px;width:320px;height:min(560px,100% - 90px);min-height:320px;transition:opacity .18s,transform .18s,visibility;display:block;position:absolute;overflow-y:auto;transform:translate(0);box-shadow:0 28px 70px #0000007a,inset 0 1px #ffffff06}.studio-shell[data-layout=desktop] .workspace.inspector-collapsed .inspector-panel{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility 0s linear .18s;display:block;transform:translate(12px)}.studio-shell[data-layout=desktop] .workspace.inspector-collapsed .inspector-tabs{grid-template-columns:repeat(3,1fr);display:grid}.studio-shell[data-layout=desktop] .workspace.inspector-collapsed .inspector-tabs button{display:block}.studio-shell[data-layout=desktop] .inspector-close{z-index:4;color:#71838d;background:#0b131bdb;border-radius:7px;place-items:center;width:32px;height:32px;font-size:18px;display:grid;position:absolute;top:6px;right:6px}.studio-shell[data-layout=desktop] .inspector-close:hover{color:#e1eaed;background:#ffffff0d}.studio-shell[data-layout=desktop] .inspector-tabs{background:#080e15e6;padding-right:40px}@media (width<=1240px){.studio-shell[data-layout=desktop][data-studio-room]>.topbar{grid-template-columns:178px minmax(238px,1fr) 126px 205px 70px 28px 185px}.studio-shell[data-layout=desktop] .studio-room-nav small{display:none}.studio-shell[data-layout=desktop] .studio-room-nav button{padding-inline:6px}.studio-shell[data-layout=desktop] .studio-room-context{grid-template-columns:minmax(190px,1fr) minmax(150px,205px) auto;gap:10px}.room-context-copy>small{display:none}.studio-shell[data-layout=desktop] .arrange-detail-strip{grid-template-columns:minmax(200px,235px) minmax(150px,1fr) minmax(300px,365px) 58px;gap:8px}}@media (width<=1060px){.studio-shell[data-layout=desktop][data-studio-room]>.topbar{grid-template-columns:150px minmax(220px,1fr) 115px 195px 68px 26px 170px}.studio-shell[data-layout=desktop] .brand{padding-left:42px;font-size:10px}.studio-shell[data-layout=desktop] .room-track-chip{display:none}.studio-shell[data-layout=desktop] .studio-room-context{grid-template-columns:minmax(170px,1fr) auto}.studio-shell[data-layout=desktop][data-studio-room=create]>.workspace{grid-template-columns:250px minmax(0,1fr)}.studio-shell[data-layout=desktop] .arrange-detail-strip{grid-template-columns:minmax(190px,220px) minmax(300px,1fr) 58px}.studio-shell[data-layout=desktop] .arrange-soundscape{display:none}}@media (height<=720px){.studio-shell[data-layout=desktop][data-studio-room]{grid-template-rows:60px minmax(0,1fr) 26px}.studio-shell[data-layout=desktop][data-studio-room]>.workspace{--room-inset:10px;grid-template-rows:44px minmax(0,1fr);gap:8px;padding-top:8px}.studio-shell[data-layout=desktop] .room-view-arrange{grid-template-rows:40px minmax(0,1fr) 106px;gap:8px}.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement-toolbar{min-height:40px}.studio-shell[data-layout=desktop] .room-view-arrange>.arrangement{grid-auto-rows:minmax(48px,1fr)}.studio-shell[data-layout=desktop] .arrange-detail-strip{height:106px;padding:8px}.arrange-detail-source{grid-template-rows:minmax(0,1fr)}.arrange-detail-source>button{display:none}.arrange-quick-macros .knob{width:28px;height:28px;margin-top:4px}.arrange-quick-macros .knob i{top:3px;left:11px}.studio-shell[data-layout=desktop] .inspector-panel{height:min(500px,100% - 70px);top:60px}.finish-hero{padding-block:16px}}.studio-shell[data-layout=mobile] .studio-room-nav,.studio-shell[data-layout=mobile] .studio-room-context,.studio-shell[data-layout=mobile] .arrange-detail-strip,.studio-shell[data-layout=mobile] .room-view-finish,.studio-shell[data-layout=mobile] .inspector-backdrop,.studio-shell[data-layout=mobile] .inspector-close{display:none!important}.studio-shell[data-layout=mobile][data-mobile-panel=arrange] .center-workspace{grid-template-rows:minmax(0,1fr);display:grid}.studio-shell[data-layout=mobile][data-mobile-panel=arrange] .room-view-arrange{grid-template-rows:50px minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid}.studio-shell[data-layout=mobile][data-mobile-panel=arrange] .room-view-editor{display:none}.studio-shell[data-layout=mobile][data-mobile-panel=editor] .center-workspace{grid-template-rows:minmax(0,1fr);display:grid}.studio-shell[data-layout=mobile][data-mobile-panel=editor] .room-view-arrange{display:none}.studio-shell[data-layout=mobile][data-mobile-panel=editor] .room-view-editor{min-width:0;height:100%;min-height:0;display:grid}.studio-shell[data-layout=mobile][data-mobile-panel=editor] .room-view-editor>.editor-panel{border-top:0;grid-template-rows:48px 46px minmax(0,1fr);height:100%;display:grid;overflow:hidden}.center-workspace{grid-template-columns:minmax(0,1fr);min-width:0}.studio-shell[data-layout=desktop] .center-workspace{grid-template-rows:42px minmax(150px,1fr) minmax(350px,42%)}.studio-shell[data-layout=desktop] .arrangement-toolbar{overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0;overflow:auto hidden}.studio-shell[data-layout=desktop] .arrangement-toolbar::-webkit-scrollbar{height:4px}.studio-shell[data-layout=desktop] .arrangement-toolbar::-webkit-scrollbar-track{background:0 0}.studio-shell[data-layout=desktop] .arrangement-toolbar::-webkit-scrollbar-thumb{background:#7cc7be47;border-radius:4px}.studio-shell[data-layout=desktop] .arrangement-toolbar>button,.studio-shell[data-layout=desktop] .arrangement-toolbar>.tool-separator,.studio-shell[data-layout=desktop] .arrangement-toolbar>.zoom-controls{flex:none}.editor-panel{width:100%;min-width:0;max-width:100%;overflow:hidden}.drum-rack.drum-view-pads,.drum-rack.drum-view-sequencer{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.drum-view-pads .drum-pad-panel{border-right:0}.drum-view-pads .drum-pads{grid-template-columns:repeat(4,minmax(0,1fr))}.drum-view-sequencer .drum-sequencer{width:100%;padding:4px 12px 10px}.drum-view-sequencer .drum-step-grid{grid-template-rows:none;grid-auto-rows:minmax(18px,1fr)}.studio-shell[data-layout=desktop] .center-workspace.beat-sequencer-open{grid-template-rows:42px minmax(120px,1fr) minmax(460px,470px)}@media (height<=720px){.studio-shell[data-layout=desktop] .center-workspace.beat-sequencer-open{grid-template-rows:42px minmax(80px,1fr) minmax(400px,430px)}.studio-shell[data-layout=desktop] .drum-view-sequencer .drum-step-grid{grid-auto-rows:minmax(16px,1fr);gap:2px}}.drum-sequencer-transport{color:#9cece6;white-space:nowrap;background:linear-gradient(#52d9d421,#52d9d409);border:1px solid #52d9d44d;border-radius:4px;flex:none;min-width:96px;height:25px;padding:0 10px;font-size:8px;box-shadow:inset 0 1px #ffffff06,0 0 12px #52d9d40d}.drum-sequencer-transport:hover,.drum-sequencer-transport.active{color:#d9fffc;background:linear-gradient(#52d9d433,#49789711);border-color:#6febe485;box-shadow:inset 0 1px #ffffff09,0 0 16px #52d9d41a}@media (width<=920px){.studio-shell[data-layout=mobile] .drum-view-pads .drum-pad-panel,.studio-shell[data-layout=mobile] .drum-view-sequencer .drum-sequencer{border-bottom:0;min-height:0;max-height:none}.studio-shell[data-layout=mobile] .drum-view-pads .drum-pads{grid-template-columns:repeat(2,minmax(130px,1fr))}.studio-shell[data-layout=mobile] .drum-controls{min-width:640px}.studio-shell[data-layout=mobile] .drum-sequencer-transport{min-width:116px;min-height:40px;font-size:10px}}.landing-page{isolation:isolate;scroll-behavior:smooth;color:#edf3f5;width:100%;height:100dvh;font-family:var(--font-geist-sans), Inter, ui-sans-serif, system-ui, sans-serif;background:radial-gradient(70% 42% at 78% 4%,#53698f33,#0000 64%),radial-gradient(56% 44% at 5% 31%,#326f711f,#0000 66%),radial-gradient(65% 40% at 88% 78%,#6444741f,#0000 68%),#05080d;font-size:16px;position:relative;overflow:hidden auto}.landing-page:before,.landing-page:after{content:"";z-index:-2;pointer-events:none;position:fixed;inset:0}.landing-page:before{opacity:.25;background-image:radial-gradient(circle at 18% 30%,#fffc 0 .55px,#0000 .8px),radial-gradient(circle at 78% 16%,#91e2dcc7 0 .5px,#0000 .75px),radial-gradient(circle at 64% 72%,#c1acd3b3 0 .5px,#0000 .75px);background-size:181px 181px,263px 263px,347px 347px}.landing-page:after{z-index:-1;background:linear-gradient(90deg,#00000047,#0000 12% 88%,#0000004d),radial-gradient(#0000 38%,#02040857)}.landing-page a{color:inherit;text-decoration:none}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p{margin:0}.landing-page button,.landing-page a{-webkit-tap-highlight-color:transparent}.landing-page a:focus-visible{outline:2px solid var(--teal-soft);outline-offset:4px}.landing-page ::selection{color:#071013;background:#9ee5de}.landing-skip{z-index:100;background:var(--teal-soft);border-radius:5px;padding:11px 15px;font-size:12px;font-weight:700;transition:top .12s;position:fixed;top:-48px;left:16px;color:#061014!important}.landing-skip:focus{top:12px}.landing-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-atmosphere i{filter:blur(70px);opacity:.22;border-radius:999px;position:absolute}.landing-atmosphere i:first-child{background:#467d85;width:520px;height:190px;top:480px;right:4%;transform:rotate(-18deg)}.landing-atmosphere i:nth-child(2){background:#6f5279;width:380px;height:160px;top:1180px;left:-8%;transform:rotate(20deg)}.landing-atmosphere i:nth-child(3){background:#416c82;width:460px;height:180px;top:2500px;right:-7%;transform:rotate(-12deg)}.landing-nav{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(.85);backdrop-filter:blur(18px)saturate(.85);background:linear-gradient(#070c12f0,#060a0fd1);border-bottom:1px solid #c7d8de1a;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;gap:28px;width:min(100%,1440px);height:78px;margin:0 auto;padding:0 clamp(24px,4vw,68px);display:grid;position:sticky;top:0}.landing-brand{grid-template-columns:3px auto;align-items:center;gap:11px;width:max-content;display:grid}.landing-brand>i{background:linear-gradient(var(--teal-soft), var(--orchid-soft));border-radius:2px;width:3px;height:31px;box-shadow:0 0 12px #56b8ac4d}.landing-brand span,.landing-brand strong,.landing-brand small{display:block}.landing-brand strong{color:#eef5f5;letter-spacing:.24em;font-size:13px;font-weight:690}.landing-brand small{color:#687b7e;font:600 6px var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;margin-top:4px}.landing-nav nav{justify-content:center;align-items:center;gap:28px;display:flex}.landing-nav nav a{color:#8e9da0;letter-spacing:.04em;padding:8px 0;font-size:11px;font-weight:520;position:relative}.landing-nav nav a:after{content:"";background:var(--teal);height:1px;transition:left .16s,right .16s;position:absolute;bottom:2px;left:50%;right:50%}.landing-nav nav a:hover{color:#d8e5e5}.landing-nav nav a:hover:after{left:0;right:0}.landing-launch{letter-spacing:.045em;background:linear-gradient(#57aba352,#2d64632e),#101e21;border:1px solid #7ed2c780;border-radius:5px;justify-content:center;align-items:center;gap:18px;width:max-content;min-height:52px;padding:0 21px;font-size:11px;font-weight:670;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 8px 30px #0000003d,0 0 22px #56b8ac12;color:#eafffc!important}.landing-launch span{color:var(--teal-soft);font-size:15px;transition:transform .14s}.landing-launch:hover{background:linear-gradient(#64c1b766,#306d6a3d),#112326;border-color:#9beae0b8;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 12px 34px #0000004d,0 0 28px #56b8ac1f}.landing-launch:hover span{transform:translate(2px,-2px)}.landing-launch-small{justify-self:end;gap:12px;min-height:38px;padding:0 15px;font-size:9px}.landing-hero{grid-template-columns:minmax(380px,.86fr) minmax(610px,1.25fr);align-items:center;gap:clamp(38px,5vw,82px);width:min(100%,1440px);min-height:calc(100dvh - 78px);margin:0 auto;padding:clamp(70px,9vh,116px) clamp(24px,4vw,68px) 92px;display:grid}.landing-hero-copy{z-index:3;max-width:570px;position:relative}.landing-eyebrow,.landing-kicker{color:#7e9798;font:600 9px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.17em;align-items:center;gap:10px;display:flex}.landing-eyebrow>i{background:#56b8ac33;border:1px solid #91e2dc94;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #56b8ac40}.landing-hero h1{color:#eef3f5;letter-spacing:-.058em;max-width:600px;margin-top:25px;font-size:clamp(58px,6vw,91px);font-weight:520;line-height:.92}.landing-hero h1 em{color:#a8d5d1;letter-spacing:-.045em;text-shadow:0 0 34px #56b8ac1f;font-family:Georgia,Times New Roman,serif;font-weight:400;display:block}.landing-hero-copy>p{color:#93a1a5;max-width:530px;margin-top:29px;font-size:clamp(15px,1.25vw,18px);line-height:1.65}.landing-actions{align-items:center;gap:23px;margin-top:34px;display:flex}.landing-secondary{letter-spacing:.03em;border-bottom:1px solid #bed0d129;align-items:center;gap:10px;width:max-content;padding:10px 0;font-size:11px;font-weight:570;transition:color .14s,border-color .14s;display:inline-flex;color:#a9b6b8!important}.landing-secondary span{color:var(--orchid-soft)}.landing-secondary:hover{border-color:#b494be80;color:#eef5f5!important}.landing-trust{border-top:1px solid #c3d3d31a;grid-template-columns:repeat(3,1fr);max-width:550px;margin-top:50px;padding-top:18px;display:grid}.landing-trust>span{grid-template-rows:17px 15px;grid-template-columns:27px minmax(0,1fr);align-items:center;min-width:0;padding-right:12px;display:grid}.landing-trust>span+span{border-left:1px solid #c3d3d314;padding-left:15px}.landing-trust i{color:#526a6c;font:normal 8px var(--font-geist-mono),monospace;grid-row:1/3}.landing-trust b{color:#b8c7c8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.landing-trust small{color:#607173;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.landing-console-wrap{z-index:2;perspective:1600px;min-width:0;margin:0;position:relative}.landing-orbit{z-index:-1;pointer-events:none;border:1px solid #70c4be1a;border-radius:50%;position:absolute}.orbit-one{width:620px;height:620px;top:-29%;right:-18%;transform:rotate(18deg)}.orbit-two{border-color:#b494be17;width:460px;height:460px;bottom:-22%;left:-10%;transform:rotate(-24deg)}.landing-orbit:before{content:"";background:var(--teal);border-radius:50%;width:5px;height:5px;position:absolute;top:18%;left:11%;box-shadow:0 0 14px #56b8ac99}.orbit-two:before{background:var(--orchid-soft);inset:auto 12% 21% auto;box-shadow:0 0 14px #b494be85}.landing-console{aspect-ratio:1.52;transform-origin:50%;background:#080d12;border:1px solid #c3d8d930;border-radius:9px;grid-template-rows:48px minmax(0,1fr) 25px;width:100%;min-height:470px;display:grid;overflow:hidden;transform:rotateY(-2.4deg)rotateX(1deg);box-shadow:inset 0 1px #ffffff09,0 40px 90px #0000008c,0 0 42px #46808012}.console-top{color:#68787a;min-width:0;font:7px var(--font-geist-mono),monospace;background:linear-gradient(#101920,#0a1116);border-bottom:1px solid #c5d7d617;grid-template-columns:160px minmax(120px,1fr) 170px 80px;align-items:center;display:grid}.console-wordmark{color:#cdd9d8;letter-spacing:.13em;border-right:1px solid #c5d7d614;align-items:center;gap:8px;height:100%;padding:0 11px;display:flex}.console-wordmark i{background:linear-gradient(var(--teal-soft),var(--orchid));width:2px;height:21px;box-shadow:0 0 7px #56b8ac4d}.console-project{padding-left:13px}.console-transport{background:#111b22;border:1px solid #bed3d31a;border-radius:4px;justify-self:center;align-items:center;gap:3px;height:32px;padding:3px;display:flex}.console-transport b{color:#778789;place-items:center;width:29px;height:24px;font-weight:500;display:grid}.console-transport .console-play{color:var(--teal-soft);background:#56b8ac1a}.console-transport .console-rec{color:#a86161}.console-tempo{border-left:1px solid #c5d7d614;align-items:center;gap:5px;height:100%;padding-left:12px;display:flex}.console-tempo b{color:#d0b77f;font-size:10px}.console-body{grid-template-columns:154px minmax(0,1fr);min-height:0;display:grid}.console-browser{background:linear-gradient(160deg,#0e181d,#0a1116);border-right:1px solid #c5d7d617;min-height:0;padding:10px}.console-search{color:#5c6b6e;background:#00000024;border:1px solid #c5d7d61a;border-radius:3px;align-items:center;height:27px;margin-bottom:8px;padding:0 8px;font-size:7px;display:flex}.console-sound{border-bottom:1px solid #c5d7d60d;grid-template-rows:15px 13px;grid-template-columns:25px minmax(0,1fr);align-items:center;min-width:0;padding:6px 3px;display:grid}.console-sound>i{width:21px;height:25px;color:var(--teal-soft);background:#56b8ac14;border-radius:3px;grid-row:1/3;place-items:center;font-size:10px;font-style:normal;display:grid}.console-sound:nth-child(2n)>i{color:var(--orchid-soft);background:#9a78a617}.console-sound b{color:#aebcbd;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.console-sound small{color:#536366;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.console-arrange{background-image:linear-gradient(90deg,#c5d7d612 1px,#0000 1px),linear-gradient(#56b8ac06,#0000 40%);background-size:25% 100%,100% 100%;grid-template-rows:24px repeat(5,34px) minmax(130px,1fr);min-width:0;min-height:0;display:grid}.console-ruler{color:#506064;font:6px var(--font-geist-mono),monospace;border-bottom:1px solid #c5d7d612;grid-template-columns:66px repeat(4,1fr);align-items:center;display:grid}.console-ruler span{padding-left:8px}.console-ruler b{border-left:1px solid #c5d7d614;padding-left:6px;font-weight:500}.console-track{border-bottom:1px solid #c5d7d60f;grid-template-columns:66px minmax(0,1fr);min-width:0;display:grid}.console-track>span{color:#7d8c8e;background:#0f191fc7;align-items:center;gap:6px;padding-left:7px;font-size:7px;display:flex}.console-track>span i{width:2px;height:21px}.console-track>div{grid-template-columns:repeat(4,1fr);gap:2px;padding:3px;display:grid}.console-clip{opacity:.78;border-top:1px solid;border-radius:2px;align-items:center;gap:2px;padding:3px 4px;display:flex;position:relative;overflow:hidden}.console-clip:after{content:"";opacity:.25;background:currentColor;height:1px;position:absolute;bottom:4px;left:3px;right:3px}.console-clip b{width:2px;height:calc(5px + var(--wave-shift)/6);opacity:.66;background:currentColor;max-height:13px}.console-clip b:nth-child(2){height:11px}.console-clip b:nth-child(3){height:6px}.console-clip b:nth-child(4){height:13px}.console-clip b:nth-child(5){height:8px}.console-clip.orchid{color:#b494be;background:#9a78a64a}.console-clip.teal{color:#7cc7be;background:#56b8ac3d}.console-clip.blue{color:#83b9d4;background:#5f9fc040}.console-track>span i.orchid{background:var(--orchid)}.console-track>span i.teal{background:var(--teal)}.console-track>span i.blue{background:var(--blue)}.console-editor{background:linear-gradient(160deg,#10191f,#0a1116);border-top:1px solid #b494be26;grid-template-rows:26px 1fr;min-height:0;margin-top:1px;display:grid}.console-editor-tabs{color:#526164;font:6px var(--font-geist-mono),monospace;border-bottom:1px solid #c5d7d612;align-items:center;gap:13px;padding:0 9px;display:flex}.console-editor-tabs b{height:100%;color:var(--teal-soft);border-bottom:1px solid var(--teal);align-items:center;display:flex}.console-editor-tabs i{font-style:normal}.console-device{grid-template-columns:1fr 1.25fr;align-items:center;gap:15px;padding:13px 18px;display:grid}.console-device span{min-width:0;display:block}.console-device small,.console-device b,.console-device span>i{display:block}.console-device small{color:#536366;font:6px var(--font-geist-mono),monospace;letter-spacing:.1em}.console-device b{color:#bdc9c9;margin-top:5px;font-size:11px}.console-device span>i{color:#617174;margin-top:3px;font-size:7px;font-style:normal}.console-knobs{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.console-knobs i{border:1px solid #415155;border-top-color:var(--teal);border-radius:50%;justify-self:center;width:32px;height:32px;position:relative;transform:rotate(-45deg)}.console-knobs i:after{content:"";transform-origin:0 11px;background:#dfe7e5;width:1px;height:10px;position:absolute;top:4px;left:14px;transform:rotate(38deg)}.console-status{color:#4e5d60;font:6px var(--font-geist-mono),monospace;background:#080d11;border-top:1px solid #c5d7d614;align-items:center;gap:16px;padding:0 9px;display:flex}.console-status span:first-child{color:#657578;margin-right:auto}.console-status i{background:var(--success);border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block;box-shadow:0 0 7px #70c4a46b}.landing-console-caption{color:#546568;font:7px var(--font-geist-mono),monospace;letter-spacing:.11em;justify-content:flex-end;align-items:center;gap:7px;margin-top:14px;display:flex}.landing-console-caption i{background:var(--teal);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #56b8ac66}.landing-section{width:min(100% - 48px,1240px);margin:0 auto;padding:132px 0}.landing-section-head{max-width:850px}.landing-section-head>span,.landing-kicker{color:#6f8789;font:600 9px var(--font-geist-mono),monospace;letter-spacing:.18em}.landing-section-head h2,.landing-sounds h2,.landing-local h2,.landing-final-cta h2{color:#e6eded;letter-spacing:-.045em;margin-top:22px;font-size:clamp(38px,4.4vw,65px);font-weight:520;line-height:1.02}.landing-section-head>p{color:#839396;max-width:690px;margin-top:22px;font-size:15px;line-height:1.65}.landing-workstation{border-top:1px solid #c5d7d614}.landing-feature-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:58px;display:grid}.feature-card{background:radial-gradient(circle at 92% 10%,#56b8ac12,#0000 35%),linear-gradient(145deg,#111c22e0,#080e13f0);border:1px solid #c5d7d61a;border-radius:7px;min-height:330px;padding:29px 30px;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 14px 40px #00000024}.feature-card:nth-child(2),.feature-card:nth-child(4){background:radial-gradient(circle at 92% 10%,#9a78a614,#0000 35%),linear-gradient(145deg,#141922e6,#090d13f2)}.feature-card:hover{border-color:#7cc7be47;transform:translateY(-4px)}.feature-number{color:#637577;font:600 7px var(--font-geist-mono),monospace;letter-spacing:.15em}.feature-icon{color:#7cc7be9e;text-shadow:0 0 20px #56b8ac1f;font-size:23px;font-style:normal;position:absolute;top:23px;right:27px}.feature-card:nth-child(2n) .feature-icon{color:#b494beb3}.feature-card h3{color:#d7e1e1;letter-spacing:-.025em;max-width:420px;margin-top:45px;font-size:clamp(23px,2.2vw,31px);font-weight:560}.feature-card p{color:#78888b;max-width:490px;margin-top:14px;font-size:12px;line-height:1.7}.feature-mini-timeline{background-image:linear-gradient(90deg,#c5d7d60e 1px,#0000 1px);background-size:25% 100%;border:1px solid #c5d7d613;border-radius:4px;grid-template-columns:1.3fr .7fr 1fr .8fr;gap:4px;height:58px;padding:8px;display:grid;position:absolute;bottom:28px;left:30px;right:30px}.feature-mini-timeline i{border-top:1px solid var(--teal-soft);background:linear-gradient(90deg,#56b8ac4d,#5f9fc033);border-radius:3px}.feature-mini-timeline i:nth-child(2n){border-color:var(--orchid-soft);background:#9a78a640}.feature-mini-timeline b{background:var(--record);width:1px;position:absolute;top:0;bottom:0;left:41%;box-shadow:0 0 6px #ff655f47}.feature-mini-keys{align-items:stretch;gap:3px;height:60px;display:flex;position:absolute;bottom:28px;left:30px;right:30px}.feature-mini-keys i{opacity:.74;background:linear-gradient(#c9d0cf,#8e9998);border:1px solid #c5d7d62e;border-radius:3px 3px 5px 5px;flex:1}.feature-mini-keys i.dark{z-index:2;background:linear-gradient(#313e42,#10181b);border-color:#c5d7d61f;height:68%;margin:0 -5%}.feature-mini-knobs{grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:24px;left:30px;right:30px}.feature-mini-knobs i{border:3px solid #35464a;border-top-color:var(--teal);border-radius:50%;justify-self:center;width:48px;height:48px;position:relative;transform:rotate(-45deg);box-shadow:0 7px 12px #0000003d}.feature-mini-knobs i:after{content:"";transform-origin:1px 16px;background:#d6e0de;width:2px;height:15px;position:absolute;top:7px;left:20px;transform:rotate(24deg)}.feature-mini-knobs i:nth-child(2n){border-top-color:var(--orchid)}.feature-mini-wave{background:#03080b59;border:1px solid #c5d7d613;border-radius:4px;align-items:center;gap:3px;height:62px;padding:7px 10px;display:flex;position:absolute;bottom:25px;left:30px;right:30px}.feature-mini-wave:after{content:"";background:#c5d7d60f;height:1px;position:absolute;top:50%;left:0;right:0}.feature-mini-wave i{z-index:1;background:linear-gradient(var(--orchid-soft),var(--teal-soft));opacity:.55;border-radius:2px;flex:1;min-width:2px}.landing-sounds{border-top:1px solid #c5d7d614;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(60px,9vw,130px);display:grid}.sounds-copy>p,.local-copy>p{color:#819194;max-width:520px;margin-top:23px;font-size:14px;line-height:1.7}.sounds-copy .landing-secondary{margin-top:25px}.sound-constellation{grid-template-columns:repeat(2,1fr);gap:8px;padding:30px;display:grid;position:relative}.sound-constellation:before,.sound-constellation:after{content:"";pointer-events:none;border:1px solid #7cc7be14;border-radius:50%;position:absolute}.sound-constellation:before{inset:-10% 8%}.sound-constellation:after{border-color:#b494be12;inset:5% -2%;transform:rotate(24deg)}.sound-constellation article{--offset:calc((var(--sound-index) % 3) * 7px);z-index:1;min-height:82px;transform:translateY(var(--offset));background:linear-gradient(145deg,#121d23e6,#080e13f0);border:1px solid #c5d7d61a;border-radius:5px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:13px;display:grid;position:relative;box-shadow:0 10px 25px #00000026}.sound-constellation article:nth-child(2n){background:linear-gradient(145deg,#171b25e6,#0a0d14f2)}.sound-constellation article>i{width:40px;height:48px;color:var(--teal-soft);background:#56b8ac17;border-radius:4px;place-items:center;font-size:18px;font-style:normal;display:grid}.sound-constellation article:nth-child(2n)>i{color:var(--orchid-soft);background:#9a78a617}.sound-constellation b,.sound-constellation small{display:block}.sound-constellation b{color:#bcc9c9;font-size:11px}.sound-constellation small{color:#627275;margin-top:5px;font-size:8px}.sound-constellation em{color:#4f6264;font-size:11px;font-style:normal}.sound-constellation article{--offset:var(--sound-offset,0px)}.landing-local{border-top:1px solid #c5d7d614;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(70px,10vw,150px);display:grid}.local-visual{place-items:center;min-height:520px;display:grid;position:relative}.local-core{z-index:4;background:radial-gradient(circle,#2c5b5b57,#091215f5 68%);border:1px solid #7cc7be42;border-radius:50%;align-content:center;place-items:center;width:190px;height:190px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 0 55px #56b8ac14,0 20px 45px #0000004d}.local-core i{color:var(--teal-soft);text-shadow:0 0 16px #56b8ac59;font-size:23px;font-style:normal}.local-core b{color:#c0cecd;font:650 9px var(--font-geist-mono),monospace;letter-spacing:.13em;margin-top:14px}.local-core small{color:#607173;font:6px var(--font-geist-mono),monospace;letter-spacing:.08em;margin-top:7px}.local-ring{border:1px solid #7cc7be1c;border-radius:50%;position:absolute}.ring-a{width:310px;height:310px}.ring-b{border-color:#b494be17;width:420px;height:420px}.ring-c{border-color:#5f9fc014;width:510px;height:310px;transform:rotate(-18deg)}.local-ring:before{content:"";background:var(--teal);border-radius:50%;width:6px;height:6px;position:absolute;top:15%;left:16%;box-shadow:0 0 11px #56b8ac94}.ring-b:before{background:var(--orchid);inset:auto 13% 19% auto;box-shadow:0 0 11px #9a78a680}.local-node{z-index:5;color:#728285;font:6px var(--font-geist-mono),monospace;letter-spacing:.12em;background:#0b1318;border:1px solid #c5d7d61a;border-radius:3px;padding:6px 8px;position:absolute}.node-a{top:29%;left:7%}.node-b{top:24%;right:4%}.node-c{bottom:23%;left:12%}.node-d{bottom:18%;right:9%}.local-copy ul{gap:16px;margin:31px 0 0;padding:0;list-style:none;display:grid}.local-copy li{grid-template-columns:30px 1fr;align-items:start;gap:12px;display:grid}.local-copy li>i{width:27px;height:27px;color:var(--teal-soft);font:normal 9px var(--font-geist-mono),monospace;background:#56b8ac0f;border:1px solid #7cc7be38;border-radius:50%;place-items:center;display:grid}.local-copy li b,.local-copy li small{display:block}.local-copy li b{color:#b9c6c7;font-size:10px}.local-copy li small{color:#667679;max-width:420px;margin-top:5px;font-size:9px;line-height:1.5}.landing-final-cta{text-align:center;background:radial-gradient(at 50% 110%,#56b8ac1f,#0000 52%),radial-gradient(at 80% -20%,#9a78a61a,#0000 48%),linear-gradient(145deg,#101b20,#080d12);border:1px solid #c5d7d61a;border-radius:9px;align-content:center;place-items:center;width:min(100% - 48px,1240px);min-height:520px;margin:40px auto 0;padding:90px 24px;display:grid;box-shadow:inset 0 1px #ffffff06,0 28px 70px #0003}.landing-final-cta .landing-eyebrow{justify-content:center}.landing-final-cta h2{max-width:850px}.landing-final-cta>p{color:#7f9092;max-width:620px;margin-top:22px;font-size:14px}.landing-final-cta .landing-launch{margin-top:33px}.landing-footer{background:linear-gradient(#0000,#00000029);border-top:1px solid #c5d7d617;grid-template-rows:52px 32px;grid-template-columns:1fr auto;align-items:center;gap:8px 40px;width:min(100%,1440px);min-height:185px;margin:90px auto 0;padding:40px clamp(24px,4vw,68px);display:grid}.landing-footer>p{color:#667679;font-size:9px}.landing-footer nav{grid-area:1/2;gap:25px;display:flex}.landing-footer nav a{color:#879699;font-size:9px}.landing-footer nav a:hover{color:var(--teal-soft)}.landing-footer>small{color:#4e5e61;font:6px var(--font-geist-mono),monospace;letter-spacing:.1em;grid-column:2}@media (width<=1180px){.landing-nav{grid-template-columns:minmax(220px,1fr) auto}.landing-nav nav{display:none}.landing-hero{grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);gap:34px}.landing-console{min-height:420px}.console-body{grid-template-columns:132px minmax(0,1fr)}.console-top{grid-template-columns:138px minmax(100px,1fr) 154px 73px}.console-track,.console-ruler{grid-template-columns:57px minmax(0,1fr)}.console-browser{padding:8px}}@media (width<=900px){.landing-page{font-size:15px}.landing-nav{height:68px;padding:0 22px}.landing-launch-small{min-height:36px}.landing-hero{grid-template-columns:minmax(0,1fr);gap:66px;min-height:auto;padding:90px 24px 100px}.landing-hero-copy{max-width:680px}.landing-hero h1{max-width:700px;font-size:clamp(62px,11vw,88px)}.landing-hero-copy>p{max-width:610px}.landing-console-wrap{justify-self:center;width:min(100%,760px)}.landing-console{min-height:440px;transform:none}.landing-section{width:min(100% - 40px,760px);padding:105px 0}.landing-feature-grid{grid-template-columns:1fr}.feature-card{min-height:320px}.landing-sounds,.landing-local{grid-template-columns:1fr;gap:70px}.sounds-copy,.local-copy{max-width:680px}.sound-constellation{padding:15px}.local-visual{order:2}.landing-final-cta{width:min(100% - 40px,760px);min-height:470px}.landing-footer{grid-template-rows:auto;grid-template-columns:1fr;gap:25px}.landing-footer nav,.landing-footer>small{grid-area:auto/1}.landing-footer nav{flex-wrap:wrap}}@media (width<=620px){.landing-nav{grid-template-columns:minmax(0,1fr) auto;gap:10px}.landing-brand strong{letter-spacing:.16em;font-size:10px}.landing-brand small{font-size:5px}.landing-brand>i{height:27px}.landing-launch-small{width:42px;min-width:42px;padding:0;font-size:0}.landing-launch-small span{font-size:15px}.landing-hero{gap:55px;padding:70px 20px 82px}.landing-hero h1{margin-top:20px;font-size:clamp(50px,17vw,72px)}.landing-hero-copy>p{margin-top:23px;font-size:14px}.landing-actions{flex-direction:column;align-items:stretch;gap:10px}.landing-actions .landing-launch{width:100%}.landing-secondary{align-self:flex-start}.landing-trust{grid-template-columns:1fr;gap:12px;margin-top:38px}.landing-trust>span,.landing-trust>span+span{border:0;padding:0}.landing-console{transform-origin:0 0;min-width:620px;min-height:390px;transform:scale(.72)}.landing-console-wrap{height:312px;overflow:visible}.landing-console-caption,.landing-orbit{display:none}.landing-section{width:min(100% - 32px,560px);padding:88px 0}.landing-section-head h2,.landing-sounds h2,.landing-local h2,.landing-final-cta h2{font-size:clamp(36px,11vw,50px)}.landing-section-head>p{font-size:13px}.landing-feature-grid{margin-top:42px}.feature-card{min-height:345px;padding:24px}.feature-card p{font-size:11px}.feature-mini-timeline,.feature-mini-keys,.feature-mini-knobs,.feature-mini-wave{left:24px;right:24px}.feature-mini-knobs i{width:41px;height:41px}.feature-mini-knobs i:after{left:17px}.sound-constellation{grid-template-columns:1fr;padding:8px 0}.sound-constellation:before,.sound-constellation:after{display:none}.sound-constellation article{transform:none}.local-visual{min-height:400px;margin:-35px;transform:scale(.78)}.landing-final-cta{width:calc(100% - 32px);min-height:430px;padding:70px 20px}.landing-final-cta>p{font-size:12px}.landing-footer{margin-top:65px;padding:35px 20px}}@media (width<=390px){.landing-brand small{display:none}.landing-brand>i{height:20px}.landing-hero{padding-top:58px}.landing-console{transform:scale(.61)}.landing-console-wrap{height:270px}.landing-eyebrow,.landing-kicker{letter-spacing:.13em;font-size:7px}.local-visual{margin:-70px;transform:scale(.66)}}@media (prefers-reduced-motion:reduce){.landing-page{scroll-behavior:auto}.feature-card,.landing-launch{transition:none}.producer-help-tooltip{animation:none}}.producer-guide-diagnostics{min-height:58px;color:inherit;background:#56b8ac09;border:1px solid #56b8ac29;border-radius:6px;align-items:center;gap:14px;margin:12px 25px 0;padding:10px 13px;text-decoration:none;display:flex}.producer-guide-diagnostics:hover{background:#56b8ac12;border-color:#7cc7be57}.producer-guide-diagnostics>span{min-width:0;margin-right:auto}.producer-guide-diagnostics strong,.producer-guide-diagnostics small{display:block}.producer-guide-diagnostics strong{color:#b9c8c7;font-size:10px}.producer-guide-diagnostics small{color:#6f8284;margin-top:4px;font-size:8px}.producer-guide-diagnostics>i{color:var(--teal-soft);font-size:14px;font-style:normal}.statusbar .status-about{color:#758b8d;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none}.statusbar .status-about:hover{color:var(--teal-soft)}.about-page{color:#dfe8e8;scroll-behavior:smooth;background:radial-gradient(at 6% 6%,#436f8221,#0000 34%),radial-gradient(at 90% 70%,#7352a81c,#0000 38%),linear-gradient(155deg,#070a10,#05070c 58%,#070a11);height:100dvh;min-height:0;position:relative;overflow:hidden auto}.about-page:before{content:"";pointer-events:none;opacity:.15;background-image:radial-gradient(circle at 17% 23%,#ffffffb8 0 .5px,#0000 .7px),radial-gradient(circle at 68% 16%,#91e2dcad 0 .5px,#0000 .7px),radial-gradient(circle at 85% 63%,#b5a8f09e 0 .5px,#0000 .7px);background-size:167px 167px,229px 229px,311px 311px;position:fixed;inset:0}.about-page a{color:inherit;text-decoration:none}.about-page h1,.about-page h2,.about-page p{margin:0}.about-atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.about-atmosphere i{filter:blur(90px);opacity:.11;border-radius:50%;position:absolute}.about-atmosphere i:first-child{background:#467d85;width:520px;height:180px;top:520px;right:-4%;transform:rotate(-18deg)}.about-atmosphere i:last-child{background:#745280;width:440px;height:170px;top:1320px;left:-9%;transform:rotate(20deg)}.about-nav{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060a0fad;border-bottom:1px solid #c5d7d617;grid-template-columns:1fr auto;align-items:center;width:min(100%,1440px);height:76px;margin:0 auto;padding:0 clamp(24px,4vw,68px);display:grid;position:relative}.about-nav nav{align-items:center;gap:24px;display:flex}.about-nav nav a{color:#879699;font-size:10px}.about-nav nav a:hover{color:var(--teal-soft)}.about-hero{z-index:1;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:clamp(65px,10vw,150px);width:min(100% - 48px,1240px);min-height:630px;margin:0 auto;padding:110px 0 120px;display:grid;position:relative}.about-hero>div{max-width:780px}.about-hero h1{color:#edf3f3;letter-spacing:-.055em;max-width:760px;margin-top:23px;font-size:clamp(56px,6.7vw,96px);font-weight:480;line-height:.96}.about-hero h1 em{color:#a8d5d1;letter-spacing:-.045em;text-shadow:0 0 34px #56b8ac1f;font-family:Georgia,Times New Roman,serif;font-weight:400;display:block}.about-hero>div>p{color:#8c9c9f;max-width:660px;margin-top:30px;font-size:16px;line-height:1.7}.about-release-card{background:radial-gradient(circle at 100% 0,#9a78a621,#0000 42%),linear-gradient(145deg,#111b23eb,#070c12f5);border:1px solid #91e2dc29;border-radius:10px;align-content:center;min-height:300px;padding:30px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 28px 70px #00000047}.about-release-card>span{color:#708789;font:650 8px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.16em}.about-release-card>strong{color:#dce7e6;letter-spacing:-.06em;margin-top:22px;font-size:54px;font-weight:510}.about-release-card>small{color:var(--orchid-soft);font:650 8px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.about-release-card>i{color:#758789;font:normal 9px var(--font-geist-mono),ui-monospace,monospace;align-items:center;gap:8px;margin-top:42px;display:flex}.about-release-card>i b{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #70c4a480}.about-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(100% - 48px,1240px);margin:0 auto;padding:0 0 120px;display:grid;position:relative}.about-grid article{background:linear-gradient(145deg,#111c22de,#080e13ed);border:1px solid #c5d7d61a;border-radius:8px;flex-direction:column;align-items:flex-start;min-height:320px;padding:28px;display:flex;box-shadow:inset 0 1px #ffffff06,0 18px 44px #00000021}.about-grid article:nth-child(2){background:linear-gradient(145deg,#161923e0,#090d14f0)}.about-grid article>span{color:#637577;font:650 7px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.15em}.about-grid h2{color:#d7e1e1;letter-spacing:-.025em;margin-top:45px;font-size:27px;font-weight:560}.about-grid p{color:#78888b;margin-top:15px;font-size:12px;line-height:1.7}.about-grid p b{color:var(--teal-soft)}.about-grid article>a,.about-grid article>button{min-height:40px;color:var(--teal-soft);background:#56b8ac0e;border:1px solid #7cc7be3d;border-radius:5px;align-items:center;gap:12px;margin-top:auto;padding:0 13px;font-size:9px;display:inline-flex}.about-grid article>a:hover,.about-grid article>button:hover{background:#56b8ac1a;border-color:#7cc7be75}.about-grid article>a i{font-style:normal}.about-grid article>small{color:#5e7174;font:8px var(--font-geist-mono),ui-monospace,monospace;margin-top:auto}.diagnostic-section{z-index:1;background:radial-gradient(circle at 100% 0,#5c427721,#0000 33%),radial-gradient(circle at 0 100%,#376f711a,#0000 38%),linear-gradient(145deg,#0e171f,#070c12);border:1px solid #91e2dc21;border-radius:10px;width:min(100% - 48px,1240px);margin:0 auto 100px;padding:70px;position:relative;box-shadow:inset 0 1px #ffffff08,0 28px 80px #0000003d}.diagnostic-section>header{max-width:760px}.diagnostic-section>header>span{color:#708789;font:650 8px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.17em}.diagnostic-section>header h2{color:#e2eaea;letter-spacing:-.045em;margin-top:18px;font-size:clamp(36px,4.2vw,58px);font-weight:520}.diagnostic-section>header p{color:#839497;max-width:650px;margin-top:18px;font-size:13px;line-height:1.7}.diagnostic-workspace{grid-template-columns:.82fr 1.18fr;gap:10px;margin-top:44px;display:grid}.diagnostic-form,.diagnostic-report{background:#05090e7a;border:1px solid #c5d7d617;border-radius:7px;min-width:0}.diagnostic-form{align-content:start;gap:18px;padding:23px;display:grid}.diagnostic-form label{gap:8px;display:grid}.diagnostic-form label>span{color:#87999b;font:650 8px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.diagnostic-form textarea{resize:vertical;color:#d8e2e1;width:100%;font:11px/1.55 var(--font-geist-sans),ui-sans-serif,sans-serif;background:linear-gradient(#0d151d,#080e14);border:1px solid #c5d7d61c;border-radius:5px;outline:0;padding:12px}.diagnostic-form textarea:focus{border-color:#7cc7be73;box-shadow:0 0 0 2px #56b8ac0f}.diagnostic-form textarea::placeholder{color:#4f6063}.diagnostic-privacy{background:#56b8ac09;border:1px solid #56b8ac21;border-radius:5px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-height:70px;padding:11px;display:grid}.diagnostic-privacy>i{width:27px;height:27px;color:var(--teal-soft);background:#56b8ac14;border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid}.diagnostic-privacy strong,.diagnostic-privacy small{display:block}.diagnostic-privacy strong{color:#9fb0af;font-size:9px}.diagnostic-privacy small{color:#607275;margin-top:4px;font-size:8px;line-height:1.45}.diagnostic-report{grid-template-rows:46px minmax(310px,1fr) 58px;display:grid;overflow:hidden}.diagnostic-report-head{background:#0a1017b8;border-bottom:1px solid #c5d7d614;align-items:center;gap:10px;padding:0 14px;display:flex}.diagnostic-report-head>span{color:#82a29f;font:650 7px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.13em;align-items:center;gap:7px;display:flex}.diagnostic-report-head>span i{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #70c4a473}.diagnostic-report-head>small{color:#596a6d;font:7px var(--font-geist-mono),ui-monospace,monospace;margin-left:auto}.diagnostic-report pre{color:#91a3a4;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;font:8px/1.58 var(--font-geist-mono),ui-monospace,monospace;background:#03070b73;margin:0;padding:17px;overflow:auto}.diagnostic-actions{border-top:1px solid #c5d7d614;grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid}.diagnostic-actions button{min-height:41px;color:var(--teal-soft);background:#56b8ac12;border:1px solid #7cc7be47;border-radius:5px;font-size:9px;font-weight:620}.diagnostic-actions button:last-child{color:var(--orchid-soft);background:#9a78a612;border-color:#b494be40}.diagnostic-actions button:hover:not(:disabled){filter:brightness(1.18)}.diagnostic-actions button:disabled{opacity:.36;cursor:default}.diagnostic-status{color:#718386;min-height:22px;font:8px var(--font-geist-mono),ui-monospace,monospace;margin-top:14px!important}.about-footer{z-index:1;color:#5f7174;width:min(100%,1440px);min-height:96px;font:8px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.08em;background:#0000001a;border-top:1px solid #c5d7d617;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:30px clamp(24px,4vw,68px);display:flex;position:relative}.about-footer a{color:#8fa3a4}.about-footer a:hover{color:var(--teal-soft)}@media (width<=900px){.about-hero{grid-template-columns:minmax(0,1fr);gap:55px;padding:85px 0 95px}.about-release-card{width:min(100%,420px);min-height:250px}.about-grid{grid-template-columns:minmax(0,1fr)}.about-grid article{min-height:275px}.diagnostic-section{padding:45px 32px}.diagnostic-workspace{grid-template-columns:minmax(0,1fr)}.diagnostic-report{grid-template-rows:46px 420px 58px}}@media (width<=620px){.studio-shell[data-layout=mobile] .producer-guide-diagnostics{margin:10px 16px 0}.about-nav{height:68px;padding:0 18px}.about-nav nav{gap:14px}.about-nav nav a:first-child{display:none}.about-hero,.about-grid,.diagnostic-section{width:calc(100% - 32px)}.about-hero{min-height:0;padding:70px 0 80px}.about-hero h1{font-size:clamp(48px,15vw,68px)}.about-hero>div>p{font-size:14px}.about-release-card{min-height:220px;padding:24px}.about-release-card>strong{font-size:46px}.about-grid{padding-bottom:78px}.about-grid article{min-height:300px;padding:23px}.diagnostic-section{margin-bottom:55px;padding:36px 18px}.diagnostic-section>header h2{font-size:38px}.diagnostic-workspace{margin-top:32px}.diagnostic-form{padding:15px}.diagnostic-report{grid-template-rows:44px 390px auto}.diagnostic-report-head>small{display:none}.diagnostic-actions{grid-template-columns:minmax(0,1fr)}.diagnostic-actions button{min-height:46px}.about-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.about-page{scroll-behavior:auto}}.beta-page{isolation:isolate;color:#dfe8e8;scroll-behavior:smooth;background:radial-gradient(at 4% 5%,#376f712b,#0000 34%),radial-gradient(at 92% 38%,#7352a81f,#0000 38%),linear-gradient(155deg,#070a10,#05070c 58%,#070a11);width:100%;height:100dvh;position:relative;overflow:hidden auto}.beta-page:before{content:"";z-index:-2;pointer-events:none;opacity:.17;background-image:radial-gradient(circle at 17% 23%,#ffffffb8 0 .5px,#0000 .7px),radial-gradient(circle at 68% 16%,#91e2dcad 0 .5px,#0000 .7px),radial-gradient(circle at 85% 63%,#b5a8f09e 0 .5px,#0000 .7px);background-size:167px 167px,229px 229px,311px 311px;position:fixed;inset:0}.beta-page a{color:inherit;text-decoration:none}.beta-page h1,.beta-page h2,.beta-page p{margin:0}.beta-page button,.beta-page select,.beta-page textarea{font:inherit;color:inherit}.beta-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.beta-atmosphere i{filter:blur(90px);opacity:.1;border-radius:50%;position:absolute}.beta-atmosphere i:first-child{background:#467d85;width:520px;height:180px;top:410px;right:-4%;transform:rotate(-18deg)}.beta-atmosphere i:nth-child(2){background:#745280;width:440px;height:170px;top:1280px;left:-9%;transform:rotate(20deg)}.beta-atmosphere i:nth-child(3){background:#416c82;width:400px;height:160px;top:2450px;right:4%;transform:rotate(-10deg)}.beta-nav{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060a0fad;border-bottom:1px solid #c5d7d617;grid-template-columns:1fr auto;align-items:center;width:min(100%,1440px);height:76px;margin:0 auto;padding:0 clamp(24px,4vw,68px);display:grid;position:relative}.beta-nav nav{align-items:center;gap:24px;display:flex}.beta-nav nav a{color:#879699;font-size:10px}.beta-nav nav a:hover{color:var(--teal-soft)}.beta-nav .beta-nav-launch{min-height:36px;color:var(--teal-soft);background:#56b8ac0f;border:1px solid #7cc7be3d;border-radius:4px;place-items:center;padding:0 14px;display:grid}.beta-hero{z-index:1;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:clamp(65px,10vw,150px);width:min(100% - 48px,1240px);min-height:650px;margin:0 auto;padding:110px 0 120px;display:grid;position:relative}.beta-hero>div{max-width:800px}.beta-hero h1{color:#edf3f3;letter-spacing:-.055em;max-width:790px;margin-top:23px;font-size:clamp(56px,6.7vw,96px);font-weight:480;line-height:.96}.beta-hero h1 em{color:#a8d5d1;letter-spacing:-.045em;text-shadow:0 0 34px #56b8ac1f;font-family:Georgia,Times New Roman,serif;font-weight:400;display:block}.beta-hero>div>p{color:#8c9c9f;max-width:680px;margin-top:30px;font-size:16px;line-height:1.7}.beta-hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.beta-signal-card{background:radial-gradient(circle at 100% 0,#9a78a626,#0000 42%),linear-gradient(145deg,#111b23f0,#070c12f7);border:1px solid #91e2dc2b;border-radius:10px;align-content:center;min-height:350px;padding:32px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 28px 70px #00000047}.beta-signal-card>span{color:#708789;font:650 8px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.16em}.beta-signal-card>strong{color:#dce7e6;letter-spacing:-.07em;margin-top:20px;font-size:72px;font-weight:500;line-height:1}.beta-signal-card>small{color:var(--orchid-soft);font:650 8px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.12em;margin-top:5px}.beta-signal-card ul{gap:11px;margin:40px 0 0;padding:0;list-style:none;display:grid}.beta-signal-card li{color:#7f9092;align-items:center;gap:9px;font-size:10px;display:flex}.beta-signal-card li i{background:var(--teal);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #56b8ac5c}.beta-principles{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100% - 48px,1240px);margin:0 auto;padding-bottom:120px;display:grid;position:relative}.beta-principles article{background:linear-gradient(145deg,#111c22c7,#080e13e0);border:1px solid #c5d7d617;border-radius:7px;min-height:150px;padding:24px}.beta-principles article>span{color:#617678;font:650 7px var(--font-geist-mono),monospace}.beta-principles strong{color:#cbd6d5;margin-top:27px;font-size:16px;display:block}.beta-principles p{color:#6f8183;margin-top:8px;font-size:10px;line-height:1.55}.beta-mission,.beta-feedback{z-index:1;background:radial-gradient(circle at 100% 0,#5c427721,#0000 33%),radial-gradient(circle at 0 100%,#376f711a,#0000 38%),linear-gradient(145deg,#0e171f,#070c12);border:1px solid #91e2dc21;border-radius:10px;width:min(100% - 48px,1240px);margin:0 auto 110px;padding:70px;position:relative;box-shadow:inset 0 1px #ffffff08,0 28px 80px #0000003d}.beta-mission>header,.beta-feedback>header{max-width:780px}.beta-mission>header>span,.beta-feedback>header>span{color:#708789;font:650 8px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.17em}.beta-mission h2,.beta-feedback h2{color:#e2eaea;letter-spacing:-.045em;margin-top:18px;font-size:clamp(38px,4.4vw,62px);font-weight:520;line-height:1.04}.beta-mission header p,.beta-feedback header p{color:#839497;max-width:690px;margin-top:19px;font-size:13px;line-height:1.7}.beta-mission-progress{color:#708184;font:8px var(--font-geist-mono),monospace;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;margin-top:42px;display:grid}.beta-mission-progress>span{background:#1c292d;border-radius:3px;height:5px;overflow:hidden}.beta-mission-progress>span b{border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--orchid-soft));height:100%;transition:width .18s;display:block}.beta-mission-progress strong{color:#a9bcba;font-size:9px}.beta-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.beta-task-grid label{cursor:pointer;background:#05090e6b;border:1px solid #c5d7d617;border-radius:6px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;min-width:0;min-height:94px;padding:15px;transition:border-color .14s,background .14s;display:grid}.beta-task-grid label:hover{border-color:#7cc7be45}.beta-task-grid label.complete{background:linear-gradient(145deg,#56b8ac17,#9a78a60a);border-color:#7cc7be59}.beta-task-grid input{opacity:0;pointer-events:none;position:absolute}.beta-task-grid label>i{color:#687a7c;width:40px;height:40px;font:normal 8px var(--font-geist-mono),monospace;background:#0a1117;border:1px solid #c5d7d61f;border-radius:50%;place-items:center;display:grid}.beta-task-grid label.complete>i{color:#c5f1eb;background:#56b8ac1a;border-color:#7cc7be6b}.beta-task-grid strong,.beta-task-grid small{display:block}.beta-task-grid strong{color:#bdcac9;font-size:11px}.beta-task-grid small{color:#65777a;margin-top:6px;font-size:9px;line-height:1.45}.beta-inline-launch{background:#56b8ac0f;border:1px solid #7cc7be47;border-radius:5px;align-items:center;gap:26px;min-height:44px;margin-top:22px;padding:0 16px;font-size:10px;display:inline-flex;color:var(--teal-soft)!important}.beta-inline-launch:hover{background:#56b8ac1a;border-color:#7cc7be80}.beta-feedback form{gap:25px;margin-top:44px;display:grid}.beta-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.beta-form-grid label,.beta-text-grid label,.beta-contact-row>label:first-child{gap:9px;display:grid}.beta-form-grid label>span,.beta-text-grid label>span,.beta-contact-row label>span{color:#87999b;font:650 8px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.beta-text-grid label>span b{color:var(--orchid-soft);margin-left:6px;font-size:6px}.beta-form-grid select,.beta-contact-row input,.beta-text-grid textarea{color:#d8e2e1;background:linear-gradient(#0d151d,#080e14);border:1px solid #c5d7d61c;border-radius:5px;outline:0;width:100%}.beta-form-grid select,.beta-contact-row input{height:45px;padding:0 12px}.beta-text-grid textarea{resize:vertical;font:11px/1.55 var(--font-geist-sans),ui-sans-serif,sans-serif;padding:12px}.beta-form-grid select:focus,.beta-contact-row input:focus,.beta-text-grid textarea:focus{border-color:#7cc7be73;box-shadow:0 0 0 2px #56b8ac0f}.beta-form-grid option{color:#d8e2e1;background:#0d151d}.beta-text-grid textarea::placeholder,.beta-contact-row input::placeholder{color:#4f6063}.beta-ratings{gap:10px;display:grid}.beta-rating{background:#05090e57;border:1px solid #c5d7d614;border-radius:6px;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);align-items:center;gap:20px;margin:0;padding:14px;display:grid}.beta-rating legend{float:left;color:#8ea09f;width:100%;font-size:10px;line-height:1.45}.beta-rating>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.beta-rating label{cursor:pointer;color:#647679;background:#ffffff03;border:1px solid #c5d7d617;border-radius:4px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:47px;display:grid}.beta-rating label:hover,.beta-rating label.selected{color:#bff0ea;background:#56b8ac14;border-color:#7cc7be5c}.beta-rating input{opacity:0;position:absolute}.beta-rating b{font-size:11px}.beta-rating small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 3px;font-size:6px;overflow:hidden}.beta-text-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.beta-contact-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;display:grid}.beta-contact-row label>span small{color:#5f7274;font-size:7px}.beta-follow-up{cursor:pointer;background:#05090e59;border:1px solid #c5d7d617;border-radius:5px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;min-height:45px;padding:0 12px;display:grid}.beta-follow-up input{width:15px;height:15px;accent-color:var(--teal)}.beta-follow-up span strong,.beta-follow-up span small{display:block}.beta-follow-up span strong{color:#9cadac;text-transform:none;font-size:9px}.beta-follow-up span small{color:#5d7072;text-transform:none;margin-top:3px;font-size:7px}.beta-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.beta-submit-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding-top:6px;display:grid}.beta-privacy{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;display:grid}.beta-privacy>i{width:30px;height:30px;color:var(--teal-soft);background:#56b8ac14;border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid}.beta-privacy strong,.beta-privacy small{display:block}.beta-privacy strong{color:#9fb0af;font-size:9px}.beta-privacy small{color:#607275;margin-top:4px;font-size:8px}.beta-submit-row>button{color:#eafffc;background:linear-gradient(#57aba34d,#2d64632b),#101e21;border:1px solid #7ed2c77a;border-radius:5px;align-items:center;gap:32px;min-height:48px;padding:0 19px;font-size:10px;display:flex;box-shadow:inset 0 1px #ffffff13,0 8px 24px #00000038}.beta-submit-row>button:hover:not(:disabled){filter:brightness(1.08);border-color:#9beae0b3}.beta-submit-row>button:disabled{opacity:.48;cursor:wait}.beta-submit-row>button span{color:var(--teal-soft);font-size:15px}.beta-form-status{min-height:20px;color:var(--orchid-soft);font:8px var(--font-geist-mono),monospace}.beta-form-status.success{color:var(--success)}.beta-footer{z-index:1;color:#5f7174;width:min(100%,1440px);min-height:96px;font:8px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.08em;background:#0000001a;border-top:1px solid #c5d7d617;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:30px clamp(24px,4vw,68px);display:flex;position:relative}.beta-footer nav{flex-wrap:wrap;gap:22px;display:flex}.beta-footer a{color:#8fa3a4}.beta-footer a:hover{color:var(--teal-soft)}.beta-admin-page{min-height:100dvh}.beta-admin-hero{z-index:1;justify-content:space-between;align-items:center;gap:40px;width:min(100% - 48px,1240px);min-height:350px;margin:0 auto;display:flex;position:relative}.beta-admin-hero>div>span,.beta-admin-denied>span{color:#708789;font:650 8px var(--font-geist-mono),monospace;letter-spacing:.16em}.beta-admin-hero h1{color:#e5eded;letter-spacing:-.05em;margin-top:16px;font-size:clamp(46px,5.5vw,74px);font-weight:500}.beta-admin-hero p{color:#7c8e90;margin-top:15px;font-size:12px}.beta-admin-hero>a,.beta-admin-denied>a{color:#829496;border:1px solid #c5d7d61f;border-radius:5px;place-items:center;min-height:38px;padding:0 14px;font-size:9px;display:grid}.beta-admin-stats{z-index:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;width:min(100% - 48px,1240px);margin:0 auto 35px;display:grid;position:relative}.beta-admin-stats article{background:#0a1016ad;border:1px solid #c5d7d617;border-radius:6px;align-content:center;min-height:120px;padding:18px;display:grid}.beta-admin-stats span{color:#64787a;font:650 7px var(--font-geist-mono),monospace;letter-spacing:.12em}.beta-admin-stats strong{color:#d6e1e0;margin-top:13px;font-size:31px;font-weight:540}.beta-admin-stats small{color:#607174;margin-top:2px;font-size:8px}.beta-launch-kit{z-index:1;background:radial-gradient(circle at 4% 0,#56b8ac17,#0000 28%),radial-gradient(circle at 96% 100%,#9a78a614,#0000 34%),#070c12d1;border:1px solid #91e2dc21;border-radius:9px;width:min(100% - 48px,1240px);margin:0 auto 80px;padding:34px;position:relative;box-shadow:0 24px 70px #00000038,inset 0 1px #ffffff06}.beta-launch-kit-head{border-bottom:1px solid #c5d7d614;justify-content:space-between;align-items:flex-end;gap:35px;padding-bottom:30px;display:flex}.beta-launch-kit-head>div>span,.beta-share-card div>span,.beta-launch-rules>span{color:#6c8586;font:650 7px var(--font-geist-mono),monospace;letter-spacing:.15em}.beta-launch-kit-head h2{color:#e0e9e8;letter-spacing:-.045em;max-width:690px;margin-top:13px;font-size:clamp(31px,3.7vw,50px);font-weight:500;line-height:1.02}.beta-launch-kit-head p{color:#788a8c;max-width:680px;margin-top:14px;font-size:11px;line-height:1.65}.beta-launch-kit button{color:#bce4df;min-height:34px;font:650 8px var(--font-geist-mono),monospace;background:#56b8ac12;border:1px solid #7cc7be47;border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:0 12px;display:inline-flex}.beta-launch-kit button:hover{background:#56b8ac21;border-color:#7cc7be7a}.beta-launch-kit button span{color:var(--orchid-soft)}.beta-share-card{background:#0b1218;border:1px solid #c5d7d61a;border-radius:7px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:0;margin-top:28px;display:grid;overflow:hidden}.beta-share-card>img{object-fit:cover;width:100%;height:100%;min-height:230px}.beta-share-card>div{border-left:1px solid #c5d7d614;align-content:center;padding:30px;display:grid}.beta-share-card strong{color:#d0dcdb;overflow-wrap:anywhere;margin-top:13px;font-size:15px;font-weight:560}.beta-share-card p{color:#6f8183;margin-top:11px;font-size:9px;line-height:1.6}.beta-share-card button{width:max-content;margin-top:18px}.beta-launch-plan{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:28px;display:grid}.beta-launch-plan article{background:#0c1319ad;border:1px solid #c5d7d616;border-radius:5px;min-height:165px;padding:19px}.beta-launch-plan span{color:#61787a;font:650 7px var(--font-geist-mono),monospace;letter-spacing:.12em}.beta-launch-plan strong{color:#b9c8c7;margin-top:25px;font-size:11px;line-height:1.35;display:block}.beta-launch-plan p{color:#687a7c;margin-top:9px;font-size:8px;line-height:1.55}.beta-launch-messages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:34px;display:grid}.beta-launch-messages article{background:linear-gradient(145deg,#0e171de0,#080d13f0);border:1px solid #c5d7d617;border-radius:6px;grid-template-rows:auto auto auto minmax(220px,1fr);min-width:0;padding:20px;display:grid}.beta-launch-messages article:last-child{grid-column:1/-1}.beta-launch-messages header{justify-content:space-between;align-items:center;gap:16px;display:flex}.beta-launch-messages header>span{color:#77a8a4;font:650 7px var(--font-geist-mono),monospace;letter-spacing:.15em}.beta-launch-messages h3{color:#c8d5d4;margin-top:18px;font-size:18px;font-weight:540}.beta-launch-messages small{color:#637679;min-height:34px;margin-top:8px;font-size:8px;line-height:1.5}.beta-launch-messages pre{color:#8fa09f;font:9px/1.65 var(--font-geist-sans),sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#0000002e;border:1px solid #c5d7d612;border-radius:4px;margin-top:15px;padding:16px;overflow:auto}.beta-launch-rules{background:#9a78a609;border:1px solid #b494be21;border-radius:6px;margin-top:30px;padding:24px}.beta-launch-rules ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:20px 0 0;padding:0;list-style:none;display:grid}.beta-launch-rules li{grid-template-columns:28px 1fr;gap:10px;display:grid}.beta-launch-rules li>i{color:#7e6988;font:normal 7px var(--font-geist-mono),monospace}.beta-launch-rules p{color:#728284;font-size:9px;line-height:1.55}.beta-launch-rules strong{color:#aebdbc;font-weight:600}.beta-response-list{z-index:1;gap:9px;width:min(100% - 48px,1240px);margin:0 auto 100px;display:grid;position:relative}.beta-response-list>article{background:linear-gradient(145deg,#111c22de,#080e13ed);border:1px solid #c5d7d61a;border-radius:7px;overflow:hidden}.beta-response-list article>header{border-bottom:1px solid #c5d7d614;align-items:center;gap:12px;min-height:48px;padding:0 15px;display:flex}.beta-response-list article>header>span{color:#82a29f;font:650 7px var(--font-geist-mono),monospace;letter-spacing:.12em;align-items:center;gap:7px;display:flex}.beta-response-list article>header i{background:var(--success);border-radius:50%;width:6px;height:6px}.beta-response-list time{color:#617376;font:7px var(--font-geist-mono),monospace;margin-left:auto}.beta-response-list article>header b{min-width:40px;color:var(--orchid-soft);text-align:center;font:650 6px var(--font-geist-mono),monospace;background:#9a78a614;border-radius:8px;padding:4px 6px}.beta-response-meta{border-bottom:1px solid #c5d7d612;flex-wrap:wrap;gap:6px;padding:12px 15px;display:flex}.beta-response-meta span{color:#748789;font:7px var(--font-geist-mono),monospace;background:#ffffff03;border:1px solid #c5d7d617;border-radius:3px;padding:5px 8px}.beta-response-copy{background:#c5d7d612;grid-template-columns:1.2fr .9fr .9fr;gap:1px;display:grid}.beta-response-copy section{background:#0b1218;min-height:145px;padding:17px}.beta-response-copy span{color:#687c7e;font:650 7px var(--font-geist-mono),monospace;letter-spacing:.1em}.beta-response-copy p{color:#a5b4b3;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:13px;font-size:10px;line-height:1.62}.beta-response-list article>footer{color:#607376;min-height:44px;font:7px var(--font-geist-mono),monospace;align-items:center;gap:16px;padding:0 15px;display:flex}.beta-response-list article>footer>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.beta-response-list article>footer a,.beta-response-list article>footer small{flex:none;margin-left:auto}.beta-response-list article>footer a{color:var(--teal-soft)}.beta-response-list details{color:#5d7072;font:7px var(--font-geist-mono),monospace;padding:0 15px 12px}.beta-response-list summary{cursor:pointer}.beta-response-list details p{color:#718487;overflow-wrap:anywhere;background:#00000029;margin-top:9px;padding:10px;line-height:1.55}.beta-admin-empty{text-align:center;background:#070c1294;border:1px dashed #91e2dc29;border-radius:8px;align-content:center;place-items:center;min-height:360px;padding:40px;display:grid}.beta-admin-empty i{color:#6f8888;font:42px Georgia,serif}.beta-admin-empty strong{color:#c8d4d3;margin-top:14px;font-size:18px}.beta-admin-empty p{color:#6f8183;max-width:430px;margin-top:9px;font-size:10px;line-height:1.55}.beta-admin-empty a{color:var(--teal-soft);margin-top:22px;font-size:9px}.beta-admin-denied{z-index:1;align-content:center;place-items:start;width:min(100% - 48px,760px);min-height:calc(100dvh - 172px);margin:0 auto;display:grid;position:relative}.beta-admin-denied h1{color:#e4eceb;letter-spacing:-.05em;max-width:700px;margin-top:20px;font-size:clamp(42px,6vw,68px);font-weight:500;line-height:1.02}.beta-admin-denied p{color:#7f9193;margin-top:22px;font-size:12px}.beta-admin-denied>a{margin-top:26px}@media (width<=980px){.beta-hero{grid-template-columns:minmax(0,1fr);gap:55px;padding:90px 0 100px}.beta-signal-card{width:min(100%,430px);min-height:300px}.beta-admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.beta-launch-plan{grid-template-columns:repeat(2,minmax(0,1fr))}.beta-share-card{grid-template-columns:1fr}.beta-share-card>div{border-top:1px solid #c5d7d614;border-left:0}.beta-response-copy{grid-template-columns:minmax(0,1fr)}.beta-response-copy section{min-height:0}}@media (width<=700px){.beta-nav{height:68px;padding:0 18px}.beta-nav nav{gap:12px}.beta-nav nav a:not(.beta-nav-launch):first-child{display:none}.beta-hero,.beta-principles,.beta-mission,.beta-feedback,.beta-admin-hero,.beta-admin-stats,.beta-response-list,.beta-launch-kit{width:calc(100% - 32px)}.beta-launch-kit{padding:20px 15px}.beta-launch-kit-head{flex-direction:column;align-items:flex-start}.beta-launch-kit-head>button{width:100%}.beta-launch-plan,.beta-launch-messages,.beta-launch-rules ul{grid-template-columns:1fr}.beta-launch-messages article:last-child{grid-column:auto}.beta-launch-messages article{grid-template-rows:auto auto auto auto}.beta-share-card>img{min-height:0}.beta-share-card>div{padding:22px 18px}.beta-hero{min-height:0;padding:70px 0 78px}.beta-hero h1{font-size:clamp(48px,15vw,68px)}.beta-hero>div>p{font-size:14px}.beta-hero-actions{flex-direction:column;align-items:stretch;gap:10px}.beta-hero-actions .landing-launch{width:100%}.beta-hero-actions .landing-secondary{align-self:flex-start}.beta-principles{grid-template-columns:minmax(0,1fr);padding-bottom:78px}.beta-principles article{min-height:125px}.beta-mission,.beta-feedback{margin-bottom:58px;padding:38px 18px}.beta-mission h2,.beta-feedback h2{font-size:38px}.beta-task-grid,.beta-form-grid,.beta-text-grid,.beta-contact-row{grid-template-columns:minmax(0,1fr)}.beta-rating{grid-template-columns:minmax(0,1fr);gap:11px}.beta-rating legend{float:none}.beta-rating small{display:none}.beta-submit-row{grid-template-columns:minmax(0,1fr)}.beta-submit-row>button{justify-content:space-between;width:100%}.beta-footer{flex-direction:column;align-items:flex-start}.beta-admin-hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:320px}.beta-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.beta-response-list article>header{flex-wrap:wrap;align-items:flex-start;padding-top:12px;padding-bottom:12px}.beta-response-list time{order:3;width:100%;margin:0}}@media (prefers-reduced-motion:reduce){.beta-page{scroll-behavior:auto}.beta-mission-progress>span b{transition:none}}.studio-shell[data-visual-theme=cinematic-balanced]{--bg-canvas:#04070c;--bg-shell:#070c13;--panel-1:#0a1119;--panel-2:#101a25;--panel-3:#172433;--line-soft:#9ec4d318;--line-strong:#9ed5e033;--text-primary:#e5eef0;--text-secondary:#9aabb2;--text-muted:#5f737d;--teal:#52d9d4;--teal-soft:#92ebe4;--orchid:#8360bd;--orchid-soft:#bd92df;--blue:#578fd0;background:radial-gradient(54% 34% at 10% 4%,#2a7d8f1b,#0000 68%),radial-gradient(46% 38% at 92% 86%,#6f41971b,#0000 72%),linear-gradient(152deg,#070b11 0%,#04070c 56%,#080b13 100%)}.studio-shell[data-visual-theme=cinematic-balanced]:before{opacity:.29;background-image:radial-gradient(circle at 17% 23%,#e1f9f8bd 0 .55px,#0000 .8px),radial-gradient(circle at 68% 16%,#76ebe5b8 0 .55px,#0000 .8px),radial-gradient(circle at 85% 63%,#c595e8ad 0 .55px,#0000 .8px),linear-gradient(106deg,#0000 0 47%,#61d4d806 50%,#0000 53%);background-size:157px 157px,223px 223px,307px 307px,100% 100%}.studio-shell[data-visual-theme=cinematic-balanced]:after{background:radial-gradient(30% 60% at 50% 112%,#3e7e990f,#0000 73%),linear-gradient(90deg,#0000003d,#0000 12% 88%,#00000045)}.studio-shell[data-visual-theme=cinematic-balanced] .topbar{background:radial-gradient(26% 130% at 3% 0,#3ca0a612,#0000 68%),linear-gradient(#ffffff07,#0000 34%),linear-gradient(90deg,#09101a,#070c13 48%,#09101a);border-bottom-color:#84d9dc29;box-shadow:0 12px 30px #00000057,inset 0 -1px #00000094}.studio-shell[data-visual-theme=cinematic-balanced] .brand{letter-spacing:.3em;text-shadow:0 0 17px #52d9d421;padding-left:49px;font-size:12px;font-weight:620}.studio-shell[data-visual-theme=cinematic-balanced] .brand:before{background:radial-gradient(circle, #82ece6eb 0 1.5px, transparent 2px 6px, #82ece657 6.5px 7px, transparent 7.5px), conic-gradient(from 215deg, transparent 0 18%, #85eae5d9 20% 38%, transparent 40% 66%, #bb8eddd1 68% 82%, transparent 84%);border:1px solid #84eae594;border-radius:50%;width:24px;height:24px;top:14px;bottom:auto;left:15px;box-shadow:0 0 13px #52d9d433,inset 0 0 9px #58aac01f}.studio-shell[data-visual-theme=cinematic-balanced] .brand:after{content:"SIGNAL ENVIRONMENT";color:#566b77;letter-spacing:.21em;font-size:5.5px}.studio-shell[data-visual-theme=cinematic-balanced] .transport{background:linear-gradient(#172330f5,#080e16fa);border-color:#9dc5d21f;box-shadow:inset 0 1px #ffffff0a,inset 0 -3px 7px #00000059,0 7px 17px #0000003b}.studio-shell[data-visual-theme=cinematic-balanced] .transport .play{color:#a9f4ed;background:radial-gradient(circle at 50% 48%,#52d9d433,#52d9d40b 62%,#0000 64%);border-color:#52d9d44a;box-shadow:inset 0 1px #ffffff0d,0 0 17px #52d9d41a}.studio-shell[data-visual-theme=cinematic-balanced] .browser-panel,.studio-shell[data-visual-theme=cinematic-balanced] .inspector-panel{background:linear-gradient(#ffffff05,#0000 22%),linear-gradient(148deg,#0c161ffa,#060c13fc)}.studio-shell[data-visual-theme=cinematic-balanced] .panel-tabs,.studio-shell[data-visual-theme=cinematic-balanced] .inspector-tabs,.studio-shell[data-visual-theme=cinematic-balanced] .arrangement-toolbar,.studio-shell[data-visual-theme=cinematic-balanced] .editor-tabs,.studio-shell[data-visual-theme=cinematic-balanced] .piano-toolbar,.studio-shell[data-visual-theme=cinematic-balanced] .mixer-toolbar,.studio-shell[data-visual-theme=cinematic-balanced] .automation-toolbar,.studio-shell[data-visual-theme=cinematic-balanced] .modulation-toolbar{background:linear-gradient(#121d28fa,#070d14fa);box-shadow:inset 0 1px #ffffff06,inset 0 -1px #00000080}.studio-shell[data-visual-theme=cinematic-balanced] .panel-tabs .active,.studio-shell[data-visual-theme=cinematic-balanced] .inspector-tabs .active,.studio-shell[data-visual-theme=cinematic-balanced] .editor-tabs button.active{color:#9df1eb;text-shadow:0 0 14px #52d9d43d;background:linear-gradient(#52d9d412,#0000);border-color:#57d8d3}.studio-shell[data-visual-theme=cinematic-balanced] .sound-result-list>li{background:linear-gradient(145deg,#0f1b26d4,#070d14e8);border-color:#95c0cd16;box-shadow:inset 0 1px #ffffff05,0 5px 14px #0000001a}.studio-shell[data-visual-theme=cinematic-balanced] .sound-result-main>i{color:#9cebe6;background:radial-gradient(at 18% 76%,#52d9d45c,#0000 46%),linear-gradient(145deg,#1c4552bd,#12182ae6);border:1px solid #6dd8d824;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 0 12px #3fb8bb0f}.studio-shell[data-visual-theme=cinematic-balanced] .sound-result-list>li:nth-child(3n+2) .sound-result-main>i{color:#c5a5e2;background:radial-gradient(at 80% 25%,#9c5ecc59,#0000 45%),linear-gradient(145deg,#35234ecc,#0d1725eb);border-color:#b887dd26}.studio-shell[data-visual-theme=cinematic-balanced] .sound-result-list>li:nth-child(3n) .sound-result-main>i{color:#98bfee;background:radial-gradient(at 35% 45%,#4f8bd257,#0000 48%),linear-gradient(145deg,#1c2e50d1,#0a151feb);border-color:#609bdc29}.studio-shell[data-visual-theme=cinematic-balanced] .shimmer-contour{opacity:.24;filter:drop-shadow(0 0 8px #52d9d40e);background:repeating-radial-gradient(at 0 100%,#0000 0 21px,#52d9d426 22px 22.8px,#0000 24px 35px);width:350px;height:240px;bottom:5px;left:-88px;transform:rotate(-10deg)}.studio-shell[data-visual-theme=cinematic-balanced] .center-workspace{background:radial-gradient(52% 46% at 83% 106%,#70449f17,#0000 76%),radial-gradient(44% 38% at 16% 112%,#237a8913,#0000 76%),#050a10}.studio-shell[data-visual-theme=cinematic-balanced] .arrangement{isolation:isolate;background-color:#060c13;background-image:radial-gradient(44% 30% at 96% 72%,#7846a817,#0000 72%),radial-gradient(38% 28% at 7% 38%,#268c9912,#0000 74%),linear-gradient(90deg,#6193a528 1px,#0000 1px),linear-gradient(90deg,#6193a50b 1px,#0000 1px),linear-gradient(#ffffff03,#0000 42%);position:relative}.studio-shell[data-visual-theme=cinematic-balanced] .arrangement:before{content:"";z-index:0;pointer-events:none;opacity:.3;filter:blur(.1px)drop-shadow(0 0 10px #559bc314);background:repeating-radial-gradient(at 112% 52%,#0000 0 20px,#685fbb24 21px 21.7px,#0000 23px 34px),repeating-radial-gradient(at 104% 55%,#0000 0 32px,#35b7c117 33px 33.7px,#0000 35px 49px);width:62%;height:68%;position:absolute;top:17%;right:-8%;transform:rotate(-7deg)}.studio-shell[data-visual-theme=cinematic-balanced] .track-header,.studio-shell[data-visual-theme=cinematic-balanced] .track-lane,.studio-shell[data-visual-theme=cinematic-balanced] .ruler{z-index:1}.studio-shell[data-visual-theme=cinematic-balanced] .track-select{background:linear-gradient(90deg,#0e1923fc,#080f17fa)}.studio-shell[data-visual-theme=cinematic-balanced] .track-icon{color:#73ddd8;background:radial-gradient(circle,#52d9d41f,#081118c2 68%);border:1px solid #76b9c724;border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;display:grid;box-shadow:inset 0 0 0 3px #52d9d406,0 0 12px #52d9d40b}.studio-shell[data-visual-theme=cinematic-balanced] .track-row[data-track-kind=drums] .track-icon{color:#66dfda;background:radial-gradient(circle,#32adb12b,#071218c7 68%);border-color:#52d9d438}.studio-shell[data-visual-theme=cinematic-balanced] .track-row[data-track-kind=bass] .track-icon{color:#73a9ee;background:radial-gradient(circle,#4a7dc726,#080f19c7 68%);border-color:#5991d738}.studio-shell[data-visual-theme=cinematic-balanced] .track-row[data-track-kind=keys] .track-icon{color:#ac8fdf;background:radial-gradient(circle,#8560bd29,#0d0d1bc7 68%);border-color:#9a74d338}.studio-shell[data-visual-theme=cinematic-balanced] .track-row[data-track-kind=synth] .track-icon{color:#c080df;background:radial-gradient(circle,#9153b52b,#110c1bc7 68%);border-color:#b56bd338}.studio-shell[data-visual-theme=cinematic-balanced] .track-row[data-track-kind=audio] .track-icon{color:#d184d8;background:radial-gradient(circle,#a952a82b,#140c1bc7 68%);border-color:#c96fc738}.studio-shell[data-visual-theme=cinematic-balanced] .track-color{border-radius:2px;align-self:center;width:2px;height:72%;box-shadow:0 0 8px}.studio-shell[data-visual-theme=cinematic-balanced] .track-lane{background:linear-gradient(#ffffff02,#00000008)}.studio-shell[data-visual-theme=cinematic-balanced] .arrangement-clip{border:1px solid #d8ecef1a;border-top-color:currentColor;border-radius:4px;box-shadow:inset 0 1px #ffffff0d,0 5px 12px #0000002b}.studio-shell[data-visual-theme=cinematic-balanced] .arrangement-clip.clip-teal{color:#67ddd7;background:linear-gradient(#23818f5e,#134a583d)}.studio-shell[data-visual-theme=cinematic-balanced] .arrangement-clip.clip-blue{color:#78a9ea;background:linear-gradient(#315b9a66,#1a345b45)}.studio-shell[data-visual-theme=cinematic-balanced] .arrangement-clip.clip-orchid{color:#b78adf;background:linear-gradient(#6742996e,#3c245d4a)}.studio-shell[data-visual-theme=cinematic-balanced] .arrangement-clip.selected{box-shadow:inset 0 0 0 1px #e5f6f766,0 0 0 1px #52d9d429,0 0 16px #52d9d416,0 6px 15px #0003}.studio-shell[data-visual-theme=cinematic-balanced] .clip-data{opacity:.82;filter:drop-shadow(0 0 2px)}.studio-shell[data-visual-theme=cinematic-balanced] .playhead{background:linear-gradient(#7bf1ebdb,#54d6d2 68%,#54d6d238);width:1px;box-shadow:0 0 8px #52d9d442}.studio-shell[data-visual-theme=cinematic-balanced] .track-header.selected+.track-lane .playhead:before,.studio-shell[data-visual-theme=cinematic-balanced] .track-header.selected+.track-lane .playhead:after{content:"";pointer-events:none;border:1px solid #5de0dc45;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.studio-shell[data-visual-theme=cinematic-balanced] .track-header.selected+.track-lane .playhead:before{width:31px;height:31px;box-shadow:inset 0 0 14px #52d9d40f,0 0 12px #52d9d414}.studio-shell[data-visual-theme=cinematic-balanced] .track-header.selected+.track-lane .playhead:after{border-color:#7877cf24;width:49px;height:49px}.studio-shell[data-visual-theme=cinematic-balanced] .editor-panel{background:linear-gradient(#0a121b,#050a10);border-top-color:#79d1d630;box-shadow:0 -11px 30px #00000040,inset 0 1px #ffffff03}.studio-shell[data-visual-theme=cinematic-balanced] .instrument-rack{background:radial-gradient(48% 58% at 79% 110%,#504da01a,#0000 74%),radial-gradient(40% 54% at 37% 118%,#207e8d14,#0000 75%),linear-gradient(145deg,#09111a,#050a10)}.studio-shell[data-visual-theme=cinematic-balanced] .instrument-loaded-card,.studio-shell[data-visual-theme=cinematic-balanced] .sample-layer,.studio-shell[data-visual-theme=cinematic-balanced] .synth-designer{background:linear-gradient(145deg,#14202de8,#080e16f0);border-color:#96c0cf1c;box-shadow:inset 0 1px #ffffff06,0 5px 16px #00000021}.studio-shell[data-visual-theme=cinematic-balanced] .instrument-presets article.active{background:radial-gradient(at 0,#52d9d421,#0000 56%),linear-gradient(90deg,#0c212beb,#171227db);border-color:#52d9d452;box-shadow:inset 2px 0 #55d8d3,0 0 14px #52d9d40b}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .performance-pad[data-surface=glass-pad]{grid-template-rows:42px 42px minmax(142px,1fr);padding:0 10px 10px}.studio-shell[data-visual-theme=cinematic-balanced] .performance-pad[data-surface=glass-pad] .surface-readout b{color:#a4ece7;text-shadow:0 0 11px #52d9d42e}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad{isolation:isolate;background:radial-gradient(circle,#69bfd72e 0 1.5px,#0000 2px 6%,#5db7d221 6.3% 6.7%,#0000 7% 12%,#756eca1f 12.3% 12.7%,#0000 13% 18%,#756eca14 18.3% 18.6%,#0000 19%) 0 0/100% 100%,radial-gradient(38% 21% at 19% 51%,#29aabb33,#0000 70%) 0 0/100% 100%,radial-gradient(42% 22% at 82% 49%,#894cbe33,#0000 70%) 0 0/100% 100%,radial-gradient(circle at 14% 18%,#b1eef25c 0 .55px,#0000 .8px) 0 0/71px 71px,radial-gradient(circle at 78% 26%,#cda9eb52 0 .55px,#0000 .8px) 0 0/103px 103px,linear-gradient(112deg,#1553652e,#0000 37%,#5341851f 65%,#6a37912b) 0 0/100% 100%,#07111a 0 0/100% 100%;border:1px solid #74c0cf29;border-radius:8px;grid-template-columns:repeat(13,minmax(26px,1fr));align-items:stretch;gap:0;min-height:142px;padding:18px 15px 14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,inset 0 0 38px #124b5e1a,0 8px 22px #00000030}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad:before{content:"";z-index:-1;pointer-events:none;opacity:.78;filter:blur(9px);clip-path:polygon(0 58%,7% 42%,15% 50%,23% 26%,32% 46%,40% 33%,49% 54%,58% 38%,66% 48%,75% 24%,84% 45%,92% 34%,100% 51%,100% 66%,92% 50%,84% 61%,75% 41%,66% 65%,58% 53%,49% 70%,40% 48%,32% 63%,23% 42%,15% 66%,7% 56%,0 73%);background:radial-gradient(at 8% 62%,#52d9d447,#0000 12%),radial-gradient(at 30% 37%,#52d9d42e,#0000 17%),radial-gradient(at 55% 56%,#6f84d92e,#0000 19%),radial-gradient(at 78% 34%,#9758cc33,#0000 18%),linear-gradient(90deg,#52d9d452,#5ebccc38 42%,#8c5bc442 72%,#be6bd24d);height:34%;position:absolute;top:35%;left:7%;right:7%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#52d9d409,#0000 36% 64%,#a85bca0a);position:absolute;inset:0;box-shadow:inset 0 0 50px #12546814}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note{--node-y:52%;color:#9fece6;min-width:0;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative;overflow:visible;transform:none}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(2){--node-y:45%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(3){--node-y:38%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(4){--node-y:43%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(5){--node-y:55%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(6){--node-y:50%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(7){--node-y:49%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(8){--node-y:43%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(9){--node-y:35%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(10){--node-y:41%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(11){--node-y:52%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(12){--node-y:57%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(13){--node-y:49%}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:before{content:"";left:-2px;right:-2px;top:var(--node-y);pointer-events:none;background:linear-gradient(90deg,#4fcfcf1a,#6ee4dead,#9c70d38a);height:1px;position:absolute;box-shadow:0 0 5px #52d9d41f}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:after{content:"";z-index:2;left:50%;top:var(--node-y);pointer-events:none;background:radial-gradient(circle,#d9ffff 0 1px,#6bd9d4 2px,#2e7387db 52%,#0c1923e6 72%);border:1px solid #c4f2f1d1;border-radius:50%;width:9px;height:9px;transition:width .12s,height .12s,box-shadow .12s,border-color .12s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #52d9d40e,0 0 12px #52d9d44d}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:nth-child(n+8):after{background:radial-gradient(circle,#fff1ff 0 1px,#b887dd 2px,#5d377fe6 52%,#130f20eb 72%);border-color:#e3bff5d1;box-shadow:0 0 0 4px #a65fcf0e,0 0 12px #a65fcf47}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note[data-node-role=primary]:after{width:11px;height:11px}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note[data-node-role=satellite]:after{opacity:.72;width:6px;height:6px}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note[data-node-role=satellite] span{opacity:.28}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note i{display:none}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note span,.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note b{color:#617b84;opacity:.44;width:max-content;max-width:58px;font:6px ui-monospace,SFMono-Regular,Consolas,monospace;transition:color .12s,opacity .12s;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note b{display:none}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:hover,.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note.pressed{box-shadow:none;background:0 0;border:0;transform:none}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:hover:after,.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note.pressed:after{border-color:#e8ffff;width:14px;height:14px;box-shadow:0 0 0 7px #52d9d417,0 0 20px #52d9d485}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note:hover span,.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop] .surface-glass-pad .surface-note.pressed span{color:#c8f3f0;opacity:.9}.studio-shell[data-visual-theme=cinematic-balanced] .effect-chain{gap:8px;padding-left:18px;position:relative}.studio-shell[data-visual-theme=cinematic-balanced] .effect-chain:before{content:"";pointer-events:none;background:linear-gradient(#0000,#52d9d4d9 8%,#52d9d47a 48%,#a767d185 80%,#0000);width:1px;position:absolute;top:12px;bottom:12px;left:5px;box-shadow:0 0 7px #52d9d42e}.studio-shell[data-visual-theme=cinematic-balanced] .effect-card{background:linear-gradient(145deg,#121d29f0,#070d14f5);border-color:#92becc1c;border-radius:5px;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff06,0 7px 18px #00000026}.studio-shell[data-visual-theme=cinematic-balanced] .effect-card:before{content:"";z-index:2;pointer-events:none;background:#173942;border:1px solid #b3f4f0b8;border-radius:50%;width:9px;height:9px;position:absolute;top:20px;left:-18px;box-shadow:0 0 0 3px #52d9d40f,0 0 8px #52d9d44d}.studio-shell[data-visual-theme=cinematic-balanced] .effect-card:nth-child(2n):before{background:#372348;border-color:#d5abefb3;box-shadow:0 0 0 3px #9c5bcc0e,0 0 8px #9c5bcc40}.studio-shell[data-visual-theme=cinematic-balanced] .effect-card-head{background:linear-gradient(#ffffff04,#0000)}.studio-shell[data-visual-theme=cinematic-balanced] .effect-controls{background:#040a106b;border-top-color:#95c0cd13}.studio-shell[data-visual-theme=cinematic-balanced] .knob{background:radial-gradient(circle at 38% 31%, #394957 0 8%, #192530 37%, #080e15 70%), conic-gradient(from 225deg, #58d8d3 0 42%, #243440 42% 75%, transparent 75%);box-shadow:inset 0 1px 2px #ffffff26,inset 0 -4px 8px #00000094,0 4px 9px #00000052,0 0 0 1px #97c9d52b,0 0 10px #52d9d409}.studio-shell[data-visual-theme=cinematic-balanced] .statusbar{background:linear-gradient(#080e15,#05080d);border-top-color:#79c8d01f;box-shadow:inset 0 1px #ffffff04,0 -7px 18px #0000001f}.studio-shell[data-visual-theme=cinematic-balanced] .offline i{background:#50ddd2;box-shadow:0 0 10px #52d9d494}.studio-shell[data-visual-theme=cinematic-balanced] .resource b{background:linear-gradient(90deg,#4f8fce,#5ddbd5);box-shadow:0 0 6px #52d9d429}@media (width<=920px){.studio-shell[data-visual-theme=cinematic-balanced][data-layout=mobile] .brand{padding-left:42px}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=mobile] .brand:before{width:22px;height:22px;top:17px;left:10px}.studio-shell[data-visual-theme=cinematic-balanced][data-layout=mobile] .surface-glass-pad{background:radial-gradient(at 18% 25%,#2ea5b22b,#0000 48%),radial-gradient(at 82% 76%,#844eb429,#0000 48%),#08121a;border:1px solid #74c0cf24;border-radius:7px}}@media (width<=1060px){.studio-shell[data-visual-theme=cinematic-balanced][data-layout=desktop][data-studio-room]>.topbar{grid-template-columns:150px minmax(210px,1fr) 108px 180px 62px 22px 145px}}.create-flow[hidden],.create-library-head{display:none}.instrument-device-nav{background:#04090e6b;border:1px solid #8baebe1a;border-radius:7px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:7px 0 8px;padding:3px;display:grid}.instrument-device-nav button{color:#637984;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-width:0;height:30px;font-size:7px;display:flex}.instrument-device-nav button i{color:#668892;font-size:11px;font-style:normal}.instrument-device-nav button:hover{color:#b8d4d4;background:#ffffff06}.instrument-device-nav button.active{color:#d3e7e7;background:linear-gradient(135deg,#328e8f2e,#60407d1f);box-shadow:inset 0 0 0 1px #59c7c429}.instrument-device-nav button.active i{color:#8bded9}.instrument-browser[data-device-view=sound]>.sample-engine,.instrument-browser[data-device-view=sound]>.instrument-macros,.instrument-browser[data-device-view=sound]>.synth-designer,.instrument-browser[data-device-view=samples]>.instrument-search,.instrument-browser[data-device-view=samples]>.instrument-family-tabs,.instrument-browser[data-device-view=samples]>.instrument-results-head,.instrument-browser[data-device-view=samples]>.instrument-presets,.instrument-browser[data-device-view=samples]>.instrument-macros,.instrument-browser[data-device-view=samples]>.synth-designer,.instrument-browser[data-device-view=shape]>.sample-engine,.instrument-browser[data-device-view=shape]>.instrument-search,.instrument-browser[data-device-view=shape]>.instrument-family-tabs,.instrument-browser[data-device-view=shape]>.instrument-results-head,.instrument-browser[data-device-view=shape]>.instrument-presets{display:none}.studio-shell[data-layout=desktop][data-studio-room=create]>.workspace{grid-template-columns:270px minmax(0,1fr)}.studio-shell[data-layout=desktop][data-studio-room=create]>.workspace.browser-collapsed{grid-template-columns:50px minmax(0,1fr)}.studio-shell[data-layout=desktop][data-studio-room=create] .center-workspace,.studio-shell[data-layout=desktop][data-studio-room=create] .center-workspace.beat-sequencer-open{border-radius:0;grid-template-rows:60px minmax(0,1fr);gap:10px;display:grid;overflow:hidden}.studio-shell[data-layout=desktop][data-studio-room=create] .room-view-editor{min-height:0;overflow:hidden}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow{background:linear-gradient(135deg,#0c1620f0,#070c13f5);border:1px solid #8baebe1a;border-radius:11px;grid-template-columns:minmax(170px,1.18fr) repeat(4,minmax(112px,1fr));gap:6px;min-width:0;min-height:0;padding:5px;display:grid;overflow:auto hidden;box-shadow:0 12px 28px #0000002e,inset 0 1px #ffffff05}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button{text-align:left;color:#748791;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;height:48px;padding:0 10px;display:grid;position:relative;overflow:hidden}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button:hover:not(:disabled){color:#bed2d4;background:#ffffff06;border-color:#8baebe1a}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button>i{color:#6f8b94;background:#04090e61;border:1px solid #8baebe1a;border-radius:7px;place-items:center;width:28px;height:28px;font-size:13px;font-style:normal;display:grid}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button span,.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button strong,.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button strong{color:#a8b9bf;font-size:9px;font-weight:610}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button small{color:#526873;margin-top:3px;font-size:7px}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button>b{color:#4e6d75;letter-spacing:.1em;font:600 5px ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:6px;right:8px}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button.active{background:linear-gradient(135deg,#26797b29,#5b3c7814);border-color:#59c7c438;box-shadow:inset 0 -2px #59c7c461}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button.active>i,.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button.library-open>i{color:#9ce5e1;background:#2b868721;border-color:#59c7c43d}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button.active strong,.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button.library-open strong{color:#d9e8e9}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button.record-mode.active{background:linear-gradient(135deg,#84303d26,#53326814);border-color:#de69743d;box-shadow:inset 0 -2px #de697466}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button.record-mode.active>i{color:#efa4aa;background:#84303d24;border-color:#de697445}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button:disabled{opacity:.28;cursor:default}.studio-shell[data-layout=desktop][data-studio-room=create] .browser-panel{grid-template-rows:38px minmax(0,1fr)}.studio-shell[data-layout=desktop][data-studio-room=create] .panel-tabs{gap:4px;padding-inline:8px}.studio-shell[data-layout=desktop][data-studio-room=create] .panel-tabs button{width:30px;height:30px}.studio-shell[data-layout=desktop][data-studio-room=create] .browser-content{padding:10px}.studio-shell[data-layout=desktop][data-studio-room=create] .create-library-head{border-bottom:1px solid #8baebe14;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:1px 1px 10px;padding-bottom:9px;display:flex}.create-library-head span,.create-library-head small,.create-library-head strong{min-width:0;display:block}.create-library-head small{color:#517078;letter-spacing:.15em;font:650 6px ui-monospace,SFMono-Regular,Consolas,monospace}.create-library-head strong{color:#c6d5d8;margin-top:4px;font-size:11px;font-weight:610}.create-library-head button{color:#6c818a;background:#ffffff05;border-radius:6px;width:28px;height:28px;font-size:16px}.create-library-head button:hover{color:#dbe5e7;background:#ffffff0d}.studio-shell[data-layout=desktop][data-studio-room=create] .search{margin-bottom:8px}.studio-shell[data-layout=desktop][data-studio-room=create] .instrument-rack{grid-template-columns:minmax(230px,258px) minmax(0,1fr)}.studio-shell[data-layout=desktop][data-studio-room=create] .instrument-browser{background:linear-gradient(#0a121be6,#070d14b8);padding:10px}.studio-shell[data-layout=desktop][data-studio-room=create] .instrument-loaded-card{min-height:51px}.studio-shell[data-layout=desktop][data-studio-room=create] .instrument-macros{border-top:0;margin-top:2px;padding-top:0}.studio-shell[data-layout=desktop][data-studio-room=create] .synth-designer{margin-top:8px}@media (width<=1120px){.studio-shell[data-layout=desktop][data-studio-room=create]>.workspace{grid-template-columns:246px minmax(0,1fr)}.studio-shell[data-layout=desktop][data-studio-room=create]>.workspace.browser-collapsed{grid-template-columns:50px minmax(0,1fr)}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow{grid-template-columns:minmax(150px,1.12fr) repeat(4,minmax(102px,1fr))}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button{padding-inline:8px}.studio-shell[data-layout=desktop][data-studio-room=create] .instrument-rack{grid-template-columns:minmax(220px,238px) minmax(0,1fr)}}@media (height<=720px){.studio-shell[data-layout=desktop][data-studio-room=create] .center-workspace,.studio-shell[data-layout=desktop][data-studio-room=create] .center-workspace.beat-sequencer-open{grid-template-rows:48px minmax(0,1fr);gap:8px}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow{padding:4px}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button{grid-template-columns:24px minmax(0,1fr);gap:6px;height:38px}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button>i{width:23px;height:23px;font-size:11px}.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button small,.studio-shell[data-layout=desktop][data-studio-room=create] .create-flow>button>b{display:none}}.studio-shell[data-layout=desktop][data-studio-room=mix] .room-view-editor>.editor-panel{background:radial-gradient(44% 52% at 92% 106%,#67449417,#0000 74%),radial-gradient(36% 42% at 2% 110%,#24878f12,#0000 76%),linear-gradient(150deg,#09111a,#050a10);border-color:#719fb329;grid-template-rows:58px minmax(0,1fr);gap:8px;padding:9px;overflow:hidden}.mix-flow{background:#050a108f;border:1px solid #8baebe1a;border-radius:10px;grid-template-columns:repeat(4,minmax(132px,1fr));gap:5px;min-width:0;padding:4px;display:grid;overflow:auto hidden}.mix-flow>button{text-align:left;color:#6c818b;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:132px;height:48px;padding:0 10px;display:grid}.mix-flow>button:hover{color:#bdd0d4;background:#ffffff05;border-color:#8baebe1a}.mix-flow>button>i{color:#78939b;background:#03080d6b;border:1px solid #8baebe1a;border-radius:7px;place-items:center;width:28px;height:28px;font-size:13px;font-style:normal;display:grid}.mix-flow>button strong,.mix-flow>button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mix-flow>button strong{color:#a7b9bf;font-size:9px;font-weight:620}.mix-flow>button small{color:#526a74;margin-top:3px;font-size:7px}.mix-flow>button.active{background:linear-gradient(135deg,#277a7b2b,#5b3b7917);border-color:#59c7c438;box-shadow:inset 0 -2px #59c7c461}.mix-flow>button.active>i{color:#9ce5e1;background:#2b868721;border-color:#59c7c43d}.mix-flow>button.active strong{color:#dce9ea}.mix-room-main{grid-template-rows:57px minmax(0,1fr);gap:8px;min-width:0;min-height:0;display:grid;overflow:hidden}.mix-channel-ribbon{background:#060c129e;border:1px solid #8baebe17;border-radius:9px;gap:5px;min-width:0;min-height:0;padding:5px;display:flex;overflow:auto hidden}.mix-channel-ribbon>button{text-align:left;color:#82959e;background:#0c141ca8;border:1px solid #8baebe14;border-radius:7px;flex:1 0 154px;grid-template-rows:minmax(0,1fr) 3px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:0 8px;min-width:154px;max-width:210px;padding:4px 8px;display:grid;position:relative;overflow:hidden}.mix-channel-ribbon>button:hover{background:#111c26d1;border-color:#8baebe2b}.mix-channel-ribbon>button.selected{background:linear-gradient(135deg,#25656a33,#32234826);border-color:#59c7c447;box-shadow:inset 2px 0 #59c7c4}.mix-ribbon-icon{color:#071014;border-radius:7px;grid-row:1;place-items:center;width:28px;height:28px;font-size:13px;font-style:normal;display:grid}.mix-channel-ribbon>button>span{grid-row:1;min-width:0}.mix-channel-ribbon strong,.mix-channel-ribbon small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mix-channel-ribbon strong{color:#c0ced2;font-size:9px;font-weight:610}.mix-channel-ribbon small{color:#5c737d;margin-top:3px;font:6px ui-monospace,SFMono-Regular,Consolas,monospace}.mix-channel-ribbon em{background:#8baebe14;border-radius:2px;grid-area:2/1/auto/-1;height:2px;overflow:hidden}.mix-channel-ribbon em b{border-radius:inherit;background:linear-gradient(90deg,#4eaaa0,#65d7ce 72%,#bda66c 90%,#d56d70);height:100%;display:block}.mix-channel-ribbon mark{color:#e7c780;background:#7b642a2e;border-radius:4px;place-items:center;width:14px;height:14px;font:650 6px ui-monospace,monospace;display:grid;position:absolute;top:4px;right:5px}.mix-channel-ribbon>.mix-ribbon-master{background:linear-gradient(145deg,#3d2a5357,#091017b8);border-color:#8f6cb22b}.mix-ribbon-master .master-color{color:#e4d5ec}.mix-mode-panel{background:linear-gradient(145deg,#0c151ee0,#060b11e6);border:1px solid #8baebe1a;border-radius:10px;grid-template-rows:70px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff04}.mix-panel-head{background:#070d1475;border-bottom:1px solid #8baebe14;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:11px 15px;display:flex}.mix-panel-head>div:first-child{min-width:0}.mix-panel-head span{color:#61848a;letter-spacing:.15em;font:650 6px ui-monospace,SFMono-Regular,Consolas,monospace}.mix-panel-head span .mixer-live-dot{margin-right:3px;display:inline-block}.mix-panel-head h3{color:#d9e4e7;letter-spacing:-.015em;margin:0 0 0 10px;font-size:14px;font-weight:610;display:inline}.mix-panel-head p{color:#677c86;margin:5px 0 0;font-size:8px;line-height:1.4}.mix-panel-head>button,.mix-panel-head>div:last-child button{color:#8498a1;white-space:nowrap;background:#ffffff05;border:1px solid #8baebe1f;border-radius:7px;height:30px;padding:0 10px;font-size:8px}.mix-panel-head>button:hover,.mix-panel-head>div:last-child button:hover{color:#d3e9e7;border-color:#59c7c440}.mix-panel-head>div:last-child{align-items:center;gap:9px;display:flex}.mix-panel-head>div:last-child small{color:#536a74;letter-spacing:.1em;white-space:nowrap;font:6px ui-monospace,SFMono-Regular,Consolas,monospace}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .full-mixer{background:radial-gradient(at 50% 110%,#3d75870b,#0000 58%);gap:7px;padding:8px}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .mixer-strip{background:linear-gradient(#0e1821db,#070c12d1);border-color:#8baebe17;border-radius:7px;flex:1 0 122px;grid-template-rows:30px 20px 32px 42px minmax(78px,1fr) 20px 30px;min-width:122px;max-width:170px}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .mixer-strip:hover{border-color:#8baebe2b}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .mixer-strip.selected{border-color:#59c7c457;box-shadow:inset 0 2px #59c7c4,0 0 18px #59c7c40b}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .strip-head{grid-template-columns:3px 20px minmax(0,1fr);gap:7px}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .strip-head strong{color:#c3d0d4;font-size:9px}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .strip-fader-zone{gap:13px;padding-block:8px 5px}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .stereo-meter{width:13px}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .channel-fader{min-height:72px}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .strip-switches button{border-radius:4px;font-size:8px}.studio-shell[data-layout=desktop][data-studio-room=mix] .mix-balance-panel .master-strip{background:linear-gradient(#462d5b47,#080e15db);border-color:#9d73be38}.mix-detail-grid,.mix-device-layout,.mix-macro-layout{gap:9px;min-width:0;min-height:0;padding:9px;display:grid;overflow:hidden}.mix-detail-grid{grid-template-columns:minmax(300px,.84fr) minmax(390px,1.16fr)}.mix-channel-focus,.mix-routing-focus,.mix-source-device,.mix-effects-stage,.mix-macro-console,.mix-motion-summary{background:#070d1485;border:1px solid #8baebe17;border-radius:9px;min-width:0;min-height:0;overflow:auto}.mix-channel-focus{grid-template-rows:68px auto minmax(80px,1fr);padding:12px;display:grid;overflow:hidden}.mix-channel-focus>header{border-bottom:1px solid #8baebe14;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding-bottom:12px;display:grid}.mix-channel-focus>header span{min-width:0}.mix-channel-focus>header small,.mix-channel-focus>header strong,.mix-channel-focus>header em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mix-channel-focus>header small{color:#56717a;letter-spacing:.13em;font:650 6px ui-monospace,SFMono-Regular,Consolas,monospace}.mix-channel-focus>header strong{color:#d3dfe2;margin-top:4px;font-size:12px}.mix-channel-focus>header em{color:#627883;margin-top:3px;font-size:7px;font-style:normal}.mix-channel-focus>header button{color:#80969f;border:1px solid #8baebe1a;border-radius:6px;height:29px;padding:0 9px;font-size:7px}.mix-focus-controls{border-bottom:1px solid #8baebe14;grid-template-columns:1fr 1fr;gap:12px;padding:15px 2px;display:grid}.mix-focus-controls label{color:#687f89;gap:7px;min-width:0;font-size:8px;display:grid}.mix-focus-controls label span{justify-content:space-between;gap:8px;display:flex}.mix-focus-controls label b{color:#a9b8be;font:600 8px ui-monospace,SFMono-Regular,Consolas,monospace}.mix-focus-controls input{accent-color:#59c7c4;width:100%;min-width:0}.mix-focus-controls>div{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;display:grid}.mix-focus-controls>div button{color:#6d838d;border:1px solid #8baebe1a;border-radius:6px;height:28px;font:650 7px ui-monospace,monospace}.mix-focus-controls>div button.active.mute{color:#efa0a5;background:#84303d1f;border-color:#de697447}.mix-focus-controls>div button.active.solo{color:#e3d58d;background:#6a591f1f;border-color:#d3bc5940}.mix-signal-readout{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;min-height:0;padding:13px 2px 2px;display:grid}.mix-signal-readout>span{background:#ffffff03;border:1px solid #8baebe14;border-radius:7px;min-width:0;padding:10px}.mix-signal-readout small,.mix-signal-readout strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mix-signal-readout small{color:#536c76;letter-spacing:.1em;font:650 5px ui-monospace,monospace}.mix-signal-readout strong{color:#9fb2b9;margin-top:5px;font-size:8px}.mix-signal-readout>i{color:#6ca9a8;font-style:normal}.mix-routing-focus{padding:6px}.mix-routing-focus .routing-section{background:0 0;border-bottom:0;min-height:100%;padding:10px}.mix-routing-focus .send-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:11px}.mix-routing-focus .return-bus-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mix-device-layout{grid-template-columns:248px minmax(0,1fr)}.mix-source-device{grid-template-rows:28px auto auto 34px;align-content:start;gap:11px;padding:12px;display:grid;overflow:hidden}.mix-source-device .section-heading{margin:0}.mix-source-device .section-heading small{color:#536c75;letter-spacing:.12em;font:650 6px ui-monospace,monospace}.mix-source-card{background:linear-gradient(135deg,#25666c21,#36244e1c);border:1px solid #59c7c424;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:11px;display:grid}.mix-source-card span{min-width:0}.mix-source-card small,.mix-source-card strong,.mix-source-card em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mix-source-card small{color:#5c7c82;letter-spacing:.11em;font:650 6px ui-monospace,monospace}.mix-source-card strong{color:#d0dcdf;margin-top:5px;font-size:10px}.mix-source-card em{color:#667d87;margin-top:4px;font-size:7px;font-style:normal}.mix-source-device dl{border:1px solid #8baebe14;border-radius:8px;margin:0;padding:5px 10px}.mix-source-device dl>div{border-bottom:1px solid #8baebe12;justify-content:space-between;gap:10px;min-width:0;padding:8px 0;display:flex}.mix-source-device dl>div:last-child{border-bottom:0}.mix-source-device dt{color:#5d737d;font-size:7px}.mix-source-device dd{color:#a1b1b7;text-overflow:ellipsis;white-space:nowrap;max-width:60%;margin:0;font:600 7px ui-monospace,monospace;overflow:hidden}.mix-source-device>button,.mix-motion-summary>button{color:#9bc5c4;background:#2b868712;border:1px solid #59c7c42e;border-radius:7px;justify-content:space-between;align-items:center;padding:0 10px;font-size:8px;display:flex}.mix-source-device>button:hover,.mix-motion-summary>button:hover{color:#d8f0ee;border-color:#59c7c452}.mix-effects-stage{padding:10px}.mix-effects-stage>.section-heading{margin:0 0 7px}.mix-effects-stage .effect-presets{margin-bottom:9px}.mix-effects-stage .effect-chain{grid-template-columns:repeat(5,minmax(154px,1fr));gap:7px;padding:16px 0 0;overflow:auto hidden}.mix-effects-stage .effect-chain:before{background:linear-gradient(90deg,#0000,#52d9d4b3 8%,#52d9d46b 48%,#a767d17a 82%,#0000);width:auto;height:1px;inset:4px 24px auto}.mix-effects-stage .effect-card{align-self:start;min-width:154px}.mix-effects-stage .effect-card:before{top:-16px;left:50%;transform:translate(-50%)}.mix-effects-stage .effect-card-head{grid-template-columns:8px 7px minmax(0,1fr) 42px 23px;min-height:48px;padding-inline:5px}.mix-effects-stage .effect-card-head strong{font-size:8px}.mix-effects-stage .effect-card-head small{font-size:6px}.mix-effects-stage .effect-controls{padding:7px}.mix-macro-layout{grid-template-columns:minmax(0,1fr) 285px}.mix-macro-console{place-items:center;padding:16px;display:grid;overflow:hidden}.mix-macro-console .knob-grid{grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px;width:100%}.mix-macro-console .knob-grid label{color:#748a94;background:linear-gradient(145deg,#101b25d1,#070d14cc);border:1px solid #8baebe17;border-radius:9px;grid-template-rows:18px 86px 20px 18px 16px;align-content:center;min-height:205px;padding:16px 12px;display:grid;position:relative}.mix-macro-console .knob-grid label:hover{border-color:#59c7c42e}.mix-macro-console .knob-grid label>span{color:#a7b8be;font-size:9px;font-weight:620}.mix-macro-console .knob{border-width:3px;width:68px;height:68px;margin:8px auto}.mix-macro-console .knob i{transform-origin:1px 25px;height:20px;top:8px;left:30px}.mix-macro-console .knob-grid small{color:#d2dfe1;font:600 9px ui-monospace,monospace}.mix-macro-console .knob-grid input{margin-top:2px}.mix-macro-console .knob-grid em{color:#526b75;letter-spacing:.12em;text-transform:uppercase;font:650 6px ui-monospace,monospace}.mix-motion-summary{background:radial-gradient(at 80% 15%,#854fb121,#0000 48%),#070d148f;grid-template-rows:auto auto auto auto 34px;align-content:center;gap:13px;padding:20px;display:grid;overflow:hidden}.mix-motion-summary>span{color:#637e86;letter-spacing:.13em;font:650 6px ui-monospace,monospace}.mix-motion-summary>span i{background:#485a63;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.mix-motion-summary>span i.active{background:#b48bd3;box-shadow:0 0 9px #b48bd37a}.mix-motion-summary>strong{color:#d1dce0;font-size:16px;font-weight:590}.mix-motion-summary>p{color:#6c8089;margin:0;font-size:8px;line-height:1.55}.mix-motion-summary>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.mix-motion-summary>div>span{background:#ffffff04;border:1px solid #8baebe14;border-radius:7px;min-width:0;padding:9px 7px}.mix-motion-summary>div small,.mix-motion-summary>div b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mix-motion-summary>div small{color:#536d77;font:650 5px ui-monospace,monospace}.mix-motion-summary>div b{color:#a8b9bf;margin-top:5px;font:600 8px ui-monospace,monospace}@media (width<=1120px){.mix-flow{grid-template-columns:repeat(4,minmax(120px,1fr))}.mix-flow>button{min-width:120px;padding-inline:7px}.mix-channel-ribbon>button{flex-basis:142px;min-width:142px}.mix-detail-grid{grid-template-columns:minmax(280px,.78fr) minmax(360px,1.22fr)}.mix-device-layout{grid-template-columns:222px minmax(0,1fr)}.mix-macro-layout{grid-template-columns:minmax(0,1fr) 250px}.mix-macro-console .knob-grid label{padding-inline:8px}}@media (height<=720px){.studio-shell[data-layout=desktop][data-studio-room=mix] .room-view-editor>.editor-panel{grid-template-rows:46px minmax(0,1fr);gap:6px;padding:6px}.mix-flow{padding:3px}.mix-flow>button{grid-template-columns:24px minmax(0,1fr);gap:6px;height:38px}.mix-flow>button>i{width:23px;height:23px;font-size:11px}.mix-flow>button small{display:none}.mix-room-main{grid-template-rows:47px minmax(0,1fr);gap:6px}.mix-channel-ribbon{padding:4px}.mix-channel-ribbon>button{flex-basis:138px;min-width:138px;padding-block:2px}.mix-ribbon-icon{width:24px;height:24px}.mix-mode-panel{grid-template-rows:52px minmax(0,1fr)}.mix-panel-head{padding:7px 11px}.mix-panel-head p{display:none}.mix-panel-head h3{font-size:12px}.mix-detail-grid,.mix-device-layout,.mix-macro-layout{gap:6px;padding:6px}.mix-channel-focus{grid-template-rows:58px auto minmax(50px,1fr);padding:8px}.mix-focus-controls{padding-block:9px}.mix-signal-readout{padding-top:8px}.mix-source-device{gap:7px;padding:8px}.mix-source-device dl>div{padding-block:5px}.mix-effects-stage{padding:7px}.mix-effects-stage .effect-card-head{min-height:40px}.mix-effects-stage .effect-controls{padding:5px}.mix-macro-console{padding:8px}.mix-macro-console .knob-grid label{grid-template-rows:16px 60px 16px 16px 13px;min-height:150px;padding-block:8px}.mix-macro-console .knob{width:52px;height:52px}.mix-macro-console .knob i{transform-origin:1px 20px;height:16px;top:6px;left:22px}.mix-motion-summary{gap:8px;padding:12px}}@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-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}