.grain-knob{touch-action:none;cursor:ns-resize;outline:none;flex-shrink:0;position:relative}.grain-knob svg{width:100%;height:100%;position:absolute;inset:0}.grain-knob__cap{background:linear-gradient(140deg,#34383a,#272b2c);border-radius:50%;position:absolute;inset:15%;box-shadow:inset 1px 1px 1px #515556,1px 2px 2px #171a1b}.grain-knob__rotor{pointer-events:none;position:absolute;inset:0}.grain-knob__rotor i{background:#b5c9cf;border-radius:1px;width:7%;height:16%;position:absolute;top:15%;left:48%}.grain-knob[aria-disabled=true]{opacity:.3;cursor:default}.grain-fader{touch-action:none;cursor:ns-resize;background:#181c1c;outline:none;width:15px;position:relative}.grain-fader[data-orientation=horizontal]{cursor:ew-resize;background:#10191c;height:13px}.grain-fader__bar{background:#1ec7dc;width:100%;position:absolute;bottom:0}.grain-fader__ticks{background:repeating-linear-gradient(90deg,#0000 0 3px,#1e5661 3px 4px);position:absolute;inset:0}.grain-fader__scan{filter:drop-shadow(0 0 2px #13b8ca);border-bottom:10px solid #20cce4;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:0;transform:translate(-50%)}.grain-fader:focus-visible .grain-fader__bar{background:#9aeffa}.disc-knob{touch-action:none;cursor:ns-resize;display:block;position:relative;outline:none!important}.disc-knob svg{width:100%;height:100%;position:absolute;overflow:visible}.disc-knob__cap{background:linear-gradient(145deg,#bdced5,#acbfc7);border:2px solid #c3d4db;border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 3px 1px #d3e0e54d,0 5px 5px #273d4845,0 13px 11px #283c4333,0 0 0 6px #9aaeb533}.disc-knob__index{pointer-events:none;border-radius:50%;position:absolute;inset:0}.disc-knob__index i{background:#304651;border-radius:2px;width:2%;height:13%;position:absolute;top:17%;left:49%}.disc-knob__ticks:before,.disc-knob__ticks:after{content:"";background:#334b57;border-radius:2px;width:2px;height:8%;position:absolute;left:calc(50% - 1px)}.disc-knob__ticks:before{top:0}.disc-knob__ticks:after{bottom:0}.disc-selector{box-sizing:border-box;background:linear-gradient(#bdccd2,#d3dfe4);border-radius:30px;height:30px;padding:11px 12px;display:flex;box-shadow:inset 0 3px 6px #81979f44,0 5px 11px #3b566c30,inset 0 -2px 3px #eff6f6a6}.disc-selector button{cursor:pointer;background:#34434f;border:0;border-right:1px solid #afc1cc;flex:1;height:6px;padding:0}.disc-selector button:first-child{border-radius:5px 0 0 5px}.disc-selector button:last-child{border-right:0;border-radius:0 5px 5px 0}.disc-selector button[aria-pressed=true]{background:#faffff;box-shadow:0 0 9px #fff8}.disc-selector button:focus-visible{outline-offset:3px;outline:1px dotted #354d5b}.disc-button{box-sizing:border-box;cursor:pointer;font:inherit;color:#283b47}.disc-button--key{background:#fffff2;border:2px solid #04090c;border-radius:6px;width:48px;height:8px;box-shadow:0 0 7px #e4f7ff66}.disc-button--key[aria-pressed=false]{background:#8da7b1}.disc-button--solo{background:#b3c5cd;border:1px solid #829ba6;border-radius:8px;width:33px;height:29px;box-shadow:0 2px 3px #536c7438}.disc-button--solo svg{fill:#8da3ad;stroke:#8da3ad;stroke-width:1.5px;width:24px;height:24px}.disc-button--solo[aria-pressed=true]{background:#d1e1e5}.disc-button--solo[aria-pressed=true] svg{fill:#3d6874;stroke:#3d6874}.disc-button--pill{letter-spacing:.5px;white-space:nowrap;background:#b5c8d1;border:1px solid #859fa9;border-radius:24px;height:34px;padding:0 13px}.disc-tray{aspect-ratio:1;box-sizing:border-box;background:linear-gradient(140deg,#7e9ba6,#34515e);border:3px solid #9db3bd;border-radius:36px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #53707c,0 3px #09151d,0 5px #c1d0d5,0 24px 25px #253e5438}.disc-tray__corner{background:radial-gradient(at 70% 80%,#172c32,#000);border:1px solid #93a8ac;width:25%;height:25%;position:absolute;top:11px}.disc-tray__corner--left{border-radius:20px 5px 80px;left:11px}.disc-tray__corner--right{border-radius:5px 20px 5px 80px;right:11px}.disc-tray__record{transform:rotate(var(--disc-rotation));filter:hue-rotate(var(--disc-hue));background:#c0d9e2;border:5px solid #02090c;border-radius:50%;position:absolute;inset:7%;box-shadow:0 0 0 5px #829fa9}.disc-tray[data-variant=ember] .disc-tray__record{background:radial-gradient(circle at 50% 48%,#ffb600 0%,#ff9a00 18%,#ff354d 48%,#ff007b 69%)}.disc-tray[data-variant=aqua] .disc-tray__record{background:radial-gradient(circle at 45% 66%,#002d35 2%,#006357 35%,#00efc8 70%)}.disc-tray__record:after{content:"";background:#010709;border:2px solid #94afba;border-radius:50%;position:absolute;inset:33%}.disc-tray__card{color:#f7fbff;background:linear-gradient(135deg,#8fa9b6f8,#93a9b6f5);border-top:1px solid #a8c3cc55;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 17px 23px;display:flex;position:absolute;inset:51% 0 0}.disc-tray__card:after{content:"";pointer-events:none;background:linear-gradient(138deg,#0000 65%,#647f8c24 65%);position:absolute;inset:0}.disc-tray__caption{letter-spacing:1.5px;justify-content:space-between;width:100%;font:9px Arial,sans-serif;display:flex}.disc-tray__card strong{letter-spacing:3px;z-index:1;font:700 29px Arial,sans-serif}.disc-tray[data-variant=ember] strong{letter-spacing:1px;font:600 25px monospace}.disc-tray[data-variant=aqua] strong{letter-spacing:1px;font:33px Georgia,serif}.disc-tray__card small{letter-spacing:6px;white-space:nowrap;margin-right:-6px;font:9px Arial,sans-serif}.disc-tray__hub{box-sizing:border-box;background:#303c44;border:3px solid #060c11;border-radius:50%;width:13%;height:13%;position:absolute;top:43.5%;left:43.5%;box-shadow:0 0 0 2px #637c88}.disc-tray__hub:before{content:"";background:#060b0d;border:2px solid #1a262c;border-radius:50%;position:absolute;inset:37%}.disc-tray__hub i{background:#101b20;border-radius:50%;width:10%;height:10%;position:absolute}.disc-tray__hub i:first-child{top:15%;left:45%}.disc-tray__hub i:nth-child(2){bottom:15%;left:45%}.disc-tray__hub i:nth-child(3){top:45%;left:15%}.disc-tray__hub i:nth-child(4){top:45%;right:15%}.disc-tray__screws{z-index:1;pointer-events:none;background:radial-gradient(circle at 32% 5%,#010809 0 2px,#0000 3px),radial-gradient(circle at 68% 5%,#010809 0 2px,#0000 3px),radial-gradient(circle at 5% 32%,#010809 0 2px,#0000 3px),radial-gradient(circle at 95% 32%,#010809 0 2px,#0000 3px);position:absolute;inset:0}.disc-tray[data-active=false]{filter:saturate(.15);opacity:.7}.disc-button:focus-visible{outline-offset:3px;outline:1px dotted #304753}.lavender-knob{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;display:block;position:relative}.lavender-knob__scale{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lavender-knob__cap{background:linear-gradient(145deg,#faf9ff,#eeebf6 75%);border:1px solid #d3cce1;border-radius:50%;position:absolute;inset:12%;box-shadow:inset 1px 2px 2px #fff,inset -1px -1px 2px #dfdaeb,2px 5px 5px #c9c2d74d,0 1px 2px #beb6d980}.lavender-knob__rotor{pointer-events:none;border-radius:50%;position:absolute;inset:12%}.lavender-knob__rotor i{background:#d9cdf5;border:1px solid #cfc0ec;border-radius:50%;width:5px;height:5px;position:absolute;top:12%;left:calc(50% - 2.5px)}.lavender-knob__rotor i.is-line:after{content:"";background:#d4c7ec;width:1px;height:15px;position:absolute;top:-15px;left:1px}.lavender-knob[aria-disabled=true],.lavender-fader[aria-disabled=true]{opacity:.45;cursor:default}.lavender-fader{touch-action:none;cursor:ew-resize;outline:none;display:block;position:relative}.lavender-fader__rail,.lavender-fader__fill{background:#d9d0eb;width:100%;height:1px;position:absolute;top:13px;left:0}.lavender-fader__fill{background:#2c164c}.lavender-fader__thumb{background:#f5f0fd;border:1px solid #d6cde7;border-radius:12px;gap:2px;padding:2px;display:flex;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 2px 3px #b6aac770,inset 0 1px 1px #fff}.lavender-fader__thumb i{background:linear-gradient(145deg,#fff,#ddd3ed);border:1px solid #e0d6ef;border-radius:50%;width:13px;height:13px;display:block}.lavender-button{font:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:linear-gradient(#faf8ff,#f0ecf8);border:1px solid #e1daed;border-radius:9px;min-height:34px;padding:5px 10px;box-shadow:inset 0 1px 1px #fff,0 2px 2px #c3b8d55e}.lavender-button.is-outlined{border:2px solid #342749;border-radius:3px;box-shadow:inset 0 1px 1px #fff,0 3px 8px #9d8caf55}.lavender-button.is-pressed{background:linear-gradient(#eee7fc,#ddd3f4);box-shadow:inset 0 0 3px #9d89c0,0 1px 2px #c3b8d55e}.lavender-button:focus-visible{outline-offset:3px;outline:1px solid #80669d}.lavender-button:disabled{opacity:.4;cursor:default}.indexed-knob,.capsule-fader,.panel-toggle{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:0;outline:none;flex:none;padding:0;display:block;position:relative}.indexed-knob[aria-disabled=true],.capsule-fader[aria-disabled=true],.panel-toggle:disabled{opacity:.45;cursor:default}.indexed-knob__rim{background:linear-gradient(150deg,#181714,#565552 40%,#161512 82%);border:2px solid #1c1b18;border-radius:50%;position:absolute;inset:0;box-shadow:0 3px 3px #25242188,inset 0 2px 1px #6d6c6960}.indexed-knob__cap{background:radial-gradient(at 43% 5%,#73726f80,#0000 52%),linear-gradient(#585754,#31302d 62%,#191815);border-radius:50%;position:absolute;inset:9%;box-shadow:inset 0 2px 2px #aaa99a55,0 5px 6px #11100dc0}.indexed-knob__cap:after{content:"";background:linear-gradient(#565552,#353431);border-radius:50%;position:absolute;inset:23%;box-shadow:0 5px 8px #12110e,inset 0 1px 2px #a3a39544}.indexed-knob__rotor{pointer-events:none;border-radius:50%;position:absolute;inset:0}.indexed-knob__rotor i{background:linear-gradient(90deg,#9e9d9a,#eeeee6,#959491);border-radius:8px;width:6%;height:33%;position:absolute;top:5%;left:47%;box-shadow:0 1px 2px #161512}.indexed-knob[data-dimple] .indexed-knob__cap{background:linear-gradient(#555451,#2d2c29);inset:1.5%;box-shadow:inset 0 2px 1px #98979455,0 8px 8px #23221faa}.indexed-knob[data-dimple] .indexed-knob__cap:after{display:none}.indexed-knob[data-dimple] .indexed-knob__rotor i{background:radial-gradient(at 50% 0,#252421,#474643 83%);border-radius:50%;width:34%;height:34%;top:10%;left:33%;box-shadow:inset 0 3px 5px #22211e70,0 1px 1px #96959250}.capsule-fader{background:linear-gradient(90deg,#2a2926,#353431,#252421);border:5px solid #4c4b48;border-radius:33px;box-shadow:inset 3px 4px 8px #151411cc,0 1px 2px #6e6d6a55}.capsule-fader__slot{background:#181714;width:9px;position:absolute;top:35px;bottom:35px;left:21px;box-shadow:inset 1px 0 2px #100f0c,1px 1px 1px #696865}.capsule-fader__cap{pointer-events:none;background:linear-gradient(90deg,#464542,#3d3c39);border:1px solid #63625f;border-radius:23px;height:106px;position:absolute;left:5px;right:5px;transform:translateY(-50%);box-shadow:0 5px 6px #11100dc0,inset 0 1px 1px #8b8a8755}.capsule-fader__cap:before{content:"";background:linear-gradient(#474643,#373633);border:1px solid #61605d;border-radius:8px;position:absolute;inset:21px 2px;box-shadow:inset 0 1px 3px #11100d55}.capsule-fader__cap i{background:#e3e2df;border-radius:5px;height:5px;position:absolute;top:49%;left:-3px;right:-3px;box-shadow:0 2px 1px #151411}.panel-toggle__surface{background:#391426;border:3px solid #191815;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 2px 3px #b7889670,0 3px 2px #23231d88}.panel-toggle__surface:before{content:"";border-radius:inherit;background:repeating-linear-gradient(0deg,#0000 0 8px,#0d001c44 8px 13px),repeating-linear-gradient(90deg,#0000 0 8px,#0d001c44 8px 13px),radial-gradient(at 35% 18%,#825065,#420720 70%);position:absolute;inset:3px}.panel-toggle__surface[data-on]{border-color:#9e345f;box-shadow:0 0 8px #fa33869e,0 2px 2px #29201d}.panel-toggle__surface[data-on]:before{background:repeating-linear-gradient(0deg,#0000 0 8px,#ffffff50 8px 13px),repeating-linear-gradient(90deg,#0000 0 8px,#ffffff50 8px 13px),radial-gradient(at 45% 28%,#fffff5,#f8b3d2 65%,#ed5897);box-shadow:inset 0 0 5px #ff4c9e}.panel-toggle__surface[data-rocker]{background:linear-gradient(#484744,#262522);border-color:#32312e;border-radius:8px;box-shadow:0 5px 5px #242320,inset 0 2px 1px #757471,inset 0 -2px 2px #181714}.panel-toggle__surface[data-rocker]:before{display:none}.panel-toggle__surface[data-rocker][data-on]{background:linear-gradient(#504f4c,#302f2c);box-shadow:0 3px 5px #252421,inset 0 2px 1px #82817e,inset 0 -3px 2px #181714}.panel-toggle__surface[data-pressed]{filter:brightness(.9);transform:translateY(1px)}.panel-toggle:focus-visible .panel-toggle__surface[data-rocker]{box-shadow:0 0 0 1px #d7d6d3,inset 0 2px 1px #757471}.gallery-knob{cursor:ns-resize;touch-action:none;outline:none;flex-shrink:0;position:relative}.gallery-knob:focus-visible{outline:2px solid var(--knob-accent);outline-offset:6px;border-radius:50%}.gallery-knob .artwork{pointer-events:none;transform-origin:50% 65%;transition:transform .19s cubic-bezier(.2,.8,.2,1)}.gallery-knob:active .artwork[data-motion=press]{transform:translateY(2px)scale(.96)}.gallery-knob:hover .artwork[data-motion=sway]{animation:1.8s ease-in-out infinite knob-gallery-sway}.knob-spark{pointer-events:none;color:var(--knob-accent);opacity:0;font-size:22px;position:absolute;top:4%;right:7%;transform:scale(.1)}.gallery-knob:active .artwork[data-motion=spark] .knob-spark{animation:.55s ease-out both knob-gallery-spark}.gallery-knob:active .artwork[data-motion=spark]{transform:scale(.97)}.knob-static{flex-shrink:0;display:inline-flex}.gallery-knob .artwork canvas,.gallery-knob .artwork svg,.knob-static .artwork canvas,.knob-static .artwork svg{display:block}@keyframes knob-gallery-sway{0%,to{transform:translate(-2px)translateY(0)}50%{transform:translate(2px)translateY(-2px)}}@keyframes knob-gallery-spark{0%{opacity:0;transform:scale(.1)rotate(-25deg)}35%{opacity:1;transform:scale(1.1)rotate(8deg)}to{opacity:0;transform:scale(.5)translateY(-14px)rotate(30deg)}}@media (prefers-reduced-motion:reduce){.gallery-knob .artwork{transition:none!important;animation:none!important;transform:none!important}.gallery-knob .knob-spark{display:none}}.spectral-knob{cursor:ns-resize;touch-action:none;outline:none;flex-shrink:0;position:relative}.spectral-knob__scale{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.spectral-knob__rim{background:linear-gradient(145deg,#3b3d40,#1c1e20);border-radius:50%;position:absolute;inset:9%;box-shadow:inset 2px 2px 3px #131516,inset -1px -1px 2px #636468,2px 4px 7px #17191b}.spectral-knob__cap{background:radial-gradient(at 40% 25%,#414448,#303236 65%,#222427);border-radius:50%;place-items:center;display:grid;position:absolute;inset:17%;box-shadow:inset 0 1px 2px #66676a,inset 0 -5px 6px #151719,0 5px 7px #181a1c}.spectral-knob__cap>i{pointer-events:none;background:conic-gradient(from -5deg,#0000 0deg,#a3a6a8 1deg,#0000 3deg);border-radius:50%;position:absolute;inset:5%}.spectral-knob__readout{color:#d1d2d3;text-align:center;font:300 20px/1.1 Arial,sans-serif}.spectral-knob__readout small{margin-top:3px;font-size:11px;display:block}.spectral-fader{cursor:ns-resize;touch-action:none;outline:none;position:relative;overflow:visible}.spectral-fader__bars{pointer-events:none;align-items:flex-end;gap:1.5px;display:flex;position:absolute;inset:0}.spectral-fader__bars>i{background:color-mix(in srgb, var(--spectral-accent), #1c2023 62%);border:1px solid #171b1c50;flex:1;position:relative;box-shadow:inset 1px 0 1px #ffffff18}.spectral-fader__bars b{background:linear-gradient(90deg, var(--spectral-accent), color-mix(in srgb, var(--spectral-accent), white 22%));display:block;position:absolute;inset:0 0 auto;box-shadow:0 1px 2px #0009}.spectral-fader__line{pointer-events:none;border-top:2px solid #d7d8d5;position:absolute;left:0;right:0}.spectral-fader__line output{color:#eee;text-align:center;background:#484b4be8;border:1px solid #93969870;min-width:40px;padding:3px 9px;font:14px Arial,sans-serif;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #14161760}.spectral-fader[data-kind=meter] .spectral-fader__bars{gap:14px}.spectral-fader[data-kind=meter] .spectral-fader__bars>i{background:var(--spectral-accent)}.spectral-fader[data-kind=meter] .spectral-fader__bars b{background:repeating-linear-gradient(0deg,#161a1b65 0 1px,#0000 1px 3px)}.spectral-fader[data-kind=meter]:before{content:"";background:#17191c;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:1px 0 1px #ffffff40}.spectral-fader[data-kind=meter] .spectral-fader__line{border:0}.spectral-fader[data-kind=meter] .spectral-fader__line output{background:#383c3cbf;min-width:42px;padding:4px 1px;font-size:11px}.spectral-selector{background:linear-gradient(#26282a,#484a4c);border-radius:30px;padding:5px;display:flex;box-shadow:inset 2px 3px 4px #141617,inset -1px -1px 2px #535659}.spectral-selector button{letter-spacing:1px;color:#77797c;cursor:pointer;background:linear-gradient(#424446,#282a2c);border:0;flex:1;padding:9px 15px;font:12px Arial,sans-serif;box-shadow:inset 0 1px 1px #77797a50,0 2px 3px #161819}.spectral-selector button:first-of-type{border-radius:20px 0 0 20px}.spectral-selector button:last-of-type{border-radius:0 20px 20px 0}.spectral-selector button[aria-pressed=true]{color:var(--spectral-accent);text-shadow:0 0 8px color-mix(in srgb, var(--spectral-accent), transparent 60%);background:linear-gradient(#282a2c,#3b3d3f)}.spectral-selector--curved{box-shadow:none;background:0 0;flex-direction:column;justify-content:space-between;width:110px;height:220px;padding:0;display:flex;position:relative}.spectral-selector--curved svg{pointer-events:none;width:70px;height:100%;position:absolute;top:0;right:0}.spectral-selector--curved button{box-shadow:none;color:#c0c2c3;white-space:nowrap;background:0 0;border-radius:0;flex:0;justify-content:flex-end;align-items:center;gap:9px;padding:4px 0;font-size:10px;display:flex;position:relative}.spectral-selector--curved button:nth-of-type(2),.spectral-selector--curved button:nth-of-type(3){margin-right:24px}.spectral-selector--curved button i{background:#55585a;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 2px #6b6e70}.spectral-selector--curved button[aria-pressed=true] i{background:var(--spectral-accent);box-shadow:0 0 5px var(--spectral-accent)}.spectral-toggle{color:#77797b;cursor:pointer;background:0 0;border:1px solid #77797b;border-radius:2px;outline:none;padding:5px 12px;font:12px Arial,sans-serif}.spectral-toggle span[data-on]{color:#61c5bd;text-shadow:0 0 6px #59b8b570}.spectral-toggle:has(span[data-on]){background:linear-gradient(#202325,#303436);border-color:#242628;box-shadow:inset 1px 2px 3px #151718,0 1px 1px #5b5d6030}.spectral-toggle[data-round]{color:#ddd;letter-spacing:1px;background:linear-gradient(140deg,#34373a,#222527);border:0;border-radius:50%;width:60px;height:60px;padding:10px;font-size:10px;box-shadow:inset 0 1px 1px #5e6062,2px 4px 5px #151719}.spectral-toggle[data-round] span{white-space:pre-line}.spectral-knob[aria-disabled=true],.spectral-fader[aria-disabled=true],.spectral-toggle[aria-disabled=true]{opacity:.45}.spectral-selector:has(button:disabled){opacity:.45}.spectral-knob__rim{z-index:1}.spectral-knob__scale{z-index:2}.spectral-knob__cap{z-index:3}.spectral-selector button:focus-visible{filter:brightness(1.2);outline:none}