.polysynth_module{--panel:#262624;--panel-dark:#191a18;--cream:#ece4cc;--ink:#171815;--orange:#df6a35;color:var(--cream);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--panel);letter-spacing:.09em;-webkit-user-select:none;user-select:none;border:10px solid #5b3320;border-radius:14px;min-width:860px;font:700 12px/1.3 Arial Narrow,Helvetica Neue,sans-serif;overflow:hidden;box-shadow:0 18px 50px #0009,inset 0 0 0 1px #ffffff18}.polysynth_module input[type=text],.polysynth_module input[type=search],.polysynth_module input[type=email],.polysynth_module textarea,.polysynth_module [contenteditable=true]{-webkit-user-select:text;user-select:text}.polysynth_module *,.polysynth_module :before,.polysynth_module :after{box-sizing:border-box}.polysynth_module button,.polysynth_module input,.polysynth_module select{font:inherit}.polysynth_module button,.polysynth_module summary,.polysynth_module select{color:var(--cream);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#20211f;border:1px solid #77756d;border-radius:2px;padding:.65rem .8rem}.polysynth_module button:hover,.polysynth_module summary:hover{border-color:var(--cream)}.polysynth_module button:focus-visible,.polysynth_module input:focus-visible,.polysynth_module summary:focus-visible,.polysynth_module select:focus-visible{outline-offset:2px;outline:2px solid #ff8b52}.polysynth_module .polysynth__header{background:#1d1e1c;border-bottom:1px solid #77756d;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.1rem 1.4rem;display:flex}.polysynth_module h1,.polysynth_module h2,.polysynth_module h3,.polysynth_module p{margin:0}.polysynth_module h1{color:#f07840;text-transform:uppercase;font-size:1.55rem}.polysynth_module .polysynth__header-controls{align-items:center;gap:.55rem;display:flex}.polysynth_module .audio-state{color:#b8b4a9;white-space:nowrap;align-items:center;gap:.4rem;display:flex}.polysynth_module .led{background:#666;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #000}.polysynth_module .audio-state.is-on .led{background:#e75d31;box-shadow:0 0 8px #ff7040}.polysynth_module .patch-actions{display:flex}.polysynth_module .patch-actions button+button{border-left:0}.polysynth_module .header-knob,.polysynth_module .arp-knob{text-transform:uppercase;cursor:ns-resize;justify-items:center;gap:.25rem;font-size:.62rem;display:grid}.polysynth_module .header-knob input,.polysynth_module .arp-knob input{opacity:0;width:1px;height:1px;position:absolute}.polysynth_module .knob__dial{--knob-angle:-135deg;background:radial-gradient(circle at 35% 30%,#66665f,#242522 48%,#111);border:1px solid #6f6d65;border-radius:50%;width:38px;height:38px;display:block;position:relative;box-shadow:inset 0 0 8px #000,0 2px 4px #0009}.polysynth_module .knob__dial:after{content:"";background:var(--cream);transform-origin:1px 15px;width:2px;height:13px;transform:rotate(var(--knob-angle));position:absolute;top:4px;left:calc(50% - 1px)}.polysynth_module .polysynth__modules{border-bottom:1px solid #77756d;grid-template-columns:.8fr 2.2fr .65fr 2.2fr .8fr 1.7fr .8fr;display:grid}.polysynth_module .module{border-right:1px solid #77756d;min-height:330px;padding:.8rem;position:relative}.polysynth_module .module:last-child{border-right:0}.polysynth_module .module h2,.polysynth_module .arpeggiator-section h2,.polysynth_module .keyboard-section h2{border-top:7px solid var(--stripe,#d96c35);margin-bottom:1rem;padding-top:.45rem;font-size:.8rem}.polysynth_module .module--lfo{--stripe:#e45839}.polysynth_module .module--dco{--stripe:#e19734}.polysynth_module .module--hpf{--stripe:#d7bd4a}.polysynth_module .module--vcf{--stripe:#63a77c}.polysynth_module .module--vca{--stripe:#5a9fbc}.polysynth_module .module--envelope{--stripe:#6e7db9}.polysynth_module .module--chorus{--stripe:#a276b4}.polysynth_module .sliders{justify-content:space-around;gap:.5rem;min-height:205px;margin-top:.7rem;display:flex}.polysynth_module .sliders label{text-transform:uppercase;flex-direction:column;align-items:center;gap:.65rem;font-size:.62rem;display:flex}.polysynth_module .sliders input[type=range]{accent-color:#f2e7ca;cursor:ns-resize;width:150px;height:24px;margin:62px -61px;transform:rotate(-90deg)}.polysynth_module .sliders input[type=range]::-moz-range-thumb{background:linear-gradient(90deg,#d3cbb8,#fff7dc 48%,#b8b09f);border:1px solid #4d4c47;border-radius:1px;width:10px;height:24px;box-shadow:0 1px 3px #000a}.polysynth_module .sliders input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(90deg,#d3cbb8,#fff7dc 48%,#b8b09f);border:1px solid #4d4c47;border-radius:1px;width:10px;height:24px;box-shadow:0 1px 3px #000a}.polysynth_module .module--dco .sliders{min-height:170px}.polysynth_module .module--dco .sliders input[type=range]{width:120px;margin:47px -48px}.polysynth_module .segmented{border:0;margin:0;padding:0;display:flex}.polysynth_module .segmented legend,.polysynth_module .chorus-buttons legend{text-transform:uppercase;margin-bottom:.3rem;font-size:.58rem}.polysynth_module .segmented label,.polysynth_module .chorus-buttons label{color:#aaa69a;text-transform:uppercase;cursor:pointer;background:#1b1c1a;border:1px solid #66645d;padding:.55rem .6rem;position:relative}.polysynth_module .segmented label+label{border-left:0}.polysynth_module .segmented input,.polysynth_module .chorus-buttons input{opacity:0;position:absolute}:is(.polysynth_module .segmented label:has(input:checked),.polysynth_module .chorus-buttons label:has(input:checked)){color:#171815;background:#ed7843;border-color:#ed7843}.polysynth_module .segmented--vertical{flex-direction:column}.polysynth_module .segmented--vertical label+label{border-top:0;border-left:1px solid #66645d}.polysynth_module .switch-row{justify-content:space-between;align-items:end;gap:.5rem;display:flex}.polysynth_module .toggle-button{color:#aaa69a;text-align:center;text-transform:uppercase;cursor:pointer;background:#1b1c1a;border:1px solid #66645d;min-width:52px;padding:.55rem .7rem;position:relative}.polysynth_module .toggle-button input{opacity:0;position:absolute}.polysynth_module .toggle-button:has(input:checked){color:var(--ink);background:var(--orange);border-color:var(--orange);box-shadow:0 0 8px #e56f3c66}.polysynth_module .chorus-buttons{border:0;gap:.6rem;padding:0;display:grid}.polysynth_module .chorus-buttons label{text-align:center;font-size:1rem}.polysynth_module .arpeggiator-section{--stripe:#d96c35;background:#20211f;border-bottom:1px solid #77756d;align-items:center;gap:2rem;padding:.75rem 1.2rem;display:flex}.polysynth_module .arpeggiator-section h2{flex:0 0 150px;width:150px;margin:0}.polysynth_module .arpeggiator-controls{flex:1;justify-content:space-evenly;align-items:center;gap:1rem;display:flex}.polysynth_module .arpeggiator-controls .segmented{margin:0}.polysynth_module .arp-knob{min-width:54px}.polysynth_module .keyboard-section{--stripe:#d96c35;background:#20211f;padding:.8rem 1.2rem 1.2rem}.polysynth_module .keyboard-section header{justify-content:space-between;align-items:center;display:flex}.polysynth_module .keyboard-section h2{width:120px;margin-bottom:.5rem}.polysynth_module .octave-controls{align-items:center;gap:.45rem;display:flex}.polysynth_module .octave-controls button{padding:.35rem .65rem}.polysynth_module .octave-controls output{text-align:center;min-width:58px}.polysynth_module .sustain-status{color:#77756d;margin-left:.6rem}.polysynth_module .sustain-status.is-on{color:#ff8b52;text-shadow:0 0 6px #ff7040}.polysynth_module .keyboard{-webkit-user-select:none;user-select:none;touch-action:none;width:1176px;height:190px;display:flex;position:relative}.polysynth_module .performance-row{align-items:stretch;gap:.8rem;display:flex}.polysynth_module .performance-row .keyboard{flex:0 0 1176px;height:auto}.polysynth_module .bender-section{background:#191a18;border:1px solid #66645d;flex:0 0 290px;width:290px;padding:.6rem}.polysynth_module .bender-controls{min-height:110px;margin:0 0 .5rem}.polysynth_module .bender-controls input[type=range]{width:82px;margin:28px -30px}.polysynth_module .bender{--bend-x:.5;--bend-y:1;touch-action:none;cursor:grab;background:linear-gradient(90deg,#0000 49.5%,#ffffff18 50%,#0000 50.5%),linear-gradient(#2b2c29,#111210);border:1px solid #77756d;width:100%;height:86px;position:relative}.polysynth_module .bender:active{cursor:grabbing}.polysynth_module .bender__lever{width:22px;height:22px;left:calc(var(--bend-x) * (100% - 22px));top:calc(var(--bend-y) * (100% - 22px));pointer-events:none;background:radial-gradient(circle at 35% 30%,#66665f,#191a18 65%);border:2px solid #ddd5c1;border-radius:50%;position:absolute;box-shadow:0 2px 5px #000}.polysynth_module .sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.polysynth_module .key{color:#666672;letter-spacing:normal;text-align:center;cursor:pointer;background:#e8e8ed;border:1px solid #282a36;border-radius:0 0 4px 4px;flex:0 56px;justify-content:center;align-items:flex-end;min-width:0;padding:0 0 8px;font-family:Menlo,Ubuntu Mono,monospace;font-size:11px;font-weight:400;display:flex;position:relative}.polysynth_module .key--black{z-index:2;color:#a0a0ae;background:#20202c;border:0;width:24px;height:62%;padding-bottom:6px;font-size:10px;position:absolute;top:0}.polysynth_module .key.is-active{color:#171815;background:#ed7843}.polysynth_module dialog{width:min(520px,100vw - 2rem);color:var(--cream);background:#242522;border:6px solid #5b3320;box-shadow:0 20px 80px #000}.polysynth_module dialog::backdrop{background:#080907cc}.polysynth_module dialog form{gap:.8rem;display:grid}.polysynth_module dialog form>div,.polysynth_module .help header{justify-content:space-between;gap:.5rem;display:flex}.polysynth_module dialog input,.polysynth_module dialog select{width:100%;padding:.7rem}.polysynth_module .help{letter-spacing:.02em;gap:.9rem;font-weight:500;line-height:1.55;display:grid}.polysynth_module .help h3{color:#ed7843;text-transform:uppercase}@media (width<=1100px){.polysynth_module .polysynth__modules{flex-wrap:wrap;display:flex}.polysynth_module .module{border-bottom:1px solid #77756d;flex:1;min-width:180px}.polysynth_module .arpeggiator-section,.polysynth_module .arpeggiator-controls{flex-wrap:wrap}}