/* aetheriae - Copyright (c) 2026 Morphor - All rights reserved */
@font-face{font-family:Neue Haas Display;src:url(NeueHaasDisplay-Roman.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Neue Haas Display;src:url(NeueHaasDisplay-Medium.woff2) format("woff2");font-weight:500 600;font-display:swap}@font-face{font-family:Neue Haas Display;src:url(NeueHaasDisplay-Bold.woff2) format("woff2");font-weight:700 800;font-display:swap}@font-face{font-family:Neue Haas Text;src:url(NHaasGroteskTXStd-55Rg.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Neue Haas Text;src:url(NHaasGroteskTXStd-65Md.woff2) format("woff2");font-weight:500 600;font-display:swap}@font-face{font-family:Neue Haas Text;src:url(NHaasGroteskTXStd-75Bd.woff2) format("woff2");font-weight:700 800;font-display:swap}:root{--panel: #1b1b1b;--panel-2: #222222;--panel-3: #2b2b2b;--chrome: #111111;--ink: #e6e6e2;--ink-2: #b9b9b4;--ink-3: #7a7a76;--line: #3a3a3a;--line-2: #4d4d4d;--cap: #141414;--cap-ring: #3d3d3d;--cap-white: #f4f4f2;--led-off: #4b5563;--led-red: #e2173d;--led-blue: #2b8fe6;--accent: var(--led-blue);--accent-dim: rgba(43, 143, 230, .12);--menu: #141414;--btn-ink: rgba(230, 230, 226, .8);--shadow: rgba(0, 0, 0, .55);--head: #ffffff;--font: "Neue Haas Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-text: "Neue Haas Text", "Neue Haas Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;--art: url(bg_dark.jpg);--veil: rgba(0, 0, 0, .45);--section: rgba(27, 27, 27, .86);--ivory: #cfcfca;--ebony: #3a3a3a;--wheel: #3a3a3a;--wheel-mark: #d6d6d1;color-scheme:dark}:root[data-theme=light]{--art: url(bg_light.jpg);--veil: rgba(255, 255, 255, .35);--section: rgba(233, 233, 230, .86);--ivory: #fcfcfa;--ebony: #474747;--wheel: #c8c8c3;--wheel-mark: #ffffff;--panel: #e9e9e6;--panel-2: #e0e0dc;--panel-3: #d4d4cf;--chrome: #f4f4f2;--ink: #1b1b1a;--ink-2: #484845;--ink-3: #85857f;--line: #c7c7c1;--line-2: #a8a8a2;--cap: #fbfbf9;--cap-ring: #b9b9b3;--cap-white: #1b1b1a;--led-off: #b7bdc6;--menu: #fbfbf9;--btn-ink: rgba(27, 27, 26, .8);--shadow: rgba(0, 0, 0, .2);--head: #1b1b1a;color-scheme:light}:root[data-theme=light] .wordmark img{filter:invert(1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default;background:linear-gradient(var(--veil),var(--veil)),var(--art) center / cover no-repeat,var(--chrome);color:var(--ink);font-family:var(--font);font-size:13px}button{font:inherit;color:inherit;cursor:pointer}button:focus{outline:none}.label{font-size:9.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.label.dim{color:var(--ink-3)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.small{font-size:11px;color:var(--ink-2)}.sel{cursor:default}#stage:not(.ready){visibility:hidden}:root[data-backdrop] body{background:radial-gradient(ellipse 120% 95% at 50% 42%,transparent 40%,rgba(0,0,0,var(--backdrop-vignette, .45)) 100%),var(--backdrop) 0 0 / 256px 256px,var(--backdrop-tone)}:root[data-backdrop][data-theme=light]{--backdrop-vignette: .22}:root{--cheek: 24px;--rail-h: 4px}:root[data-cheeks] #stage{width:calc(1540px + 2 * var(--cheek));height:calc(968px + 2 * var(--rail-h));padding:calc(4px + var(--rail-h)) calc(16px + var(--cheek)) calc(12px + var(--rail-h));background:var(--chrome);box-shadow:inset 0 1px 0 var(--line-2),inset 0 -1px 0 var(--line-2),0 12px 32px #00000073}:root[data-cheeks] #stage:before,:root[data-cheeks] #stage:after{content:"";position:absolute;top:0;bottom:0;width:var(--cheek);border-radius:3px;pointer-events:none}:root[data-cheeks] #stage:before{left:0;background:var(--cheek-left) 0 0 / 100% 100%;box-shadow:3px 0 7px #00000080}:root[data-cheeks] #stage:after{right:0;background:var(--cheek-right) 0 0 / 100% 100%;box-shadow:-3px 0 7px #00000080}#stage{position:absolute;left:0;top:0;width:1540px;height:968px;transform-origin:0 0;padding:4px 16px 12px;display:flex;flex-direction:column;gap:8px}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;flex:none;padding:0 4px}.topbar .presets,.topbar .tools{margin-top:9px}.wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:0;justify-self:start}.wordmark img{height:40px;width:auto;display:block;margin-left:-9px;opacity:.84}.wordmark .appname{display:flex;align-items:baseline;gap:7px;white-space:nowrap;margin-top:-2px}.wordmark .appname b{font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}.wordmark .appname i{font-size:9.5px;font-style:normal;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.presets{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;max-width:100%}.presetbar{display:flex;align-items:center;gap:6px}.tools{position:relative;display:flex;gap:6px;justify-self:end}.tools .ver{position:absolute;right:0;top:100%;margin-top:5px;font-size:9.5px;color:var(--ink-3);opacity:.7;line-height:1;white-space:nowrap}.pbtn{background:transparent;border:1px solid var(--line-2);border-radius:2px;padding:5px 9px 4px;line-height:1;height:22px;font-family:var(--font);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--btn-ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.pbtn:hover{background:var(--panel-3);border-color:var(--ink-3);color:var(--ink)}.pbtn.on{background:var(--ink);color:var(--chrome);border-color:var(--ink)}.pbtn[hidden]{display:none}.pbtn:disabled{opacity:.4;cursor:default;pointer-events:none}.pbtn.danger{border-color:#e2173d99;color:#e2173de6}.pbtn.danger:hover{background:#e2173d1f;border-color:var(--led-red);color:var(--led-red)}.pbtn.zoom{padding:2px 7px 3px;font-size:14px;font-weight:500;min-width:24px}.tools .pbtn.zoom{font-size:12px;padding:4px 7px 3px;min-width:26px}.slotpick{position:relative}.pbtn.pick{width:250px;justify-content:space-between;text-transform:none;letter-spacing:.01em;font-size:11.5px}.pbtn.pick #pname{overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.pbtn.pick .caret{border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px)}.pbtn.pick .dirty{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .2s;flex:none}.pbtn.pick .dirty.on{opacity:1}.presetmenu{position:absolute;left:0;top:100%;margin-top:3px;z-index:20;min-width:250px;background:var(--menu);border:1px solid var(--line-2);border-radius:2px;box-shadow:0 6px 18px var(--shadow);padding:4px 0}.presetmenu[hidden]{display:none}.presetmenu .head{padding:4px 12px 5px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);margin-bottom:3px}.presetmenu input.search{display:block;width:calc(100% - 16px);margin:2px 8px 6px;box-sizing:border-box;padding:4px 7px;font:inherit;font-size:11.5px;color:var(--ink);background:var(--panel);border:1px solid var(--line-2);border-radius:2px;outline:none}.presetmenu input.search:focus{border-color:var(--accent)}.presetmenu .found{max-height:520px;overflow-y:auto}.presetmenu .found[hidden],.presetmenu .tree[hidden]{display:none}.presetmenu .found .item{display:flex;gap:14px}.presetmenu .found .item .meta{margin-left:auto;color:var(--ink-3);font-size:10px}.presetmenu .found .none{padding:4px 12px;font-size:11px;color:var(--ink-3)}.presetmenu .head select.grouping{width:100%;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink-2);background:transparent;border:0;padding:0;cursor:pointer}.presetmenu .head select.grouping:hover{color:var(--ink)}.presetmenu .head select.grouping option{text-transform:none;letter-spacing:0;color:var(--ink);background:var(--menu)}.presetmenu .item{position:relative;padding:4px 12px;font-size:11.5px;cursor:pointer;white-space:nowrap;color:var(--ink);text-transform:none;letter-spacing:0;font-weight:500}.presetmenu .item:hover,.presetmenu .item.has.open{background:var(--panel-3)}.presetmenu .item.cur{color:var(--accent)}.presetmenu .item.has{display:flex;gap:14px;padding-right:24px}.presetmenu .item.has .lbl{flex:1}.presetmenu .item.has .count{color:var(--ink-3);font-family:var(--mono);font-size:10px}.presetmenu .item.has:after{content:"\203a";position:absolute;right:9px;color:var(--ink-3)}.presetmenu .item.mine:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ink-3);margin:0 7px 1px -2px}.presetmenu .sub{display:none;position:fixed;z-index:21;min-width:210px;max-height:640px;overflow-y:auto;background:var(--menu);border:1px solid var(--line-2);border-radius:2px;box-shadow:0 6px 18px var(--shadow);padding:4px 0}.presetmenu .item.has.open>.sub{display:block}#panel{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;margin-top:22px}.row{flex:1;display:flex;gap:8px;min-height:0}.row.tall{flex:none;height:316px}.column{flex:8.5 1 0;display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0}.column>.row{flex:1}.section{position:relative;display:flex;align-items:center;justify-content:space-evenly;gap:4px;background:var(--section);border:1px solid var(--line);border-radius:3px;padding:28px 10px 4px}.section>.head{position:absolute;left:12px;right:10px;top:5px;height:19px;display:flex;align-items:flex-end;gap:10px}.section .title{color:var(--ink-2);padding-bottom:5px}.tabs{flex:1;display:flex;gap:2px;border-bottom:1px solid var(--line-2)}.tabs button{background:var(--panel-2);border:1px solid var(--line);border-bottom:0;border-radius:3px 3px 0 0;margin-bottom:0;padding:4px 6px 3px;line-height:1;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tab-ink, var(--ink-3));white-space:nowrap}.tabs button:hover{color:var(--ink);border-color:var(--line-2)}.tabs button.on{background:var(--panel);border-color:var(--line-2);color:var(--ink);box-shadow:inset 0 2px 0 var(--accent);margin-bottom:-1px;padding-bottom:4px}.tabs button.live{color:var(--tab-live, var(--accent))}.tabs button.live.on{color:var(--tab-live-open, var(--tab-live, var(--accent)))}.tabs button[hidden]{display:none}.ctl.na{display:none!important}.osctabs{gap:1px}.row.lshape>.osctabs{position:absolute;left:10px;bottom:100%;z-index:4;flex:none;align-items:flex-end;border-bottom:0}.row.lshape>.osctabs button{padding:5px 10px 4px;min-width:36px}.row.lshape>.osctabs button.on{padding-bottom:5px}.osctabs button{padding:4px 8px 3px;min-width:32px}.osctabs button.add{color:var(--ink-2);font-weight:700;background:transparent;border-style:dashed}.osctabs button.add:hover{color:var(--accent);border-color:var(--accent)}.osctabs button.picked,:root[data-depth="3d"] .osctabs button.picked{border-color:var(--accent);background:var(--accent-dim);box-shadow:inset 0 0 0 1px var(--accent)}.osctabs button.picked.on,:root[data-depth="3d"] .osctabs button.picked.on{box-shadow:inset 0 3px 0 var(--accent),inset 0 0 0 1px var(--accent)}.osctabs button.dragging{position:relative;z-index:3;opacity:.85;cursor:grabbing}.osctabs button.making-room{transition:transform .08s linear}.ctxmenu{position:absolute;z-index:25;min-width:150px;padding:4px 0;background:var(--menu);border:1px solid var(--line-2);border-radius:2px;box-shadow:0 6px 18px var(--shadow)}.ctxmenu .item{padding:4px 12px;font-size:11.5px;color:var(--ink-2);cursor:pointer;white-space:nowrap;text-transform:none;letter-spacing:0}.ctxmenu .item:hover{background:var(--panel-3);color:var(--ink)}.ctxmenu .item.off{color:var(--ink-3);opacity:.5;cursor:default}.ctxmenu .item.off:hover{background:transparent}.ctxmenu .heading{padding:4px 12px 3px;font-size:9.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.ctxmenu .sep{height:1px;margin:4px 0;background:var(--line-2)}.ctxmenu .item.checked{color:var(--ink)}.ctxmenu.macromenu .item{padding-left:22px;position:relative}.ctxmenu .item{position:relative}.ctxmenu:has(.item.checked) .item{padding-left:22px}.ctxmenu .item.checked:before{content:"\2713";position:absolute;left:8px;color:var(--accent)}.ctxmenu .mlink{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 22px;font-size:11px;color:var(--ink-2)}.ctxmenu .mlink .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctxmenu .mlink .mamount{width:64px}.ctxmenu .mlink .x{flex:none;width:17px;height:17px;padding:0;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--ink-3);font-size:11px;line-height:1;cursor:pointer}.ctxmenu .mlink .x:hover{color:var(--ink);border-color:var(--ink-3)}.ctl.macro{min-width:62px}.ctl.macro .label.macroname{max-width:66px;padding:1px 4px;border:1px solid var(--line-2);border-radius:2px;background:var(--cap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text;text-transform:none;letter-spacing:0}.ctl.macro.linked .label.macroname{border-color:var(--accent)}.ctl.macro .label input.rename{width:58px;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;text-align:center}.macroed>.label:after{content:"";display:inline-block;width:4px;height:4px;margin-left:3px;border-radius:50%;background:var(--accent);vertical-align:middle}.section.off .ctl:not(.master){opacity:.38}.section.lofi .ctl.fxoff{opacity:.38}.section.osc.sourceoff .half .ctl:not(.srcon),.section.osc.sourceoff .ampbox .caption{opacity:.38}.section.osc.sourceoff .lpart .tabs:not(.osctabs){opacity:.5}.section.off .ctl.master .label,.section.off .ctl.master .value,.section.off .ctl.master .seg>:not(:first-child){opacity:.38}.ctl{display:flex;flex-direction:column;align-items:center;gap:4px;width:60px;transition:opacity .15s}.ctl.wide{width:180px}.ctl[hidden]{display:none}.section.lofi{min-width:338px}.section.vibrato{flex:none;width:600px}.ctl.moddest{width:104px}.ctl.moddest .seg select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ctl.moddest.set .seg select{border-color:var(--accent)}.ctl.moddest .seg .pbtn.learn{height:18px;font-size:8.5px}.ctl.moddest .seg .pbtn.learn.on{border-color:var(--accent);color:var(--accent);animation:learnblink 1s steps(2,jump-none) infinite}@keyframes learnblink{50%{opacity:.45}}body.learning .ctl.learnable:not([hidden]){outline:1px dashed var(--accent);outline-offset:1px;border-radius:3px;cursor:crosshair}body.learning .ctl.learnable svg{cursor:crosshair}.matrix{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(4,1fr);gap:3px 14px;align-content:center;height:88px;padding:0 2px}.matrix[hidden]{display:none}.matrix .mrow{display:flex;align-items:center;gap:4px;min-width:0}.matrix .num{flex:none;width:8px;font-size:9px;color:var(--ink-3);text-align:right}.matrix .arrow{flex:none;font-size:9px;color:var(--ink-3)}.matrix select{height:19px;padding:1px 13px 1px 5px;font-size:10px;background-position:right 4px center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.matrix select.msource{flex:none;width:74px}.matrix .moddest.compact{flex:1;min-width:0}.matrix .moddest.compact .seg select{width:100%}.matrix .moddest.compact.set .seg select{border-color:var(--accent)}.matrix .mamount,.ctxmenu .mamount{flex:none;position:relative;width:50px;height:17px;border:1px solid var(--line-2);border-radius:2px;background:var(--cap);cursor:ew-resize;touch-action:none;overflow:hidden}.matrix .mamount:before,.ctxmenu .mamount:before{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:1px;background:var(--line-2)}.matrix .mamount i,.ctxmenu .mamount i{position:absolute;top:0;bottom:0;background:var(--accent);opacity:.55;pointer-events:none}.matrix .mamount span,.ctxmenu .mamount span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9.5px;color:var(--ink);pointer-events:none}.matrix .mamount.zero span,.ctxmenu .mamount.zero span{color:var(--ink-3)}.matrix .mamount.zero:before{display:none}.section.lofi .ctl.tapeswitch{width:74px}.section.reverb>.ctl.master{width:76px}.section.reverb{justify-content:flex-start}.section.reverb>.ctl:not(.master){margin-left:auto}.section.reverb>.ctl.master+.ctl{margin-left:10px}:root{--first-inset: 3px}:where(.section:not(.osc)){justify-content:flex-start}:where(.section:not(.osc))>:where(:not(.head):not(.first)){margin-left:auto}:where(.section:not(.osc):not(.allsources)):after{content:"";margin-left:auto}.section.section.section>.first,.lpart.top>.ctl.srcon.srcon,.filters>.ctl.routing.routing{margin-left:var(--first-inset)}.lpart.top,.filters{justify-content:flex-start}:is(.lpart.bottom .filters,.filters.master)>.ctl.routing.routing{width:auto;min-width:52px}.filters>.ctl:not(.routing){margin-left:auto}.filters>.ctl.ftype.ftype{margin-left:10px}.filters>.ctl.na:not([hidden],.offpage){display:flex!important;visibility:hidden}.filters>.ctl{flex-shrink:0}:root{--page-pad: 14px}:is(.filters,.lpart.top)>.ctl.plast{margin-right:calc(var(--page-pad) - 4px)}.filters>.tabs.pagetabs,.lpart.top>.tabs.restabs{margin-left:0}.tabs.pagetabs{position:relative;z-index:1;flex:none;flex-direction:column;align-self:stretch;justify-content:center;gap:2px;margin:0 0 0 auto;padding:0;border:0}.tabs.pagetabs button{position:relative;border:1px solid var(--line);border-radius:0 3px 3px 0;padding:4px 12px 4px 10px;margin:0;text-align:left;background:var(--panel-2)}.tabs.pagetabs button.on{background:var(--panel);border-color:var(--line-2);border-left:0;margin:0 0 0 -1px;padding:4px 12px;box-shadow:inset -2px 0 0 var(--accent)}.filters:before{content:"";position:absolute;left:var(--pl, 0);right:var(--pt, 0);top:22px;bottom:0;border:1px solid var(--line-2);border-radius:3px 0 3px 3px;background:var(--panel);pointer-events:none}.filters>.ctl{position:relative;z-index:1}.filters>:is(.ctl.filterplot,.ctl.envshape) svg{height:54px;margin-top:6px}.filters>:is(.ctl.filterplot,.ctl.envshape)>.label{margin-top:2px}.tabs.pairtabs{flex:none;border-bottom:0}.tabs.pairtabs button.on{background:var(--panel)}.row.lshape{position:relative;display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:148px minmax(0,1fr);gap:8px}.row.lshape>.section.osc{display:contents}.row.lshape>.section.allsources{grid-column:2;grid-row:2}.row.lshape>.section.allsources{grid-column:2;grid-row:2;min-width:0;justify-content:flex-start}.section.allsources>.head{right:auto}.section.allsources .filters.master{position:relative;flex:1 1 auto;min-width:0;align-self:stretch;display:flex;align-items:center;gap:4px;margin:-23px 3px 11px 6px;padding:30px 0 6px 10px;border-left:1px solid var(--line-2)}.section.allsources .filters.master>.head{position:absolute;left:var(--pl, 10px);right:10px;top:3px;height:19px;display:flex;align-items:flex-end;gap:10px}.lpart{position:relative;display:flex;align-items:center;justify-content:space-evenly;gap:4px;min-height:0;min-width:0;background:var(--section);border:1px solid var(--line);border-radius:3px;padding:28px 10px 4px}.row.lshape>.lback{position:absolute;inset:0;z-index:0;pointer-events:none;filter:drop-shadow(0 2px 4px var(--plate-shadow, rgba(0, 0, 0, .15)))}.row.lshape>.lback>div{position:absolute;inset:0;border-radius:3px}.row.lshape>.lback>.lline{background:var(--line);clip-path:polygon(0 0,100% 0,100% var(--ly),var(--lx) var(--ly),var(--lx) 100%,0 100%)}.row.lshape>.lback>.lpart.lfill{border:0;box-shadow:none;padding:0;clip-path:polygon(1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(var(--ly) - 1px),calc(var(--lx) - 1px) calc(var(--ly) - 1px),calc(var(--lx) - 1px) calc(100% - 1px),1px calc(100% - 1px))}.row.lshape>.section.osc .lpart.top,.row.lshape>.section.osc .lpart.bottom{background:none!important;border-color:transparent;box-shadow:none!important;z-index:1}.lpart.top{grid-column:1 / -1;grid-row:1;border-bottom-left-radius:0;padding-bottom:12px}.row.lshape>.section.osc .lpart.top{z-index:3}.lpart.bottom{grid-column:1;grid-row:2;z-index:1;margin-top:-9px;padding:9px 13px 4px 10px;border-top:0;border-radius:0 0 3px 3px;align-items:stretch;gap:0;clip-path:inset(0 -12px -12px -12px)}.lpart>.head{position:absolute;left:12px;right:10px;top:5px;height:19px;display:flex;align-items:flex-end;gap:10px}.lpart.bottom .filters{flex:none;width:660px}.row.lshape .filters>.ctl.knob.knob{width:auto;min-width:52px}.row.lshape .filters>.ctl.ftype.ftype{width:78px}.row.lshape .filters>.ctl.ftype.ftype select{padding-right:18px;background-position-x:calc(100% - 6px)}:is(.lpart.bottom .filters,.lpart.bottom .ampbox,.filters.master)>.ctl{width:52px}:is(.lpart.bottom .filters,.filters.master)>.ctl.wider{width:60px}:is(.lpart.bottom .filters,.filters.master)>.ctl.wider.lead{width:72px}:is(.lpart.bottom .filters,.filters.master)>.ctl.wider.lfomode{width:78px}:is(.lpart.bottom .filters,.filters.master) .filterplot svg{width:48px}:is(.lpart.bottom .filters,.filters.master)>.ctl.filterplot{width:auto;min-width:48px}:is(.lpart.bottom .filters,.filters.master)>.ctl.envshape,:is(.lpart.bottom .filters,.filters.master)>.ctl.envshape svg{width:96px}:is(.lpart.bottom .filters,.filters.master)>.ctl.lead{margin-left:calc(var(--page-pad) + 10px)}.section.allsources>.ctl{width:54px}.lpart.top .ampbox{position:relative;flex:none;align-self:stretch;display:flex;align-items:center;gap:4px;margin:-23px 0 -4px 10px;padding:23px 0 4px 10px;border-left:1px solid var(--line-2)}.lpart.top .ampbox .caption{position:absolute;left:10px;top:4px;font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.lpart.top .ampbox>.ctl.knob{width:auto;min-width:52px}.lpart.top .ampbox>.ctl.envshape,.lpart.top .ampbox>.ctl.envshape svg{width:72px}.offpage{display:none!important}.section.osc{flex-direction:column;align-items:stretch;justify-content:stretch;gap:0}.section.osc .half{position:relative;flex:1;display:flex;align-items:center;justify-content:space-evenly;gap:4px;min-height:0}.section.osc .half.bottom .filters{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:4px;padding:30px 0 10px}.section.osc .half.bottom .filters,.section.allsources .filters.master{--frame-pad: 6px}.section.osc .half.bottom .ampbox{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:4px;margin-left:10px;padding:24px 0 0 10px;border-left:1px solid var(--line-2)}.section.osc .half.bottom .head{position:absolute;left:var(--pl, 2px);right:0;top:3px;height:19px;display:flex;align-items:flex-end;gap:10px}.section.osc .half.bottom .ampbox .head{left:12px}.ctl.filterplot{width:96px}.filterplot svg{width:96px;height:62px;display:block;background:var(--cap);border:1px solid var(--line);border-radius:2px}.filterplot .grid{fill:none;stroke:var(--line);stroke-width:1}:root{--trace-alpha: .8}.filterplot .line{fill:none;stroke:var(--accent);stroke-opacity:var(--trace-alpha);stroke-width:1.5;stroke-linejoin:round}.filterplot .fill{fill:var(--accent-dim);stroke:none}.ctl.envshape{width:150px}.envshape svg{width:150px;height:62px;display:block;background:var(--cap);border:1px solid var(--line);border-radius:2px}.envshape .line{fill:none;stroke:var(--accent);stroke-opacity:var(--trace-alpha);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.envshape .fill{fill:var(--accent-dim);stroke:none}.envshape .slope{fill:var(--accent);fill-opacity:.24;stroke:none;display:none}.envshape:is(.picking,.hovering) .slope{display:block}.ctxmenu .item .hint{margin-left:8px;color:var(--ink-3)}.ctl.idle{opacity:.38}.ctl.locked svg{pointer-events:none}.ctl .seg select.on{border-color:var(--accent);background-color:var(--accent-dim)}.ctl.wave{width:96px;position:relative}.wavebtn{width:100%;height:62px;padding:2px 2px 3px;background:var(--cap);border:1px solid var(--line);border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--ink)}.wavebtn:hover{border-color:var(--line-2)}.wavebtn span{font-size:9px;line-height:1;font-weight:600;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.wavebtn span:after{content:"";border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px)}.wave svg{display:block;fill:none;stroke:var(--accent);stroke-opacity:var(--trace-alpha);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;overflow:visible}.wave svg path{vector-effect:non-scaling-stroke}.ctl .seg .lfoshape{width:100%;height:22px;padding:2px 3px;background:var(--cap);border:1px solid var(--line);border-radius:2px}.lfoshape svg{display:block;width:100%;height:100%;fill:none;stroke:var(--accent);stroke-opacity:var(--trace-alpha);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;overflow:visible}.lfoshape svg path{vector-effect:non-scaling-stroke}.wave svg path.rec{stroke-width:1;stroke-linejoin:miter;fill:var(--accent);fill-opacity:var(--trace-alpha)}.wavemenu .item svg path.rec{fill:var(--ink-2)}.wavemenu .item.cur svg path.rec{fill:var(--accent)}.wavebtn svg{width:100%;height:44px}.wavebtn svg .mark{stroke:var(--ink);stroke-width:1;opacity:.7}.wavebtn svg .mark.loop{stroke:none;fill:var(--ink);opacity:1;fill-opacity:.14}.wavebtn svg .head{stroke:var(--head);stroke-width:1.5}.ctl.resview{width:96px}.section.osc{justify-content:flex-start}.section.osc .ctl.sourcetype{margin-left:14px}.ctl.sourcetype{width:116px;flex:none}.section.osc .ctl.wave,.section.osc .ctl.resview{flex:1 1 0;width:auto;min-width:110px;max-width:420px;margin-left:12px;margin-right:8px}.section.osc .ctl.resview.fmview{flex:none;width:84px;min-width:0}.section.osc .ctl.resview:not(.fmview):not(.pdview):not(.airview){flex:none;width:120px;min-width:0}.section.osc .half>.ctl.knob,.section.osc .srcfixed>.ctl.knob{width:auto;min-width:54px}.section.osc .ctl.wave,.section.osc .ctl.resview{align-self:stretch;margin-top:2.8px;margin-bottom:4px}.section.osc .ctl.wave>.seg,.section.osc .ctl.resview>.seg{height:auto;flex:1;min-height:0}.section.osc .ctl.wave>.value,.section.osc .ctl.resview>.value{display:none}.section.osc .wavebtn,.section.osc .resbox{height:100%}.section.osc .wavebtn svg{height:auto;flex:1;min-height:0}.section.osc .wavemenu,.section.osc .fmmenu{top:calc(100% + 3px)}.srcfixed{position:relative;flex:none;display:flex;align-items:center;gap:4px;margin-left:auto;padding-left:10px}.srcfixed:before{content:"";position:absolute;left:0;top:50%;height:46px;margin-top:-30px;border-left:1px solid var(--line-2)}.resbox{width:100%;height:62px;padding:3px 2px;background:var(--cap);border:1px solid var(--line);border-radius:2px;display:flex}.resbox svg{width:100%;height:100%}.resbox svg .grid{stroke:var(--line);stroke-width:1;fill:none}.resbox svg .bars{stroke:var(--accent);stroke-opacity:var(--trace-alpha);stroke-width:1.5;fill:none}.resbox svg .line{stroke:var(--accent);stroke-opacity:var(--trace-alpha);stroke-width:1.5;fill:none;stroke-linejoin:round;stroke-linecap:round}.resbox svg :is(.grid,.bars,.line,.ghost){vector-effect:non-scaling-stroke}.resbox svg .ghost{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:2 2;fill:none;stroke-linejoin:round}.lpart.top>.ctl.inpage{margin-left:auto;flex-shrink:0}.lpart.top>.tabs.restabs:not([hidden])+.srcfixed{margin-left:10px}.lpart.top>.ctl.inpage.lead{margin-left:calc(var(--page-pad) + 4px)}.lpart.top>.srcframe{position:absolute;left:var(--sl, 0);right:var(--sr, 0);top:22px;bottom:8px;border:1px solid var(--line-2);border-radius:3px 0 3px 3px;background:var(--panel);pointer-events:none}.lpart.top>.srcframe[hidden]{display:none}.lpart.top>:is(.ctl,.tabs){position:relative;z-index:1}.tabs[hidden]{display:none}.ctl.resview.na{display:none!important}.fmview svg .fmop,.fmmenu svg .fmop{fill:var(--panel-3);stroke:var(--ink-2);stroke-width:1;vector-effect:non-scaling-stroke}.fmview svg .fmop.carrier,.fmmenu svg .fmop.carrier{fill:var(--accent);stroke:var(--accent);fill-opacity:var(--trace-alpha);stroke-opacity:var(--trace-alpha)}.fmview svg .fmwire,.fmmenu svg .fmwire{stroke:var(--ink-2);stroke-width:1;fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.fmview{position:relative}.fmbox{cursor:pointer}.fmbox:hover{border-color:var(--line-2)}.fmmenu{position:absolute;left:0;top:64px;z-index:20;width:460px;padding:6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px 4px;background:var(--menu);border:1px solid var(--line-2);border-radius:2px;box-shadow:0 6px 18px var(--shadow)}.fmmenu[hidden]{display:none}.fmmenu .item{padding:4px 4px 3px;border:1px solid transparent;border-radius:2px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;font-size:9.5px;font-weight:600;letter-spacing:.04em;color:var(--ink-2)}.fmmenu .item svg{width:72px;height:48px}.fmmenu .item .name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.fmmenu .item:hover{background:var(--panel-3);color:var(--ink)}.fmmenu .item.cur{color:var(--accent);border-color:var(--line-2)}.fmbox{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 6px 3px}.fmbox svg{flex:1;min-height:0;width:100%}.fmbox .fmname{font-size:9.5px;font-weight:600;letter-spacing:.04em;color:var(--ink-2);white-space:nowrap}.ctl .seg .pbtn.na{display:none}.wavemenu{position:absolute;left:0;top:64px;z-index:20;width:780px;box-sizing:border-box;padding:6px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px 4px;overflow-y:auto;align-content:start;background:var(--menu);border:1px solid var(--line-2);border-radius:2px;box-shadow:0 6px 18px var(--shadow)}.wavemenu[hidden]{display:none}.wavemenu .item{padding:4px 4px 3px;border:1px solid transparent;border-radius:2px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--ink-2);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.wavemenu .item svg{width:100%;max-width:74px;height:24px;flex:none;stroke:var(--ink-2)}.wavemenu .item .name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center}.wavemenu .menutabs{grid-column:1 / -1;display:flex;gap:2px;border-bottom:1px solid var(--line-2);margin-bottom:4px}.wavemenu .menutabs button{background:var(--panel-2);border:1px solid var(--line);border-bottom:0;border-radius:3px 3px 0 0;padding:5px 14px 4px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.wavemenu .menutabs button:hover{color:var(--ink)}.wavemenu .menutabs button.on{background:var(--menu);color:var(--ink);border-color:var(--line-2);box-shadow:inset 0 2px 0 var(--accent);margin-bottom:-1px}.wavemenu .item:hover{background:var(--panel-3);color:var(--ink)}.wavemenu .item.cur{border-color:var(--accent);color:var(--ink)}.wavemenu .item.cur svg{stroke:var(--accent)}.wavemenu .item.import svg{stroke:var(--ink-3)}.wavemenu .item.import:hover svg{stroke:var(--ink)}.pbtn.mini{padding:3px 7px 2px;height:18px;font-size:9px}.wavemenu .group{grid-column:1 / -1;margin-top:6px;padding:0 2px 4px;border-bottom:1px solid var(--line-2);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.wavemenu .group:first-child{margin-top:0}.ctl.scope{width:200px;margin:-22px 0 0 6px}.section.output .ctl.meter{margin-top:-22px}.ctl.meter{width:40px}.ctl.meter[hidden]{display:none}.ctl.meter canvas{cursor:pointer;width:24px;margin:0 auto;height:87px;display:block;background:var(--cap);border:1px solid var(--line);border-radius:2px}.ctl.meter .value{white-space:nowrap}.ctl.meter .value.over{color:var(--accent)}.ctl.scope canvas{cursor:pointer;width:200px;height:113px;display:block;background:var(--cap);border:1px solid var(--line);border-radius:2px}.ctl .value{font-size:9.5px;color:var(--ink-3);height:12px;white-space:nowrap}.knob svg{width:58px;height:62px;display:block;cursor:ns-resize;touch-action:none}.knob .track{fill:none;stroke:var(--line);stroke-width:2.5;stroke-linecap:round}.knob .arc{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round}.knob .cap{fill:var(--cap);stroke:var(--cap-ring);stroke-width:1}.knob .ptr{stroke:var(--cap-white);stroke-width:2.6;stroke-linecap:round}.knob .tick{fill:var(--line-2)}.knob .orig{stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;display:none}.knob .tick.on{fill:var(--cap-white)}.knob .modarc{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;display:none}.knob .moddot{fill:var(--accent);display:none}.knob.moved .modarc,.knob.moved .moddot{display:inline}.macromoved{outline:1px dashed var(--accent);outline-offset:2px}.knob:hover .cap,.knob.drag .cap{stroke:var(--line-2)}.knob.drag .value,.knob:hover .value{color:var(--ink)}.ctl .seg{height:62px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%}.ctl .seg .pbtn{width:100%;min-width:0;color:var(--ink-3)}.ctl.switch .seg .pbtn{padding:0 1px;font-size:8.5px;letter-spacing:.03em}.ctl.lfomode .seg .pbtn{padding:0 3px;font-size:8.5px;letter-spacing:.02em;gap:4px}.ctl .seg .pbtn>span:not(.led){display:block;line-height:1;transform:translateY(calc(var(--cap-shift, 0) * 1em))}.ctl .seg.three .pbtn{height:18px;font-size:9px}.ctl .seg .pbtn:hover{color:var(--ink);background:transparent}.ctl .seg .pbtn.on{border-color:var(--accent);background:var(--accent-dim);color:var(--ink)}.pbtn .led{flex:none;width:6px;height:6px;border-radius:50%;background:var(--led-off)}.pbtn.on .led{background:var(--lamp, var(--accent));box-shadow:0 0 6px var(--lamp, var(--accent))}:root:not([data-led=lamp]):not([data-button=lit]) :is(.pbtn,.ctl .seg .pbtn):has(>.led){justify-content:flex-start;padding:0 4px 0 6px}:root:not([data-led=lamp]):not([data-button=lit]) :is(.pbtn,.ctl .seg .pbtn):has(>.led)>span:not(.led){flex:1;min-width:0;text-align:center}:root:not([data-led=lamp]):not([data-button=lit]) .ctl.lfomode .seg .pbtn:has(>.led){gap:3px;padding-right:3px;letter-spacing:0}.ctl .seg select{width:100%}.ctl .seg .pbtn svg{width:30px;height:10px;display:block;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.steps{display:flex;align-items:flex-end;gap:2px;width:100%;height:36px;cursor:pointer;touch-action:none}.steps i{flex:1;min-height:3px;background:var(--accent);border-radius:1px;pointer-events:none}.steps i.rest{background:var(--line-2)}.steps i.past{opacity:.22}.steps i:nth-child(4n):not(:last-child){margin-right:3px}.steps:hover i.rest{background:var(--ink-3)}.ctl.wider{width:78px}.ctl.wider.lfoshapes{width:118px}.keybed{flex:1;min-width:0;display:flex;background:var(--section);border:1px solid var(--line);border-radius:3px}.wheels{flex:none;display:flex;gap:7px;padding:8px 7px 5px;border-right:1px solid rgba(255,255,255,.06)}.wheel{display:flex;flex-direction:column;align-items:center;gap:5px;width:26px}.wheel .track{position:relative;flex:1;width:20px;border-radius:4px;cursor:ns-resize;touch-action:none;overflow:hidden;background:linear-gradient(to bottom,color-mix(in srgb,var(--wheel) 30%,black) 0%,color-mix(in srgb,var(--wheel) 72%,black) 18%,var(--wheel) 50%,color-mix(in srgb,var(--wheel) 72%,black) 82%,color-mix(in srgb,var(--wheel) 30%,black) 100%);border:1px solid color-mix(in srgb,var(--wheel) 10%,black);box-shadow:inset 0 3px 4px #000c,inset 0 -3px 4px #000c,0 1px #ffffff0f}.wheel.bend .track:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff1f}.wheel .rib{position:absolute;left:0;right:0;height:3px;margin-top:-1.5px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.13) 0 1px,transparent 1px 2px,rgba(0,0,0,.55) 2px 3px)}.wheel .thumb{position:absolute;left:2px;right:2px;height:6px;margin-top:-3px;border-radius:1px;pointer-events:none;background:linear-gradient(to bottom,var(--wheel-mark) 0%,color-mix(in srgb,var(--wheel-mark) 92%,black) 60%,color-mix(in srgb,var(--wheel-mark) 79%,black) 100%);box-shadow:0 1px 2px #000000b3,inset 0 1px #ffffff59}.wheel .label{font-size:8.5px;color:var(--ink-3)}.wheels .octave{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:28px}.wheels .octave .pbtn.mini{width:24px;height:20px;padding:0;font-size:12px;letter-spacing:0}.wheels .octave .value{font-size:9.5px;color:var(--ink-2);height:auto}.wheels .octave .label{font-size:8.5px;color:var(--ink-3);margin-top:auto}.wheels .octave .pbtn.mini:first-child{margin-top:auto}.wheels .octave .hold{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:auto}.wheels .octave .hold+.pbtn.mini{margin-top:0}.wheels .octave .hold .label{margin-top:0}.wheels .octave .hold .pbtn.mini{height:14px;justify-content:center!important;padding:0!important;margin-left:0!important;width:24px!important}.wheels .octave .hold .pbtn .led{position:relative;left:0;top:0;margin:0}.ctl.envshape .seg.curve{height:auto;flex-direction:row;gap:2px;margin-top:1px}.ctl.envshape .seg.curve .pbtn{flex:1;height:13px;padding:0;font-size:7.5px;letter-spacing:.04em}#keys{position:relative;flex:1;min-width:0;display:flex;gap:1px;padding:1px 1px 2px;touch-action:none;margin:5px 5px 5px 0;border-radius:2px;background:var(--keybed, #0c0c0c);box-shadow:inset 0 6px 6px -4px #000000e6}#keys .white{flex:1;position:relative;border-radius:0 0 3px 3px;background:linear-gradient(to bottom,color-mix(in srgb,var(--ivory) 81%,black) 0%,color-mix(in srgb,var(--ivory) 95%,black) 10%,var(--ivory) 70%,color-mix(in srgb,var(--ivory) 96%,black) 100%);box-shadow:inset 0 -4px color-mix(in srgb,var(--ivory) 82%,black),inset 1px 0 #ffffff2e,inset -1px 0 #0000002e}#keys .white.c:after{content:attr(data-name);position:absolute;left:0;right:0;bottom:7px;text-align:center;font-size:8.5px;font-weight:600;letter-spacing:.06em;color:var(--ink-3);pointer-events:none}#keys .black{position:absolute;top:1px;height:62%;z-index:1;border-radius:0 0 2px 2px;background:linear-gradient(to bottom,color-mix(in srgb,var(--ebony) 50%,black) 0%,var(--ebony) 82%,color-mix(in srgb,var(--ebony) 76%,black) 92%,color-mix(in srgb,var(--ebony) 60%,black) 100%);border:1px solid color-mix(in srgb,var(--ebony) 17%,black);border-top:0;box-shadow:0 3px 4px #0000008c,inset 0 -5px color-mix(in srgb,var(--ebony) 47%,black),inset 1px 0 #ffffff14}#keys .white.down,#keys .white.sounding{background:linear-gradient(to bottom,color-mix(in srgb,var(--ivory) 75%,black),color-mix(in srgb,var(--ivory) 89%,black) 12%,color-mix(in srgb,var(--ivory) 94%,black));box-shadow:inset 0 -3px 0 var(--accent),inset 0 3px 4px #00000040}#keys .black.down,#keys .black.sounding{background:linear-gradient(to bottom,color-mix(in srgb,var(--ebony) 45%,black),color-mix(in srgb,var(--ebony) 88%,black) 90%,color-mix(in srgb,var(--ebony) 72%,black));box-shadow:0 1px 2px #00000080,inset 0 -3px 0 var(--accent)}:root[data-theme=light] #keys{background:var(--keybed, #d3d3ce);box-shadow:inset 0 4px 5px -4px #00000047}:root[data-theme=light] .wheels{border-right-color:#00000014}:root[data-theme=light] .wheel .track{background:linear-gradient(to bottom,color-mix(in srgb,var(--wheel) 79%,black) 0%,color-mix(in srgb,var(--wheel) 92%,black) 18%,var(--wheel) 50%,color-mix(in srgb,var(--wheel) 92%,black) 82%,color-mix(in srgb,var(--wheel) 79%,black) 100%);border-color:color-mix(in srgb,var(--wheel) 72%,black);box-shadow:inset 0 2px 3px #00000040,inset 0 -2px 3px #00000040,0 1px #ffffff80}:root[data-theme=light] .wheel.bend .track:before{background:#00000040}:root[data-theme=light] .wheel .rib{background:linear-gradient(to bottom,rgba(255,255,255,.5) 0 1px,transparent 1px 2px,rgba(0,0,0,.16) 2px 3px)}:root[data-theme=light] .wheel .thumb{background:linear-gradient(to bottom,var(--wheel-mark) 0%,color-mix(in srgb,var(--wheel-mark) 94%,black) 60%,color-mix(in srgb,var(--wheel-mark) 85%,black) 100%);box-shadow:0 1px 2px #0000004d,inset 0 1px #fffc}:root[data-theme=light] #keys .white{background:linear-gradient(to bottom,color-mix(in srgb,var(--ivory) 90%,black) 0%,color-mix(in srgb,var(--ivory) 97%,black) 8%,var(--ivory) 70%,color-mix(in srgb,var(--ivory) 97%,black) 100%);box-shadow:inset 0 -3px color-mix(in srgb,var(--ivory) 87%,black),inset 1px 0 #ffffffb3,inset -1px 0 #00000012}:root[data-theme=light] #keys .black{background:linear-gradient(to bottom,color-mix(in srgb,var(--ebony) 61%,black) 0%,var(--ebony) 82%,color-mix(in srgb,var(--ebony) 81%,black) 92%,color-mix(in srgb,var(--ebony) 72%,black) 100%);border-color:color-mix(in srgb,var(--ebony) 44%,black);box-shadow:0 2px 3px #00000047,inset 0 -4px color-mix(in srgb,var(--ebony) 59%,black),inset 1px 0 #ffffff1f}:root[data-theme=light] #keys .white.down,:root[data-theme=light] #keys .white.sounding{background:linear-gradient(to bottom,color-mix(in srgb,var(--ivory) 85%,black),color-mix(in srgb,var(--ivory) 91%,black) 12%,color-mix(in srgb,var(--ivory) 94%,black));box-shadow:inset 0 -3px 0 var(--accent),inset 0 2px 3px #0000001f}:root[data-theme=light] #keys .black.down,:root[data-theme=light] #keys .black.sounding{background:linear-gradient(to bottom,color-mix(in srgb,var(--ebony) 53%,black),color-mix(in srgb,var(--ebony) 84%,black) 90%,color-mix(in srgb,var(--ebony) 72%,black));box-shadow:0 1px 2px #00000040,inset 0 -3px 0 var(--accent)}.modal{position:absolute;inset:0;z-index:30;background:#0009;display:flex;align-items:center;justify-content:center}#settings.modal{background:transparent}#settings .dialog{box-shadow:0 10px 34px #0000008c}#about .dialog{background:linear-gradient(var(--veil),var(--veil)),var(--art) center / cover no-repeat,var(--panel)}.modal[hidden]{display:none}.dialog{background:var(--panel);border:1px solid var(--line-2);border-radius:3px;padding:18px 22px;max-width:560px;max-height:80%;overflow:auto;font-size:12.5px;line-height:1.45}.dialog h2{margin:0 0 8px;font-size:18px}.dialog p{margin:8px 0}.dialog p.right{text-align:right;margin-bottom:0}.dialog.wide{width:440px}.dialog a{color:var(--ink);cursor:pointer}.dialog .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.dialog .row[hidden]{display:none}.dialog .settabs{flex:none;margin:10px 0 4px}.dialog .pane[data-pane]{min-height:290px}.dialog .pane[hidden]{display:none}.dialog .row.disabled{opacity:.4}.dialog .row>span:first-child{color:var(--ink-2)}.dialog .row input[type=number]{width:70px}.dialog .field{display:flex;flex-direction:column;gap:3px;margin:8px 0}.dialog .field span{font-size:9.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}.dialog .field input[type=text],.dialog .field select{width:100%;padding:5px 7px;font-size:12.5px}.dialog .field select{padding-right:22px}.dialog .fields{display:flex;gap:10px}.dialog .fields .field{flex:1}.dialog .row input[type=text]{width:200px}.dialog .btns{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.dialog .btns .grow{flex:1}.dialog.about{text-align:center;width:440px;padding:26px 30px 20px}.dialog.about .mark{width:54px;height:54px;display:block;margin:0 auto 12px;opacity:.95}:root[data-theme=light] .dialog.about .mark{filter:brightness(0)}.dialog.about .version{line-height:1.5}.dialog.about h2{font-size:20px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}.dialog.about .version{margin:0 0 14px;font-size:11px;color:var(--ink-2);letter-spacing:.04em}.dialog.about .links{display:flex;flex-direction:column;align-items:center;gap:6px;margin:12px 0}.dialog.about .links a{text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:1px;font-size:12px}.dialog.about .links a:hover{border-bottom-color:var(--ink)}.dialog.about p:last-child{margin-top:16px}.dialog.about p.close{margin-top:12px}.dialog.about p.thanks{max-width:360px;margin:10px auto;line-height:1.5}.dialog.signal{width:700px;max-width:700px;max-height:94%}.signalpath{display:block;width:100%;height:auto}.signalpath .sp-box{fill:var(--panel-2);stroke:var(--line-2);stroke-width:1}.signalpath .sp-opt{stroke-dasharray:5 3;stroke:var(--ink-3);fill:var(--panel)}.signalpath .sp-l{font-size:10.5px;fill:var(--ink-2);font-family:var(--font-text);text-anchor:start}.signalpath .sp-group{fill:var(--chrome);stroke:var(--line);stroke-width:1}.signalpath text{font-family:var(--font);text-anchor:middle;dominant-baseline:central}.signalpath .sp-t{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;fill:var(--ink)}.signalpath .sp-s{font-size:11px;fill:var(--ink-3);font-family:var(--font-text)}.signalpath .sp-g{font-size:9.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;fill:var(--ink-3);text-anchor:end}.signalpath .sp-path{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round}.signalpath :is(.sp-midi,.sp-fixed){stroke-dasharray:4 3}.signalpath .sp-head{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dialog.changelog{width:70%;max-width:70%;font-family:var(--font-text)}.dialog.shortcuts{width:640px;max-width:640px}.dialog.shortcuts h4{margin:12px 0 4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.dialog.shortcuts .scrow{display:flex;gap:14px;padding:4px 0;border-bottom:1px solid var(--line);align-items:baseline}.dialog.shortcuts kbd{flex:none;width:250px;font-family:var(--mono);font-size:11px;color:var(--ink)}.dialog.shortcuts .scrow span{color:var(--ink-2)}.flash{position:fixed;left:50%;top:18%;transform:translate(-50%);z-index:50;pointer-events:none;padding:9px 18px;border-radius:4px;background:var(--menu);color:var(--ink);border:1px solid var(--line-2);box-shadow:0 6px 18px var(--shadow);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:opacity .3s}.flash.out{opacity:0}.dialog.changelog h2{font-family:var(--font)}.clver{border-bottom:1px solid var(--line);padding:5px 0}.clver:last-child{border-bottom:0}.clver summary{cursor:pointer;list-style:revert}.clver summary .date{font-weight:400;color:var(--ink-2);margin-left:8px}.clver h4{margin:8px 0 2px;font-family:var(--font);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.clver ul{margin:2px 0 6px 16px;padding:0}.clver li{margin:3px 0}.clver p{margin:6px 0;color:var(--ink-2)}.clver code{font-family:var(--mono);font-size:11px}input,textarea{-webkit-user-select:text;user-select:text;cursor:auto}select{cursor:auto}img,svg,canvas{-webkit-user-drag:none}select{appearance:none;-webkit-appearance:none;background-color:var(--panel-3);color:var(--ink);border:1px solid var(--line-2);border-radius:2px;padding:3px 22px 3px 7px;font:inherit;font-size:11.5px;line-height:1.3;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23b9b9b4' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center}select:hover{border-color:var(--ink-3)}select:focus{outline:none;border-color:var(--ink-2)}select option{background:var(--panel-3);color:var(--ink)}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;border:1px solid var(--line-2);border-radius:2px;background:var(--panel-3);position:relative;cursor:pointer;vertical-align:middle;flex:none}input[type=checkbox]:hover{border-color:var(--ink-3)}input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--chrome);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=number],input[type=text]{appearance:none;-webkit-appearance:none;background:var(--panel-3);color:var(--ink);border:1px solid var(--line-2);border-radius:2px;padding:3px 7px;font:inherit;font-size:11.5px}input:focus{outline:none;border-color:var(--ink-2)}:root[data-depth="3d"]{--screen: #0a0c0e;--screen-edge: #000000;--screen-sheen: rgba(255, 255, 255, .05);--screen-lines: rgba(255, 255, 255, .022);--screen-shade: rgba(0, 0, 0, .8);--screen-vignette: rgba(0, 0, 0, .35);--bezel: rgba(255, 255, 255, .07);--key-top: #36383c;--key-bottom: #1c1d20;--key-edge: #08080a;--key-hi: rgba(255, 255, 255, .1);--key-shadow: rgba(0, 0, 0, .65);--key-down-top: #151618;--key-down-bottom: #222326;--plate: rgba(255, 255, 255, .045);--plate-shadow: rgba(0, 0, 0, .5);--glow: color-mix(in srgb, var(--accent) 55%, transparent);--display-grid: rgba(255, 255, 255, .05);--display-rest: rgba(255, 255, 255, .13);--graticule: linear-gradient(to right, var(--display-grid) 1px, transparent 1px) 0 0 / 12.5% 100%, linear-gradient(to bottom, var(--display-grid) 1px, transparent 1px) 0 0 / 100% 25%;--accent-dim: color-mix(in srgb, var(--accent) 14%, transparent);--lamp: #ff3b30}:root[data-depth="3d"][data-theme=light]{--screen: #e3e5e0;--screen-edge: #a2a39d;--screen-sheen: rgba(255, 255, 255, .55);--screen-lines: rgba(0, 0, 0, .018);--screen-shade: rgba(0, 0, 0, .3);--screen-vignette: rgba(0, 0, 0, .07);--bezel: rgba(255, 255, 255, .85);--key-top: #fdfdfb;--key-bottom: #dcdcd7;--key-edge: #a6a6a0;--key-hi: rgba(255, 255, 255, 1);--key-shadow: rgba(0, 0, 0, .22);--key-down-top: #d0d0cb;--key-down-bottom: #e3e3df;--plate: rgba(255, 255, 255, .55);--plate-shadow: rgba(0, 0, 0, .15);--glow: color-mix(in srgb, var(--accent) 40%, transparent);--display-grid: rgba(0, 0, 0, .05);--display-rest: rgba(0, 0, 0, .12)}:root[data-depth="3d"] :is(.section,.lpart){background:linear-gradient(to bottom,var(--plate),transparent 30%),var(--section);box-shadow:inset 0 1px 0 var(--plate),0 2px 7px var(--plate-shadow)}.knob .ptr3d{display:none}:root[data-depth="3d"] .knob svg{background:var(--frame, var(--knob-f0)) 0 2px / 58px 58px no-repeat}:root[data-depth="3d"] .knob .cap,:root[data-depth="3d"] .knob .ptr{display:none}:root[data-depth="3d"] .knob .ptr3d{display:inline;stroke:var(--knob-ptr, var(--cap-white));stroke-width:2.2;stroke-linecap:round}:root[data-depth="3d"] .knob:hover svg,:root[data-depth="3d"] .knob.drag svg{filter:brightness(1.1)}:root[data-depth="3d"] .knob .arc{display:none}:root[data-depth="3d"] .knob .track{stroke:var(--ink-3);stroke-width:1.5;stroke-dasharray:0 4.712;stroke-linecap:round}:root[data-depth="3d"] .knob .tick,:root[data-depth="3d"] .knob .tick.on{fill:var(--ink-3)}:root[data-depth="3d"][data-theme=light] .knob:hover svg,:root[data-depth="3d"][data-theme=light] .knob.drag svg{filter:brightness(1.04)}:root[data-depth="3d"] :is(.filterplot svg,.envshape svg,.wavebtn,.lfoshape,.resbox,.ctl.meter canvas,.ctl.scope canvas,.steps){background:var(--graticule),linear-gradient(to bottom,var(--screen-sheen),transparent 40%),repeating-linear-gradient(to bottom,var(--screen-lines) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 40%,transparent 50%,var(--screen-vignette)),var(--screen);border:1px solid var(--screen-edge);border-radius:3px;box-shadow:inset 0 2px 5px var(--screen-shade),inset 0 0 0 1px #ffffff05,0 1px 0 var(--bezel)}:root[data-depth="3d"] .wavebtn:hover{border-color:var(--screen-edge);filter:brightness(1.08)}:root[data-depth="3d"] :is(.filterplot svg,.envshape svg,.wavebtn,.lfoshape,.resbox,.ctl.meter canvas,.ctl.scope canvas,.steps){--line: var(--display-grid)}:root[data-depth="3d"] .steps{padding:4px 5px 3px}:root[data-depth="3d"] .steps i.rest,:root[data-depth="3d"] .steps:hover i.rest{background:var(--display-rest)}:root[data-depth="3d"][data-theme=dark] :is(.wavebtn svg,.lfoshape svg,.resbox svg,.envshape .line,.filterplot .line){filter:drop-shadow(0 0 2px var(--glow))}:root[data-depth="3d"] :is(.ctl .seg .pbtn,.pbtn){background:none;border:1px solid transparent;border-image:var(--key-up) 24 fill / 8px stretch;box-shadow:none}:root[data-depth="3d"] :is(.ctl .seg .pbtn,.pbtn):hover{background:none;border-color:transparent;filter:brightness(1.12)}:root[data-depth="3d"][data-theme=light] :is(.ctl .seg .pbtn,.pbtn):hover{filter:brightness(1.04)}:root[data-depth="3d"] :is(.ctl .seg .pbtn,.pbtn).on{background:none;border-color:transparent;border-image-source:var(--key-down);color:var(--ink);box-shadow:none}:root[data-depth="3d"]:not([data-button=lit]) :is(.ctl .seg .pbtn,.pbtn).on:not(:has(.led)){color:var(--legend, var(--lamp));text-shadow:var(--legend-glow, 0 0 3px color-mix(in srgb, var(--lamp) 40%, transparent))}:root[data-depth="3d"]:not([data-button=lit]) :is(.ctl .seg .pbtn,.pbtn):active{border-image-source:var(--key-down);filter:none}:root[data-depth="3d"] .tabs button:not(.on):active{box-shadow:inset 0 1px 3px #00000073}:root[data-depth="3d"] .pbtn .led{position:relative;width:8px;height:4px;border-radius:1.5px;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.3),transparent 60%),color-mix(in srgb,var(--lamp) 16%,#141414);box-shadow:inset 0 0 0 1px #0000008c,0 1px #ffffff1f}:root[data-depth="3d"] .pbtn.on .led{background:radial-gradient(ellipse at 50% 50%,#ffffff 0%,color-mix(in srgb,var(--lamp) 40%,white) 32%,var(--lamp) 72%,color-mix(in srgb,var(--lamp) 70%,black) 100%);box-shadow:inset 0 0 1px #ffffffb3,0 0 2px var(--lamp)}:root[data-depth="3d"] .pbtn .led:after{content:"";position:absolute;left:50%;top:50%;width:32px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--lamp) 75%,transparent),color-mix(in srgb,var(--lamp) 28%,transparent) 40%,color-mix(in srgb,var(--lamp) 8%,transparent) 75%,transparent);mix-blend-mode:screen;opacity:0;transition:opacity .12s;pointer-events:none}:root[data-depth="3d"] .pbtn.on .led:after{opacity:1}:root[data-depth="3d"] .tabs button.live{color:var(--tab-live, var(--legend, var(--lamp)));text-shadow:var(--tab-live-glow, var(--legend-glow, 0 0 3px color-mix(in srgb, var(--lamp) 40%, transparent)))}:root[data-depth="3d"] .tabs button.live.on{color:var(--tab-live-open, var(--tab-live, var(--legend, var(--lamp))))}:root[data-depth="3d"] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23b9b9b4' stroke-width='1.5'/%3E%3C/svg%3E"),linear-gradient(to bottom,var(--key-top),var(--key-bottom));background-position:right 7px center,0 0;background-size:auto,100% 100%;border-color:var(--key-edge);box-shadow:inset 0 1px 0 var(--key-hi),0 1px 2px var(--key-shadow)}:root[data-depth="3d"] .ctl .seg select.on{border-color:var(--key-edge);color:var(--legend, var(--lamp));box-shadow:inset 0 1px 3px #00000080}:root[data-depth="3d"] :is(input[type=checkbox],input[type=text],input[type=number]){box-shadow:inset 0 1px 3px var(--screen-shade)}:root[data-depth="3d"] .tabs button{background:linear-gradient(to bottom,var(--key-top),var(--key-bottom));border-color:var(--key-edge);box-shadow:inset 0 1px 0 var(--key-hi)}:root[data-depth="3d"] .tabs button.on{background:var(--panel);border-color:var(--line-2);box-shadow:inset 0 1px 0 var(--plate)}:root[data-depth="3d"] .osctabs button.picked,:root[data-depth="3d"] .osctabs button.picked.on{border-color:var(--line-2);background:var(--panel);box-shadow:inset 0 1px 0 var(--plate);color:var(--legend, var(--lamp));text-shadow:var(--legend-glow, 0 0 3px color-mix(in srgb, var(--lamp) 40%, transparent))}:root[data-depth="3d"] .osctabs button.add{background:transparent;border-color:var(--line-2);box-shadow:none}:root[data-knob=dome]{--knob-ptr: #1b1b1b}:root[data-knob=skirt]{--knob-ptr: #f4f4f2}:root[data-knob=black]{--knob-ptr: #f4f4f2}:root[data-knob=machined]{--knob-ptr: #f4f4f2}:root[data-knob=insert]{--knob-ptr: #f4f4f2}:root[data-panel=brushed] :is(.section,.lpart){background:linear-gradient(var(--brush-shade, transparent),var(--brush-shade, transparent)),var(--brushed) 0 0 / 512px 128px,linear-gradient(to bottom,var(--plate),transparent 30%),var(--section);box-shadow:inset 0 1px 0 var(--plate),inset 0 -1px #00000040,0 2px 7px var(--plate-shadow)}:root[data-depth="3d"][data-theme][data-button=rubber]{--key-top: #303030;--key-bottom: #151515;--key-edge: #000000;--key-hi: rgba(255, 255, 255, .13);--key-shadow: rgba(0, 0, 0, .6);--key-down-top: #0f0f0f;--key-down-bottom: #1c1c1c}:root[data-button=rubber] :is(.pbtn,.ctl .seg .pbtn,select){color:#cfcfcc}:root[data-button=rubber] .tabs button:not(.on):not(.live){color:var(--tab-ink, #cfcfcc)}:root[data-button=rubber] :is(.pbtn,.ctl .seg .pbtn):hover{color:#fff}:root[data-button=rubber] :is(.pbtn,.ctl .seg .pbtn).on{color:#fff}:root[data-button=rubber] :is(.pbtn,.ctl .seg .pbtn).on:not(:has(.led)){color:var(--legend, var(--lamp))}:root[data-button=rubber] select option{color:var(--ink)}:root[data-button=lit] :is(.pbtn,.ctl .seg .pbtn),:root[data-button=lit] :is(.pbtn,.ctl .seg .pbtn):hover,:root[data-button=lit] :is(.pbtn,.ctl .seg .pbtn).on{border:1px solid #000000;border-image:none}:root[data-button=lit] :is(.pbtn,.ctl .seg .pbtn){background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 26%,#2c2c2c),color-mix(in srgb,var(--accent) 14%,#121212));border-color:#000;color:#e6e1d6;box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000080}:root[data-button=lit] :is(.pbtn,.ctl .seg .pbtn):hover{background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 34%,#333),color-mix(in srgb,var(--accent) 18%,#161616));color:#fff}:root[data-button=lit] :is(.pbtn,.ctl .seg .pbtn).on{background:radial-gradient(ellipse at 50% 35%,#ffffff 0%,color-mix(in srgb,var(--lamp) 55%,white) 22%,var(--lamp) 65%,color-mix(in srgb,var(--lamp) 70%,black) 100%);border-color:#000;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:inset 0 0 4px #ffffff8c,0 0 10px var(--glow)}:root[data-button=lit] .pbtn .led{display:none}:root[data-button=lit] :is(.pbtn,.ctl .seg .pbtn):active{box-shadow:inset 0 1px 3px #000000a6}:root[data-led=jewel] .pbtn .led{width:9px;height:9px;border-radius:50%}:root[data-led=jewel] .pbtn:not(.on) .led{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.45),transparent 42%),radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--lamp) 30%,#1a1a1a),#0c0c0c)}:root[data-led=jewel] .pbtn.on .led:after{width:38px;height:30px}:root[data-display=lcd]{--display-trace: #1d300a;--display-ink: #1a2a08;--display-well: rgba(26, 44, 6, .16);--display-grid: rgba(26, 44, 6, .09);--display-rest: rgba(26, 44, 6, .2);--display-scale: rgba(26, 44, 6, .45);--display-over: #0c1603;--display-quiet: rgba(26, 44, 6, .3)}:root[data-display=amber]{--display-trace: #3d1c03;--display-ink: #3a1a02;--display-well: rgba(80, 30, 0, .16);--display-grid: rgba(80, 30, 0, .09);--display-rest: rgba(80, 30, 0, .2);--display-scale: rgba(80, 30, 0, .45);--display-over: #200d00;--display-quiet: rgba(80, 30, 0, .3)}:root[data-display=vfd]{--display-trace: #55f2d4;--display-ink: #7ff7e0;--display-well: rgba(85, 242, 212, .08);--display-grid: rgba(85, 242, 212, .07);--display-rest: rgba(85, 242, 212, .16);--display-scale: rgba(85, 242, 212, .3);--display-over: #e9fffa;--display-quiet: rgba(85, 242, 212, .25)}:root[data-trace] :is(.filterplot svg,.envshape svg,.wavebtn,.lfoshape,.resbox,.fmview svg,.ctl.meter canvas,.ctl.scope canvas,.steps){--accent: var(--display-trace);--accent-dim: color-mix(in srgb, var(--display-trace) 14%, transparent)}:root[data-display] :is(.filterplot svg,.envshape svg,.wavebtn,.lfoshape,.resbox,.ctl.meter canvas,.ctl.scope canvas,.steps){--accent: var(--display-trace);--accent-dim: var(--display-well);--line: var(--display-grid);--line-2: var(--display-grid);--ink: var(--display-ink);--ink-2: var(--display-ink);--ink-3: var(--display-ink);--head: var(--display-over);color:var(--display-ink)}:root[data-display=lcd] :is(.filterplot svg,.envshape svg,.wavebtn,.lfoshape,.resbox,.ctl.meter canvas,.ctl.scope canvas,.steps){background:var(--graticule),radial-gradient(circle,rgba(20,40,0,.07) .6px,transparent .9px) 0 0 / 3px 3px,linear-gradient(to bottom,rgba(255,255,255,.2),transparent 45%),radial-gradient(ellipse at 50% 45%,#bddf52,#93b62e 70%,#6e8f1c);border-color:#26340f;box-shadow:inset 0 2px 5px #00000080,0 1px 0 var(--bezel)}:root[data-display=amber] :is(.filterplot svg,.envshape svg,.wavebtn,.lfoshape,.resbox,.ctl.meter canvas,.ctl.scope canvas,.steps){background:var(--graticule),linear-gradient(to bottom,rgba(255,255,255,.22),transparent 40%),radial-gradient(ellipse at 50% 70%,#ffe0a0,#f7a83c 55%,#c2621a);border-color:#3a1a05;box-shadow:inset 0 2px 6px #0000008c,0 1px 0 var(--bezel)}:root[data-display=vfd] :is(.filterplot svg,.envshape svg,.wavebtn,.lfoshape,.resbox,.ctl.meter canvas,.ctl.scope canvas,.steps){background:var(--graticule),repeating-linear-gradient(to bottom,rgba(85,242,212,.03) 0 1px,transparent 1px 3px),linear-gradient(to bottom,rgba(255,255,255,.05),transparent 40%),radial-gradient(ellipse at 50% 45%,#0d2622,#06100f 75%);border-color:#000;box-shadow:inset 0 2px 6px #000c,0 1px 0 var(--bezel)}:root[data-display=lcd] :is(.wavebtn svg,.lfoshape svg,.resbox svg,.envshape .line,.filterplot .line),:root[data-display=amber] :is(.wavebtn svg,.lfoshape svg,.resbox svg,.envshape .line,.filterplot .line){filter:none}:root[data-display=vfd] :is(.wavebtn svg,.lfoshape svg,.resbox svg,.envshape .line,.filterplot .line){filter:drop-shadow(0 0 2px rgba(85,242,212,.7))}:root[data-depth="3d"] .keybed{background:linear-gradient(to bottom,var(--plate),transparent 30%),var(--section);box-shadow:inset 0 1px 0 var(--plate),0 2px 7px var(--plate-shadow)}:root[data-panel=brushed] .keybed{background:linear-gradient(var(--brush-shade, transparent),var(--brush-shade, transparent)),var(--brushed) 0 0 / 512px 128px,linear-gradient(to bottom,var(--plate),transparent 30%),var(--section);box-shadow:inset 0 1px 0 var(--plate),inset 0 -1px #00000040,0 2px 7px var(--plate-shadow)}:root[data-panel=hammertone] .keybed{background:var(--hammertone) 0 0 / 192px 192px,linear-gradient(to bottom,var(--plate),transparent 35%),var(--section);border-color:#00000073;box-shadow:inset 0 1px 0 var(--plate),inset 0 -1px #0000004d,0 2px 8px var(--plate-shadow)}:root[data-depth="3d"] .wheels{border-right:0}:root[data-depth="3d"] #keys{margin:5px 5px 5px 0;padding:2px 2px 3px;border-radius:2px;background:#050505;box-shadow:inset 0 5px 7px #000000f2,0 1px 0 var(--bezel),0 -1px #00000059}:root[data-depth="3d"] :is(.wheel .label,.wheels .octave .label){color:var(--ink-3)}:root[data-depth="3d"] .wheels .octave .value{color:var(--ink)}:root[data-depth="3d"] .wheel .track{box-shadow:inset 0 3px 4px #000c,inset 0 -3px 4px #000c,0 0 0 2px #050505,0 1px 0 2px var(--bezel)}:root[data-depth="3d"] #keys .white.down,:root[data-depth="3d"] #keys .white.sounding{background:linear-gradient(to bottom,color-mix(in srgb,var(--ivory) 66%,black),color-mix(in srgb,var(--ivory) 84%,black) 14%,color-mix(in srgb,var(--ivory) 92%,black));box-shadow:inset 0 -1px color-mix(in srgb,var(--ivory) 80%,black),inset 0 4px 6px #00000059}:root[data-depth="3d"] #keys .black.down,:root[data-depth="3d"] #keys .black.sounding{background:linear-gradient(to bottom,color-mix(in srgb,var(--ebony) 25%,black),color-mix(in srgb,var(--ebony) 66%,black) 90%,color-mix(in srgb,var(--ebony) 52%,black));box-shadow:0 1px 1px #00000080,inset 0 -2px color-mix(in srgb,var(--ebony) 34%,black)}:root[data-panel=hammertone] :is(.section,.lpart){background:var(--screw-tl) left 5px top 5px / 9px 9px no-repeat,var(--screw-tr) right 5px top 5px / 9px 9px no-repeat,var(--screw-bl) left 5px bottom 5px / 9px 9px no-repeat,var(--screw-br) right 5px bottom 5px / 9px 9px no-repeat,var(--hammertone) 0 0 / 192px 192px,linear-gradient(to bottom,var(--plate),transparent 35%),var(--section);border-color:#00000073;box-shadow:inset 0 1px 0 var(--plate),inset 0 -1px #0000004d,0 2px 8px var(--plate-shadow)}:root[data-panel=hammertone] :is(.section,.lpart)>.head{left:20px;right:18px}:root[data-panel=hammertone] .lpart.top{--screw-bl: none}:root[data-panel=hammertone] .lpart.bottom{--screw-tl: none;--screw-tr: none}:root[data-panel=hammertone] :is(.label,.section .title){letter-spacing:.12em}:root[data-panel=hammertone] :is(.lpart.bottom .filters,.filters.master)>.ctl>.label{letter-spacing:.09em}:root[data-knob=chicken] .knob .ptr3d{display:none}.knob .scale{display:none}:root[data-scale=ticks] .knob .track{display:none}:root[data-scale=ticks] .knob .scale{display:inline;stroke:var(--ink-2);stroke-linecap:butt}:root[data-scale=ticks] .knob .scale .major{stroke-width:1.1}:root[data-scale=ticks] .knob .scale .minor{stroke-width:.7;opacity:.75}:root[data-led=lamp] .pbtn:has(.led){position:relative;margin-left:15px;width:calc(100% - 15px);padding-top:0;padding-bottom:0}:root[data-led=lamp] .pbtn .led{position:absolute;left:-13px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#ffebdc6b,#ffebdc00 34%),radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--lamp) 34%,#2a0a05),#120403 80%);box-shadow:0 0 0 1px #121212,0 0 0 2px #46443f,0 0 0 2.5px #ffffff1a,0 1.5px 3px 2px #00000073,inset 0 -1px 2px #0009;filter:blur(.2px)}:root[data-led=lamp] .pbtn.on .led{background:radial-gradient(circle at 38% 32%,#ffffff8c,#fff0 30%),radial-gradient(circle at 50% 52%,#fff3d2,#ffd27e 22%,color-mix(in srgb,var(--lamp) 80%,#ffb050) 52%,color-mix(in srgb,var(--lamp) 65%,black));box-shadow:0 0 0 1px #121212,0 0 0 2px #4d4b46,0 0 0 2.5px #ffffff1f,0 1.5px 3px 2px #00000059,0 0 7px 2px color-mix(in srgb,var(--lamp) 55%,transparent)}:root[data-led=lamp] .pbtn.on .led:after{width:40px;height:40px}:root[data-meter=edgewise][data-depth] .section .ctl.meter canvas{background:linear-gradient(100deg,rgba(255,255,255,.28),transparent 28%,transparent 70%,rgba(255,255,255,.08)),radial-gradient(ellipse at 50% 45%,#f1e4b8,#dcc893 75%,#b9a46e);border:1px solid #0d0d0c;border-radius:2px;box-shadow:inset 0 2px 4px #0000008c,inset 0 0 0 1px #00000040,0 0 0 2px #2b2b29,0 0 0 3px #ffffff1f,0 2px 4px 3px #0006}:root[data-display=crt]{--display-trace: #5cc277;--display-ink: #7fcf93;--display-well: rgba(90, 200, 120, .08);--display-grid: rgba(90, 200, 120, .08);--display-rest: rgba(90, 200, 120, .13);--display-scale: rgba(90, 200, 120, .3);--display-over: #b9e8c4;--display-quiet: rgba(90, 200, 120, .2)}:root[data-display=crt] :is(.filterplot svg,.envshape svg,.wavebtn,.lfoshape,.resbox,.ctl.meter canvas,.ctl.scope canvas,.steps){background:linear-gradient(160deg,rgba(255,255,255,.025),transparent 30%),var(--graticule),radial-gradient(ellipse at 50% 48%,rgba(50,110,70,.1),transparent 62%),radial-gradient(ellipse at 50% 50%,#0b1a10,#060d08 70%,#020403);border:1px solid #000000;border-radius:7px;box-shadow:inset 0 0 14px #000000f2,inset 0 2px 5px #000c,0 0 0 2px #1f2420,0 0 0 3px #ffffff1a,0 2px 5px 3px #00000073}:root[data-display=crt] :is(.wavebtn svg,.lfoshape svg,.resbox svg,.envshape .line,.filterplot .line){filter:drop-shadow(0 0 1px rgba(100,210,130,.55))}:root[data-display=crt][data-trace] :is(.wavebtn svg,.lfoshape svg,.resbox svg,.envshape .line,.filterplot .line){filter:drop-shadow(0 0 1px color-mix(in srgb,var(--display-trace) 55%,transparent))}:root[data-display=crt] .wave svg path.rec{fill-opacity:.7}:root[data-display=crt] .steps i:not(.rest){opacity:.85;box-shadow:0 0 2px #64d28259}.tip{font-family:var(--font-text);position:fixed;left:0;top:0;z-index:40;pointer-events:none;transform-origin:0 0;background:var(--menu);color:var(--ink);border:1px solid var(--line-2);border-radius:2px;padding:6px 9px;font-size:11px;line-height:1.45;max-width:320px;box-shadow:0 4px 14px #00000080}.tip[hidden]{display:none}.tip .tipline+.tipline{margin-top:3px}.tip .tipline b{font-weight:600;color:var(--head)}body{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}:root[data-lite] :is(.section,.lpart,.keybed){background:var(--section)!important;box-shadow:none!important}:root[data-lite] .lback{filter:none!important}:root[data-lite] .lback>.lpart.lfill{background:var(--section)!important}:root[data-lite] :is(.filterplot svg,.envshape svg,.wavebtn,.lfoshape,.resbox,.ctl.meter canvas,.ctl.scope canvas,.steps),:root[data-lite] :is(.wavebtn svg,.lfoshape svg,.resbox svg,.envshape .line,.filterplot .line){filter:none!important;box-shadow:none!important}:root[data-lite] .pbtn .led:after{display:none!important}:root[data-lite] :is(.pbtn .led,.pbtn.on .led){mix-blend-mode:normal!important;box-shadow:none!important}:root[data-lite] :is(.pbtn,.ctl .seg .pbtn,.tabs button,select){text-shadow:none!important}:root[data-lite] #stage:before,:root[data-lite] #stage:after{box-shadow:none!important}:root[data-lite] body,:root[data-lite] #stage{background-image:none!important}:root[data-lite]:not([data-knob=chicken]) .knob svg{background-image:var(--knob-f0)!important}:root[data-lite] .ctxmenu,:root[data-lite] .dialog,:root[data-lite] .tip{box-shadow:none!important}