@font-face{font-family:Microgramma;src:url("../fonts/MicrogrammaNormal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Microgramma Extended;src:url("../fonts/MicrogrammaDMediumExtended.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Microgramma Extended;src:url("../fonts/MicrogrammaDBoldExtended.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color:#eee;font-family:system-ui,-apple-system,sans-serif;--font-synthi: "Microgramma Extended", "Microgramma", system-ui, sans-serif;--font-ui: system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Source Code Pro", monospace;--panel-width: 760px;--panel-gap: 1.25rem;--pin-color-white: #ffffff;--pin-color-grey: #888888;--pin-color-green: #4CAF50;--pin-color-red: #f44336;--pin-color-blue: #2196F3;--pin-color-yellow: #FFEB3B;--pin-color-cyan: #00BCD4;--pin-color-purple: #9C27B0;--pin-color-active: #ffb63b;--synthi-bg-color: #e8e4e0}.font-synthi{font-family:var(--font-synthi);text-transform:uppercase}.knob,.knob-inner,.knob-cap,.pin-btn,.joystick-pad,.joystick-handle,.toggle,.switch,.slider,.fader,.output-fader,.output-channel__slider,.matrix-cell,.sgme-osc__knob,.noise-generator__knob,.random-voltage__knob{-webkit-tap-highlight-color:transparent}.splash{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;background:#000;opacity:1;visibility:visible;transition:opacity .8s ease,visibility .8s ease,transform .8s ease;transform:scale(1)}.splash--hidden{opacity:0;visibility:hidden;transform:scale(1.02);pointer-events:none}.splash__content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.splash__icon{width:96px;height:96px;margin-bottom:1.5rem}.splash__title{margin:0 0 .5rem;font-size:2rem;font-weight:300;letter-spacing:.15em;color:#ffe9a3;text-transform:uppercase;font-family:var(--font-synthi)}.splash__version{margin:0 0 1.5rem;font-size:.85rem;font-weight:400;letter-spacing:.1em;color:#888}.splash__loader{display:flex;align-items:center;gap:.4rem;margin-bottom:2rem;color:#ccc;font-size:.9rem;letter-spacing:.05em}.splash__loader-dots{display:inline-flex;gap:.25rem}.splash__dot{width:6px;height:6px;border-radius:50%;background:#ccc;animation:splashDotBounce 1.4s ease-in-out infinite}.splash__dot:nth-child(1){animation-delay:0s}.splash__dot:nth-child(2){animation-delay:.2s}.splash__dot:nth-child(3){animation-delay:.4s}@keyframes splashDotBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.splash__year{margin:0;font-size:.75rem;font-weight:400;letter-spacing:.15em;color:#555}@media(max-width:480px){.splash__icon{width:72px;height:72px}.splash__title{font-size:1.5rem}}html,body{margin:0;padding:0;width:100%;height:100%;background:#000;color:#eee;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}#viewportOuter,#viewportOuter *{-webkit-touch-callout:none;-webkit-user-select:none}:fullscreen,::backdrop{background:#000}html:fullscreen,html:-webkit-full-screen{background:#000}html:fullscreen #viewportOuter,html:-webkit-full-screen #viewportOuter{background:#000}.fullscreen-toggle{position:fixed;top:1rem;right:1rem;z-index:1000;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#1e1e1e99;color:#ddd;font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 0 8px #0006}.fullscreen-toggle:hover,.fullscreen-toggle:focus-visible{background:#464646d9;border-color:#ffffff73;color:#fff;box-shadow:0 0 10px #0009}.fullscreen-toggle:focus-visible{outline:1px solid #ffeb3b;outline-offset:2px}.fullscreen-toggle{display:none}.mobile-quickbar{position:fixed;top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);z-index:1500;display:flex;align-items:center;gap:.4rem;padding:.4rem;pointer-events:none}.mobile-quickbar__group,.mobile-quickbar__tab,.mobile-quickbar__fixed{pointer-events:auto}.mobile-quickbar__group{display:flex;align-items:center;gap:.35rem;padding:.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#1e1e1e8c;box-shadow:0 0 8px #0006;overflow:visible}.mobile-quickbar__btn,.mobile-quickbar__tab{position:relative;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#14141459;color:#ddd;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:background .15s ease,border-color .15s ease}.mobile-quickbar__btn:hover,.mobile-quickbar__tab:hover{background:#323232a6;border-color:#ffffff4d}.mobile-quickbar__btn.is-active{background:#464646d9;border-color:#ffffff73;color:#fff}.mobile-quickbar__mute.is-muted{background:#660000e6;border-color:#ff646480;color:#ffdede;animation:mute-pulse 2s ease-in-out infinite}@keyframes mute-pulse{0%,to{box-shadow:0 0 #ff646466}50%{box-shadow:0 0 8px 2px #ff646499}}.mobile-quickbar__btn--danger{color:#ef9a9a}.floating-mute-btn{position:fixed;bottom:12px;right:12px;z-index:2000;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#000000b3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,border-color .2s}.floating-mute-btn:hover{background:#282828d9;border-color:#ffffff73}.floating-mute-btn.is-muted{background:#660000e6;border-color:#ff646480;color:#ffdede;animation:mute-pulse 2s ease-in-out infinite}.mobile-quickbar__btn--danger:hover{background:#b43c3c59;border-color:#ff646480;color:#ffcdd2}.mobile-quickbar__emergency{color:#ffb74d}.mobile-quickbar__emergency:hover{background:#ffb43c59;border-color:#ffb43c80;color:#ffe0a0}.mobile-quickbar__fixed{display:flex;align-items:center;gap:.35rem}.mobile-quickbar__btn:active,.mobile-quickbar__tab:active{background:#464646bf}.mobile-quickbar__btn:disabled,.mobile-quickbar__btn[hidden]{opacity:.35;pointer-events:none}.mobile-quickbar__btn[data-tooltip],.mobile-quickbar__tab[data-tooltip]{position:relative}.mobile-quickbar__btn[data-tooltip]:after,.mobile-quickbar__tab[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:#000000eb;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;border:1px solid rgba(255,255,255,.15);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:10000}.mobile-quickbar__tab[data-tooltip]:after{left:auto;right:0;transform:none}@media(hover:hover)and (pointer:fine){.mobile-quickbar__btn[data-tooltip]:hover:after,.mobile-quickbar__tab[data-tooltip]:hover:after{opacity:1;visibility:visible}}.mobile-quickbar__btn.tooltip-visible[data-tooltip]:after,.mobile-quickbar__tab.tooltip-visible[data-tooltip]:after{opacity:1;visibility:visible}.quickbar-update-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 4px #4caf50cc;animation:badge-pulse 2s ease-in-out infinite}.quickbar-update-badge[hidden]{display:none}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}.mobile-quickbar__btn--text{font-size:13px;font-weight:600;font-family:var(--font-ui);letter-spacing:-.5px}.resolution-selector{position:relative;display:inline-flex}.resolution-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);display:none;flex-direction:column;gap:2px;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#1e1e1eeb;box-shadow:0 4px 16px #00000080;z-index:100}.resolution-menu--open{display:flex}.resolution-menu__option{padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#ccc;font-size:13px;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.resolution-menu__option:hover{background:#ffffff1a;color:#fff}.resolution-menu__option--active{background:#4682b480;color:#fff}.resolution-menu__option--active:hover{background:#4682b4a6}.toast,.resolution-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:#000000d9;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;font-family:var(--font-ui);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:10001;box-shadow:0 4px 12px #0000004d}.toast--visible,.resolution-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.toast--success{background:#27ae60e6}.toast--warning{background:#f39c12e6;color:#1a1a1a}.toast--error{background:#c0392be6}.mobile-quickbar--collapsed .mobile-quickbar__group{display:none}@media(prefers-reduced-motion:reduce){.fullscreen-toggle{transition:none}}.panel{width:var(--panel-width);margin:0;background:#222;padding:.85rem;border-radius:10px;box-shadow:0 0 10px #00000080;height:var(--panel-width);box-sizing:border-box;overflow:visible;position:relative;transition:box-shadow .12s ease,border-color .12s ease;contain:layout style;touch-action:pan-x pan-y pinch-zoom;will-change:auto}#panel-5,#panel-6{background-color:var(--synthi-bg-color);background-image:none;padding:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;overscroll-behavior:none;touch-action:pan-x pan-y pinch-zoom;contain:layout style size}#panel-1,#panel-2,#panel-3,#panel-4{background-color:var(--synthi-bg-color);background-image:none;padding:0;position:relative;overflow:visible;contain:layout style}#panel-1>.panel-inline-bg,#panel-2>.panel-inline-bg,#panel-3>.panel-inline-bg,#panel-4>.panel-inline-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}#panel-1>.panel-inline-bg svg,#panel-1>.panel-inline-bg object,#panel-2>.panel-inline-bg svg,#panel-2>.panel-inline-bg object,#panel-3>.panel-inline-bg svg,#panel-3>.panel-inline-bg object,#panel-4>.panel-inline-bg svg,#panel-4>.panel-inline-bg object{width:100%;height:100%;display:block}#panel-1>:not(.panel-inline-bg):not(.panel-build-version):not(.panel-shortcut-badge):not(.panel-zoom-btn):not(.panel-note),#panel-2>:not(.panel-inline-bg):not(.panel-build-version):not(.panel-shortcut-badge):not(.panel-zoom-btn):not(.panel-note),#panel-3>:not(.panel-inline-bg):not(.panel-build-version):not(.panel-shortcut-badge):not(.panel-zoom-btn):not(.panel-note),#panel-4>:not(.panel-inline-bg):not(.panel-build-version):not(.panel-shortcut-badge):not(.panel-zoom-btn):not(.panel-note){position:relative;z-index:1}#panel-5>.panel-inline-bg,#panel-6>.panel-inline-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}#panel-5>.panel-inline-bg svg,#panel-6>.panel-inline-bg svg{width:100%;height:100%;display:block}#panel-5>:not(.panel-inline-bg):not(.panel-build-version):not(.panel-shortcut-badge):not(.panel-zoom-btn):not(.panel-note),#panel-6>:not(.panel-inline-bg):not(.panel-build-version):not(.panel-shortcut-badge):not(.panel-zoom-btn):not(.panel-note){position:relative;z-index:1}#panel-1>.panel-build-version,#panel-2>.panel-build-version,#panel-3>.panel-build-version,#panel-4>.panel-build-version,#panel-5>.panel-build-version,#panel-6>.panel-build-version{position:absolute;right:4px;bottom:2px;z-index:2}.panel-shortcut-badge{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000080;color:#ffffffd9;font-size:clamp(48px,15vw,120px);font-weight:700;font-family:var(--font-ui);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;user-select:none;text-shadow:0 2px 8px rgba(0,0,0,.5)}body.show-panel-shortcuts .panel-shortcut-badge{opacity:1;visibility:visible}#panel-5.matrix-adjust,#panel-6.matrix-adjust,#panel-5.matrix-adjust .matrix-container,#panel-6.matrix-adjust .matrix-container{contain:none;overflow:visible}.panel-build-version{position:absolute;bottom:2px;right:4px;font-size:8px;opacity:.35;color:#fff;pointer-events:none;user-select:none}.panel-slot-label{display:inline-flex;align-items:center;padding:.2rem .6rem;margin-bottom:.6rem;font-size:.7rem;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.08em;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff14;color:#ffe9a3}.panel-placeholder{background:#2229;border:1px dashed rgba(255,255,255,.25)}.panel-placeholder .placeholder-body{flex:1;min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem;color:#bbb;border:1px dashed rgba(255,255,255,.18);border-radius:8px;padding:1rem}h1{font-size:1.2rem;text-align:center;margin-bottom:.2rem}.section-title{margin-top:.7rem;margin-bottom:.2rem;font-size:.9rem;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.05em;color:#ccc}.row{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.4rem;align-items:stretch}.voice-block{flex:1 1 210px;min-width:210px;max-width:100%;background:#262626;border-radius:8px;padding:.5rem;box-shadow:inset 0 0 6px #000000b3}.output-fader-panel{min-width:230px}.output-fader-row{display:flex;flex-wrap:nowrap;gap:.6rem;justify-content:center}.output-fader-column{display:flex;flex-direction:column;align-items:center;flex:0 0 60px;min-width:60px}.output-fader-label{font-size:.75rem;margin-bottom:.2rem}.output-fader-shell{height:220px;width:100%;display:flex;align-items:center;justify-content:center}.output-fader{writing-mode:vertical-lr;direction:rtl;width:32px;height:200px;appearance:none;background:transparent;cursor:pointer;box-sizing:border-box;margin:0 auto;padding:0;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none}.output-fader::-webkit-slider-runnable-track{width:100%;border-radius:10px;border:1px solid #3a2a08;background:linear-gradient(90deg,transparent calc(50% - 4px),#ffe082 calc(50% - 3px),#a37516 calc(50% + 3px),transparent calc(50% + 4px));box-shadow:inset 0 0 4px #0009}.output-fader::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:12px;border-radius:6px;background:#222;border:1px solid #ffd54f;box-shadow:0 0 6px #000c;margin:0 auto}.output-fader::-moz-range-track{width:100%;border-radius:10px;border:1px solid #3a2a08;background:linear-gradient(90deg,transparent calc(50% - 4px),#ffe082 calc(50% - 3px),#a37516 calc(50% + 3px),transparent calc(50% + 4px));box-shadow:inset 0 0 4px #0009}.output-fader::-moz-range-thumb{width:28px;height:12px;border-radius:6px;background:#222;border:1px solid #ffd54f;box-shadow:0 0 6px #000c;margin:0 auto}.output-fader-value{margin-top:.2rem;font-size:.7rem;color:#bbb}.voice-title{text-align:center;font-size:.9rem;color:#ffd54f;margin-bottom:.3rem}.knob-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.knob-wrapper{display:flex;flex-direction:column;align-items:center;flex:1 1 120px;min-width:120px}.knob-label{margin-top:.2rem;font-size:.8rem}.knob-value{font-size:.75rem;color:#aaa;margin-top:.1rem}.knob{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#555,#222);box-shadow:0 0 7px #000000e6;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:pointer}.knob-inner{width:78%;height:78%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#777,#333);box-shadow:inset 0 0 6px #000000b3;position:relative;transform-origin:50% 50%}.knob-inner:after{content:"";position:absolute;width:4px;height:18px;background:#ffeb3b;border-radius:2px;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 3px #000000b3}.knob--sm{width:42px;height:42px}.knob--sm .knob-inner:after{width:3px;height:14px;top:5px}.knob--xs{width:36px;height:36px}.knob--xs .knob-inner:after{width:3px;height:10px;top:4px}.knob.knob--svg{position:relative;background:none;box-shadow:none;overflow:visible;display:block}.knob.knob--svg .knob-inner{width:100%!important;height:100%!important;background:none;box-shadow:none;border-radius:0;position:relative}.knob.knob--svg .knob-inner:after{display:none}.knob-inner>svg,.knob-inner>img{width:100%;height:100%;display:block;pointer-events:none;user-select:none}.knob-inner>img{-webkit-user-drag:none}.knob-center{position:absolute;width:50%;height:50%;inset:0;margin:auto;border-radius:50%;background:var(--knob-center-color, #467660);pointer-events:none;box-shadow:inset 0 2px 3px #ffffff2e,inset 0 -1px 2px #00000026,inset 0 0 6px 2px #00000038}.knob-center:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 60%,rgba(0,0,0,.18) 100%),linear-gradient(to bottom,rgba(255,255,255,.1) 0%,transparent 40%,rgba(0,0,0,.08) 100%)}.knob-style-css .knob.knob--svg{background:radial-gradient(circle at 30% 30%,#555,#222);box-shadow:0 0 7px #000000e6;display:flex;align-items:center;justify-content:center;overflow:hidden}.knob-style-css .knob.knob--svg .knob-inner{width:78%!important;height:78%!important;background:radial-gradient(circle at 30% 30%,#777,#333);box-shadow:inset 0 0 6px #000000b3;border-radius:50%;position:relative}.knob-style-css .knob.knob--svg .knob-inner:after{display:block;content:"";position:absolute;width:4px;height:18px;background:#ffeb3b;border-radius:2px;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 3px #000000b3}.knob-style-css .knob.knob--svg.knob--sm .knob-inner:after{width:3px;height:14px;top:5px}.knob-style-css .knob.knob--svg.knob--xs .knob-inner:after{width:3px;height:10px;top:4px}.knob-style-css .knob-inner>svg,.knob-style-css .knob-center{display:none}.knob.knob--vernier{position:relative;background:none;box-shadow:none;overflow:visible;display:block;touch-action:none;cursor:pointer;border-radius:50%}.vernier-svg-container{width:100%;height:100%;pointer-events:none;user-select:none;position:relative;container-type:inline-size}.vernier-rotor,.vernier-ring{position:absolute;top:0;left:0;width:100%;height:100%;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}.vernier-rotor{transform-origin:50% 50%}.vernier-counter{position:absolute;top:7.018%;left:50%;transform:translate(-50%,-50%);font-family:DIN Bold,Futura Bold,Futura,Helvetica Neue,Arial,sans-serif;font-size:6.786cqi;font-weight:700;color:#fff;text-align:center;pointer-events:none;user-select:none;line-height:1}.knob-style-css .knob.knob--vernier .vernier-svg-container{display:none}.knob-tooltip{position:fixed;z-index:10001;padding:6px 10px;background:#000000eb;color:#fff;font-size:13px;font-weight:600;font-family:ui-monospace,SF Mono,Cascadia Code,Source Code Pro,monospace;white-space:nowrap;border-radius:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0006;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease}.knob-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.knob.is-tooltip-active{animation:knob-tooltip-glow 1s ease-in-out infinite}.knob.glow-flash{animation:knob-glow-flash var(--glow-duration, .5s) ease-out forwards}@keyframes knob-tooltip-glow{0%,to{box-shadow:0 0 7px #000000e6,var(--glow-knob-shadow-idle, 0 0 0 0 rgba(255, 215, 128, .25))}50%{box-shadow:0 0 7px #000000e6,var(--glow-knob-shadow, 0 0 12px 4px rgba(255, 215, 128, .5))}}@keyframes knob-glow-flash{0%{box-shadow:0 0 7px #000000e6,var(--glow-flash-shadow, 0 0 18px 8px rgba(255, 215, 128, .9))}to{box-shadow:0 0 7px #000000e6,0 0 #ffd78000}}.output-channel__slider-wrap.is-tooltip-active .output-channel__slider-shell{animation:slider-tooltip-glow 1s ease-in-out infinite;border-radius:10px}.output-channel__slider-wrap.glow-flash .output-channel__slider-shell{animation:slider-glow-flash var(--glow-duration, .5s) ease-out forwards;border-radius:10px}@keyframes slider-tooltip-glow{0%,to{box-shadow:var(--glow-slider-shadow-idle, 0 0 0 0 rgba(255, 215, 128, .3))}50%{box-shadow:var(--glow-slider-shadow, 0 0 10px 3px rgba(255, 215, 128, .4))}}@keyframes slider-glow-flash{0%{box-shadow:var(--glow-flash-shadow, 0 0 14px 6px rgba(255, 215, 128, .85))}to{box-shadow:0 0 #ffd78000}}.output-channel__switch.glow-flash{animation:switch-glow-flash var(--glow-duration, .5s) ease-out forwards}@keyframes switch-glow-flash{0%{box-shadow:var(--glow-flash-shadow, 0 0 14px 6px rgba(255, 215, 128, .9))}to{box-shadow:none}}.glow-disabled .knob.is-tooltip-active,.glow-disabled .knob.glow-flash,.glow-disabled .output-channel__slider-wrap.is-tooltip-active .output-channel__slider-shell,.glow-disabled .output-channel__slider-wrap.glow-flash .output-channel__slider-shell,.glow-disabled .output-channel__switch.glow-flash,.glow-disabled .synth-toggle.glow-flash .synth-toggle__track,.glow-disabled .rotary-switch.glow-flash .rotary-switch__body{animation:none}:root{--signal-flow-source-color: 0, 229, 255;--signal-flow-dest-color: 255, 23, 68;--signal-flow-glow-spread: 12px;--signal-flow-glow-blur: 18px;--signal-flow-glow-opacity: .85;--signal-flow-transition: .2s ease-out}.signal-flow-source{box-shadow:0 0 var(--signal-flow-glow-blur) var(--signal-flow-glow-spread) rgba(var(--signal-flow-source-color),var(--signal-flow-glow-opacity)),inset 0 0 8px 2px rgba(var(--signal-flow-source-color),.15)!important;border-color:rgba(var(--signal-flow-source-color),.7)!important;transition:box-shadow var(--signal-flow-transition),border-color var(--signal-flow-transition);z-index:10;position:relative}.signal-flow-dest{box-shadow:0 0 var(--signal-flow-glow-blur) var(--signal-flow-glow-spread) rgba(var(--signal-flow-dest-color),var(--signal-flow-glow-opacity)),inset 0 0 8px 2px rgba(var(--signal-flow-dest-color),.15)!important;border-color:rgba(var(--signal-flow-dest-color),.7)!important;transition:box-shadow var(--signal-flow-transition),border-color var(--signal-flow-transition);z-index:10;position:relative}.signal-flow-active{z-index:11;position:relative}.signal-flow-both{animation:signal-flow-alternate 2s ease-in-out infinite!important;z-index:10;position:relative}@keyframes signal-flow-alternate{0%,to{box-shadow:0 0 var(--signal-flow-glow-blur) var(--signal-flow-glow-spread) rgba(var(--signal-flow-source-color),var(--signal-flow-glow-opacity)),inset 0 0 8px 2px rgba(var(--signal-flow-source-color),.15);border-color:rgba(var(--signal-flow-source-color),.7)}50%{box-shadow:0 0 var(--signal-flow-glow-blur) var(--signal-flow-glow-spread) rgba(var(--signal-flow-dest-color),var(--signal-flow-glow-opacity)),inset 0 0 8px 2px rgba(var(--signal-flow-dest-color),.15);border-color:rgba(var(--signal-flow-dest-color),.7)}}.signal-flow-pin-source{box-shadow:0 0 8px 4px rgba(var(--signal-flow-source-color),.9)!important;background-color:rgba(var(--signal-flow-source-color),.8)!important;transform:scale(1.6);transition:box-shadow var(--signal-flow-transition),background-color var(--signal-flow-transition),transform var(--signal-flow-transition);z-index:5}.signal-flow-pin-dest{box-shadow:0 0 8px 4px rgba(var(--signal-flow-dest-color),.9)!important;background-color:rgba(var(--signal-flow-dest-color),.8)!important;transform:scale(1.6);transition:box-shadow var(--signal-flow-transition),background-color var(--signal-flow-transition),transform var(--signal-flow-transition);z-index:5}@keyframes signal-flow-pulse{0%,to{opacity:1}50%{opacity:.7}}.signal-flow-source,.signal-flow-dest{animation:signal-flow-pulse 2s ease-in-out infinite}.knob-tooltip__main{font-size:14px;font-weight:700;color:#ffeb3b}.knob-tooltip__info{margin-top:2px;padding-top:3px;border-top:1px solid rgba(255,255,255,.15);font-size:11px;font-weight:400;color:#ffffffb3}.knob-mod-badge{position:fixed;z-index:10002;padding:2px 6px;font-size:11px;font-weight:700;font-family:ui-monospace,SF Mono,Cascadia Code,Source Code Pro,monospace;white-space:nowrap;border-radius:4px;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-4px);transition:opacity .12s ease,visibility .12s ease,transform .12s ease;background:#505050f2;color:#ccc;border:1px solid rgba(255,255,255,.2)}.knob-mod-badge.is-active{opacity:1;visibility:visible;transform:translate(0)}.knob-mod-badge.is-fast{background:#4caf50f2;color:#fff;border-color:#4caf5099}.knob-mod-badge.is-slow{background:#ff9800f2;color:#fff;border-color:#ff980099}.oscilloscope-knobs{display:flex;flex-direction:column;align-items:center;gap:.5rem}.oscilloscope-knobs .knob-wrapper{min-width:auto;flex:none}.matrix-container{margin-top:.4rem;max-width:100%;overflow-x:auto;overflow-y:visible;padding-bottom:.4rem;contain:content}#panel-5 .matrix-container,#panel-6 .matrix-container{margin-top:0;padding-bottom:0;background:transparent}table.matrix{border-collapse:collapse;width:100%;font-size:.72rem}.matrix.matrix-large{font-size:0;--matrix-large-pin-size: 11px;--matrix-large-cell-size: 14px;border-collapse:collapse;border-spacing:0;table-layout:fixed;width:auto;height:auto;background:transparent}.matrix.matrix-large tr,.matrix.matrix-large td{background:transparent}.matrix.matrix-large td{padding:0;border:none;width:var(--matrix-large-cell-size);height:var(--matrix-large-cell-size);text-align:center;vertical-align:middle}.matrix.matrix-large .pin-btn{display:block;width:var(--matrix-large-pin-size);height:var(--matrix-large-pin-size);aspect-ratio:1 / 1;box-sizing:border-box;margin:0 auto;padding:0;border-radius:50%;background:#000;border:none;box-shadow:none}.matrix.matrix-large .pin-btn.is-hidden-pin{visibility:hidden;pointer-events:none}.matrix.matrix-large .pin-btn.is-inactive-pin{opacity:.2;pointer-events:none;cursor:default}.matrix.matrix-large .pin-btn.active{background:var(--pin-color-active);border:none;box-shadow:none;transform:scale(1.5)}.matrix.matrix-large .pin-btn.active.pin-white{background:var(--pin-color-white);box-shadow:0 0 2px #00000080}.matrix.matrix-large .pin-btn.active.pin-grey{background:var(--pin-color-grey)}.matrix.matrix-large .pin-btn.active.pin-green{background:var(--pin-color-green)}.matrix.matrix-large .pin-btn.active.pin-red{background:var(--pin-color-red)}.matrix.matrix-large .pin-btn.active.pin-blue{background:var(--pin-color-blue)}.matrix.matrix-large .pin-btn.active.pin-yellow{background:var(--pin-color-yellow);box-shadow:0 0 2px #00000080}.matrix.matrix-large .pin-btn.active.pin-cyan{background:var(--pin-color-cyan)}.matrix.matrix-large .pin-btn.active.pin-purple{background:var(--pin-color-purple)}.pin-color-menu{position:fixed;z-index:10002;min-width:160px;padding:8px 0;background:#1e1e1efa;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 32px #0006;opacity:0;visibility:hidden;transform:scale(.95);transform-origin:top left;transition:opacity .15s ease,visibility .15s ease,transform .15s ease}.pin-color-menu.is-visible{opacity:1;visibility:visible;transform:scale(1)}.pin-color-menu__title{padding:4px 12px 8px;font-size:11px;font-weight:700;color:#ffffff80;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.5px}.pin-color-menu__separator{height:1px;margin:4px 12px;background:#ffffff1a}.pin-color-menu__option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:#fff;font-size:13px;text-align:left;cursor:pointer;transition:background .1s ease}.pin-color-menu__option:hover{background:#ffffff1a}.pin-color-menu__option.is-selected{background:#ffb63b26}.pin-color-menu__tick{width:14px;font-size:12px;color:var(--pin-color-active);opacity:0;flex-shrink:0}.pin-color-menu__option.is-selected .pin-color-menu__tick{opacity:1}.pin-color-menu__indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.3)}.pin-color-menu__label{flex:1}.pin-color-menu__sublabel{font-size:11px;color:#ffffff80;font-family:monospace}.pin-color-menu__text{display:flex;flex-direction:column;gap:2px;flex:1}.pin-color-menu__sections{display:flex;flex-direction:column}.pin-color-menu__section{padding:0}.pin-color-menu__section:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;padding-bottom:4px}.pin-color-menu__section-header{padding:6px 12px 4px;font-size:10px;font-weight:700;color:#fff6;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.5px}.pin-color-menu__options{display:flex;flex-direction:column}.pin-color-menu__section[data-section=recommended]{background:#ffb63b0d}.pin-color-menu__section[data-section=recommended] .pin-color-menu__section-header{color:#ffb63bb3}.matrix-tooltip{position:fixed;z-index:10001;padding:6px 12px;background:#000000eb;color:#fff;font-size:12px;font-weight:500;font-family:var(--font-ui);white-space:nowrap;border-radius:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0006;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease}.matrix-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.matrix-tooltip__route{white-space:nowrap}.matrix-tooltip__pin-info{margin-top:2px;padding-top:3px;border-top:1px solid rgba(255,255,255,.15);font-size:11px;font-weight:400;color:#ffffffb3;font-family:ui-monospace,SF Mono,Cascadia Code,Source Code Pro,monospace;white-space:nowrap}.matrix.matrix-large .pin-btn.is-tooltip-target{animation:pin-tooltip-pulse .8s ease-in-out infinite}.matrix.matrix-large .pin-btn.glow-flash-pin{animation:pin-glow-flash var(--glow-duration, .5s) ease-out forwards}@keyframes pin-tooltip-pulse{0%,to{box-shadow:var(--glow-pin-shadow-idle, 0 0 0 0 rgba(255, 182, 59, .5));scale:1}50%{box-shadow:var(--glow-pin-shadow, 0 0 8px 3px rgba(255, 182, 59, .5));scale:1.3}}@keyframes pin-glow-flash{0%{box-shadow:var(--glow-flash-shadow, 0 0 12px 6px rgba(255, 182, 59, .9));scale:1.2}to{box-shadow:0 0 #ffb63b00;scale:1}}.glow-disabled .matrix.matrix-large .pin-btn.is-tooltip-target,.glow-disabled .matrix.matrix-large .pin-btn.glow-flash-pin{animation:none}.matrix th,.matrix td{border:1px solid #444;padding:.15rem;text-align:center;vertical-align:middle}.matrix th{background:#333}.matrix-header-vertical{writing-mode:vertical-rl;text-orientation:mixed;font-size:.7rem}.pin-btn{display:inline-block;width:18px;height:18px;aspect-ratio:1 / 1;padding:0;box-sizing:border-box;appearance:none;-webkit-appearance:none;border-radius:50%;border:1px solid #666;background:#111;cursor:pointer;box-shadow:0 0 3px #000c}.pin-btn.active{background:#ffeb3b;border-color:#fff;box-shadow:0 0 6px #ffeb3be6}.joystick-block{flex:1 1 240px;min-width:240px;background:#262626;border-radius:8px;padding:.5rem;box-shadow:inset 0 0 6px #000000b3}.joystick-pad{position:relative;width:140px;height:140px;margin:.2rem auto;border-radius:50%;border:2px solid #555;background:radial-gradient(circle at 30% 30%,#444,#111);touch-action:pan-x pan-y pinch-zoom}.joystick-handle{position:absolute;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ddd,#777);box-shadow:0 0 6px #000000e6;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}small{color:#aaa}#viewportOuter{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden;touch-action:none;background:#000;user-select:none}#viewportInner{position:relative;z-index:1;width:calc(var(--panel-width) * 4 + var(--panel-gap) * 3);min-height:100%;transform-origin:0 0;will-change:transform;display:grid;grid-template-columns:repeat(4,minmax(0,var(--panel-width)));grid-auto-rows:auto;gap:var(--panel-gap);align-content:start;justify-content:flex-start;user-select:none}#canvasBgLayer{position:absolute;inset:0;z-index:0;pointer-events:none}#canvasBg{display:block;width:100%;height:100%}#viewportInner>.panel{position:relative;z-index:1}.panel-inline-bg.is-canvas-hidden{display:none}#viewportInner.is-low-zoom .panel{box-shadow:none;border:1px solid rgba(255,255,255,.08)}#viewportInner.is-low-zoom .panel-inline-bg{opacity:.65;transition:opacity .14s ease}#viewportInner.is-low-zoom .panel{transition-duration:.18s}#viewportInner.is-low-zoom .matrix.matrix-large .pin-btn{background:#111;box-shadow:none}#viewportInner.is-low-zoom .matrix.matrix-large .pin-btn.active{background:var(--pin-color-active)}#viewportInner.is-low-zoom .matrix.matrix-large .pin-btn.active.pin-white{background:var(--pin-color-white)}#viewportInner.is-low-zoom .matrix.matrix-large .pin-btn.active.pin-grey{background:var(--pin-color-grey)}#viewportInner.is-low-zoom .matrix.matrix-large .pin-btn.active.pin-green{background:var(--pin-color-green)}#viewportInner.is-low-zoom .matrix.matrix-large .pin-btn.active.pin-red{background:var(--pin-color-red)}#viewportInner.is-low-zoom .matrix.matrix-large .pin-btn.active.pin-blue{background:var(--pin-color-blue)}#viewportInner.is-low-zoom .matrix.matrix-large .pin-btn.active.pin-yellow{background:var(--pin-color-yellow)}#viewportInner.is-low-zoom .matrix.matrix-large .pin-btn.active.pin-cyan{background:var(--pin-color-cyan)}#viewportInner.is-low-zoom .matrix.matrix-large .pin-btn.active.pin-purple{background:var(--pin-color-purple)}@media(pointer:coarse){.panel,.pin-btn,.pin-btn.active{box-shadow:none}.knob,.knob-inner,.joystick-block,.joystick-handle{box-shadow:none;transition:none}.panel3-layout .sgme-osc{box-shadow:none}}body.render-performance .panel,body.render-performance .pin-btn,body.render-performance .pin-btn.active{box-shadow:none}body.render-performance .knob,body.render-performance .knob-inner,body.render-performance .joystick-block,body.render-performance .joystick-handle{box-shadow:none;transition:none}body.render-performance .panel3-layout .sgme-osc{box-shadow:none}body.render-performance #viewportInner{will-change:auto}body.render-performance .settings-overlay,body.render-performance .audio-settings-overlay,body.render-performance .confirm-dialog-overlay,body.render-performance .input-dialog-overlay,body.render-performance .recording-settings-overlay,body.render-performance .portrait-blocker,body.render-performance .floating-mute-btn,body.render-performance .orientation-hint,body.render-performance .recording-overlay__indicator,body.render-performance .midi-learn-overlay__indicator,body.render-performance .pip-detach-btn{backdrop-filter:none;-webkit-backdrop-filter:none}body.render-performance .panel{transition-duration:0ms}body.render-performance .fullscreen-toggle{transition:none}body.render-performance .knob.is-tooltip-active,body.render-performance .knob.glow-flash,body.render-performance .output-channel__slider-wrap.is-tooltip-active .output-channel__slider-shell,body.render-performance .output-channel__slider-wrap.glow-flash .output-channel__slider-shell,body.render-performance .output-channel__switch.glow-flash,body.render-performance .synth-toggle.glow-flash .synth-toggle__track,body.render-performance .rotary-switch.glow-flash .rotary-switch__body,body.render-performance .matrix.matrix-large .pin-btn.is-tooltip-target,body.render-performance .matrix.matrix-large .pin-btn.glow-flash-pin,body.render-performance .panel7-joystick-pad.is-tooltip-active,body.render-performance .panel7-joystick-pad.glow-flash,body.render-performance .signal-flow-source,body.render-performance .signal-flow-dest,body.render-performance .signal-flow-both,body.render-performance .floating-mute-btn--muted,body.render-performance .osc-badge--active{animation:none!important}body.render-performance .knob-center,body.render-performance .knob-block,body.render-performance .knob-block-inner,body.render-performance .toggle-knob-block,body.render-performance .toggle-knob-block-inner,body.render-performance .knob-tooltip,body.render-performance .slider-tooltip,body.render-performance .matrix-cell,body.render-performance .osc-badge,body.render-performance .floating-mute-btn,body.render-performance .context-menu,body.render-performance .led,body.render-performance .led-glow,body.render-performance .sgme-osc,body.render-performance .pip-container,body.render-performance .pip-container:hover,body.render-performance .pip-container--dragging,body.render-performance .signal-flow-source,body.render-performance .signal-flow-dest,body.render-performance .signal-flow-pin-source,body.render-performance .signal-flow-pin-dest{box-shadow:none!important}body.render-performance .floating-mute-btn,body.render-performance .matrix-cell,body.render-performance .signal-flow-source,body.render-performance .signal-flow-dest,body.render-performance .signal-flow-pin-source,body.render-performance .signal-flow-pin-dest,body.render-performance .pip-container,body.render-performance .panel7-seq-switch-toggle,body.render-performance .recording-btn,body.render-performance .output-channel__slider-shell{transition:none!important}body.render-performance .synth-toggle__indicator--active,body.render-performance .rotary-switch__indicator--active,body.render-performance .toggle-raster-graphic,body.render-performance .rotary-raster-graphic{filter:none!important}body.render-performance .pip-panel-controls,body.render-performance .multichannel-overlay,body.render-performance .recording-overlay,body.render-performance .midi-learn-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.render-performance .knob-block{background:#333}body.render-performance .knob-block-inner{background:#444}body.render-performance .toggle-knob-block{background:#333}body.render-performance .toggle-knob-block-inner{background:#555}body.render-performance .pip-container{isolation:auto}body.render-performance .panel-inline-bg{image-rendering:auto}#viewportInner.is-low-zoom .panel-build-version{opacity:.15}.panel{display:flex;flex-direction:column;user-select:none;background-color:#7d7570;grid-column:var(--panel-col, auto)}.orientation-hint{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);width:min(92vw,480px);max-width:530px;padding:1rem clamp(1rem,3vw,1.75rem);border-radius:18px;background:#090909e6;color:#ffe9a3;font-size:clamp(.82rem,2.6vw,.95rem);line-height:1.5;letter-spacing:.04em;border:1px solid rgba(255,215,128,.4);box-shadow:0 24px 38px #00000073;pointer-events:none;z-index:2000;opacity:0;visibility:hidden;backdrop-filter:blur(6px);text-align:center;transition:opacity .4s ease,transform .4s ease,visibility .4s ease}.orientation-hint.show{opacity:1;visibility:visible;transform:translate(-50%)}.orientation-hint.hide{opacity:0;visibility:hidden;transform:translate(-50%,12px)}.portrait-blocker{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:#000000eb;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.portrait-blocker--visible{opacity:1;visibility:visible}@media(hover:none)and (pointer:coarse){.portrait-blocker{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000f2}}.portrait-blocker__content{position:relative;text-align:center;padding:2rem;max-width:320px}.portrait-blocker__icon{color:#ffe9a3;margin-bottom:1.5rem;animation:rotate-hint 2s ease-in-out infinite}@keyframes rotate-hint{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.portrait-blocker__message{margin:0;font-size:clamp(1rem,4vw,1.25rem);color:#eee;line-height:1.5}.portrait-blocker__close{position:absolute;top:-1rem;right:-1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#ffffff14;color:#ccc;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.portrait-blocker__close:hover,.portrait-blocker__close:focus-visible{background:#ffffff26;border-color:#fff6;color:#fff}@media(orientation:landscape){.portrait-blocker{display:none!important}}#panel-5 .matrix-container,#panel-6 .matrix-container{background:transparent}#panel-5:not(.matrix-adjust) .matrix-container,#panel-6:not(.matrix-adjust) .matrix-container{overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y pinch-zoom}#panel-5:not(.matrix-adjust) .matrix.matrix-large,#panel-6:not(.matrix-adjust) .matrix.matrix-large,#panel-5:not(.matrix-adjust) .matrix.matrix-large .pin-btn,#panel-6:not(.matrix-adjust) .matrix.matrix-large .pin-btn{touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.panel3-layout{position:relative;width:100%;height:100%;box-sizing:border-box;padding:0}.panel3-layout .sgme-osc{position:absolute;box-sizing:border-box;background:var(--synth-module-bg);border:1px solid var(--synth-module-border);border-radius:var(--synth-module-radius);color:#f3f3f3;font-size:11px;display:flex;flex-direction:column;overflow:visible;will-change:auto}.sgme-osc__top{flex:1 0 44%;position:relative;padding:6px 8px 4px;display:flex;flex-direction:column;gap:6px}.sgme-osc__header{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-synthi);text-align:center}.sgme-osc__labels{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;font-size:10px;text-align:center}.sgme-osc__labels span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sgme-osc__switch-wrap{position:absolute;top:var(--switch-top-px, 6px);left:var(--switch-left-percent, 36%);padding:0;margin:0}.sgme-osc__switch-wrap .output-channel__switch{width:var(--osc-button-width, 18px);height:var(--osc-button-height, 30px)}.sgme-osc__switch-wrap .output-channel__switch-indicator{width:var(--osc-button-indicator-size, 8px);height:var(--osc-button-indicator-size, 8px)}.sgme-osc__switch-wrap .toggle-svg-container{width:var(--osc-button-width, 18px);height:var(--osc-button-height, 30px);transform:scale(var(--osc-button-scale, 1));transform-origin:center center}.sgme-osc__bottom{flex:1 0 56%;padding:2px 8px 10px;display:flex;align-items:center;justify-content:center}.sgme-osc__knobs{display:grid;grid-template-columns:repeat(7,auto);gap:0;justify-content:center;align-items:center;width:100%;transform:translateY(var(--osc-knob-row-offset-y, 0px))}.sgme-osc__knob-shell{display:flex;flex-direction:column;align-items:center;justify-content:center}.sgme-osc__knob{width:var(--osc-knob-size, 44px);height:var(--osc-knob-size, 44px)}.sgme-osc__knob .knob-inner{width:var(--osc-knob-inner-pct, 78%);height:var(--osc-knob-inner-pct, 78%)}.sgme-osc__knob .knob-inner:after{width:3px;height:13px;top:5px;border-radius:2px}.panel3-layout .sgme-osc__header,.panel3-layout .sgme-osc__labels,.panel3-layout .noise-generator__header,.panel3-layout .noise-generator__knob-label,.panel3-layout .random-voltage__header,.panel3-layout .random-voltage__knob-label,.panel3-layout .sgme-osc__knob-value,.panel3-layout .noise-generator__knob-value,.panel3-layout .random-voltage__knob-value{display:none}.panel3-reserved-row{position:absolute;left:0;right:0;border:1px dashed rgba(255,255,255,.3);color:#ddd;font-size:11px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:6px}.panel3-modules-row{background:transparent;border:none;justify-content:center;padding:0;gap:var(--modules-row-gap, 4px);overflow:visible}.noise-generator,.random-voltage{position:relative;display:flex;flex-direction:column;background:var(--synth-module-bg);border:1px solid var(--synth-module-border);border-radius:var(--synth-module-radius);box-sizing:border-box;overflow:visible;flex:none}.noise-generator__header,.random-voltage__header{font-size:9px;font-weight:700;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.04em;color:#f3f3f3;text-align:center;padding:6px 4px 4px;flex-shrink:0}.noise-generator__knobs,.random-voltage__knobs{display:grid;align-items:start;justify-items:center;justify-content:center;padding:0 0 8px;flex:1}.noise-generator__knobs{grid-template-columns:repeat(2,auto)}.random-voltage__knobs{grid-template-columns:repeat(5,auto)}.noise-generator__knob-shell,.random-voltage__knob-shell{display:flex;flex-direction:column;align-items:center;gap:2px}.noise-generator__knob-label,.random-voltage__knob-label{font-size:9px;color:#ccc;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.02em;white-space:nowrap;text-align:center}.noise-generator__knob,.random-voltage__knob{width:var(--module-knob-size, 40px);height:var(--module-knob-size, 40px)}.noise-generator__knob .knob-inner,.random-voltage__knob .knob-inner{width:var(--module-knob-inner-pct, 76%);height:var(--module-knob-inner-pct, 76%)}.noise-generator__knob .knob-inner:after,.random-voltage__knob .knob-inner:after{width:3px;height:13px;top:5px;border-radius:2px}.noise-generator__knob-value,.random-voltage__knob-value{display:none}:root{--synth-module-bg: rgba(20, 20, 20, .2);--synth-module-border: rgba(255, 255, 255, .18);--synth-module-radius: 6px;--synth-module-header-size: 11px}.hide-frames .sgme-osc,.hide-frames .noise-generator,.hide-frames .random-voltage,.hide-frames .synth-module,.hide-frames .output-channel-module,.hide-frames .panel7-placeholder,.hide-frames .panel2-placeholder,.hide-frames .panel1-placeholder{background:transparent;border-color:transparent}.synth-module{box-sizing:border-box;background:var(--synth-module-bg);border:1px solid var(--synth-module-border);border-radius:var(--synth-module-radius);color:#f3f3f3;font-size:11px;display:flex;flex-direction:column;overflow:visible}.synth-module__header{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-synthi);text-align:center;padding:6px 8px 4px;font-size:var(--synth-module-header-size)}.synth-module__content{flex:1;display:flex;align-items:center;justify-content:center;padding:8px}.synth-module__controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 8px 8px;flex-wrap:wrap}.synth-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;font-size:10px;color:#aaa;outline:none;-webkit-tap-highlight-color:transparent}.synth-toggle:focus,.synth-toggle:focus-visible{outline:none;box-shadow:none}.synth-toggle__label{text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.04em;transition:color .15s ease}.synth-toggle__label-a{color:#0f0}.synth-toggle.is-b .synth-toggle__label-a,.synth-toggle__label-b{color:#666}.synth-toggle.is-b .synth-toggle__label-b{color:#0f0}.synth-toggle__track{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}.synth-toggle:hover .synth-toggle__track{filter:brightness(1.2)}.synth-toggle__thumb,.synth-toggle.is-b .synth-toggle__thumb{display:none}.synth-toggle__svg-container{width:22px;height:36px;display:flex;align-items:center;justify-content:center}.synth-toggle__svg-container svg,.synth-toggle__svg-container img{width:100%;height:100%;display:block;pointer-events:none;user-select:none}.synth-toggle__svg-container img{-webkit-user-drag:none}.synth-toggle.glow-flash .synth-toggle__track{animation:toggle-glow-flash var(--glow-duration, .5s) ease-out forwards}@keyframes toggle-glow-flash{0%{box-shadow:var(--glow-flash-shadow, 0 0 14px 6px rgba(255, 215, 128, .9))}to{box-shadow:none}}.rotary-switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;font-size:10px;color:#aaa;outline:none;-webkit-tap-highlight-color:transparent}.rotary-switch:focus,.rotary-switch:focus-visible{outline:none;box-shadow:none}.rotary-switch__label{text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.04em;transition:color .15s ease}.rotary-switch__label-a{color:#0f0}.rotary-switch.is-b .rotary-switch__label-a,.rotary-switch__label-b{color:#666}.rotary-switch.is-b .rotary-switch__label-b{color:#0f0}.rotary-switch__body{position:relative;display:flex;align-items:center;justify-content:center}.rotary-switch:hover .rotary-switch__body{filter:brightness(1.15)}.rotary-switch__svg-container{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.rotary-switch__svg-container svg,.rotary-switch__svg-container img{width:100%;height:100%;display:block;-webkit-user-drag:none}.rotary-switch.glow-flash .rotary-switch__body{animation:rotary-switch-glow-flash var(--glow-duration, .5s) ease-out forwards}@keyframes rotary-switch-glow-flash{0%{box-shadow:var(--glow-flash-shadow, 0 0 14px 6px rgba(255, 215, 128, .9));border-radius:50%}to{box-shadow:none}}.voltmeter{position:relative;width:100%;height:100%;box-sizing:border-box}.voltmeter__window{position:absolute;box-sizing:border-box}.voltmeter__dial{width:100%;display:block}.voltmeter__needle{transition:none;filter:drop-shadow(0 0 2px rgba(255,50,0,.6))}.voltmeter__scale-text{font-family:var(--font-synthi, "Eurostile", monospace);pointer-events:none;user-select:none}.voltmeter .synth-toggle{gap:3px;font-size:8px}.voltmeter .synth-toggle__svg-container{width:16px;height:26px}.panel4-voltmeter .synth-module__content{padding:2px;flex-direction:column;position:relative;overflow:visible}.panel4-voltmeter .synth-module__controls,.panel2-layout .synth-module__header,.panel2-layout .input-amplifier__label,.panel2-layout .knob-label,.panel2-layout .knob-value,.panel2-layout .input-amplifier__value{display:none}.panel2-layout .synth-module--oscilloscope .knob-label{display:block}.synth-module--oscilloscope{width:100%;height:100%}.synth-module--oscilloscope .synth-module__content{padding:10px}.oscilloscope-display{background:#0a0a0a;border-radius:4px;overflow:hidden}.synth-module--input-amplifier{width:100%;height:100%}.synth-module--input-amplifier .synth-module__content{padding:8px 12px}.input-amplifier__knobs-row{display:flex;justify-content:center;align-items:flex-start;gap:8px}.input-amplifier__channel{display:flex;flex-direction:column;align-items:center}.input-amplifier__label{font-size:9px;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.03em;color:#ddd;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.input-amplifier__knob{flex-shrink:0}.audio-settings-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;zoom:1!important}.audio-settings-overlay--visible{opacity:1;visibility:visible}.audio-settings-modal{width:90%;max-width:420px;max-height:85vh;overflow-y:auto;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 8px 32px #0009;transform:translateY(20px);transition:transform .25s ease;will-change:transform;-webkit-transform:translateZ(0);isolation:isolate}.audio-settings-overlay--visible .audio-settings-modal{transform:translateY(0)}@media(hover:none)and (pointer:coarse){.audio-settings-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000e0}}.audio-settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.12)}.audio-settings-modal__title{margin:0;font-size:1rem;font-weight:600;color:#ffe9a3;letter-spacing:.02em}.audio-settings-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff14;color:#ccc;font-size:1.4rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.audio-settings-modal__close:hover{background:#ffffff26;color:#fff}.audio-settings-modal__content{padding:1rem 1.25rem 1.5rem}.audio-settings-section{margin-bottom:1.5rem}.audio-settings-section:last-child{margin-bottom:0}.audio-settings-section--disabled{opacity:.45;pointer-events:none}.audio-settings-section__title{margin:0 0 .35rem;font-size:.85rem;font-weight:700;color:#ddd;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.05em}.audio-settings-section__desc{margin:0 0 .75rem;font-size:.8rem;color:#999}.audio-settings-mode{margin:1rem 0;padding:.75rem;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.audio-settings-mode__title{display:block;font-size:.75rem;color:#aaa;margin-bottom:.5rem;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.05em}.audio-settings-mode__radios{display:flex;gap:1.5rem}.audio-settings-mode__option{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#ddd;cursor:pointer;transition:color .15s ease}.audio-settings-mode__option:hover{color:#fff}.audio-settings-mode__option.disabled{opacity:.4;cursor:not-allowed}.audio-settings-mode__option input[type=radio]{accent-color:#ffd54f}.audio-settings-mode__desc{margin:.75rem 0 0;font-size:.75rem;color:#888;line-height:1.4}.audio-settings-permission-btn{display:block;width:100%;margin:.5rem 0;padding:.5rem 1rem;font-size:.8rem;color:#ffd54f;background:#ffd54f1a;border:1px solid rgba(255,213,79,.3);border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.audio-settings-permission-btn:hover{background:#ffd54f33;border-color:#ffd54f80}.audio-settings-permission-btn:active{background:#ffd54f4d}.audio-settings-permission-denied{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;padding:.75rem 1rem;background:#f4433626;border:1px solid rgba(244,67,54,.4);border-radius:8px;color:#ffab91}.permission-denied-icon{font-size:1.5rem;flex-shrink:0}.permission-denied-text{flex:1;font-size:.8rem;line-height:1.4}.permission-denied-text strong{display:block;color:#ff8a65;margin-bottom:.25rem}.permission-denied-text p{margin:0;color:#bcaaa4}.permission-denied-retry{flex-shrink:0;padding:.5rem 1rem;font-size:.75rem;font-weight:500;color:#fff;background:#f443364d;border:1px solid rgba(244,67,54,.5);border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.permission-denied-retry:hover{background:#f4433680;border-color:#f44336b3}.permission-denied-retry:active{background:#f4433699}.routing-matrix{display:flex;flex-direction:column;gap:4px;background:#0000004d;border-radius:8px;padding:8px}.routing-matrix--placeholder{border:1px dashed rgba(255,255,255,.2)}.routing-matrix__header{display:flex;gap:4px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}.routing-matrix__corner{width:50px;flex-shrink:0}.routing-matrix__header-cell{flex:1;min-width:24px;text-align:center;font-size:.65rem;font-weight:600;color:#ffd54f;padding:2px 0}.routing-matrix__row{display:flex;gap:2px;align-items:center}.routing-matrix__row-label{width:50px;flex-shrink:0;font-size:.65rem;color:#bbb;padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routing-matrix__toggle{flex:1;min-width:24px;height:24px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#28282899;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.routing-matrix__toggle:hover{background:#3c3c3cb3;border-color:#ffffff40}.routing-matrix__toggle--active{background:#ffb43ca6;border-color:#ffc864b3;box-shadow:0 0 8px #ffb43c66}.routing-matrix__toggle--active:hover{background:#ffb43ccc}.routing-matrix__toggle--disabled{background:#1e1e1e66;border-color:#ffffff14;cursor:not-allowed}.routing-matrix__more{text-align:center;font-size:.75rem;color:#777;padding:8px 0 4px}.audio-settings-reset{display:flex;justify-content:flex-end;margin-top:.75rem}.audio-settings-reset__btn{padding:.4rem .8rem;font-size:.75rem;color:#aaa;background:#5050504d;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease}.audio-settings-reset__btn:hover{background:#64646466;color:#ddd}.audio-settings-device-selector{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.audio-settings-device-selector__label{font-size:.75rem;color:#aaa}.audio-settings-device-selector__select{padding:8px 32px 8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#282828cc;color:#eee;font-size:.85rem;cursor:pointer;outline:none;transition:border-color .15s ease,background .15s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaa' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.audio-settings-device-selector__select:hover{border-color:#ffffff4d;background-color:#323232e6}.audio-settings-device-selector__select:focus{border-color:#ffd54f}.audio-settings-device-selector__select option{background:#333;color:#eee}.audio-settings-channel-info{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;padding:.5rem .75rem;background:#64646433;border-radius:4px;font-size:.85rem}.audio-settings-channel-info__label{color:#ffffffb3}.audio-settings-channel-info__value{color:#ffd54f;font-weight:500}.audio-settings-latency{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.audio-settings-latency__desc{margin-bottom:1rem;opacity:.7;font-size:.85rem}.audio-settings-latency__row{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;padding:.5rem .75rem;background:#64646426;border-radius:4px;flex-wrap:wrap}.audio-settings-latency__row--multichannel{background:#ffd74f1a;border-left:3px solid rgba(255,215,79,.5)}.audio-settings-latency__label{color:#fffc;font-size:.85rem;white-space:nowrap;min-width:130px}.audio-settings-latency__select{flex:1;min-width:180px;max-width:300px;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#1e1e1ecc;color:#fff;font-size:.85rem;cursor:pointer}.audio-settings-latency__select:hover{border-color:#ffffff4d}.audio-settings-latency__select:focus{outline:none;border-color:#ffd54f}.audio-settings-latency__message{width:100%;margin-top:.25rem;padding:.4rem .6rem;background:#ffc10733;border-radius:4px;color:#ffd54f;font-size:.8rem;text-align:center}.audio-settings-latency__message--multichannel{background:#ff980033;color:#ffb74d}.audio-settings-latency__total{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:.6rem .75rem;background:#32323280;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.audio-settings-latency__total-label{color:#fffc;font-size:.9rem}.audio-settings-latency__total-value{font-weight:600;font-size:1rem;padding:.2rem .5rem;border-radius:3px;background:#0000004d}.audio-settings-latency__total-value.latency-low{color:#81c784}.audio-settings-latency__total-value.latency-medium{color:#ffd54f}.audio-settings-latency__total-value.latency-high{color:#ff8a65}.audio-settings-latency-section{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;padding:.5rem .75rem;background:#64646433;border-radius:4px;flex-wrap:wrap}.audio-settings-latency-label{color:#ffffffb3;font-size:.85rem;white-space:nowrap}.audio-settings-latency-select{flex:1;min-width:150px;max-width:300px;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#1e1e1ecc;color:#fff;font-size:.85rem;cursor:pointer}.audio-settings-latency-select:hover{border-color:#ffffff4d}.audio-settings-latency-select:focus{outline:none;border-color:#ffd54f}.audio-settings-latency-message{width:100%;margin-top:.5rem;padding:.4rem .6rem;background:#ffc10733;border-radius:4px;color:#ffd54f;font-size:.8rem;text-align:center}.routing-matrix-container{margin-top:.5rem}.routing-matrix__row--stereo{background:#ffd74f0d;border-radius:3px;padding:1px 0;margin-bottom:2px}.routing-matrix__row--stereo .routing-matrix__row-label{color:#ffd54f}.settings-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;zoom:1!important}.settings-overlay--visible{opacity:1;visibility:visible}@media(hover:none)and (pointer:coarse){.settings-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000e0}}.settings-modal{width:90%;max-width:380px;max-height:85vh;overflow-y:auto;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 8px 32px #0009;transform:translateY(20px);transition:transform .25s ease;will-change:transform;-webkit-transform:translateZ(0);isolation:isolate}.settings-overlay--visible .settings-modal{transform:translateY(0)}.settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.12)}.settings-modal__title{margin:0;font-size:1rem;font-weight:600;color:#ffe9a3;letter-spacing:.02em}.settings-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff14;color:#ccc;font-size:1.4rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.settings-modal__close:hover{background:#ffffff26;color:#fff}.settings-modal__body{padding:1.25rem}.settings-modal--tabbed{max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.settings-modal__layout{display:flex;flex:1;min-height:0;overflow:hidden}.settings-modal__tabs{display:flex;flex-direction:column;width:200px;min-width:200px;background:#0f0f0ffa;border-right:1px solid rgba(255,255,255,.08);padding:.75rem 0;overflow-y:auto}.settings-modal__tab{display:flex;align-items:center;gap:12px;padding:14px 20px;margin:2px 8px;border:none;border-radius:8px;border-left:3px solid transparent;background:transparent;color:#999;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.settings-modal__tab:hover{background:#ffffff0d;color:#ccc}.settings-modal__tab--active{background:#ffd54f1a;border-left-color:#ffd54f;color:#ffd54f}.settings-modal__tab--active:hover{background:#ffd54f26}.settings-modal__tab-icon{width:20px;height:20px;flex-shrink:0;opacity:.7}.settings-modal__tab--active .settings-modal__tab-icon{opacity:1}.settings-modal__tab-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-modal__content-area{flex:1;display:flex;flex-direction:column;min-width:0;background:#1c1c1cfa}.settings-modal__content-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:#23232380}.settings-modal__content-title{margin:0;font-size:1.1rem;font-weight:600;color:#ffe9a3}.settings-modal--tabbed .settings-modal__body{flex:1;padding:1.5rem;overflow-y:auto}@media(max-width:768px){.settings-modal--tabbed{max-width:95%;max-height:85vh;max-height:85dvh}.settings-modal__layout{flex-direction:column;flex:1;min-height:0}.settings-modal__tabs{display:none}.settings-modal__content-area{flex:1;min-height:0;overflow:hidden}.settings-modal--tabbed .settings-modal__body{padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-modal__content-header{display:flex;padding:.75rem 1rem}}.settings-modal__tab-dropdown{display:none}@media(max-width:768px){.settings-modal__tab-dropdown{display:block;padding:.75rem 1rem;background:#0f0f0ffa;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.settings-modal__tab-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;font-weight:500;color:#ffd54f;background:#ffd54f1a;border:1px solid rgba(255,213,79,.3);border-radius:8px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffd54f' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.settings-modal__tab-select:focus{outline:none;border-color:#ffd54f;box-shadow:0 0 0 2px #ffd54f33}.settings-modal__tab-select option{background:#1a1a1a;color:#fff;padding:.5rem}.settings-modal__content-header{display:none}}.settings-tab-content{display:none}.settings-tab-content--active{display:block}.settings-section{margin-bottom:1.5rem}.settings-section:last-child{margin-bottom:0}.settings-section__title{margin:0 0 .5rem;font-size:.85rem;font-weight:700;color:#ddd;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.05em}.settings-section__description{margin:0 0 .75rem;font-size:.8rem;color:#888}.settings-subsection{margin:1rem 0 1rem .75rem;padding-left:.75rem;border-left:2px solid rgba(255,213,79,.3)}.settings-subsection:last-child{margin-bottom:0}.settings-subsection__title{margin:0 0 .35rem;font-size:.8rem;font-weight:600;color:#ccc;text-transform:none;letter-spacing:0}.settings-subsection__description{margin:0 0 .5rem;font-size:.75rem;color:#777}.settings-checkbox-description{margin:.1rem 0 .75rem;font-size:.7rem;color:#666;line-height:1.3}.settings-row--indent{margin-left:1.5rem;opacity:.85}.settings-select-wrapper{position:relative}.settings-select{width:100%;padding:10px 36px 10px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#282828cc;color:#eee;font-size:.9rem;cursor:pointer;outline:none;transition:border-color .15s ease,background .15s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaa' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.settings-select:hover{border-color:#ffffff4d;background-color:#323232e6}.settings-select:focus{border-color:#ffd54f}.settings-select option{background:#333;color:#eee}.settings-scale-buttons{display:flex;gap:8px}.settings-scale-btn{flex:1;padding:10px 0;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#28282899;color:#bbb;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.settings-scale-btn:hover{background:#3c3c3cb3;border-color:#ffffff40;color:#ddd}.settings-scale-btn--active{background:#ffb43c33;border-color:#ffb43c80;color:#ffd54f}.settings-scale-btn--active:hover{background:#ffb43c4d;border-color:#ffb43c99}.settings-version-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem}.settings-version-label{color:#aaa}.settings-version-value{color:#eee;font-family:monospace}.settings-update-btn{width:100%;padding:12px 16px;margin-top:8px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#28282899;color:#bbb;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.settings-update-btn:hover:not(:disabled){background:#3c3c3cb3;border-color:#ffffff40;color:#ddd}.settings-update-btn:disabled{opacity:.6;cursor:not-allowed}.settings-update-btn--available{background:#4caf5033;border-color:#4caf5080;color:#81c784}.settings-update-btn--available:hover:not(:disabled){background:#4caf504d;border-color:#4caf5099}.settings-update-status{margin-top:8px;font-size:.85rem;text-align:center;min-height:1.2em}.settings-update-status--available{color:#81c784}.settings-update-status--ok{color:#aaa}.settings-update-status--error{color:#ef9a9a}.settings-input{padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#282828cc;color:#eee;font-size:.85rem;outline:none;transition:border-color .15s ease,background .15s ease}.settings-input:hover{border-color:#ffffff4d;background-color:#323232e6}.settings-input:focus{border-color:#ffd54f}.settings-input:disabled{opacity:.5;cursor:not-allowed}.settings-button{padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#282828cc;color:#bbb;font-size:.85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.settings-button:hover:not(:disabled){background:#3c3c3cb3;border-color:#ffffff40;color:#ddd}.settings-button:disabled{opacity:.5;cursor:not-allowed}.settings-button--danger{border-color:#f443364d;color:#ef9a9a}.settings-button--danger:hover:not(:disabled){background:#f4433633;border-color:#f4433680}.settings-section__warning{margin:.5rem 0 0;padding:.5rem .75rem;border-radius:4px;background:#ff980026;border-left:3px solid #ff9800;color:#ffb74d;font-size:.8rem}.osc-status{padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:500}.osc-status--running{background:#4caf5033;color:#81c784}.osc-status--stopped{background:#9e9e9e33;color:#9e9e9e}.osc-status--error{background:#f4433633;color:#ef9a9a}.osc-status--disabled{background:#ff980026;color:#ffb74d}.osc-targets-list{margin-bottom:.75rem;max-height:150px;overflow-y:auto}.osc-target-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin-bottom:.25rem;border-radius:4px;background:#28282899}.osc-target-row__address{font-family:monospace;font-size:.85rem;color:#ddd}.osc-targets-add{display:flex;gap:.5rem;align-items:center}.osc-targets-add__ip{flex:2}.osc-targets-add__port{flex:1;max-width:80px}.osc-log-window{position:fixed;right:80px;bottom:20px;width:470px;max-width:calc(100vw - 100px);height:300px;max-height:calc(100vh - 40px);background:#141414f2;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;z-index:1900;font-family:var(--font-ui);font-size:.8rem;overflow:hidden;resize:both}.osc-log-window[hidden]{display:none}.osc-log-window.is-dragging{user-select:none;opacity:.9}.osc-log-window__header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#282828e6;border-bottom:1px solid rgba(255,255,255,.1);cursor:move}.osc-log-window__title{font-weight:600;color:#ffd54f;font-size:.85rem}.osc-log-window__controls{display:flex;gap:4px}.osc-log-window__btn{width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.osc-log-window__btn:hover{background:#ffffff1a;color:#ddd}.osc-log-window__btn.is-active{background:#ffd54f33;color:#ffd54f}.osc-log-window__btn--close{font-size:1.2rem;font-weight:700}.osc-log-window__btn--close:hover{background:#f443364d;color:#ef9a9a}.osc-log-window__filters{display:flex;gap:4px;padding:6px 12px;background:#1e1e1ecc;border-bottom:1px solid rgba(255,255,255,.05)}.osc-log-window__filter{padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:transparent;color:#888;font-size:.75rem;cursor:pointer;transition:all .15s}.osc-log-window__filter:hover{border-color:#fff3;color:#aaa}.osc-log-window__filter.is-active{background:#ffd54f26;border-color:#ffd54f66;color:#ffd54f}.osc-log-window__log{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.72rem;line-height:1.4}.osc-log-window__empty{display:flex;align-items:center;justify-content:center;height:100%;color:#555;font-style:italic}.osc-log-window__entry{display:flex;gap:8px;padding:3px 6px;border-radius:3px;margin-bottom:2px;background:#ffffff05}.osc-log-window__entry:hover{background:#ffffff0d}.osc-log-window__entry--in{border-left:2px solid #4caf50}.osc-log-window__entry--out{border-left:2px solid #2196f3}.osc-log-window__time{color:#666;flex-shrink:0;width:80px}.osc-log-window__direction{flex-shrink:0;width:16px;text-align:center}.osc-log-window__entry--in .osc-log-window__direction{color:#4caf50}.osc-log-window__entry--out .osc-log-window__direction{color:#2196f3}.osc-log-window__address{color:#ffd54f;flex-shrink:0;min-width:120px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osc-log-window__args{color:#aaa;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-about__description{line-height:1.6;color:#aaa}.settings-about__info-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0;padding:0}.settings-about__info-list dt{color:#888;font-size:.85rem}.settings-about__info-list dd{margin:0;color:#ddd;font-size:.85rem}.settings-about__links-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.settings-about__links-list a{color:#7eb8da;text-decoration:none;font-size:.9rem;transition:color .15s ease}.settings-about__links-list a:hover{color:#a8d4f0;text-decoration:underline}.settings-about__credits-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.settings-about__credits-list li{font-size:.85rem;color:#bbb}.settings-about__credit-label{color:#888}.settings-about__credits-list a{color:#7eb8da;text-decoration:none;transition:color .15s ease}.settings-about__credits-list a:hover{color:#a8d4f0;text-decoration:underline}.settings-about__funding-logos{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;align-items:center}.settings-about__funding-img{max-width:100%;width:420px;height:auto;border-radius:4px}.settings-section--danger{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,100,100,.2)}.settings-reset-btn{width:100%;padding:12px 16px;margin-top:8px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#28282899;color:#bbb;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.settings-reset-btn--danger{background:#b43c3c40;border-color:#ff646466;color:#ef9a9a}.settings-reset-btn--danger:hover{background:#b43c3c66;border-color:#ff646499;color:#ffcdd2}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:16px}.settings-row__label{color:#bbb;font-size:.9rem;white-space:nowrap}.settings-row .settings-select-wrapper{flex:1;max-width:200px}.settings-row--checkbox{display:flex;align-items:center;gap:10px;padding:10px 0}.settings-row--indent{padding-left:30px;padding-top:4px;padding-bottom:4px}.settings-row--indent .settings-checkbox-label{font-size:.85rem;color:#999}.settings-checkbox{width:20px;height:20px;margin:0;accent-color:#ffd54f;cursor:pointer}.settings-checkbox-label{color:#bbb;font-size:.9rem;cursor:pointer;user-select:none}.settings-shortcuts-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.settings-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#28282880;border-radius:6px;gap:12px}.settings-shortcut-row__label{color:#bbb;font-size:.85rem;flex:1}.settings-shortcut-input{min-width:90px;padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#1e1e1ecc;color:#eee;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.settings-shortcut-input:hover{border-color:#ffffff4d;background:#323232cc}.settings-shortcut-input:focus{border-color:#ffd54f;outline:none}.settings-shortcut-input--recording{border-color:#ff9800;background:#ff980026;animation:shortcut-pulse 1s ease-in-out infinite}@keyframes shortcut-pulse{0%,to{opacity:1}50%{opacity:.7}}.settings-shortcut-input--conflict{border-color:#f44336;background:#f4433626}.settings-shortcut-input--empty{color:#666;font-style:italic}.settings-shortcut-clear{width:24px;height:24px;padding:0;border:none;border-radius:4px;background:#ffffff14;color:#888;font-size:1rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.settings-shortcut-clear:hover{background:#ff646433;color:#f44336}.settings-shortcuts-footer{display:flex;justify-content:flex-end;margin-top:12px}.settings-shortcuts-reset{padding:8px 14px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#28282899;color:#bbb;font-size:.8rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.settings-shortcuts-reset:hover{background:#3c3c3cb3;border-color:#ffffff40;color:#ddd}.confirm-dialog-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000c;backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.confirm-dialog-overlay--visible{opacity:1;visibility:visible}@media(hover:none)and (pointer:coarse){.confirm-dialog-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000e6}}.confirm-dialog{width:90%;max-width:360px;padding:24px;background:#202020fa;border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 12px 40px #0009;transform:translateY(20px) scale(.95);transition:transform .25s ease}.confirm-dialog-overlay--visible .confirm-dialog{transform:translateY(0) scale(1)}.confirm-dialog__title{margin:0 0 12px;font-size:1.15rem;font-weight:600;color:#ffe9a3;text-align:center}.confirm-dialog__message{margin:0 0 20px;font-size:.9rem;color:#aaa;text-align:center;line-height:1.5}.confirm-dialog__remember{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;padding:10px 12px;background:#ffffff0d;border-radius:8px}.confirm-dialog__remember-checkbox{width:18px;height:18px;margin:0;accent-color:#ffd54f;cursor:pointer}.confirm-dialog__remember-label{color:#999;font-size:.85rem;cursor:pointer;user-select:none}.confirm-dialog__buttons{display:flex;gap:12px}.confirm-dialog__btn{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.confirm-dialog__btn:active{transform:scale(.97)}.confirm-dialog__btn--cancel{background:#3c3c3c99;color:#bbb}.confirm-dialog__btn--cancel:hover{background:#505050b3;border-color:#ffffff40;color:#ddd}.confirm-dialog__btn--confirm{background:#ffb43c33;border-color:#ffb43c66;color:#ffd54f}.confirm-dialog__btn--confirm:hover{background:#ffb43c4d;border-color:#ffb43c99;color:#ffe082}.confirm-dialog__btn:focus{outline:2px solid rgba(255,213,79,.5);outline-offset:2px}.input-dialog-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000c;backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.input-dialog-overlay--visible{opacity:1;visibility:visible}@media(hover:none)and (pointer:coarse){.input-dialog-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000e6}}.input-dialog{width:90%;max-width:360px;padding:24px;background:#202020fa;border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 12px 40px #0009;transform:translateY(20px) scale(.95);transition:transform .25s ease}.input-dialog-overlay--visible .input-dialog{transform:translateY(0) scale(1)}.input-dialog__title{margin:0 0 16px;font-size:1.15rem;font-weight:600;color:#ffe9a3;text-align:center}.input-dialog__input{width:100%;padding:12px 14px;margin-bottom:20px;font-size:1rem;color:#fff;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:10px;outline:none;box-sizing:border-box;transition:border-color .15s ease,background .15s ease}.input-dialog__input:focus{border-color:#ffd54f99;background:#0006}.input-dialog__input::placeholder{color:#666}.input-dialog__buttons{display:flex;gap:12px}.input-dialog__btn{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.input-dialog__btn:active{transform:scale(.97)}.input-dialog__btn--cancel{background:#3c3c3c99;color:#bbb}.input-dialog__btn--cancel:hover{background:#505050b3;border-color:#ffffff40;color:#ddd}.input-dialog__btn--confirm{background:#ffb43c33;border-color:#ffb43c66;color:#ffd54f}.input-dialog__btn--confirm:hover{background:#ffb43c4d;border-color:#ffb43c99;color:#ffe082}.input-dialog__btn:focus{outline:2px solid rgba(255,213,79,.5);outline-offset:2px}.patch-browser-modal{position:fixed;z-index:9000;width:90%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#1c1c1cf7;box-shadow:0 16px 48px #0009,0 0 0 1px #0000004d;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.patch-browser-modal--visible{opacity:1;visibility:visible}.patch-browser-modal--dragging{user-select:none;transition:none}@media(hover:none)and (pointer:coarse){.patch-browser-modal{will-change:transform;isolation:isolate}}.patch-browser__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);cursor:grab;user-select:none;flex-shrink:0}.patch-browser-modal--dragging .patch-browser__header{cursor:grabbing}.patch-browser__title{margin:0;font-size:1.2rem;font-weight:600;color:#eee}.patch-browser__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#999;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.patch-browser__close:hover{background:#ffffff1a;color:#fff}.patch-browser__save-zone{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.patch-browser__name-input{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#14141480;color:#eee;font-size:.95rem;outline:none;margin-bottom:8px;box-sizing:border-box;transition:border-color .15s ease}.patch-browser__name-input:focus{border-color:#ffb43c80}.patch-browser__name-input::placeholder{color:#666}.patch-browser__save-buttons{display:flex;gap:8px}.patch-browser__visual-check{display:flex;align-items:center;gap:6px;margin-top:8px;cursor:pointer;color:#999;font-size:.8rem;user-select:none}.patch-browser__visual-check input[type=checkbox]{width:14px;height:14px;accent-color:#ffd54f;cursor:pointer;flex-shrink:0}.patch-browser__visual-check:hover{color:#ccc}.patch-browser__visual-badge{margin-left:4px;font-size:.75rem;opacity:.7}.patch-browser__controls{padding:8px 20px 4px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.patch-browser__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#28282899;color:#bbb;font-size:.85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.patch-browser__btn:hover:not(:disabled){background:#3c3c3cb3;border-color:#ffffff40;color:#ddd}.patch-browser__btn:disabled{opacity:.4;cursor:not-allowed}.patch-browser__btn--primary{background:#ffb43c26;border-color:#ffb43c66;color:#ffd54f}.patch-browser__btn--primary:hover:not(:disabled){background:#ffb43c40;border-color:#ffb43c80}.patch-browser__btn--overwrite{background:#64b4ff1a;border-color:#64b4ff4d;color:#90caf9}.patch-browser__btn--overwrite:hover:not(:disabled){background:#64b4ff33;border-color:#64b4ff80}.patch-browser__btn svg{flex-shrink:0}.patch-browser__search{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#14141480;color:#888}.patch-browser__search svg{flex-shrink:0;opacity:.6}.patch-browser__search-input{flex:1;border:none;background:transparent;color:#eee;font-size:.9rem;outline:none}.patch-browser__search-input::placeholder{color:#666}.patch-browser__actions{display:flex;gap:6px;margin-bottom:4px}.patch-browser__action-btn{flex:1;padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#28282899;color:#bbb;font-size:.8rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.patch-browser__action-btn:hover:not(:disabled){background:#3c3c3cb3;border-color:#ffffff40;color:#ddd}.patch-browser__action-btn:disabled{opacity:.4;cursor:not-allowed}.patch-browser__action-btn--danger:hover:not(:disabled){background:#ef535026;border-color:#ef535066;color:#ef5350}.patch-browser__list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 12px;min-height:80px}.patch-browser__empty{padding:40px 20px;text-align:center;color:#666;font-size:.9rem}.patch-browser__item{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:4px;border-radius:8px;border:1px solid transparent;background:#28282866;cursor:pointer;transition:background .15s ease,border-color .15s ease}.patch-browser__item:hover{background:#3c3c3c80}.patch-browser__item--selected{background:#ffb43c1f;border-color:#ffb43c66}.patch-browser__radio{font-size:.9rem;color:#666}.patch-browser__item--selected .patch-browser__radio{color:#ffd54f}.patch-browser__item-info{flex:1;min-width:0}.patch-browser__item-name{font-size:.95rem;font-weight:500;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patch-browser__item--selected .patch-browser__item-name{color:#ffd54f}.patch-browser__item-date{font-size:.8rem;color:#888;margin-top:2px}.patch-browser__version-badge{margin-left:6px;font-size:.8rem}.patch-browser__footer{display:flex;gap:8px;padding:8px 20px 12px;border-top:1px solid rgba(255,255,255,.08);background:#1414144d;flex-shrink:0}.recording-settings-overlay{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.recording-settings-overlay--visible{opacity:1;visibility:visible}@media(hover:none)and (pointer:coarse){.recording-settings-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000e0}}.recording-settings-modal{width:90%;max-width:420px;max-height:85vh;overflow-y:auto;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 8px 32px #0009;transform:translateY(20px);transition:transform .25s ease}.recording-settings-overlay--visible .recording-settings-modal{transform:translateY(0)}.recording-settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.12)}.recording-settings-modal__title{margin:0;font-size:1rem;font-weight:600;color:#ef9a9a;letter-spacing:.02em}.recording-settings-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff14;color:#ccc;font-size:1.4rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.recording-settings-modal__close:hover{background:#ffffff26;color:#fff}.recording-settings-modal__body{padding:1.25rem}.recording-settings-section{margin-bottom:1.5rem}.recording-settings-section:last-child{margin-bottom:0}.recording-settings-section__title{margin:0 0 .5rem;font-size:.85rem;font-weight:700;color:#ddd;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.05em}.recording-settings-section__description{margin:0 0 .75rem;font-size:.8rem;color:#888}.recording-settings-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.recording-settings-row__label{font-size:.85rem;color:#bbb;min-width:100px}.recording-settings-select-wrapper{flex:1}.recording-settings-select{width:100%;padding:8px 32px 8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#282828cc;color:#eee;font-size:.85rem;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaa' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.recording-settings-select:hover{border-color:#ffffff4d}.recording-settings-select:focus{border-color:#ef9a9a}.recording-settings-matrix-container{margin-top:8px;overflow-x:auto}.recording-routing-matrix{display:flex;flex-direction:column;gap:3px;background:#0000004d;border-radius:8px;padding:6px;min-width:fit-content;--column-min-width: 22px;--column-max-width: 40px}.recording-routing-matrix__header{display:grid;grid-template-columns:44px repeat(var(--track-count, 12),minmax(var(--column-min-width),var(--column-max-width)));gap:2px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}.recording-routing-matrix__header-cell{text-align:center;font-size:.6rem;font-weight:600;color:#ef9a9a;padding:2px 0}.recording-routing-matrix__row{display:grid;grid-template-columns:44px repeat(var(--track-count, 12),minmax(var(--column-min-width),var(--column-max-width)));gap:2px;align-items:center}.recording-routing-matrix__row-label{font-size:.55rem;color:#bbb;padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-routing-matrix__toggle{width:100%;aspect-ratio:1;min-width:22px;min-height:22px;border:1px solid rgba(255,255,255,.15);border-radius:3px;background:#28282899;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.recording-routing-matrix__toggle:hover{background:#3c3c3cb3;border-color:#ffffff40}.recording-routing-matrix__toggle--active{background:#ef9a9a80;border-color:#ef9a9ab3;box-shadow:0 0 8px #ef9a9a66}.recording-routing-matrix__toggle--active:hover{background:#ef9a9aa6}.recording-routing-matrix__row--stereo{background:#ef9a9a0d;border-radius:3px;padding:1px 0;margin-bottom:2px}.recording-routing-matrix__row--stereo .recording-routing-matrix__row-label{color:#ef9a9a}.mobile-quickbar__btn.is-recording{background:#b41e1ee6;border-color:#ff646480;color:#ffdede;animation:recording-pulse 1s ease-in-out infinite}@keyframes recording-pulse{0%,to{box-shadow:0 0 #ff3c3c99}50%{box-shadow:0 0 12px 3px #ff3c3ccc}}.recording-overlay{position:fixed;top:12px;left:12px;z-index:9999;pointer-events:none;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}.recording-overlay--visible{opacity:1;transform:translateY(0)}.recording-overlay__indicator{display:flex;align-items:center;gap:6px;background:#1e0000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,60,60,.4);border-radius:20px;padding:5px 12px 5px 8px;box-shadow:0 2px 12px #0006;animation:recording-overlay-glow 2s ease-in-out infinite}.recording-overlay__dot{width:10px;height:10px;border-radius:50%;background:#ff3c3c;flex-shrink:0;animation:recording-dot-pulse 1s ease-in-out infinite}.recording-overlay__label{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#ff6b6b;letter-spacing:2px;text-transform:uppercase;line-height:1}.recording-overlay__timer{font-family:Courier New,monospace;font-size:11px;color:#ffb4b4cc;letter-spacing:1px;line-height:1;margin-left:2px}@keyframes recording-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes recording-overlay-glow{0%,to{box-shadow:0 2px 12px #0006,0 0 #ff3c3c00}50%{box-shadow:0 2px 12px #0006,0 0 8px 2px #ff3c3c26}}@media(max-width:768px){.recording-overlay{top:8px;left:8px}.recording-overlay__indicator{padding:4px 10px 4px 7px;gap:5px}.recording-overlay__dot{width:8px;height:8px}.recording-overlay__label{font-size:11px}.recording-overlay__timer{font-size:10px}}.mobile-quickbar__btn.is-osc-active{background:#1e8cb4e6;border-color:#64c8ff80;color:#def0ff;animation:osc-pulse 2s ease-in-out infinite}@keyframes osc-pulse{0%,to{box-shadow:0 0 #3cb4ff66}50%{box-shadow:0 0 8px 2px #3cb4ff99}}.settings-btn{padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.settings-btn--secondary{border:1px solid rgba(255,255,255,.15);background:#28282899;color:#bbb}.settings-btn--secondary:hover{background:#3c3c3cb3;border-color:#ffffff40;color:#ddd}.output-channels-row{display:flex;flex-wrap:nowrap;gap:var(--oc-channel-gap, 8px);justify-content:center;align-items:stretch;width:100%;padding:var(--oc-row-padding, 8px 8px 24px);box-sizing:border-box}.output-channel-module{flex:0 0 var(--oc-channel-width, 80px);width:var(--oc-channel-width, 80px);min-width:var(--oc-channel-width, 80px);max-width:var(--oc-channel-width, 80px);height:var(--oc-channel-height, 350px);min-height:var(--oc-channel-height, 350px);max-height:var(--oc-channel-height, 350px)}.output-channel-module .synth-module__header{font-size:10px;padding:4px 6px 3px}.output-channel-module .synth-module__content{padding:var(--oc-content-padding, 6px 4px 16px);align-items:flex-start}.output-channel__content{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.output-channel__knob-wrap.knob-wrapper{flex:none;min-width:auto;gap:2px;transform:translate(var(--oc-knob-row-offset-x, 0px),var(--oc-knob-row-offset-y, 0px))}.output-channel__knob-wrap.knob-wrapper+.output-channel__knob-wrap.knob-wrapper{margin-top:var(--oc-knob-gap, 8px)}.output-channel__knob-wrap .knob{width:var(--oc-knob-size, 42px);height:var(--oc-knob-size, 42px)}.output-channel__knob-wrap .knob-inner{width:var(--oc-knob-inner-pct, 78%);height:var(--oc-knob-inner-pct, 78%)}.output-channel__knob-wrap .knob-inner:after{width:max(3px,calc(var(--oc-knob-size, 42px) * .07));height:calc(var(--oc-knob-size, 42px) * .33);top:calc(var(--oc-knob-size, 42px) * .12)}.output-channel__knob-wrap .knob-label{font-size:8px;color:#aaa;text-transform:uppercase;font-family:var(--font-synthi);letter-spacing:.03em;margin-top:0}.output-channel__switch-wrap{display:flex;justify-content:center;padding:2px 0;margin-top:var(--oc-knob-button-gap, 2px)}.output-channel__switch{width:var(--oc-button-width, 18px);height:var(--oc-button-height, 30px);border-radius:999px;background:#2a2a2a;border:1px solid #444;cursor:pointer;position:relative;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.output-channel__switch:hover{border-color:#666}.output-channel__switch.is-on{background:#1a3a1a;border-color:#0a0}.output-channel__switch--svg{width:auto;height:auto;border-radius:50%;background:transparent;border:none;padding:0;-webkit-tap-highlight-color:transparent}.output-channel__switch--svg:hover{border-color:transparent}.output-channel__switch--svg:focus,.output-channel__switch--svg:focus-visible{outline:none;box-shadow:none}.output-channel__switch--svg.is-on{background:transparent;border-color:transparent}.toggle-svg-container{width:var(--oc-button-width, 18px);height:var(--oc-button-height, 30px);display:flex;align-items:center;justify-content:center;transform:scale(var(--oc-button-scale, 1));transform-origin:center center}.toggle-svg-container svg{width:100%;height:100%;display:block}.output-channel__switch-indicator{position:absolute;top:calc(100% - var(--oc-button-indicator-size, 8px) - 3px);left:50%;transform:translate(-50%);width:var(--oc-button-indicator-size, 8px);height:var(--oc-button-indicator-size, 8px);border-radius:50%;background:#444;transition:top .15s ease,background .15s ease,box-shadow .15s ease}.output-channel__switch.is-on .output-channel__switch-indicator{top:3px;background:#0f0;box-shadow:0 0 4px #00ff0080}.output-channel__slider-wrap{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:var(--oc-button-slider-gap, 2px)}.output-channel__slider-shell{height:var(--oc-slider-shell-height, 240px);width:var(--oc-slider-shell-width, 100%);display:flex;align-items:center;justify-content:center}.output-channel__slider{writing-mode:vertical-lr;direction:rtl;width:var(--oc-slider-width, 24px);height:var(--oc-slider-height, 220px);appearance:none;background:transparent;cursor:pointer;box-sizing:border-box;margin:0 auto;padding:0;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none}.output-channel__slider::-webkit-slider-runnable-track{width:100%;border-radius:8px;border:1px solid #3a2a08;background:linear-gradient(90deg,transparent calc(50% - 3px),#ffe082 calc(50% - 2px),#a37516 calc(50% + 2px),transparent calc(50% + 3px));box-shadow:inset 0 0 3px #00000080}.output-channel__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:10px;border-radius:5px;background:#222;border:1px solid #ffd54f;box-shadow:0 0 4px #000000b3;margin:0 auto}.output-channel__slider::-moz-range-track{width:100%;border-radius:8px;border:1px solid #3a2a08;background:linear-gradient(90deg,transparent calc(50% - 3px),#ffe082 calc(50% - 2px),#a37516 calc(50% + 2px),transparent calc(50% + 3px));box-shadow:inset 0 0 3px #00000080}.output-channel__slider::-moz-range-thumb{width:22px;height:10px;border-radius:5px;background:#222;border:1px solid #ffd54f;box-shadow:0 0 4px #000000b3;margin:0 auto}.output-channel__value{display:none;margin-top:4px;font-size:9px;color:#bbb}#panel-output .synth-module__header,#panel-output .knob-label,#panel-output .knob-value{display:none}#panel-output{background-color:var(--synthi-bg-color);display:flex;flex-direction:column;justify-content:flex-end;padding:10px;overflow:visible}.panel7-upper-row{display:flex;justify-content:center;align-items:flex-start;width:100%;box-sizing:border-box;flex-shrink:0}.panel7-placeholder{flex-shrink:0}.panel7-placeholder .knob-wrapper{flex:0 0 auto;min-width:0}.panel7-joystick-layout{display:flex;width:100%;height:100%;gap:6px;align-items:center}.panel7-joystick-right .panel7-joystick-layout{flex-direction:row-reverse}.panel7-joystick-knobs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:0 0 auto}.panel7-joystick-pad{position:relative;flex:1 1 0;min-width:0;aspect-ratio:1;max-width:100px;max-height:100px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#555,#1a1a1a);border:2px solid rgba(255,255,255,.15);box-shadow:inset 0 0 10px #0009;overflow:visible;touch-action:none}.panel7-joystick-pad.is-tooltip-active{animation:joystick-pad-tooltip-glow 1s ease-in-out infinite}.panel7-joystick-pad.glow-flash{animation:pad-glow-flash var(--glow-duration, .5s) ease-out forwards}@keyframes joystick-pad-tooltip-glow{0%,to{box-shadow:var(--glow-pad-shadow-idle, inset 0 0 10px rgba(0, 0, 0, .6), 0 0 0 0 rgba(255, 215, 128, .3))}50%{box-shadow:var(--glow-pad-shadow, inset 0 0 10px rgba(0, 0, 0, .6), 0 0 14px 5px rgba(255, 215, 128, .4))}}@keyframes pad-glow-flash{0%{box-shadow:inset 0 0 10px #0009,var(--glow-flash-shadow, 0 0 18px 8px rgba(255, 215, 128, .9))}to{box-shadow:inset 0 0 10px #0009,0 0 #ffd78000}}.glow-disabled .panel7-joystick-pad.is-tooltip-active,.glow-disabled .panel7-joystick-pad.glow-flash{animation:none}.panel7-joystick-pad .joystick-handle{width:22px;height:22px;z-index:2}.panel7-sequencer-layout{display:flex;flex-direction:column;width:100%;height:100%;gap:8px;justify-content:center;padding:4px;box-sizing:border-box}.panel7-sequencer-switches{display:flex;justify-content:space-evenly;align-items:center;gap:4px;width:100%}.panel7-seq-switch{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.panel7-seq-switch .output-channel__switch--svg{width:auto;height:auto}.panel7-seq-switch .toggle-svg-container{width:10px;height:22px}.panel7-sequencer-buttons{display:flex;justify-content:space-evenly;align-items:center;gap:4px;width:100%}.panel7-seq-button{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#888,#333);border:1px solid rgba(255,255,255,.2);box-shadow:0 1px 3px #00000080;cursor:pointer;padding:0}.panel7-seq-button:focus{outline:none}.panel7-seq-button:active{background:radial-gradient(circle at 40% 35%,#aaa,#555);box-shadow:0 0 2px #0006}.panel7-sequencer-clock{display:flex;justify-content:center;align-items:center;width:100%}.panel7-joystick .synth-module__content,.panel7-sequencer .synth-module__content{flex:1;display:flex;align-items:center;justify-content:center;padding:6px}.panel2-placeholder,.panel1-placeholder{flex-shrink:0}.panel1-placeholder .knob-wrapper{flex:0 0 auto;min-width:0}.panel1-filter-knobs{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:2px;height:100%;padding:2px 0;box-sizing:border-box}.panel1-envelope-knobs{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;gap:2px;width:100%;height:100%;padding:2px 4px;box-sizing:border-box}.panel1-bottom-knobs{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;padding:4px;box-sizing:border-box}.envelope-shaper__led{border-radius:50%;background:#3a1111;border:1px solid #555;box-shadow:inset 0 1px 2px #0006;pointer-events:none;z-index:2}.envelope-shaper__led--active{background:#ff2020;box-shadow:0 0 6px 2px #ff2020b3,inset 0 1px 2px #ffffff4d}.envelope-shaper__gate-btn{border-radius:50%;border:1px solid #888;background:#d4d0c8;color:#333;font-size:5px;font-weight:700;cursor:pointer;padding:0;line-height:1;z-index:2;user-select:none;touch-action:none}.envelope-shaper__gate-btn:active,.envelope-shaper__gate-btn--active{background:#aaa;box-shadow:inset 0 1px 3px #0006}.panel1-filter .synth-module__content,.panel1-envelope .synth-module__content,.panel1-ring-mod .synth-module__content,.panel1-reverb .synth-module__content,.panel1-echo .synth-module__content{flex:1;display:flex;align-items:center;justify-content:center;padding:2px}#panel-output .output-channels-section{width:100%;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box}.dormant-debug{position:relative}.dormant-debug:after{content:"\1f4a4";position:absolute;top:4px;right:4px;font-size:12px;z-index:100;pointer-events:none;opacity:.8}.dormant-debug:before{content:"";position:absolute;inset:0;background:#00000059;border:2px dashed rgba(255,200,100,.5);border-radius:inherit;pointer-events:none;z-index:99}.module-frame.dormant-debug:after{top:8px;right:8px}.output-channel.dormant-debug{opacity:.5}.output-channel.dormant-debug:after{top:2px;right:2px;font-size:10px}.pip-layer{position:fixed;inset:0;pointer-events:none;z-index:1200;contain:layout style}.pip-container{position:absolute;pointer-events:auto;background:transparent;border:none;border-radius:0;box-shadow:0 8px 32px #0000008c,0 2px 8px #00000059;display:flex;flex-direction:column;overflow:visible;user-select:none;touch-action:none;contain:layout style;isolation:isolate;transition:box-shadow .15s ease}.pip-container:hover{box-shadow:0 12px 40px #000000a6,0 4px 12px #0000006b}.pip-container--animating{will-change:transform}.pip-container--keyboard-panning{will-change:left,top}.pip-container--keyboard-zooming{will-change:left,top,width,height}.pip-container--frameless{overflow:hidden}.pip-container--dragging{cursor:grabbing;box-shadow:0 16px 48px #000000b3;opacity:.95;will-change:transform}.pip-container--resizing{cursor:se-resize}.pip-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:linear-gradient(180deg,#333,#222);border-bottom:1px solid #444;cursor:grab;user-select:none;flex-shrink:0;touch-action:none}.pip-container--frameless .pip-header{display:none}.pip-header:active{cursor:grabbing}.pip-title{font-size:12px;font-weight:500;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.pip-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.pip-controls button{width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:#aaa;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease,color .12s ease}.pip-controls button:hover{background:#ffffff1a;color:#fff}.pip-close:hover{background:#f443364d!important;color:#f44336!important}.pip-lock{position:relative}.pip-lock__icon-locked{display:none}.pip-lock__icon-unlocked,.pip-container--locked .pip-lock__icon-locked{display:block}.pip-container--locked .pip-lock__icon-unlocked{display:none}.pip-container--locked .pip-lock{color:#ffb63b!important;background:#ffb63b33!important}.pip-container--locked .pip-maximize,.pip-container--locked .pip-minimize,.pip-container--locked .pip-fit{opacity:.3;cursor:not-allowed;pointer-events:none}.pip-container--locked .pip-resize-handle,.pip-container--locked .pip-resize-edge{display:none}.pip-container--locked{box-shadow:0 8px 32px #0000008c,0 0 0 1px #ffb63b59}.pip-container--locked .pip-viewport{overflow:hidden}.pip-controls button[data-tooltip]{position:relative}.pip-controls button[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;background:#000000eb;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;border-radius:5px;border:1px solid rgba(255,255,255,.15);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:10000}.pip-controls button:last-child[data-tooltip]:after{left:auto;right:0;transform:none}.pip-controls button:first-child[data-tooltip]:after{left:0;transform:none}@media(hover:hover)and (pointer:fine){.pip-controls button[data-tooltip]:hover:after{opacity:1;visibility:visible}}.pip-controls button.tooltip-visible[data-tooltip]:after{opacity:1;visibility:visible}.pip-content{flex:1;overflow:hidden;position:relative;background:transparent;contain:layout paint}.pip-viewport{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;contain:layout paint}.pip-viewport-inner{position:relative;width:100%;height:100%;overflow:hidden;transform-origin:0 0}@media(pointer:coarse){.pip-viewport-inner{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}}.pip-viewport>.panel,.pip-viewport-inner>.panel{position:relative;margin:0;box-shadow:none;border-radius:0;overflow:visible!important}.pip-container--frameless .pip-viewport{inset:0}.pip-resize-edge{position:absolute;touch-action:none;z-index:2;background:transparent}.pip-resize-edge--right{top:0;right:-2px;width:6px;height:100%;cursor:ew-resize}.pip-resize-edge--bottom{bottom:-2px;left:0;width:100%;height:6px;cursor:ns-resize}.pip-resize-edge--left{top:0;left:-2px;width:6px;height:100%;cursor:ew-resize}.pip-resize-edge--top{top:-2px;left:0;width:100%;height:6px;cursor:ns-resize}@media(hover:none){.pip-resize-edge--right{right:-12px;width:30px}.pip-resize-edge--bottom{bottom:-12px;height:30px}.pip-resize-edge--left{left:-12px;width:30px}.pip-resize-edge--top{top:-12px;height:30px}.pip-resize-handle{right:-6px;bottom:-6px;width:28px;height:28px}}.pip-resize-handle{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.2) 50%);border-radius:0 0 8px;touch-action:none;z-index:3}.pip-container--frameless .pip-resize-handle,.pip-container--frameless .pip-resize-handle:hover{background:transparent}.pip-resize-handle:hover{background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.4) 50%)}.pip-detach-btn{position:absolute;top:8px;right:8px;z-index:10;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:#0009;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background-color .15s ease,transform .15s ease;backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent}.panel:hover .pip-detach-btn,.panel:focus-within .pip-detach-btn,.pip-detach-btn:focus{opacity:1}@media(hover:none){.pip-detach-btn{opacity:.7}}.pip-detach-btn:hover{background:#000c;color:#fff;transform:scale(1.05)}.pip-detach-btn:active{transform:scale(.95)}.pip-detach-btn--active{background:#ffb63b4d;color:#ffb63b}.pip-detach-btn--active svg{transform:rotate(180deg)}.pip-detach-btn--active:hover{background:#ffb63b80}.pip-panel-preview{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;contain:layout paint}.pip-panel-preview>*{pointer-events:none!important}.pip-panel-preview__item{position:absolute;transform-origin:top left}.pip-panel-preview__item>*{width:100%!important;height:100%!important}.pip-container--preview{box-shadow:0 4px 18px #00000047,0 1px 4px #00000029}.panel--pipped.panel--pip-preview{box-shadow:none!important}.panel--pipped.panel--pip-preview>.panel-inline-bg{opacity:1!important;display:block!important}.panel--pipped.panel--pip-preview>.pip-panel-preview{display:none!important}.panel--pipped.panel--pip-preview .routing-matrix-container,.panel--pipped.panel--pip-preview .recording-settings-matrix-container,.panel--pipped.panel--pip-preview .knob-label,.panel--pipped.panel--pip-preview .knob-value,.panel--pipped.panel--pip-preview .synth-toggle__label,.panel--pipped.panel--pip-preview .rotary-switch__label,.panel--pipped.panel--pip-preview .knob-tooltip,.panel--pipped.panel--pip-preview .tooltip,.panel--pipped.panel--pip-preview .pip-detach-btn,.panel--pipped.panel--pip-preview .scope-screen,.panel--pipped.panel--pip-preview .oscilloscope,.panel--pipped.panel--pip-preview canvas,.panel--pipped.panel--pip-preview video,.panel--pipped.panel--pip-preview iframe,.panel--pipped.panel--pip-preview .panel-build-version,.panel--pipped.panel--pip-preview .panel-shortcut-badge,.panel--pipped.panel--pip-preview .panel-zoom-btn{display:none!important}.panel--pipped.panel--pip-preview .knob,.panel--pipped.panel--pip-preview .knob-wrapper,.panel--pipped.panel--pip-preview .knob-inner,.panel--pipped.panel--pip-preview .vernier-svg-container,.panel--pipped.panel--pip-preview .knob-center,.panel--pipped.panel--pip-preview .synth-toggle,.panel--pipped.panel--pip-preview .synth-toggle__track,.panel--pipped.panel--pip-preview .synth-toggle__svg-container,.panel--pipped.panel--pip-preview .rotary-switch,.panel--pipped.panel--pip-preview .rotary-switch__body,.panel--pipped.panel--pip-preview .rotary-switch__svg-container,.panel--pipped.panel--pip-preview .output-channel__slider-wrap,.panel--pipped.panel--pip-preview .output-channel__slider-shell,.panel--pipped.panel--pip-preview .output-channel__switch,.panel--pipped.panel--pip-preview .output-channel__switch-wrap,.panel--pipped.panel--pip-preview .pin-btn,.panel--pipped.panel--pip-preview .joystick-pad,.panel--pipped.panel--pip-preview .panel7-joystick-pad,.panel--pipped.panel--pip-preview .joystick-handle,.panel--pipped.panel--pip-preview .matrix-container{pointer-events:none!important}.panel--pipped.panel--pip-preview .panel7-placeholder,.panel--pipped.panel--pip-preview .panel7-joystick-layout,.panel--pipped.panel--pip-preview .panel7-joystick-knobs,.panel--pipped.panel--pip-preview .panel7-sequencer-layout,.panel--pipped.panel--pip-preview .panel7-sequencer-switches,.panel--pipped.panel--pip-preview .panel7-seq-switch,.panel--pipped.panel--pip-preview .panel7-seq-switch .output-channel__switch,.panel--pipped.panel--pip-preview .panel7-seq-switch .toggle-svg-container,.panel--pipped.panel--pip-preview .panel7-seq-switch .toggle-svg-container svg,.panel--pipped.panel--pip-preview .panel7-sequencer-clock,.panel--pipped.panel--pip-preview .panel7-seq-clock-knob,.panel--pipped.panel--pip-preview .output-channels-section,.panel--pipped.panel--pip-preview .output-channel__content,.panel--pipped.panel--pip-preview .output-channel__switch-wrap,.panel--pipped.panel--pip-preview .output-channel__switch,.panel--pipped.panel--pip-preview .toggle-svg-container,.panel--pipped.panel--pip-preview .toggle-svg-container svg,.panel--pipped.panel--pip-preview .output-channel__knob-wrap.knob-wrapper,.panel--pipped.panel--pip-preview .output-channel-module .synth-module__content{visibility:visible!important;opacity:1!important}.panel--pipped.panel--pip-preview .panel7-joystick-knobs,.panel--pipped.panel--pip-preview .panel7-sequencer-switches,.panel--pipped.panel--pip-preview .panel7-seq-switch,.panel--pipped.panel--pip-preview .panel7-seq-switch .output-channel__switch,.panel--pipped.panel--pip-preview .output-channel__switch-wrap,.panel--pipped.panel--pip-preview .output-channel__content{display:flex!important}.panel--pipped .matrix-container{overflow:visible}.pip-placeholder{width:var(--panel-width);height:var(--panel-width);border:2px dashed rgba(255,255,255,.3);border-radius:10px;background:#0000004d;display:flex;align-items:center;justify-content:center;cursor:default;transition:border-color .15s ease,background-color .15s ease;grid-column:var(--panel-col, auto);box-sizing:border-box;overflow:hidden;contain:layout style paint size}.pip-placeholder:hover{border-color:#ffb63b99;background:#ffb63b1a}.pip-placeholder__content{text-align:center;color:#ffffff80;pointer-events:none}.pip-placeholder__title{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#ffffffb3}.pip-placeholder__hint{display:block;font-size:11px;opacity:.6}.pip-placeholder:hover .pip-placeholder__content{color:#ffb63be6}.pip-placeholder:hover .pip-placeholder__title{color:#ffb63b}.pip-viewport .pip-detach-btn{display:none}.panel-note{position:absolute;z-index:50;min-width:110px;min-height:36px;max-width:80%;max-height:80%;display:flex;flex-direction:column;overflow:hidden;resize:both;background:var(--note-bg, #fef3b5);border:1px solid var(--note-border, #e6d570);border-radius:3px;box-shadow:2px 3px 8px #00000040;color:var(--note-text, #5a4e00);font-family:var(--font-ui);font-size:11px;line-height:1.35;cursor:default;user-select:none;transition:box-shadow .15s ease,opacity .15s ease;contain:layout style;touch-action:none}.panel-note:hover{box-shadow:2px 4px 12px #00000059}.panel-note--dragging{opacity:.85;box-shadow:4px 6px 18px #0006;cursor:grabbing;z-index:100}.panel--note-dragging{z-index:10!important}#viewportInner>.panel-note{max-width:none;max-height:none}.panel-note__header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px;cursor:grab;border-bottom:1px solid var(--note-border, #e6d570);background:linear-gradient(180deg,#ffffff59,#fff0);border-radius:3px 3px 0 0}.panel-note--dragging .panel-note__header{cursor:grabbing}.panel-note__drag{font-size:10px;letter-spacing:1px;opacity:.4;pointer-events:none}.panel-note__actions{display:flex;gap:2px;opacity:0;transition:opacity .12s ease}.panel-note:hover .panel-note__actions{opacity:1}@media(pointer:coarse){.panel-note__actions{opacity:1}}.panel-note__btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--note-text, #5a4e00);font-size:14px;line-height:1;cursor:pointer;border-radius:3px;opacity:.6;transition:opacity .1s,background .1s}.panel-note__btn:hover{opacity:1;background:#00000014}.panel-note__btn--delete:hover{background:#c8000026;color:#c00}.panel-note__btn--font-down,.panel-note__btn--font-up{font-size:11px;font-weight:600;font-family:inherit;letter-spacing:-.5px}.panel-note__btn--font-down small,.panel-note__btn--font-up small{font-size:9px;vertical-align:baseline}.panel-note__body{flex:1;padding:4px 6px 6px;min-height:20px;outline:none;cursor:grab;user-select:none;word-break:break-word;white-space:pre-wrap;font-size:inherit;line-height:inherit;color:inherit;overflow-y:auto}.panel-note__body[contenteditable=true]{cursor:text;user-select:text}.panel-note--dragging .panel-note__body{cursor:grabbing}.panel-note__body:empty:before{content:attr(data-placeholder);opacity:.45;font-style:italic;pointer-events:none}.panel-note__body:focus{background:#ffffff40}.panel-note__color-picker{position:fixed;display:flex;gap:3px;padding:4px 5px;background:#333;border-radius:5px;box-shadow:0 4px 14px #00000080;z-index:10001;animation:pip-context-menu-fade-in .1s ease-out}.panel-note__color-swatch{width:20px;height:20px;border:2px solid transparent;border-radius:50%;cursor:pointer;padding:0;transition:transform 80ms ease}.panel-note__color-swatch:hover{transform:scale(1.2)}.panel-note__color-swatch.is-active{border-color:#fff;box-shadow:0 0 0 1px #0000004d}.panel-note__context-menu{position:fixed;z-index:10000;min-width:130px;background:#222;border:1px solid #444;border-radius:6px;box-shadow:0 6px 20px #00000080;padding:4px 0;animation:pip-context-menu-fade-in .1s ease-out}.panel-note__ctx-item{display:block;width:100%;padding:6px 14px;border:none;background:transparent;color:#e0e0e0;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap;font-family:inherit}.panel-note__ctx-item:hover:not(:disabled){background:#ffffff1a}.panel-note__ctx-item:disabled{opacity:.35;cursor:default}.panel-note__ctx-separator{height:1px;margin:3px 8px;background:#ffffff1f}.pip-context-menu{position:fixed;z-index:9999;min-width:150px;background:#222;border:1px solid #444;border-radius:6px;box-shadow:0 8px 24px #0009;padding:4px 0;animation:pip-context-menu-fade-in .12s ease-out}@keyframes pip-context-menu-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pip-context-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:#ddd;font-size:13px;text-align:left;cursor:pointer;transition:background-color .1s ease}.pip-context-menu__item:hover{background:#ffffff1a}.pip-context-menu__item svg{width:16px;height:16px;flex-shrink:0}.pip-context-menu__separator{height:1px;background:#ffffff26;margin:4px 8px}.pip-context-menu__item.is-disabled{color:#666;cursor:not-allowed;pointer-events:none}.midi-learn-target{outline:2px solid rgba(0,180,255,.7)!important;outline-offset:2px;animation:midi-learn-pulse 1.2s ease-in-out infinite}@keyframes midi-learn-pulse{0%,to{outline-color:#00b4ffb3;box-shadow:0 0 6px #00b4ff4d}50%{outline-color:#00b4ff33;box-shadow:0 0 12px #00b4ff1a}}.midi-mapped{position:relative}.midi-mapped:after{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:50%;background:#00b4ff;box-shadow:0 0 4px #00b4ff99;pointer-events:none;z-index:10}.midi-learn-overlay{position:fixed;top:12px;right:12px;z-index:9999;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}.midi-learn-overlay--visible{opacity:1;transform:translateY(0)}.midi-learn-overlay--fadeout{opacity:0;transform:translateY(-8px)}.midi-learn-overlay__indicator{display:flex;align-items:center;gap:8px;background:#001e32d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(0,180,255,.4);border-radius:20px;padding:8px 14px 8px 10px;box-shadow:0 2px 12px #0006;animation:midi-overlay-glow 2s ease-in-out infinite}.midi-learn-overlay--success .midi-learn-overlay__indicator{border-color:#00dc6480;background:#002814d9;animation:none}.midi-learn-overlay__icon{flex-shrink:0;color:#00b4ff;line-height:0}.midi-learn-overlay--success .midi-learn-overlay__icon{color:#00dc64}.midi-learn-overlay__text{display:flex;flex-direction:column;gap:2px}.midi-learn-overlay__title{font-size:12px;font-weight:600;color:#cef;white-space:nowrap}.midi-learn-overlay--success .midi-learn-overlay__title{color:#b0ffd0}.midi-learn-overlay__target{font-size:11px;color:#a0d2f0cc}.midi-learn-overlay__status{font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.midi-learn-overlay__status--ok{color:#82c8a0d9}.midi-learn-overlay__status--warning{color:#ffc850e6}.midi-learn-overlay__status--error{color:#ff7864e6}.midi-learn-overlay__cancel{background:none;border:1px solid rgba(255,255,255,.2);color:#aaa;border-radius:50%;width:22px;height:22px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0;padding:0;line-height:1}.midi-learn-overlay__cancel:hover{background:#ff64644d;color:#fff;border-color:#ff646480}@keyframes midi-overlay-glow{0%,to{box-shadow:0 2px 12px #0006,0 0 #00b4ff00}50%{box-shadow:0 2px 12px #0006,0 0 8px 2px #00b4ff26}}@media(max-width:768px){.midi-learn-overlay{top:8px;right:8px}.midi-learn-overlay__indicator{padding:6px 10px 6px 8px;gap:6px}}.midi-devices-list{display:flex;flex-direction:column;gap:4px}.midi-device-state{font-size:10px;margin-right:6px}.midi-device-state--connected{color:#00dc64}.midi-device-state--disconnected{color:#666}.midi-mappings-table{display:flex;flex-direction:column;gap:2px}.midi-mapping-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff08;border-radius:4px;font-size:12px}.midi-mapping__source{color:#00b4ff;font-weight:600;min-width:100px}.midi-mapping__arrow{color:#666;flex-shrink:0}.midi-mapping__target{color:#ddd;flex:1}.midi-mapping__device{color:#777;font-size:11px}.midi-mapping__delete{background:none;border:1px solid rgba(255,100,100,.3);color:#ff6b6b;border-radius:50%;width:20px;height:20px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0;transition:background .15s}.midi-mapping__delete:hover{background:#ff646433}.settings-btn--danger{border-color:#ff646466!important;color:#ff6b6b!important}.settings-btn--danger:hover{background:#ff646426!important}.settings-section__description--warning{color:#ffb63b;background:#ffb63b1a;border:1px solid rgba(255,182,59,.2);border-radius:6px;padding:10px 14px}.settings-row__label--dimmed{color:#777;font-size:12px}.mobile-quickbar__pip-container{position:relative}.pip-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#1a1a1a;border:1px solid #444;border-radius:8px;box-shadow:0 8px 24px #0009;padding:4px 0;z-index:9999;display:none}.pip-menu.is-open{display:block;animation:pip-menu-slide-down .15s ease-out}@keyframes pip-menu-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pip-menu__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:none;background:transparent;color:#ccc;font-size:13px;text-align:left;cursor:pointer;transition:background-color .1s ease,color .1s ease}.pip-menu__item:hover{background:#ffffff14;color:#fff}.pip-menu__item.is-active{color:#ffb63b;background:#ffb63b26}.pip-menu__item.is-active:after{content:"\2713";font-size:12px;margin-left:8px}.pip-menu__separator{height:1px;background:#ffffff26;margin:6px 8px}.pip-menu__item--action{color:#aaa;font-size:12px}.pip-menu__item--action:hover:not(.is-disabled){color:#fff}.pip-menu__item.is-disabled{color:#555;cursor:not-allowed;pointer-events:none}.mobile-quickbar__btn.has-active-pips{color:#ffb63b}.keyboard-window{position:fixed;overflow:hidden;border-radius:6px;box-shadow:0 8px 32px #0009,0 2px 8px #0006;user-select:none;touch-action:none;contain:layout style}.keyboard-window--dragging{opacity:.92;cursor:grabbing}.keyboard-window .white-key{cursor:pointer}.keyboard-window .white-key:hover{fill:#e8e3d8}.keyboard-window .white-key.key-pressed{fill:#c8c0b0!important}.keyboard-window .black-key{cursor:pointer}.keyboard-window .black-key:hover{fill:#2a2a2a}.keyboard-window .black-key.key-pressed{fill:#3a3a3a!important}.keyboard-resize-handle{position:absolute;z-index:2}.keyboard-resize-handle--nw{top:0;left:0;width:14px;height:14px}.keyboard-resize-handle--ne{top:0;right:0;width:14px;height:14px}.keyboard-resize-handle--sw{bottom:0;left:0;width:14px;height:14px}.keyboard-resize-handle--se{bottom:0;right:0;width:14px;height:14px}.keyboard-resize-handle--n{top:0;left:14px;right:14px;height:6px}.keyboard-resize-handle--s{bottom:0;left:14px;right:14px;height:6px}.keyboard-resize-handle--e{top:14px;right:0;bottom:14px;width:6px}.keyboard-resize-handle--w{top:14px;left:0;bottom:14px;width:6px}.keyboard-context-menu{position:fixed;z-index:10000;background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:4px 0;min-width:160px;box-shadow:0 4px 16px #00000080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.keyboard-context-menu__item{padding:8px 16px;color:#ddd;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px}.keyboard-context-menu__item svg{flex-shrink:0}.keyboard-context-menu__item:hover{background:#3a3a3a;color:#fff}.keyboard-context-menu__separator{height:1px;background:#444;margin:4px 0}.keyboard-context-menu__header{padding:6px 16px 2px;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.keyboard-context-menu__radio{padding-left:12px}.keyboard-context-menu__radio-dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid #888;margin-right:2px;flex-shrink:0}.keyboard-context-menu__radio--active .keyboard-context-menu__radio-dot{border-color:#ffb63b;background:#ffb63b}.mobile-quickbar__btn.is-keyboard-active{color:#ffb63b}.seq-event-time-display{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.seq-event-time-display__bezel{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#110505;border-radius:5px;border:2px solid #221010;box-shadow:inset 0 2px 10px #000000e6,inset 0 0 25px #0009,0 1px 3px #000000b3;overflow:hidden}.seq-event-time-display__bezel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(60,0,0,.06) 0%,transparent 35%,transparent 65%,rgba(0,0,0,.1) 100%);border-radius:3px;pointer-events:none;z-index:2}.seq-7seg{position:relative;width:22px;height:38px}.seq-7seg__seg{position:absolute;background:#3208084d;border-radius:1.5px;transition:none}.seq-7seg__seg.--on{background:#e83020;box-shadow:0 0 4px #ff321ecc,0 0 10px #ff1e1459,0 0 1px #ff6450f2}.seq-7seg__seg.--a{top:0;left:3px;width:16px;height:3px}.seq-7seg__seg.--d{bottom:0;left:3px;width:16px;height:3px}.seq-7seg__seg.--g{top:50%;left:3px;width:16px;height:3px;transform:translateY(-50%)}.seq-7seg__seg.--b{top:2px;right:0;width:3px;height:16px}.seq-7seg__seg.--c{bottom:2px;right:0;width:3px;height:16px}.seq-7seg__seg.--e{bottom:2px;left:0;width:3px;height:16px}.seq-7seg__seg.--f{top:2px;left:0;width:3px;height:16px}