@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.studio-desk{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#141617}.studio-desk-canvas{display:none;width:100%;height:100%}.studio-desk-texture{display:block;width:100%;height:100%;opacity:.5;filter:grayscale(.8) saturate(.28) brightness(.66)}.studio-desk[data-ready=true] .studio-desk-canvas{display:block}.studio-desk[data-ready=true] .studio-desk-texture{display:none}:root{font-family:DM Sans,Arial,sans-serif;color:#eeede7;background:#1b1d20;font-synthesis:none;color-scheme:dark;--panel: #3c3d41;--ink: #eeede7;--muted: #b9b9b7;--red: #b44c50;--blue: #397d9f;--line: #969693;--mint: #a7d5c2}*{box-sizing:border-box}body{margin:0;min-width:0;overflow-x:auto}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid #747577;border-radius:2px;background:#33353a;transition:background .12s,border-color .12s}button:hover{background:#484b50;border-color:#cecec8}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #b6dff3;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}input[type=range]{accent-color:#d1d1c7}select{color:var(--ink);background:#24262a;border:1px solid #858887;border-radius:2px;padding:8px 28px 8px 10px;cursor:pointer}.studio-viewport{position:relative;margin:0 auto;overflow:hidden}.app-shell{width:2240px;max-width:none;margin:0;padding:0;transform-origin:top left}.topbar{width:1500px;height:150px;margin-left:370px;display:flex;align-items:center;justify-content:flex-end;gap:20px}.topbar-right{display:flex;align-items:center;gap:17px}.icon-button{width:27px;height:27px;border-radius:50%;font-family:serif;font-size:16px;background:none;border-color:#6b7074}.power-control{width:132px;flex:none;display:flex;flex-direction:column;align-items:center;align-self:center;margin-left:8px;color:#eee9dc;font:700 10px/1.1 Arial,sans-serif;letter-spacing:.8px}.power-title{margin-bottom:1px;text-shadow:0 1px 1px #000a}.power-switch{position:relative;width:116px;height:52px;padding:0;background:transparent;border:0;border-radius:2px;overflow:visible}.power-switch:before{content:"";position:absolute;left:18px;top:-19px;width:80px;height:90px;background:transparent}.power-switch:hover{background:transparent;border-color:transparent}.power-switch:disabled{opacity:.7}.power-switch:focus-visible{outline:none}.power-switch:focus-visible:before{outline:2px solid #b6dff3;outline-offset:2px}.switch-hardware{position:absolute;left:39px;top:4px;width:39px;height:42px;display:grid;place-items:center;transform:scale(1.69);transform-origin:center;filter:drop-shadow(3px 5px 3px #0009)}.switch-washer{width:32px;height:27px;display:grid;place-items:center;border-radius:50%;border:2px solid #201f1e;background:radial-gradient(circle at 34% 25%,#dedcd2,#827f77 45%,#292a2b 75%);box-shadow:0 2px 1px #fff6 inset,0 3px 3px #000b}.switch-nut{width:22px;height:20px;display:grid;place-items:center;border:1px solid #2c2b29;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(130deg,#f3f2e9,#767571 32%,#d3d0c5 60%,#303134)}.switch-lever{position:relative;width:8px;height:31px;top:-13px;border:1px solid #4e4e48;border-radius:7px 7px 3px 3px;background:linear-gradient(90deg,#4c4c47,#f6f3e9 38%,#b5b4ab 65%,#464945);box-shadow:2px 2px 2px #0009;transform:rotate(33deg);transform-origin:50% 90%;transition:transform .16s ease}.power-switch.on .switch-lever{transform:rotate(-33deg)}.power-indicator{position:absolute;width:12px;height:12px;left:10px;top:19px;border-radius:50%;border:2px solid #1c1211;background:radial-gradient(circle at 38% 30%,#b56b58,#66160e 36%,#260807 72%);box-shadow:0 0 0 1px #9b8875,inset 0 -1px 2px #000}.power-switch.on .power-indicator{background:radial-gradient(circle at 40% 30%,#fff4db,#fd4b2c 28%,#a90d0b 63%,#3a0807);box-shadow:0 0 0 1px #9b8875,0 0 9px #ef301d9c}.power-off-label{position:absolute;top:19px;right:7px;font-size:10px;text-shadow:0 1px 1px #000b}.power-cue{margin-top:2px;font-size:8px;white-space:nowrap;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 1px #000b}.instrument{border:1px solid #1a1b1e;border-left:28px solid #61462f;border-right:28px solid #61462f;border-radius:5px;background:var(--panel);box-shadow:0 18px 45px #0004,0 1px #66676a inset;overflow:hidden}.instrument-header{min-height:110px;padding:24px 28px 20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.model{margin-left:auto;border-block:2px solid #4084a6;padding:3px 0 6px;text-align:right}.model-name{font-family:Space Grotesk,Arial,sans-serif;font-size:62px;line-height:.99;font-weight:600;letter-spacing:-2px}.model-caption{display:block;margin-top:5px;font-size:9px;letter-spacing:1.35px}.modules{display:grid;grid-template-columns:1.08fr 2.18fr .65fr 2.62fr .76fr 1.98fr .88fr 1.25fr;padding:0 25px 18px}.module{position:relative;min-width:0;padding:0 10px 13px;border-right:1px solid #969693;border-bottom:2px solid var(--red)}.module:last-child{border-right:0}.module h2{background:var(--red);color:#fff7ed;margin:0 -10px 18px;padding:5px 7px 4px;font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.2px;text-align:center}.faders{--fader-gap: 3px;display:flex;justify-content:space-around;gap:var(--fader-gap)}.fader{min-width:0;flex:1;max-width:67px;position:relative;text-align:center}.fader:not(:only-child){max-width:none}.fader label{display:block;color:var(--ink);text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:.15px;white-space:nowrap}.fader-track{position:relative;display:flex;align-items:center;justify-content:center;height:148px;margin:10px auto 5px}.ticks{position:absolute;width:calc(100% + var(--fader-gap));height:132px;background:repeating-linear-gradient(to top,#cac8bf 0,#cac8bf 1px,transparent 1px,transparent 13.1px)}.fader:first-child .ticks{left:0;width:calc(100% + var(--fader-gap) / 2)}.fader:last-child .ticks{right:0;left:auto;width:calc(100% + var(--fader-gap) / 2)}.fader:only-child .ticks{width:100%}.fader:not(:first-child):not(:last-child) :is(.scale-top,.scale-bottom){display:none}.fader:last-child:not(:first-child) :is(.scale-top,.scale-bottom){left:calc(100% + 2px);right:auto}.stepped .ticks{background:repeating-linear-gradient(to top,#cac8bf 0,#cac8bf 1px,transparent 1px,transparent 43.7px)}.scale-top,.scale-bottom{position:absolute;right:calc(100% + 2px);font-size:7px;line-height:1;color:#c8c6be}.scale-top{top:4px}.scale-bottom{bottom:5px}.fader input[type=range]{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:6px;height:136px;position:relative;z-index:1;margin:0;border:1px solid #18191b;border-radius:0;background:#1c1d20;box-shadow:1px 0 #717275;cursor:ns-resize;touch-action:none}.fader input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:17px;border-radius:1px;border:1px solid #111214;background:linear-gradient(to right,transparent 0 25%,#26292c 28% 72%,transparent 75%),linear-gradient(to bottom,#36393c 0 12%,#222528 13% 42%,#dedbca 43% 55%,#26292c 56% 89%,#121518 90% 100%);box-shadow:0 2px 1px #0005}.fader input::-moz-range-thumb{width:24px;height:16px;border-radius:1px;border:1px solid #111214;background:linear-gradient(to right,transparent 0 25%,#26292c 28% 72%,transparent 75%),linear-gradient(to bottom,#36393c 0 12%,#222528 13% 42%,#dedbca 43% 55%,#26292c 56% 89%,#121518 90% 100%)}.fader output{display:inline-block;min-width:26px;color:#d1cec4;font:10px/1.3 ui-monospace,monospace}.fader.learning label{color:#bce6f4}.fader.learning:after{content:"LEARN";position:absolute;bottom:-14px;left:0;right:0;color:#bce6f4;font-size:8px}.control-caption{display:block;color:#dbd9d2;font-size:9px;line-height:1.2;letter-spacing:.7px}.choice{display:flex;gap:4px}.choice button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-height:28px;padding:6px;border:1px solid #bab8ab;border-bottom-color:#77796f;border-radius:1px;background:#b9b7aa;color:#202528;box-shadow:0 2px #24262a;font-size:9px;font-weight:700;white-space:nowrap}.choice button:hover{background:#d5d2c5;border-color:#f0edde}.choice button.selected{background:#e0dac4;border-color:#f2eddd}.led{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:radial-gradient(ellipse at 30% 24%,#e5bcb780 0 9%,transparent 26%),radial-gradient(circle at 46% 38%,#743039,#370610 65%,#150407);box-shadow:0 0 0 .6px #291417,inset 0 -.6px .7px #100307,0 .7px .5px #0005}.instrument-stage[data-powered=true] .selected .led,.instrument-stage[data-powered=true] .led.lit{background:radial-gradient(ellipse at 30% 24%,#fff1dba6 0 8%,transparent 24%),radial-gradient(circle at 48% 44%,#ff9864 0 12%,#fb2c15 35%,#b2080c 66%,#4d0510);box-shadow:0 0 0 .6px #351015,inset 0 -.6px .7px #390208,0 0 2px #ff291b60}.dco-options,.filter-options{display:flex;justify-content:space-between;gap:8px;margin-top:17px}.filter-options{justify-content:flex-end}.captioned-choice{min-width:0}.captioned-choice .control-caption{margin-bottom:8px;text-align:center}.captioned-choice .choice{gap:3px}.captioned-choice .choice button{padding:6px 4px}.captioned-choice .choice .led{width:4px;height:4px}.wave-buttons{display:flex;gap:8px;margin-top:13px}.wave-toggle{display:flex;justify-content:center;align-items:center;gap:10px;flex:1;min-height:28px;padding:5px 8px;background:#b9b7aa;border-color:#bab8ab;border-radius:1px;box-shadow:0 2px #24262a}.wave-toggle:hover,.wave-toggle.selected{background:#e0dac4}.wave-toggle svg{width:28px;height:14px;fill:none;stroke:#2b3031;stroke-width:1.8}.vca .choice .led{display:none}.vca>.choice{flex-direction:column;gap:7px;margin-top:19px}.envelope-diagram{display:block;width:100%;height:46px;margin-top:15px;stroke:#d3d0c8;fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.envelope-baseline{opacity:.16;stroke-width:.65}.envelope-note-off{opacity:.4;stroke-width:.65;stroke-dasharray:2 3}.envelope-point{fill:#d3d0c8;stroke:none}.chorus-buttons{display:flex;flex-direction:column;gap:11px;margin-top:24px}.chorus-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 4px;min-height:33px;color:#282724;background:#c5b37c;border-color:#d1c191;border-bottom-color:#8c805b;border-radius:1px;font-weight:700;font-size:12px;box-shadow:0 2px #24262a}.chorus-buttons button:first-child{background:#c3beb0;border-color:#d3cfc1}.chorus-buttons button:hover,.chorus-buttons button.selected{background:#e2cf91;border-color:#f0dfa7}.chorus-buttons button:first-child.selected{background:#e0dac4}.program-panel{margin:0 25px 18px;border-bottom:2px solid var(--blue)}.program-panel h2{padding:4px 11px;color:#f0f3ed;background:var(--blue);font:700 10px/1.25 Arial,sans-serif;letter-spacing:1.1px}.program-controls{--patch-control-height: 36px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:15px 12px 17px}.patch-display{display:flex;align-items:flex-end;gap:22px;flex:1;min-width:0}.patch-number-wrap{display:flex;align-items:center;gap:12px;flex-shrink:0}.patch-number-wrap .control-caption{max-width:62px;font-size:8px}.patch-number{position:relative;display:flex;align-items:center;justify-content:center;min-width:79px;padding:5px 11px 6px;background:linear-gradient(166deg,#39303344,transparent 46%),linear-gradient(#130d10,#211316);border:2px solid #24252b;border-radius:1px;font-size:38px;box-shadow:0 0 0 1px #767176}.patch-number:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(173deg,#f8d4c908,transparent 42%);box-shadow:inset 0 1px 2px #0009,inset 0 -1px #e4b2ae15}.patch-number-digits{display:block;height:.95em;width:auto;overflow:visible}.patch-number-unlit{fill:#452024;opacity:.48}.patch-selection{min-width:0;flex:1;max-width:420px}.display-label{display:block;margin-bottom:5px;color:#d2d0c9;font-size:9px;letter-spacing:.9px;text-transform:uppercase}.patch-selection select{height:var(--patch-control-height);max-width:100%;width:100%;font-size:13px;background:#34373c;padding:7px 26px 7px 10px}.patch-actions{display:flex;align-items:center;gap:9px}.patch-actions button{min-width:72px;height:var(--patch-control-height);min-height:var(--patch-control-height);padding:9px 12px;border:1px solid #bcbeb5;border-radius:1px;color:#222827;background:#c4c4b9;font-size:10px;font-weight:700;letter-spacing:.2px;text-transform:uppercase;box-shadow:0 2px #24262a;white-space:nowrap}.patch-actions button:hover{background:#e7e7d9}.patch-actions .save-patch{background:#d0b77a;border-color:#e1cb95}.patch-actions .save-patch:hover{background:#e7ce91}.performance-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 37px 20px}.voice-controls{display:flex;align-items:center;gap:10px}.performance-bar .control-caption{color:#dbd9d2;font-size:9px;font-weight:400;line-height:1.2;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}.voice-controls .choice button{min-height:29px;padding:7px 9px;background:#4682a0;color:#111e28;border-color:#7da6b8}.voice-controls .choice button:hover,.voice-controls .choice button.selected{background:#70a9c3;border-color:#accad5}.horizontal-fader{display:flex;align-items:center;gap:10px;min-width:0}.horizontal-fader-track{position:relative;display:flex;align-items:center;width:112px;height:34px}.horizontal-fader-track .ticks{left:8.5px;width:calc(100% - 17px);height:24px;background:repeating-linear-gradient(to right,#cac8bf 0,#cac8bf 1px,transparent 1px,transparent calc((100% - 1px)*.1))}.horizontal-fader input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:34px;margin:0;background:transparent;cursor:ew-resize;touch-action:none;position:relative;z-index:1}.horizontal-fader input::-webkit-slider-runnable-track{height:7px;border:1px solid #18191b;border-radius:0;background:#1c1d20;box-shadow:0 1px #717275}.horizontal-fader input::-moz-range-track{height:5px;border:1px solid #18191b;border-radius:0;background:#1c1d20;box-shadow:0 1px #717275}.horizontal-fader input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:30px;margin-top:-12.5px;border-radius:1px;border:1px solid #111214;background:linear-gradient(to bottom,transparent 0 25%,#26292c 28% 72%,transparent 75%),linear-gradient(to right,#36393c 0 12%,#222528 13% 42%,#dedbca 43% 55%,#26292c 56% 89%,#121518 90% 100%);box-shadow:0 2px 1px #0005}.horizontal-fader input::-moz-range-thumb{box-sizing:border-box;width:17px;height:30px;border-radius:1px;border:1px solid #111214;background:linear-gradient(to bottom,transparent 0 25%,#26292c 28% 72%,transparent 75%),linear-gradient(to right,#36393c 0 12%,#222528 13% 42%,#dedbca 43% 55%,#26292c 56% 89%,#121518 90% 100%);box-shadow:0 2px 1px #0005}.horizontal-fader.learning .control-caption{color:#bce6f4}.glide{margin-left:8px}.glide .horizontal-fader-track{width:90px}.voice-lights{display:flex;align-items:center;gap:7px}.voice-lights .control-caption{margin-right:6px}.volume-control{display:flex;align-items:center;gap:10px}.output-indicator{width:5px;height:5px;border-radius:50%;background:var(--mint)}.output-indicator.clip{background:#ff6552}.instrument-stage[data-powered=false] .output-indicator{background:#293430}.keybed{display:flex;gap:17px;padding:15px 20px 0;background:#26282c;border-top:1px solid #222327}.keybed-side{display:flex;align-items:center;flex-direction:column;gap:19px;padding:24px 0 0;width:91px;flex-shrink:0}.keybed-side>button{padding:8px 16px;background:#bbc0b6;color:#21282a;font-size:9px;font-weight:700;letter-spacing:.7px;border-radius:1px;border-color:#d2d7ca}.keybed-side>button.active{background:#d7c48d;border-color:#f0dca2}.octave-controls{display:flex;align-items:center;gap:7px}.octave-controls button{width:25px;min-height:25px;padding:1px 5px;border-color:#929896;font-size:16px}.octave-controls span{min-width:16px;text-align:center;color:#e0ddd1;font:12px ui-monospace,monospace}.keybed-side>span{margin-top:-9px;color:#c4c4bc;font-size:8px;letter-spacing:.5px}.keyboard{position:relative;display:flex;flex:1;height:auto;aspect-ratio:22 / 6;min-width:0;overflow:hidden;background:#141619;border-top:4px solid #17191c;-webkit-user-select:none;user-select:none;touch-action:none}.piano-key{border-radius:0 0 2px 2px;touch-action:none;-webkit-user-select:none;user-select:none}.piano-key.white{position:relative;height:100%;background:#e6e5dc;background-clip:padding-box;border:0;border-inline:1px solid transparent;border-radius:0 0 3px 3px;box-shadow:inset 1px 0 1px #fff8,inset -1px 0 1px #b8b8ae80,inset 0 -2px 1px #b0b1a9,inset 0 -5px 1px #d1d0c7}.piano-key.white:hover{background-color:#f2f0e6}.piano-key.white.pressed,.piano-key.white:active{background-color:#aecbd1;box-shadow:inset 0 -2px #7e9da6}.piano-key.white span{position:absolute;bottom:17px;left:0;right:0;color:#717976;font:9px ui-monospace,monospace}.piano-key.black{position:absolute;z-index:2;top:-1px;height:63%;transform:translate(-50%);border:1px solid #111316;background:#292c31;box-shadow:0 3px 2px #0004,inset 0 -6px #171a1d}.piano-key.black:hover{background:#3f454a}.piano-key.black.pressed,.piano-key.black:active{background:#507689;box-shadow:inset 0 -2px #1d3947}.instrument-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 22px;background:#26282c}.instrument-footer>span{color:#b7bdbd;font-size:8px;line-height:1.7;letter-spacing:.25px}kbd{margin-right:2px;padding:1px 3px;border:1px solid #697172;border-radius:2px;color:#d1d6d4;font:inherit;font-size:8px}.instrument-footer button{padding:3px 6px;background:none;border:0;color:#d3d3cc;font-size:11px}.instrument-footer button span{color:#a1a9aa;margin-left:9px;font:8px ui-monospace,monospace}.connection-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:1500px;margin-left:370px;padding:21px 2px 26px}.connection{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.connection-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#879094}.connection-dot.connected{background:var(--mint)}.midi-status{color:#aeb8b8;font-size:12px;letter-spacing:.3px}.connection button,.connection select{padding:7px 3px;border:0;background:none;font-size:12px}.connection select{max-width:260px}.connection select option{background:#282c31}.connection button span{color:#9da8ac;margin-left:5px}.connection .text-button{color:#b8c1c3;margin-left:13px}.audio-status{color:#a7c0b7;font-size:9px;letter-spacing:.7px}.message{display:flex;align-items:center;justify-content:space-between;gap:18px;width:1500px;padding:12px 18px;margin:0 0 20px 370px;color:#d4e7df;background:#2c4037;border:1px solid #698174;border-radius:3px;font-size:13px}.message.error{color:#f5d0c6;border-color:#a1695b;background:#4b332c}.message button{padding:0 4px;border:0;background:none;font-size:22px;line-height:1}dialog{width:430px;max-width:calc(100vw - 32px);padding:25px;color:#eeeae0;background:#373a3f;border:1px solid #92958f;border-radius:3px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#0b1014bb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialog-head h2{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:500}.dialog-head button{padding:0 8px;background:none;border:0;font-size:24px}.field{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px;font-size:14px}.field input:not([type=range]),.field select{width:100%;padding:10px;color:#eeeae0;border:1px solid #9a9d96;border-radius:2px;background:#272a2f}.field input[type=range]{width:100%;margin:7px 0}.field>span{color:#bdd9de;font-size:12px}dialog p{margin-bottom:17px;color:#d0d3d0;font-size:14px;line-height:1.65}.primary{width:100%;padding:12px;background:#69a0b9;color:#18262b;border-color:#9ec3d4;font-weight:700}.primary:hover{background:#a1c6d3}.settings-actions{display:flex;gap:10px;margin-bottom:18px}.settings-actions button{flex:1;padding:9px;font-size:12px}.about a{color:#b8dce8;font-size:14px}.about p.fine-print{margin:20px 0 0;font-size:11px}.instrument-header{padding:27px 35px 24px}.modules{padding-left:32px;padding-right:32px}.module{padding-left:14px;padding-right:14px}.module h2{margin-left:-14px;margin-right:-14px;font-size:14px}.fader label{font-size:11px}.fader-track{height:165px}.fader input[type=range]{height:153px}.ticks{height:149px;background-image:repeating-linear-gradient(to top,#cac8bf 0,#cac8bf 1px,transparent 1px,transparent 14.8px)}.stepped .ticks{background-image:repeating-linear-gradient(to top,#cac8bf 0,#cac8bf 1px,transparent 1px,transparent 49.3px)}.program-panel{margin-left:32px;margin-right:32px}.choice button{font-size:10px}.keyboard{height:auto}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.ink-wear-definitions{position:absolute;width:0;height:0;pointer-events:none}.ink-text{display:inline-block}:is(.ink-text,.model-name,.model-caption,.module h2,.program-panel h2,.fader label,.fader output,.scale-top,.scale-bottom,.control-caption,.envelope-diagram,.wave-toggle svg,.display-label,.keybed-side>span,.octave-controls>span,.piano-key span,.instrument-footer>span,.instrument-footer button span,.audio-status,.dialog-head h2,dialog p,.about a,.field>span,select,input:not([type=range])){filter:url(#cybelle-ink-wear)}@media(forced-colors:active){.app-shell *{filter:none!important}}.app-shell{position:absolute;top:0;z-index:1;overflow:visible}.studio-scene{position:relative;isolation:isolate;width:1500px;margin-left:370px}.studio-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}.studio-backdrop>img{position:absolute;height:auto;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(12px 20px 15px #030909ae)}.studio-lamp{width:440px;top:-160px;left:-385px}.studio-cassette{position:absolute;width:350px;height:auto;left:-340px;bottom:108px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:rotate(-10deg);pointer-events:auto;cursor:pointer}.studio-cassette:hover{background:none;border:0}.studio-cassette img{display:block;width:100%;height:auto;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(12px 20px 15px #030909ae)}.cassette-highlight{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cassette-highlight image{opacity:0;filter:brightness(1.17);transition:opacity .18s ease}.studio-cassette[data-playing=true] .cassette-highlight image{opacity:.6}.studio-cassette:is(:hover,:focus-visible) .cassette-highlight image{opacity:1}.cassette-focus-outline{fill:none;stroke:#e4e7e1;stroke-width:2.5;opacity:0}.studio-cassette:focus-visible{outline:none}.studio-cassette:focus-visible .cassette-focus-outline{opacity:.9}.cassette-feedback{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-recorder{position:absolute;width:360px;aspect-ratio:700 / 1167;left:1455px;top:110px;pointer-events:none}.studio-recorder img{display:block;width:100%;height:auto;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(12px 20px 15px #030909ae)}.studio-recorder .recorder-clean-glass{position:absolute;top:0;left:0;width:700px;height:1167px;transform:scale(.5142857143);transform-origin:top left;filter:none;clip-path:path("M216 299 L402 286 L417 383 L222 397 Z M236 490 L428 473 L441 571 L242 586 Z")}.recorder-meters{position:absolute;top:0;left:0;width:700px;height:1167px;max-width:none;transform:scale(.5142857143);transform-origin:top left;pointer-events:none;clip-path:path("M216 299 L402 286 L417 383 L222 397 Z M236 490 L428 473 L441 571 L242 586 Z")}body{background:#141617}.instrument-stage{position:relative;z-index:1;isolation:isolate;margin-bottom:9px}.power-cable{position:absolute;z-index:-1;width:170px;height:165px;left:82px;top:-142px;pointer-events:none;filter:drop-shadow(5px 6px 3px #020406bb)}.power-cable svg{display:block;width:100%;height:100%;overflow:visible}.power-cable path{fill:none;stroke-linecap:round;stroke-linejoin:round}.cable-shadow{stroke:#010304;stroke-width:15}.cable-body{stroke:#13181a;stroke-width:10}.cable-glint{stroke:#555a58;stroke-width:1.3;opacity:.52}.instrument-canvas{display:none;position:absolute;top:-32px;left:-32px;width:calc(100% + 64px);height:calc(100% + 64px);pointer-events:none;z-index:0}.instrument-stage[data-surface=three] .instrument-canvas{display:block}.instrument-stage[data-surface=three] :is(.switch-hardware,.power-indicator){opacity:0}.instrument-stage[data-surface=three] .instrument{position:relative;z-index:1;transform:rotateX(var(--instrument-tilt));transform-origin:center;background:transparent;border-color:transparent;box-shadow:none;overflow:visible}.instrument-stage[data-surface=three] :is(.keybed,.instrument-footer,.keyboard){background:transparent;border-color:transparent}.instrument-stage[data-surface=three] .ticks{opacity:0}.instrument-stage[data-surface=three] .fader input[type=range]{width:34px;border:0;background:transparent;box-shadow:none}.instrument-stage[data-surface=three] .fader input::-webkit-slider-thumb{width:27px;height:17px;border:0;background:transparent;box-shadow:none}.instrument-stage[data-surface=three] .fader input::-moz-range-thumb{width:27px;height:17px;border:0;background:transparent;box-shadow:none}.instrument-stage[data-surface=three] .horizontal-fader input::-webkit-slider-runnable-track{background:transparent;border-color:transparent;box-shadow:none}.instrument-stage[data-surface=three] .horizontal-fader input::-moz-range-track{background:transparent;border-color:transparent;box-shadow:none}.instrument-stage[data-surface=three] .horizontal-fader input::-webkit-slider-thumb{background:transparent;border-color:transparent;box-shadow:none}.instrument-stage[data-surface=three] .horizontal-fader input::-moz-range-thumb{background:transparent;border-color:transparent;box-shadow:none}.instrument-stage[data-surface=three] :is(.choice button,.wave-toggle,.chorus-buttons button,.patch-actions button,.keybed-side button,.piano-key){background:transparent;border-color:transparent;box-shadow:none;transition:none}.instrument-stage[data-surface=three] :is(.choice button,.wave-toggle,.chorus-buttons button,.patch-actions button,.keybed-side button):hover{filter:brightness(1.15)}.instrument-stage[data-surface=three] .led{opacity:0}.instrument-stage[data-surface=three] .piano-key:focus-visible{outline-offset:-4px}.instrument-stage[data-surface=three] .patch-number{border-color:transparent;box-shadow:none}.instrument-stage[data-surface=three] .patch-selection select{background-color:#20262ba8;border-color:#7e898a70}.instrument-stage[data-surface=three] .patch-selection option{background:#24282d}.instrument-stage[data-surface=three] .module h2,.instrument-stage[data-surface=three] .program-panel h2{background:transparent}.instrument-stage[data-surface=three] .module{border-right-color:#c5c9c055}.instrument-stage[data-surface=three] .fader output{color:#bdc5c5}.instrument-stage[data-surface=three] .keyboard{overflow:visible}.instrument-stage[data-surface=three] .piano-key.white span{color:#626b69}.effects{display:flex;flex-direction:column}.effects h2{flex:none}.effect-group{display:flex;flex:1;flex-direction:column;min-height:0}.effect-group .faders{flex:1;min-height:0}.effects .fader{display:flex;flex-direction:column}.effect-group+.effect-group{margin-top:14px}.effect-group h3{margin:0 0 7px;text-align:center;font-size:10px;line-height:normal;font-weight:600}.effects .fader label{font-size:8px}.effects .fader-track{flex:1;height:auto;min-height:82px;width:100%;margin-top:5px;margin-bottom:3px}.effects .fader input[type=range]{position:absolute;top:6px;height:calc(100% - 12px)}.effects .ticks{height:calc(100% - 16px);background-image:repeating-linear-gradient(to top,#cac8bf 0,#cac8bf 1px,transparent 1px,transparent 10%)}.effects .scale-top,.effects .scale-bottom{display:none}.effects .fader output{min-width:0;font-size:9px;white-space:nowrap}
