@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";@font-face{font-family:Chillax;src:url(/emulators/instruments/tr-808/assets/fonts/Chillax-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}.an-brand{font-family:Chillax,sans-serif;font-weight:700;font-size:inherit;letter-spacing:0;white-space:nowrap;color:inherit;align-items:baseline;gap:.4em;font-style:normal;line-height:1;display:inline-flex}.an-brand-word{font:inherit;line-height:1}.an-brand .an-brand-icon{background:currentColor;flex:none;width:1.18936em;height:.784em;display:block;transform:translateY(.015em);-webkit-mask:url(/emulators/instruments/tr-808/assets/audionode-logo.svg) 50%/contain no-repeat;mask:url(/emulators/instruments/tr-808/assets/audionode-logo.svg) 50%/contain no-repeat}.studio-logo .an-brand{font-size:18px}.fx-rack{background-blend-mode:screen;background:#20221f url(/emulators/instruments/tr-808/assets/powdercoat.webp) 50%/cover no-repeat;border:1px solid #504d45;border-left:8px solid #1c1d1a;border-right:8px solid #1c1d1a;border-radius:5px;margin-top:22px;padding:18px 20px;box-shadow:0 12px 30px #0004;container-type:inline-size}.fx-rack-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.fx-rack-heading h2{letter-spacing:2px;color:#e1d6c0;margin:0;font-size:11px}.fx-rack-heading>span{letter-spacing:1px;color:#929184;font:9px monospace}.fx-slots{gap:10px;display:grid}.fx-empty{background:#171b1799;border:1px solid #44463b;border-radius:2px;align-items:center;gap:18px;min-height:50px;padding:10px 15px;display:flex;box-shadow:inset 0 2px 5px #0005}.fx-empty>span{color:#8e9582;font:11px monospace}.fx-empty .theme-select{width:170px;max-width:100%}.fx-empty>i{background:#424738;flex:1;height:1px}.fx-meter{background:#151911;border:1px solid #464c39;border-radius:1px;height:5px;overflow:hidden}.fx-meter i{background:linear-gradient(90deg,#8fa878,#d9ae60,#da6c44);height:100%;transition:width 60ms;display:block}.fx-rack-meter{color:#c0b494;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;font:9px monospace;display:flex}.fx-rack-meter .fx-meter{width:130px}.fx-rack-meter output{text-align:right;width:46px}.quake-icon{background:currentColor;flex:none;width:1em;height:1em;display:inline-block;-webkit-mask:url(/emulators/instruments/tr-808/assets/an_quake.svg) 50%/contain no-repeat;mask:url(/emulators/instruments/tr-808/assets/an_quake.svg) 50%/contain no-repeat}.app-brand h1 .quake-icon{width:.74em;height:.74em}.quake-unit{color:#e0ded4;background:repeating-linear-gradient(0deg,#fff0 0 2px,#ffffff02 3px,#00000005 4px),radial-gradient(at 45% 0,#424344,#222528 75%);border:1px solid #16191b;border-left:17px solid #704c32;border-right:17px solid #704c32;border-radius:4px;padding:0 24px;position:relative;box-shadow:inset 0 2px 4px #000a,0 4px #111,0 12px 25px #0005}.quake-unit:before,.quake-unit:after{content:"";pointer-events:none;background:repeating-linear-gradient(88deg,#23150955 0,#b787501a 1px,#23150922 3px,#ffffff06 5px);width:15px;position:absolute;top:0;bottom:0}.quake-unit:before{left:-16px}.quake-unit:after{right:-16px}.quake-nameplate{border-bottom:1px solid #88897b55;align-items:center;gap:15px;padding:20px 0 15px;display:flex;position:relative}.quake-nameplate h3{letter-spacing:3px;color:#e9e8db;align-items:center;gap:.3em;margin:0;font:600 29px/1 Barlow Condensed,Impact,sans-serif;display:flex}.quake-nameplate h3 .quake-icon{width:.9em;height:.9em}.quake-subtitle{letter-spacing:2px;color:#a6a89f;flex:1;font-size:8px}.quake-power{color:#e9eddf;letter-spacing:1px;cursor:pointer;background:linear-gradient(#737b71,#515c52);border:2px solid #1a2220;border-radius:2px;justify-content:center;align-items:center;gap:8px;min-width:66px;padding:8px 11px;font-size:9px;font-weight:600;display:flex;box-shadow:0 0 0 2px #444c47,inset 0 1px 1px #d8e1d24d,0 2px 3px #0009}.quake-power i{background:#e1b477;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #f4af69}.fx-bypassed .quake-power{color:#b4b9ab;background:linear-gradient(#454d46,#343e36)}.fx-bypassed .quake-power i{box-shadow:none;background:#6c7367}.quake-nameplate .fx-remove{color:#989b90;cursor:pointer;background:0 0;border:0;margin-right:-8px;padding:5px;font:18px/1 Arial;position:static}.quake-body{grid-template-columns:180px minmax(180px,1fr) 160px;grid-template-areas:"drive meter output""drive tone mix";align-items:center;gap:20px 42px;padding:24px 24px 26px;display:grid}.quake-meter{filter:drop-shadow(0 4px 4px #0008);grid-area:meter;justify-self:center;width:100%;max-width:270px}.quake-meter svg{width:100%;height:auto;display:block}.quake-needle{transform-origin:120px 134px;transition:transform .15s cubic-bezier(.2,.7,.3,1)}.quake-drive{grid-area:drive}.quake-tone{grid-area:tone}.quake-mix{grid-area:mix}.quake-output{grid-area:output}.quake-control .dial-control{flex-direction:column;align-items:center;gap:15px;display:flex}.quake-control .dial-label{letter-spacing:2.5px;color:#d9dbd4;text-shadow:0 1px #000;font-size:11px;font-weight:700}.quake-control .dial{touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(from 12deg,#111a1d 0deg,#353c3e 8deg,#11191b 18deg,#080f12 30deg);border:2px solid #111a1b;border-radius:50%;flex:none;width:70px;height:70px;position:relative;box-shadow:0 4px #0a1012,0 7px 9px #0009,inset 0 1px 2px #79868a88}.quake-control .dial:after{content:"";pointer-events:none;background:linear-gradient(145deg,#30393d,#111b20);border:2px solid #1d282c;border-radius:50%;position:absolute;inset:9px;box-shadow:inset 0 1px 2px #67747870,0 1px 1px #02070b}.quake-control .dial:before{content:"";opacity:.6;pointer-events:none;background:repeating-conic-gradient(from 220deg,#d0d4c8 0deg 2deg,#0000 2deg 28deg);border-radius:50%;position:absolute;inset:-11px;-webkit-mask:radial-gradient(#0000 68%,#000 70%);mask:radial-gradient(#0000 68%,#000 70%)}.quake-control .dial-pointer{pointer-events:none;z-index:1;border-radius:50%;position:absolute;inset:5px}.quake-control .dial-pointer i{background:#e2e8d9;border-radius:1px;width:3px;height:11px;position:absolute;top:1px;left:calc(50% - 1.5px);box-shadow:0 0 2px #fff2}.quake-control .dial-value{letter-spacing:1px;font-variant-numeric:tabular-nums;color:#b8bdb3;text-align:center;white-space:nowrap;background:0 0;border:none;min-width:62px;font:10px monospace}.quake-drive .dial{border-width:3px;width:126px;height:126px;box-shadow:0 5px #080d10,0 10px 13px #0009,inset 0 1px 2px #79868a88}.quake-drive .dial:after{border-width:3px;inset:17px}.quake-drive .dial-pointer{inset:8px}.quake-drive .dial-pointer i{width:4px;height:19px}.quake-drive .dial-label{letter-spacing:4px;font-size:15px}.quake-drive .dial-value{font-size:12px}.quake-trim{color:#adb4aa;letter-spacing:.7px;background:radial-gradient(#03080bbb 1px,#0000 1px) 0 0/4px 4px;border-top:2px solid #11181a;align-items:center;gap:8px;padding:12px 0;font:9px monospace;display:flex}.quake-trim>span:last-child{margin-left:auto;font-size:8px}.audionode-mini{background:currentColor;width:25px;height:17px;-webkit-mask:url(/emulators/instruments/tr-808/assets/audionode-logo.svg) 50%/contain no-repeat;mask:url(/emulators/instruments/tr-808/assets/audionode-logo.svg) 50%/contain no-repeat}@media (width<=900px){.quake-body{grid-template-columns:130px minmax(150px,1fr) 110px;gap:18px 20px;padding:20px 0}.quake-control .dial{width:64px;height:64px}.quake-drive .dial{width:102px;height:102px}.quake-meter{max-width:240px}.quake-unit{padding:0 20px}}@media (width<=620px){.quake-nameplate{gap:10px;padding:17px 0}.quake-nameplate h3{letter-spacing:2px;font-size:25px}.quake-subtitle{letter-spacing:1px;font-size:7px}.quake-unit{border-left-width:10px;border-right-width:10px;padding:0 15px}.quake-unit:before{width:8px;left:-9px}.quake-unit:after{width:8px;right:-9px}.quake-body{grid-template-columns:1fr 1fr;grid-template-areas:"meter meter""drive output""tone mix";gap:20px;padding:17px 0 20px}.quake-control .dial{width:64px;height:64px}.quake-drive .dial{width:76px;height:76px}.quake-drive .dial-label{letter-spacing:2.5px;font-size:11px}.quake-drive .dial-value{font-size:10px}.quake-meter{max-width:230px}.fx-rack{padding:15px 12px}.quake-power{min-width:55px;padding:7px;font-size:8px}.quake-drive .dial:after{inset:10px}}@container (width<=400px){.fx-rack-heading{gap:7px}.fx-rack-heading>span{letter-spacing:0;font-size:8px}.quake-unit{border-left-width:7px;border-right-width:7px;padding:0 10px}.quake-unit:before{width:5px;left:-6px}.quake-unit:after{width:5px;right:-6px}.quake-nameplate{gap:7px;padding:14px 0 11px}.quake-nameplate h3{letter-spacing:1px;font-size:20px}.quake-subtitle{display:none}.quake-power{letter-spacing:.5px;gap:5px;min-width:45px;margin-left:auto;padding:5px;font-size:7px}.quake-nameplate .fx-remove{margin-right:-4px;padding:2px;font-size:14px}.quake-body{grid-template-columns:1fr 1fr;grid-template-areas:"meter meter""drive output""tone mix";gap:15px 10px;padding:13px 0 16px}.quake-meter{max-width:170px}.quake-control .dial-control{gap:10px}.quake-control .dial,.quake-drive .dial{border-width:2px;width:46px;height:46px;box-shadow:0 3px #080d10,0 5px 7px #0009,inset 0 1px 2px #79868a88}.quake-control .dial:after,.quake-drive .dial:after{border-width:1px;inset:6px}.quake-control .dial-label,.quake-drive .dial-label{letter-spacing:1.5px;font-size:8px}.quake-control .dial-value,.quake-drive .dial-value{letter-spacing:.2px;font-size:9px}.quake-control .dial-pointer,.quake-drive .dial-pointer{inset:4px}.quake-control .dial-pointer i,.quake-drive .dial-pointer i{width:2px;height:9px}.quake-control .dial:before{inset:-8px}.quake-trim{letter-spacing:0;padding:9px 0;font-size:8px}.quake-trim>span:last-child{font-size:7px}.audionode-mini{width:20px;height:13px}.fx-empty{gap:10px;padding:9px 10px}.fx-empty .theme-select{width:155px}.fx-rack-meter{gap:8px}.fx-rack-meter .fx-meter{flex:1;width:auto}}@media (width<=400px){.fx-rack-heading>span{font-size:8px}.fx-rack{border-width:1px}.quake-subtitle{display:none}.quake-power{margin-left:auto}}.fx-rack{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:20px;padding:0}.fx-slots{gap:14px}.fx-slots:empty{display:none}.fx-rack .fx-empty{min-height:58px;box-shadow:none;background:0 0;border:1px dashed #77796a70;border-radius:3px;margin-top:14px;padding:7px 12px;display:block}.fx-rack .fx-slots:empty+.fx-empty{margin-top:0}.fx-rack .fx-empty .theme-select{width:100%;max-width:none}.fx-rack .fx-empty .theme-select>button{box-shadow:none;color:#b3b5a7;background:0 0;border:0;min-height:42px}.fx-rack .fx-empty .theme-select>button>span{text-align:center;letter-spacing:.6px;flex:1;font-size:11px}.quake-unit{--quake-gutter:24px}.quake-trim{margin-inline:calc(-1 * var(--quake-gutter));padding-inline:var(--quake-gutter)}.quake-title{flex:1;min-width:0}.quake-description{letter-spacing:.2px;color:#aeb3a9;margin:8px 0 0;font-size:10px;font-weight:400;line-height:1.5}@media (width<=900px){.quake-unit{--quake-gutter:20px}}@media (width<=620px){.quake-unit{--quake-gutter:15px}.quake-description{max-width:220px;font-size:9px}}@container (width<=400px){.quake-unit{--quake-gutter:10px}.quake-description{letter-spacing:0;max-width:160px;margin-top:6px;font-size:8px;line-height:1.5}.quake-trim{padding-inline:var(--quake-gutter)}}.bastion-icon{background:currentColor;flex:none;width:.85em;height:.85em;display:inline-block;-webkit-mask:url(/emulators/instruments/tr-808/assets/an_bastion.svg) 50%/contain no-repeat;mask:url(/emulators/instruments/tr-808/assets/an_bastion.svg) 50%/contain no-repeat}.bastion-unit{color:#dddeda;background:linear-gradient(110deg,#35383b,#232629 65%);border:0;border-radius:5px;min-width:0;padding:0 26px;box-shadow:0 4px #111417,0 10px 24px #0005;container-type:inline-size}.bastion-nameplate{align-items:center;gap:12px;padding:21px 0 18px;display:flex}.bastion-nameplate>div{flex:1;min-width:0}.bastion-nameplate h3{letter-spacing:2px;color:#efb968;align-items:center;gap:.35em;margin:0;font:600 29px/1 Barlow Condensed,Impact,sans-serif;display:flex}.bastion-nameplate p{color:#a9aeae;margin:8px 0 0;font-size:10px;line-height:1.5}.bastion-power{color:#f4c27d;cursor:pointer;background:#262625;border:1px solid #897450;border-radius:3px;padding:8px 10px;font:10px monospace;box-shadow:inset 0 1px #ffffff12,0 2px #171b1e}.fx-bypassed .bastion-power{color:#909696;border-color:#555d60}.bastion-nameplate .fx-remove{color:#959b9d;cursor:pointer;background:0 0;border:0;padding:3px;font:18px Arial}.bastion-display{color:#efb968;background:radial-gradient(at top,#322c22,#0c1012 80%);border:1px solid #080b0d;border-radius:3px;padding:20px 22px;box-shadow:0 0 0 1px #515454,inset 0 4px 12px #0009}.bastion-readout{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.bastion-readout>span{letter-spacing:2px;color:#b3a07e;font:10px monospace}.bastion-readout output{letter-spacing:-2px;text-shadow:0 0 14px #efa84555;font:36px/1 monospace}.bastion-readout small{letter-spacing:0;color:#af956f;font:10px monospace}.bastion-leds{grid-template-columns:repeat(24,1fr);gap:4px;height:18px;display:grid}.bastion-leds i{background:#423726;border-radius:1px;box-shadow:inset 0 1px #ffffff08}.bastion-leds i.lit{background:#efb968;box-shadow:0 0 6px #e6aa6055}.bastion-leds i.lit:nth-child(n+17){background:#ea7856}.bastion-scale{color:#8a7d66;justify-content:space-between;margin-top:9px;font:8px monospace;display:flex}.bastion-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:32px 0;display:grid}.bastion-controls .dial-control{flex-direction:column;align-items:center;gap:15px;display:flex}.bastion-controls .dial-label{letter-spacing:2px;color:#c3c9c8;font:10px monospace}.bastion-controls .dial{touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none;background:conic-gradient(from -30deg,#e1e3df,#717b80,#e1e3df,#727d82,#dfe1db);border:4px solid #181d20;border-radius:50%;width:76px;height:76px;position:relative;box-shadow:0 4px #0d1216,0 8px 14px #0008,inset 0 0 0 1px #eff3ea}.bastion-controls .dial:after{content:"";background:linear-gradient(145deg,#d3d9d5,#77848a);border:1px solid #e3e8df88;border-radius:50%;position:absolute;inset:8px;box-shadow:0 1px 3px #0006}.bastion-controls .dial-pointer{z-index:1;pointer-events:none;position:absolute;inset:5px}.bastion-controls .dial-pointer i{background:#222a2d;border-radius:2px;width:4px;height:15px;position:absolute;top:0;left:calc(50% - 2px)}.bastion-controls .dial-value{color:#efb968;white-space:nowrap;background:0 0;border:0;min-width:0;font:11px monospace}.bastion-trim{color:#858f93;background:linear-gradient(#292e31,#202528);border-top:1px solid #ffffff12;align-items:center;gap:7px;margin:0 -26px;padding:12px 26px;font:9px monospace;display:flex}.bastion-trim>span:last-child{letter-spacing:1px;margin-left:auto;font-size:8px}@container (width<=400px){.bastion-nameplate{gap:7px;padding:16px 0}.bastion-nameplate h3{letter-spacing:1px;font-size:22px}.bastion-nameplate p{margin-top:6px;font-size:8px}.bastion-power{padding:6px;font-size:8px}.bastion-display{padding:14px 12px}.bastion-readout>span{letter-spacing:.7px;font-size:8px}.bastion-readout output{font-size:28px}.bastion-leds{gap:3px;height:14px}.bastion-controls{gap:10px;padding:24px 0}.bastion-controls .dial-control{gap:11px}.bastion-controls .dial{border-width:3px;width:51px;height:51px}.bastion-controls .dial:after{inset:5px}.bastion-controls .dial-pointer{inset:3px}.bastion-controls .dial-pointer i{width:3px;height:11px}.bastion-controls .dial-label{letter-spacing:1px;font-size:8px}.bastion-controls .dial-value{font-size:9px}.bastion-trim{font-size:8px}.bastion-trim>span:last-child{letter-spacing:.5px;font-size:7px}}.fx-rack .bastion-unit{padding-inline:15px}.fx-rack .bastion-trim{margin-inline:-15px;padding-inline:15px}.mirage-icon{background:currentColor;flex:none;width:.8em;height:.8em;display:inline-block;-webkit-mask:url(/emulators/instruments/tr-808/assets/an_mirage.svg) 50%/contain no-repeat;mask:url(/emulators/instruments/tr-808/assets/an_mirage.svg) 50%/contain no-repeat}.mirage-unit{color:#ddd5e9;background:radial-gradient(at 90% 10%,#55405d55,#0000 60%),linear-gradient(120deg,#302837,#211d2d);border:1px solid #776482;border-radius:6px;min-width:0;padding:0 26px;box-shadow:inset 0 1px #ccbadc30,0 4px #14111d,0 10px 25px #0005;container-type:inline-size}.mirage-nameplate{align-items:center;gap:12px;padding:21px 0 18px;display:flex}.mirage-nameplate>div{flex:1;min-width:0}.mirage-nameplate h3{letter-spacing:4px;color:#e9ba99;align-items:center;gap:.35em;margin:0;font:600 29px/1 Barlow Condensed,Impact,sans-serif;display:flex}.mirage-nameplate p{color:#b0a1b9;margin:8px 0 0;font-size:10px;line-height:1.5}.mirage-power{color:#e9ba99;cursor:pointer;background:#3c2e43;border:1px solid #997f95;border-radius:3px;padding:8px 10px;font:10px monospace;box-shadow:inset 0 1px #ddc0e022,0 2px #14111d}.fx-bypassed .mirage-power{color:#8e8298;border-color:#554b60}.mirage-nameplate .fx-remove{color:#998ba8;cursor:pointer;background:0 0;border:0;padding:3px;font:18px Arial}.mirage-preset{border-top:1px solid #bd94c325;border-bottom:1px solid #bd94c325;align-items:center;gap:18px;padding:10px 0;display:flex}.mirage-preset>span{letter-spacing:2px;color:#9d8dac;font:9px monospace}.mirage-unit .theme-select{flex:1;min-width:0;position:relative}.mirage-unit .theme-select>button{color:#e0c3bf;text-align:left;cursor:pointer;background:#211b2d;border:1px solid #7c65825c;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font:11px monospace;display:flex;box-shadow:inset 0 2px 4px #0003}.mirage-unit .theme-select svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:12px;height:12px}.mirage-unit .theme-select-menu{z-index:40;background:#292031;border:1px solid #856a8e;border-radius:3px;max-height:260px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #0008}.mirage-unit [role=option]{color:#cdbbd6;cursor:pointer;justify-content:space-between;gap:6px;padding:10px 8px;font:10px monospace;display:flex}.mirage-unit [role=option].option-active{color:#f1c8aa;background:#4d3754}.mirage-body{grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:24px 0 28px;display:grid}.mirage-field{background:radial-gradient(#5b376440,#14111e 80%);border:1px solid #77618755;border-radius:80px 80px 5px 5px;padding:20px 12px 14px;box-shadow:inset 0 0 25px #0005}.mirage-field svg{width:100%;height:auto;display:block}.mirage-crosshair{fill:none;stroke:#bd97d222;stroke-width:.6px}.mirage-field>div{letter-spacing:1px;color:#9c7fae;justify-content:space-between;margin-top:8px;font:8px monospace;display:flex}.mirage-field>div>span:last-child{color:#d9aa92}.mirage-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;display:grid}.mirage-controls .dial-control{flex-direction:column;align-items:center;gap:12px;display:flex}.mirage-controls .dial-label{letter-spacing:2px;color:#c5b4d3;font:9px monospace}.mirage-controls .dial{touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 38% 25%,#85718f,#544264 65%,#32243d);border:3px solid #181322;border-radius:50%;width:62px;height:62px;position:relative;box-shadow:0 3px #15111c,0 7px 12px #0006,inset 0 1px 1px #d2b8e388,0 0 0 1px #8f718d}.mirage-controls .dial:after{content:"";border:1px solid #b091bd44;border-radius:50%;position:absolute;inset:8px;box-shadow:inset 0 2px 4px #2b183844}.mirage-controls .dial-pointer{z-index:1;pointer-events:none;position:absolute;inset:5px}.mirage-controls .dial-pointer i{background:#e9ba99;border-radius:2px;width:3px;height:12px;position:absolute;top:0;left:calc(50% - 1.5px);box-shadow:0 0 5px #dfb09944}.mirage-controls .dial-value{color:#e9ba99;white-space:nowrap;background:0 0;border:0;min-width:0;font:10px monospace}.mirage-trim{color:#a290b1;background:#19152288;border-top:1px solid #caa2da22;align-items:center;gap:7px;margin:0 -26px;padding:12px 26px;font:9px monospace;display:flex}.mirage-trim>span:last-child{letter-spacing:1px;margin-left:auto;font-size:8px}@container (width<=560px){.mirage-body{grid-template-columns:1fr;gap:22px;padding:15px 0 22px}.mirage-field{border-radius:60px 60px 4px 4px;padding:8px 12px 12px}.mirage-field svg{height:126px}.mirage-controls{gap:19px 10px}.mirage-controls .dial{width:49px;height:49px}.mirage-controls .dial-label{letter-spacing:1px;font-size:8px}.mirage-controls .dial-value{font-size:9px}.mirage-nameplate{gap:7px;padding:16px 0}.mirage-nameplate h3{letter-spacing:2px;font-size:22px}.mirage-nameplate p{margin-top:6px;font-size:8px}.mirage-power{padding:6px;font-size:8px}.mirage-preset{gap:10px}.mirage-preset>span{letter-spacing:1px;font-size:7px}.mirage-unit .theme-select>button{padding:9px;font-size:9px}.mirage-trim{font-size:8px}.mirage-trim>span:last-child{letter-spacing:.5px;font-size:7px}}.fx-rack .mirage-unit{padding-inline:15px}.fx-rack .mirage-trim{margin-inline:-15px;padding-inline:15px}.fx-position{border-radius:5px;min-width:0;transition:opacity .1s,outline-color .1s;position:relative}.fx-position.fx-dragging{opacity:.5}.fx-position.fx-drop-target{outline-offset:4px;outline:2px solid #d6bb8a}.fx-rack .fx-drag-handle{color:#a5a198;width:16px;height:28px;box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:0;border-radius:2px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.fx-rack .fx-drag-handle:active{cursor:grabbing}.fx-rack .fx-drag-handle:focus-visible{outline-offset:2px;outline:1px solid #d6bb8a}.fx-drag-handle svg{fill:currentColor;width:10px;height:18px}.fx-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fx-rack .fx-slots:empty~.fx-empty{margin-top:0}.spool-icon{background:currentColor;flex:none;width:1em;height:1em;display:inline-block;-webkit-mask:url(/emulators/instruments/tr-808/assets/an_spool.svg) 50%/contain no-repeat;mask:url(/emulators/instruments/tr-808/assets/an_spool.svg) 50%/contain no-repeat}.spool-unit{color:#3b4d45;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 4px),linear-gradient(120deg,#e4ddc3,#cec4a6);border:1px solid #c4b894;border-radius:7px;min-width:0;padding:0 26px;box-shadow:inset 0 2px #fff4d399,0 4px #686750,0 10px 24px #0005;container-type:inline-size}.spool-nameplate{border-bottom:3px solid #9a5541;align-items:center;gap:12px;padding:22px 0 17px;display:flex}.spool-nameplate>div{flex:1;min-width:0}.spool-nameplate h3{letter-spacing:4px;color:#30594f;align-items:center;gap:.35em;margin:0;font:700 31px/1 Barlow Condensed,Impact,sans-serif;display:flex}.spool-nameplate p{color:#736c54;margin:7px 0 0;font-size:10px;line-height:1.5}.spool-power{color:#e6dec1;cursor:pointer;background:#42695c;border:1px solid #26483f;border-radius:2px;padding:8px 10px;font:10px monospace;box-shadow:inset 0 1px #d2dab055,0 2px #233e35}.fx-bypassed .spool-power{color:#ded5b9;background:#8a886f;border-color:#696952}.spool-nameplate .fx-remove{color:#746e58;cursor:pointer;background:0 0;border:0;padding:3px;font:18px Arial}.spool-body{grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:24px 0 28px;display:grid}.spool-reels svg{width:100%;height:auto;display:block}.spool-reel{animation:spool-turn var(--reel-time,3s) linear infinite;animation-play-state:paused}.spool-reels[data-running=true] .spool-reel{animation-play-state:running}.spool-caption{letter-spacing:2px;color:#726b50;justify-content:space-between;align-items:center;padding:6px 10px;font:9px monospace;display:flex}.spool-lamp{color:#8e6a46;font-size:13px}.spool-speed{border-top:1px solid #8d927866;align-items:center;gap:5px;margin-top:7px;padding:13px 7px 1px;display:flex}.spool-speed>span{letter-spacing:1px;color:#77765e;flex:1;font:9px monospace}.spool-speed button{color:#475449;cursor:pointer;background:#b8b799;border:1px solid #8b9073;border-radius:2px;padding:7px 12px;font:10px monospace;box-shadow:inset 0 1px #fff4}.spool-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px;display:grid}.spool-controls .dial-control{flex-direction:column;align-items:center;gap:13px;display:flex}.spool-controls .dial-label{letter-spacing:2px;color:#566152;font:10px monospace}.spool-controls .dial{touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none;background:conic-gradient(#2d5748,#668675,#234c3e,#668675,#2d5748);border:3px solid #2b453a;border-radius:50%;width:65px;height:65px;position:relative;box-shadow:0 4px #284435,0 7px 10px #4d513844,inset 0 1px 2px #cad3a577}.spool-controls .dial:after{content:"";background:linear-gradient(145deg,#59806c,#365c49);border:1px solid #91a88a55;border-radius:50%;position:absolute;inset:7px;box-shadow:0 1px 2px #183a2855}.spool-controls .dial-pointer{z-index:1;pointer-events:none;position:absolute;inset:4px}.spool-controls .dial-pointer i{background:#e8ddb7;border-radius:2px;width:3px;height:13px;position:absolute;top:0;left:calc(50% - 1.5px)}.spool-controls .dial-value{color:#95533f;white-space:nowrap;background:0 0;border:0;min-width:0;font:11px monospace}.spool-trim{color:#586352;background:repeating-linear-gradient(90deg,#384e4140 0 1px,#0000 1px 4px),#b5b197;border-top:1px solid #959576;border-radius:0 0 6px 6px;align-items:center;gap:7px;margin:0 -26px;padding:12px 26px;font:9px monospace;display:flex}.spool-trim>span:last-child{letter-spacing:1px;margin-left:auto;font-size:8px}.fx-rack .spool-unit{padding-inline:15px}.fx-rack .spool-trim{margin-inline:-15px;padding-inline:15px}.spool-unit .fx-drag-handle{color:#6f735d}@keyframes spool-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spool-reel{animation:none}}@container (width<=560px){.spool-nameplate{gap:7px;padding:16px 0 13px}.spool-nameplate h3{letter-spacing:2px;font-size:24px}.spool-nameplate p{margin-top:6px;font-size:8px}.spool-power{padding:6px;font-size:8px}.spool-body{grid-template-columns:1fr;gap:23px;padding:15px 0 22px}.spool-transport{padding:8px}.spool-reels svg{height:120px}.spool-caption{padding:3px 6px;font-size:7px}.spool-speed{padding:8px 4px 1px}.spool-speed>span{font-size:8px}.spool-speed button{padding:6px 10px;font-size:9px}.spool-controls{gap:20px 10px}.spool-controls .dial-control{gap:11px}.spool-controls .dial{width:49px;height:49px}.spool-controls .dial:after{inset:5px}.spool-controls .dial-label{letter-spacing:1px;font-size:8px}.spool-controls .dial-value{font-size:9px}.spool-trim{font-size:8px}.spool-trim>span:last-child{letter-spacing:.5px;font-size:7px}}.fx-floating-menu{box-sizing:border-box;overscroll-behavior:contain;outline:none;overflow-y:auto;min-width:0!important;max-width:none!important;margin:0!important;position:fixed!important;bottom:auto!important;right:auto!important}.fx-rack .fx-capacity{color:#a7a996;text-align:center;padding:18px;font:10px monospace}.spool-transport{background:linear-gradient(140deg,#9fa68e,#6b7764);border:1px solid #8c947a;border-radius:6px;padding:9px;box-shadow:inset 0 1px #f1eed177,inset 0 -1px #293e2c66,0 2px 3px #34493233}.spool-reels{background:radial-gradient(at 50% 0,#3a4d3e,#1d3023 75%);border:1px solid #213a29;border-radius:4px;padding:10px 10px 0;box-shadow:inset 0 3px 9px #07130a88}.spool-reels svg{filter:drop-shadow(0 2px 1px #07130a55);height:auto}.spool-caption{color:#8e9e85;letter-spacing:2px;padding:5px 8px 10px;font-size:8px}.spool-lamp{color:#735b3d}.spool-reels[data-running=true] .spool-lamp{color:#dfa55c;text-shadow:0 0 6px #e0a45755}.spool-speed{border-top:0;margin-top:0;padding:12px 6px 3px}.spool-speed>span{color:#263e2b}.spool-speed button{color:#344e38;background:#b9bda1;border-color:#5e745a}.spool-speed button[aria-pressed=true]{color:#ece3bd;background:#314e3a;border-color:#263e2b}@container (width<=560px){.spool-transport{padding:7px}.spool-reels{padding:6px 4px 0}.spool-reels svg{height:139px}.spool-caption{padding:2px 6px 7px;font-size:7px}.spool-speed{padding:10px 3px 3px}}.clasp-icon{background:currentColor;flex:none;width:.85em;height:.85em;display:inline-block;-webkit-mask:url(/emulators/instruments/tr-808/assets/an_clasp.svg) 50%/contain no-repeat;mask:url(/emulators/instruments/tr-808/assets/an_clasp.svg) 50%/contain no-repeat}.clasp-unit{color:#d0dfdb;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px),linear-gradient(120deg,#354d5b,#223843);border:1px solid #687f87;border-radius:4px;min-width:0;padding:0 26px;box-shadow:inset 0 2px #c8d3cd22,0 4px #132b35,0 10px 24px #0005;container-type:inline-size}.clasp-nameplate{align-items:center;gap:12px;padding:21px 0 17px;display:flex}.clasp-nameplate>div{flex:1;min-width:0}.clasp-nameplate h3{letter-spacing:4px;color:#d8e3da;align-items:center;gap:.35em;margin:0;font:700 30px/1 Barlow Condensed,Impact,sans-serif;display:flex}.clasp-nameplate p{color:#9db2b5;margin:7px 0 0;font-size:10px;line-height:1.5}.clasp-power{color:#e8d9b7;cursor:pointer;background:#203a42;border:1px solid #849b96;border-radius:2px;padding:8px 10px;font:10px monospace;box-shadow:inset 0 1px #cbd9c722,0 2px #122730}.fx-bypassed .clasp-power{color:#7d9398;border-color:#4a6770}.clasp-nameplate .fx-remove{color:#93a8ad;cursor:pointer;background:0 0;border:0;padding:3px;font:18px Arial}.clasp-preset{border-top:1px solid #a3bec133;border-bottom:1px solid #a3bec133;align-items:center;gap:18px;padding:10px 0;display:flex}.clasp-preset>span{letter-spacing:2px;color:#90a8ae;font:9px monospace}.clasp-unit .theme-select{flex:1;min-width:0;position:relative}.clasp-unit .theme-select>button{color:#c9d8cf;text-align:left;cursor:pointer;background:#20313b;border:1px solid #567782;border-radius:2px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font:11px monospace;display:flex;box-shadow:inset 0 2px 3px #0003}.clasp-unit .theme-select svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:12px;height:12px}.clasp-unit .theme-select-menu{z-index:40;color:#c9d8cf;background:#20313b;border:1px solid #68848e;border-radius:3px;max-height:260px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #0008}.clasp-unit [role=option]{cursor:pointer;justify-content:space-between;gap:6px;padding:10px 8px;font:10px monospace;display:flex}.clasp-unit [role=option].option-active{color:#f0d7a9;background:#3c5561}.clasp-body{grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:28px 0;display:grid}.clasp-meter{color:#d8d2ab;background:radial-gradient(at 50% 0,#294339,#102820 90%);border:1px solid #0e2429;border-radius:5px;padding:23px 20px 18px;box-shadow:0 0 0 2px #607a78,inset 0 4px 15px #0008}.clasp-meter>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.clasp-meter>div>span{letter-spacing:1.6px;color:#97b0a0;font:9px monospace}.clasp-meter output{letter-spacing:-1px;color:#edcb8f;font:32px/1 monospace}.clasp-meter small{letter-spacing:0;color:#a6b596;font:9px monospace}.clasp-meter svg{width:100%;height:auto;margin-top:10px;display:block}.clasp-needle{transition:transform 80ms linear}.clasp-meter-note{text-align:center;letter-spacing:2px;color:#718e7c;font:8px monospace;display:block}.clasp-sidechain{width:100%;box-shadow:none;color:#a4b9bc;letter-spacing:1px;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:13px 1px 0;font:9px monospace;display:flex}.clasp-sidechain b{color:#91a298;background:#192e35;border:1px solid #658078;border-radius:2px;padding:5px 9px;font:9px monospace}.clasp-sidechain[aria-pressed=true] b{color:#ebd29c;background:#324b4a;border-color:#aaa17c}.clasp-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 18px;display:grid}.clasp-controls .dial-control{flex-direction:column;align-items:center;gap:14px;display:flex}.clasp-controls .dial-label{letter-spacing:1.4px;color:#b5c9c9;font:9px monospace}.clasp-controls .dial{touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none;background:linear-gradient(140deg,#f0eee0,#b7c6be);border:4px solid #122c36;border-radius:50%;width:63px;height:63px;position:relative;box-shadow:0 4px #112934,0 8px 12px #0006,inset 0 1px 2px #fffef0}.clasp-controls .dial:after{content:"";background:linear-gradient(140deg,#d8e2d8,#b6c9bf);border:1px solid #809d9366;border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 1px #fff6}.clasp-controls .dial-pointer{z-index:1;pointer-events:none;position:absolute;inset:4px}.clasp-controls .dial-pointer i{background:#284c5c;border-radius:2px;width:3px;height:13px;position:absolute;top:0;left:calc(50% - 1.5px)}.clasp-controls .dial-value{color:#e6cb9c;white-space:nowrap;background:0 0;border:0;min-width:0;font:10px monospace}.clasp-trim{color:#92a8ac;background:#192f39;border-top:1px solid #7d9b9c44;align-items:center;gap:7px;margin:0 -26px;padding:12px 26px;font:9px monospace;display:flex}.clasp-trim>span:last-child{letter-spacing:1px;margin-left:auto;font-size:8px}.fx-rack .clasp-unit{padding-inline:15px}.fx-rack .clasp-trim{margin-inline:-15px;padding-inline:15px}@container (width<=560px){.clasp-nameplate{gap:7px;padding:16px 0 13px}.clasp-nameplate h3{letter-spacing:2px;font-size:24px}.clasp-nameplate p{margin-top:6px;font-size:8px}.clasp-power{padding:6px;font-size:8px}.clasp-preset{gap:10px}.clasp-preset>span{letter-spacing:1px;font-size:7px}.clasp-unit .theme-select>button{padding:9px;font-size:9px}.clasp-body{grid-template-columns:1fr;gap:23px;padding:18px 0 22px}.clasp-meter{padding:15px 12px 12px}.clasp-meter>div>span{letter-spacing:.8px;font-size:8px}.clasp-meter output{font-size:27px}.clasp-meter svg{max-height:75px;margin-top:3px}.clasp-meter-note{font-size:7px}.clasp-sidechain{letter-spacing:.6px;padding-top:5px;font-size:8px}.clasp-controls{gap:20px 8px}.clasp-controls .dial-control{gap:11px}.clasp-controls .dial{border-width:3px;width:48px;height:48px}.clasp-controls .dial:after{inset:5px}.clasp-controls .dial-label{letter-spacing:.5px;font-size:7px}.clasp-controls .dial-value{font-size:9px}.clasp-trim{font-size:8px}.clasp-trim>span:last-child{letter-spacing:.5px;font-size:7px}}.fx-slot-header{box-sizing:border-box;background:#181c1de6;border:1px solid #ffffff12;border-bottom:0;border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;height:28px;padding:0 5px;display:flex}.fx-slot-header .fx-remove,.fx-rack .fx-slot-header .fx-drag-handle{color:#8e9595;width:28px;height:26px;box-shadow:none;background:0 0;border:0;border-radius:2px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;transition:none;display:flex;transform:none}.fx-slot-header .fx-remove{cursor:pointer;margin-left:auto}.fx-slot-header .fx-remove svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;width:16px;height:16px}.fx-slot-header button:focus-visible{outline-offset:-3px;outline:1px solid #d6bb8a}.fx-position>.fx-unit{border-top-left-radius:0;border-top-right-radius:0}.fx-locked{color:#77817d;flex:none;justify-content:center;align-items:center;width:28px;height:26px;display:flex}.fx-locked svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;width:13px;height:15px}.fx-rack{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6b7168 transparent;max-height:calc(100dvh - 128px);padding:2px 6px 6px 2px;overflow:auto}.fx-rack:focus-visible{outline-offset:3px;outline:1px solid #a9a48d}.fx-position{container-type:inline-size}.fx-rack.fx-rack-horizontal{align-items:flex-start;gap:14px;max-height:min(620px,70dvh);padding-bottom:12px;display:flex}.fx-rack-horizontal>.fx-slots{display:contents}.fx-rack-horizontal .fx-position{flex:0 0 300px;width:300px}.fx-rack.fx-rack-horizontal>.fx-empty{flex:0 0 180px;justify-content:center;align-self:stretch;align-items:center;width:180px;min-height:100px;margin-top:0;display:flex}@media (width<=620px){.fx-rack{max-height:75dvh}.fx-rack-horizontal .fx-position{flex-basis:min(300px,100vw - 38px);width:min(300px,100vw - 38px)}}.fx-rack .fx-empty:not(.fx-capacity){border:0;padding:0;position:relative}.fx-rack .fx-empty:not(.fx-capacity)>.theme-select{width:100%;height:100%;position:absolute;inset:0}.fx-rack .fx-empty:not(.fx-capacity)>.theme-select>button{cursor:pointer;border:1px dashed #77796a70;border-radius:3px;width:100%;height:100%;padding:12px}.fx-rack .fx-empty:not(.fx-capacity){min-height:82px}.fx-rack .fx-empty:not(.fx-capacity)>.theme-select>button{background:linear-gradient(135deg,#9ea78b0d,#b8a27905);border-color:#78827277;padding:14px 18px}.fx-add-content{justify-content:center;align-items:center;gap:12px;display:flex}.fx-add-icon{color:#d2c7a4;background:#b6b5970b;border:1px solid #939b8066;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.fx-rack .fx-empty .fx-add-icon svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:17px;height:17px}.fx-add-copy{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.fx-add-copy strong{letter-spacing:.5px;color:#d1d4c5;font:500 11px DM Sans,Arial,sans-serif}.fx-add-copy small{letter-spacing:0;color:#929b8b;font:9px DM Sans,Arial,sans-serif}.fx-rack .fx-empty .theme-select>button>svg{display:none}.fx-rack-horizontal .fx-add-content{flex-direction:column;gap:13px}.fx-rack-horizontal .fx-add-icon{width:40px;height:40px}.fx-rack-horizontal .fx-add-copy{align-items:center;gap:7px}.fx-rack:not(.fx-rack-horizontal) .fx-unit>[class$=-nameplate]{padding-top:21px}.fx-position:has(>.bastion-unit)>.fx-slot-header{border:0}.fx-master-label{letter-spacing:1.5px;color:#92998e;margin-left:8px;margin-right:auto;font:8px monospace}.fx-rack-horizontal{--fx-horizontal-height:220px;--fx-horizontal-width:440px}.fx-rack.fx-rack-horizontal{align-items:flex-start}.fx-rack-horizontal .fx-position{flex:0 0 var(--fx-horizontal-width);width:var(--fx-horizontal-width);height:var(--fx-horizontal-height);flex-direction:column;display:flex}.fx-rack-horizontal .fx-slot-header{flex:0 0 28px}.fx-rack-horizontal .fx-unit{box-sizing:border-box;flex:1;grid-template-rows:46px minmax(0,1fr) 22px;grid-template-columns:minmax(0,1fr) 150px;min-height:0;padding-inline:15px;display:grid}.fx-rack-horizontal .fx-unit>[class$=-nameplate]{grid-area:1/1/auto/-1;gap:8px;min-height:0;padding:11px 0 5px}.fx-rack-horizontal .fx-unit>[class$=-nameplate] h3{letter-spacing:1.2px;font-size:19px}.fx-rack-horizontal .fx-unit>[class$=-nameplate] p{max-width:none;margin-top:3px;font-size:7px;line-height:1.2}.fx-rack-horizontal .fx-unit>[class$=-trim]{grid-area:3/1/auto/-1;align-self:stretch;min-height:0;margin-inline:-15px;padding:5px 15px;font-size:8px}.fx-rack-horizontal .fx-unit>[class$=-trim]>span:last-child{letter-spacing:.5px;font-size:7px}.fx-rack-horizontal .fx-unit>[class$=-preset]{border:0;grid-area:1/2;gap:0;padding:13px 0 7px 12px}.fx-rack-horizontal :is(.mirage-nameplate,.clasp-nameplate){grid-column:1!important}.fx-rack-horizontal .fx-unit>[class$=-preset]>span{display:none}.fx-rack-horizontal .fx-unit .theme-select>button{min-height:26px;padding:5px 8px;font-size:9px}.fx-rack-horizontal :is(.mirage-body,.clasp-body,.spool-body){grid-area:2/1/auto/-1;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;min-height:0;padding:10px 0}.fx-rack-horizontal :is(.mirage-controls,.clasp-controls,.spool-controls){grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.fx-rack-horizontal .fx-unit .dial-control{gap:8px;min-width:0}.fx-rack-horizontal .fx-unit .dial{border-width:2px;width:36px;height:36px}.fx-rack-horizontal .fx-unit .dial:after{border-width:1px;inset:5px}.fx-rack-horizontal .fx-unit .dial-pointer{inset:3px}.fx-rack-horizontal .fx-unit .dial-pointer i{width:2px;height:10px;left:calc(50% - 1px)}.fx-rack-horizontal .fx-unit .dial-label{letter-spacing:0;font-size:7px}.fx-rack-horizontal .fx-unit .dial-value{letter-spacing:0;min-width:0;font-size:9px}.fx-rack-horizontal .quake-unit{--quake-gutter:15px;border-left-width:7px;border-right-width:7px}.fx-rack-horizontal .quake-unit:before{width:5px;left:-6px}.fx-rack-horizontal .quake-unit:after{width:5px;right:-6px}.fx-rack-horizontal .quake-body{grid-area:2/1/auto/-1;grid-template-rows:1fr;grid-template-columns:110px repeat(4,minmax(0,1fr));grid-template-areas:"meter drive tone mix output";gap:12px;min-height:0;padding:14px 0}.fx-rack-horizontal .quake-meter{max-width:110px}.fx-rack-horizontal .quake-drive .dial{width:43px;height:43px}.fx-rack-horizontal .quake-power{letter-spacing:.5px;gap:5px;min-width:45px;padding:5px;font-size:7px}.fx-rack-horizontal .bastion-display{grid-area:2/1;align-self:center;padding:10px}.fx-rack-horizontal .bastion-readout{flex-direction:row;align-items:center;gap:8px;margin-bottom:9px}.fx-rack-horizontal .bastion-readout>span{letter-spacing:1px;font-size:7px}.fx-rack-horizontal .bastion-readout output{white-space:nowrap;font-size:23px}.fx-rack-horizontal .bastion-leds{gap:2px;height:10px}.fx-rack-horizontal .bastion-controls{grid-area:2/2;align-self:center;gap:9px;padding:0}.fx-rack-horizontal .mirage-field{border-radius:24px 24px 3px 3px;padding:7px 5px 6px}.fx-rack-horizontal .mirage-field svg{height:65px}.fx-rack-horizontal .mirage-field>div{letter-spacing:0;margin-top:3px;font-size:6px}.fx-rack-horizontal .mirage-field>div>span:first-child{display:none}.fx-rack-horizontal .clasp-meter{padding:7px 6px 6px}.fx-rack-horizontal .clasp-meter>div{flex-direction:column;align-items:flex-start;gap:4px}.fx-rack-horizontal .clasp-meter>div>span{letter-spacing:.4px;font-size:7px}.fx-rack-horizontal .clasp-meter output{font-size:20px}.fx-rack-horizontal .clasp-meter svg{height:26px;margin-top:2px}.fx-rack-horizontal .clasp-meter-note{display:none}.fx-rack-horizontal .clasp-sidechain{letter-spacing:0;gap:3px;margin-top:5px;padding:0;font-size:6px}.fx-rack-horizontal .clasp-sidechain b{padding:3px;font-size:7px}.fx-rack-horizontal .spool-body{grid-row:2;padding:10px 0}.fx-rack-horizontal .spool-transport{padding:4px}.fx-rack-horizontal .spool-reels{padding:6px 3px 0}.fx-rack-horizontal .spool-reels svg{height:48px}.fx-rack-horizontal .spool-caption{letter-spacing:0;padding:1px 2px 3px;font-size:6px}.fx-rack-horizontal .spool-speed{grid-template-columns:1fr 1fr;gap:3px;padding:3px 0 0;display:grid}.fx-rack-horizontal .spool-speed>span{text-align:center;letter-spacing:.8px;grid-column:1/-1;font-size:7px}.fx-rack-horizontal .spool-speed button{padding:3px;font-size:8px}.fx-rack.fx-rack-horizontal>.fx-empty{height:var(--fx-horizontal-height);align-self:auto}.fx-rack.fx-rack-horizontal{overscroll-behavior-x:contain;overscroll-behavior-y:auto}.fx-rack-horizontal .mirage-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 8px}.fx-rack-horizontal .mirage-controls .dial-control{gap:3px}.fx-rack-horizontal .mirage-controls .dial{width:28px;height:28px}.bastion-levels{color:#c1cfc0;background:linear-gradient(120deg,#18231f,#0c1313);border:1px solid #101719;border-radius:4px;padding:18px 16px;box-shadow:0 0 0 1px #515c57,inset 0 3px 10px #0007}.bastion-level-pair+.bastion-level-pair{margin-top:14px}.bastion-level-heading{letter-spacing:1px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font:9px monospace;display:flex}.bastion-level-heading>span{color:#b1beb1}.bastion-levels .bastion-peak{min-width:42px;min-height:22px;box-shadow:none;color:#c6d6b8;cursor:pointer;letter-spacing:0;background:#18211c;border:0;border-radius:2px;justify-content:flex-end;align-items:center;gap:6px;padding:2px 4px;font:11px monospace;display:flex;transform:none}.bastion-peak b{letter-spacing:.3px;font:7px monospace}.bastion-levels .bastion-peak.is-over{color:#ffd7b5;background:#5e3029}.bastion-peak:focus-visible{outline-offset:2px;outline:1px solid #e3c796}.bastion-channel{align-items:center;gap:6px;margin-top:4px;display:flex}.bastion-channel>span{color:#72887a;flex:none;width:6px;font:7px monospace}.bastion-level-track{background:#26352c;border-radius:1px;flex:1;height:7px;position:relative;overflow:hidden}.bastion-level-track:after{content:"";background:#e7ae6970;width:1px;position:absolute;top:0;bottom:0;left:90.909%}.bastion-level-track i{background:linear-gradient(90deg,#6fa583,#b8ce88 78%,#e4be68 81.82% 90.909%,#e97e58 90.91%);width:100%;height:100%;transition:clip-path 75ms linear;display:block}.bastion-limit-readout{color:#98a58f;letter-spacing:.8px;border-top:1px solid #93a68a22;grid-template-columns:1fr auto;gap:5px 10px;margin-top:14px;padding-top:10px;font:8px monospace;display:grid}.bastion-limit-readout output{color:#e6bb76;letter-spacing:0}.bastion-limit-readout>div{background:#4c4027;grid-column:1/-1;height:3px}.bastion-limit-readout i{background:#efb968;height:100%;transition:width 75ms linear;display:block}.bastion-controls{grid-template-columns:repeat(4,minmax(0,1fr))}@container (width<=400px){.bastion-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.bastion-levels{padding:13px 12px}}.fx-rack-horizontal .bastion-unit{grid-template-columns:155px minmax(0,1fr);column-gap:14px}.fx-rack-horizontal .bastion-levels{grid-area:2/1;align-self:center;padding:5px 7px}.fx-rack-horizontal .bastion-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.fx-rack-horizontal .bastion-level-heading{letter-spacing:.5px;gap:4px;margin-bottom:1px;font-size:7px}.fx-rack-horizontal .bastion-levels .bastion-peak{gap:3px;min-width:34px;min-height:18px;padding:1px 3px;font-size:9px}.fx-rack-horizontal .bastion-channel{gap:4px;margin-top:2px}.fx-rack-horizontal .bastion-level-track{height:4px}.fx-rack-horizontal .bastion-level-pair+.bastion-level-pair{margin-top:4px}.fx-rack-horizontal .bastion-limit-readout{gap:3px;margin-top:5px;padding-top:4px;font-size:6px}.mirage-field.mirage-room{background:#110f1c;border-radius:7px;padding:7px 7px 10px;box-shadow:inset 0 1px #b393c51c,0 0 0 3px #140f1d55}.mirage-room canvas{border-radius:4px;width:100%;height:220px;display:block}.mirage-field.mirage-room>div{letter-spacing:1.2px;margin:7px 7px 0;font-size:7px}@container (width<=560px){.mirage-room canvas{height:135px}}.fx-rack-horizontal .mirage-field.mirage-room{border-radius:4px;padding:3px 3px 6px}.fx-rack-horizontal .mirage-room canvas{height:70px}.fx-rack-horizontal .mirage-field.mirage-room>div{letter-spacing:0;margin:3px 2px 0;font-size:6px}.track-fx-dialog{box-sizing:border-box;color:#e1ddce;background:linear-gradient(#151a17e8,#111614f2),url(/emulators/instruments/tr-808/assets/powdercoat.webp) 50%/cover no-repeat;border:0;border-left:1px solid #606356;width:430px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;font-family:DM Sans,Arial,sans-serif;position:fixed;inset:0 0 0 auto;overflow:hidden;box-shadow:-18px 0 60px #0008}.track-fx-dialog[open]{flex-direction:column;display:flex}.track-fx-dialog::backdrop{background:#070b0980}.track-fx-heading{border-bottom:1px solid #77806a30;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:25px 22px 18px;display:flex}.track-fx-heading>div>span{letter-spacing:2px;color:#b0b49f;font:9px monospace}.track-fx-heading h2{letter-spacing:.5px;margin:7px 0 0;font-size:22px;font-weight:600;line-height:1.2}.track-fx-close{color:#c9cbb9;width:32px;height:32px;box-shadow:none;background:0 0;border:1px solid #77806a50;border-radius:3px;padding:7px}.track-fx-close svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:100%;height:100%}.track-fx-toolbar{flex:none;align-items:center;gap:8px;padding:16px 18px;display:flex}.track-fx-toolbar>.theme-select{flex:1;min-width:0}.track-fx-toolbar>.theme-select>button{width:100%;min-width:0}.track-fx-toolbar>button{color:#d3d4bd;letter-spacing:.5px;height:33px;box-shadow:none;background:#2b3326;border:1px solid #68725a80;border-radius:3px;padding:0 10px;font:9px monospace}.track-fx-toolbar>button[aria-pressed=true]{color:#e9c385;background:#4c3e28}.track-fx-dialog>.fx-rack{overscroll-behavior:contain;flex:1;min-height:0;max-height:none;margin:0;padding:2px 18px 22px;overflow:auto}.track-fx-dialog .fx-empty{min-height:110px}.track-fx-routing{letter-spacing:.5px;color:#a1aa93;border-top:1px solid #77806a30;flex:none;justify-content:center;align-items:center;gap:10px;padding:16px 14px;font:8px monospace;display:flex}.track-fx-routing strong{color:#dac29b;font-weight:400}.track-fx-routing i{color:#717d64;font-style:normal}.track-fx-dialog button:focus-visible{outline-offset:3px;outline:2px solid #d9ba86}@media (width<=480px){.track-fx-heading{padding:20px 15px 15px}.track-fx-toolbar{gap:6px;padding:12px}.track-fx-toolbar>button{padding-inline:7px}.track-fx-dialog>.fx-rack{padding-inline:10px}.track-fx-routing{gap:7px;font-size:7px}}.track-fx-dialog{transition:translate .24s cubic-bezier(.22,.75,.25,1);translate:0}.track-fx-dialog::backdrop{transition:background-color .24s}.track-fx-dialog.is-closing{pointer-events:none;translate:100%}.track-fx-dialog.is-closing::backdrop{background-color:#0000}@starting-style{.track-fx-dialog[open]{translate:100%}.track-fx-dialog[open]::backdrop{background-color:#0000}}@media (prefers-reduced-motion:reduce){.track-fx-dialog,.track-fx-dialog::backdrop{transition:none}}.studio-header{color:#e0dfd0;border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;gap:28px;min-height:74px;margin:0 0 24px;padding:4px 2px 18px;display:flex}.studio-branding{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.studio-logo{color:inherit;white-space:nowrap;text-decoration:none;display:inline-flex}.studio-header .studio-logo .an-brand{font-size:28px}.studio-branding p{color:#a6ad9e;letter-spacing:.2px;margin:0;font:11px/1.5 DM Sans,Arial,sans-serif}.studio-downloads{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.studio-downloads .theme-select{width:170px;min-width:0}.studio-downloads button{box-sizing:border-box;color:#d2d8d2;min-height:36px;box-shadow:none;white-space:nowrap;cursor:pointer;background:#252b28;border:1px solid #48504c;border-radius:3px;padding:8px 11px;font:11px/1.2 DM Sans,Arial,sans-serif;transition:none;transform:none}.studio-downloads .theme-select>button{gap:12px;width:100%}.studio-downloads .theme-select>button>span{text-overflow:ellipsis;overflow:hidden}.studio-downloads .theme-select-menu{color:#d2d8d2;background:#252b28;border-color:#48504c}.studio-downloads .theme-select-menu .option-active{background:#39433c}.studio-downloads .download-fx{letter-spacing:.5px;justify-content:center;align-items:center;gap:7px;min-width:82px;font:10px monospace;display:flex}.download-fx i{background:#6c776f;border-radius:50%;flex:none;width:5px;height:5px}.download-fx[aria-pressed=true] i{background:#c8b483}.download-fx[aria-pressed=false]{color:#919991}.studio-downloads .studio-download{color:#202722;background:#c7c6af;border-color:#c7c6af;justify-content:center;align-items:center;gap:7px;min-width:131px;font-weight:600;display:flex}.studio-download svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex:none;width:15px;height:15px}.studio-downloads button:disabled{opacity:.5;cursor:wait}.studio-downloads button:focus-visible,.studio-logo:focus-visible{outline-offset:3px;outline:2px solid #d6bb8a}@media (width<=620px){.studio-header{flex-wrap:wrap;gap:15px;margin-bottom:16px;padding-bottom:15px}.studio-downloads{gap:6px;width:100%}.studio-downloads .theme-select{flex:1;width:auto}.studio-downloads button{padding:8px}.studio-downloads .download-fx{gap:5px;min-width:68px;font-size:9px}.studio-downloads .studio-download{min-width:112px;font-size:10px}}@media (width>=621px) and (width<=1040px){.studio-header{flex-wrap:wrap;gap:20px}.studio-header>.studio-downloads{width:100%}}.studio-master-link{color:#c5c5ad;white-space:nowrap;align-items:center;gap:9px;margin-left:auto;padding:9px 2px;font:11px DM Sans,Arial,sans-serif;text-decoration:none;display:flex}.studio-master-link span{color:#d9b77d;font-size:16px}.studio-master-link:focus-visible{outline-offset:3px;outline:2px solid #d6bb8a}@media (width<=620px){.studio-header{gap:18px 12px;padding-top:2px;padding-bottom:18px}.studio-header .studio-logo .an-brand{font-size:24px}.studio-branding{flex:1;gap:8px}.studio-branding p{max-width:235px;font-size:10px}.studio-header .studio-master-link{align-self:center;gap:6px;font-size:10px}.studio-header>.studio-downloads{flex-basis:100%}}@media (width<=380px){.studio-header .studio-logo .an-brand{font-size:22px}.studio-branding p{max-width:205px;font-size:9px}}.hardware-sequencer{--seq-accent:#c5a477;--seq-ink:#e0d7bf;--seq-panel:#2d312b;--seq-bed:#20241f;--seq-cap-top:#626958;--seq-cap-bottom:#41483a;--seq-on-top:#c1c8a8;--seq-on-bottom:#9aa583;--seq-led:#ffbb64;--seq-outline:#787964;border:1px solid #686b59;border-top:3px solid var(--seq-accent);background:var(--module-surface);background-blend-mode:normal;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;min-width:0;padding:0 0 14px;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0009,0 3px 6px #0002}.hardware-sequencer.sequencer-808{--seq-accent:#e48949;--seq-ink:#e6ddc8;--seq-panel:#2b2a27;--seq-bed:#22211e;--seq-cap-top:#514e46;--seq-cap-bottom:#35342e;--seq-on-top:#e4ddc9;--seq-on-bottom:#c0b69e;--seq-outline:#79705d;border-color:#605a50;border-top-color:var(--seq-accent)}.hardware-sequencer:before,.hardware-sequencer:after{content:"";pointer-events:none;background:linear-gradient(135deg,#818174 40%,#252722 42% 57%,#818174 59%);border-radius:50%;width:5px;height:5px;position:absolute;bottom:6px;box-shadow:0 1px 1px #000}.hardware-sequencer:before{left:6px}.hardware-sequencer:after{right:6px}.hardware-sequencer .seq-toolbar{justify-content:space-between;align-items:center;gap:24px;padding:19px 22px 18px;display:flex}.hardware-sequencer .seq-title{align-items:center;gap:18px;min-width:0;display:flex}.hardware-sequencer .sectionline{margin:0}.hardware-sequencer .sectionline h2{letter-spacing:2px;color:var(--seq-ink);white-space:nowrap;font:600 13px Barlow Condensed,sans-serif}.hardware-sequencer .seq-state{letter-spacing:1px;color:#9c9b88;align-items:center;gap:6px;min-width:42px;font:8px monospace;display:flex}.hardware-sequencer .seq-state i{background:#413b29;border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 0 2px #151713,inset 0 1px #ffffff1a}.hardware-sequencer .seq-state.running i{background:var(--seq-led);box-shadow:0 0 0 2px #151713,0 0 7px #ffa74c88}.hardware-sequencer .seq-state.running{color:var(--seq-ink)}.hardware-sequencer .beat-generator{flex:0 370px;align-items:center;gap:10px;min-width:0;margin:0}.hardware-sequencer .genre-control{align-items:center;gap:10px;min-width:0;display:flex}.hardware-sequencer .genre-control>span{letter-spacing:1.3px;color:#b5b3a0;margin:0;font-size:8px}.hardware-sequencer .genre-control .theme-select{flex:1;min-width:0}.hardware-sequencer .genre-control .theme-select>button{background:var(--seq-bed);height:32px;min-height:32px;color:var(--seq-ink);border-color:#5c5d4d;padding:6px 9px;font-size:11px;box-shadow:inset 0 2px 3px #0005}.hardware-sequencer .randomise{background:linear-gradient(var(--seq-cap-top),var(--seq-cap-bottom));height:32px;min-height:32px;color:var(--seq-ink);border:1px solid #181c16;border-top-color:#6d705e;padding:6px 10px;font-size:10px;box-shadow:0 2px #12150f,inset 0 1px #ffffff13}.hardware-sequencer .randomise:active{transform:translateY(1px);box-shadow:0 1px #12150f}.hardware-sequencer .randomise svg{width:14px;height:14px}.hardware-sequencer .seq-bezel{background:var(--seq-bed);border:1px solid #11140f;border-radius:3px;margin:0 14px;padding:10px 10px 12px;box-shadow:inset 0 2px 5px #0008,0 1px #ffffff15}.hardware-sequencer .grid-scroll{scrollbar-width:thin;scrollbar-color:#696958 var(--seq-bed);overscroll-behavior-x:contain;padding-bottom:4px;overflow:auto}.hardware-sequencer .step-grid{--voice-width:116px;--mute-width:24px;--step-gap:6px;position:relative}.hardware-sequencer .grid-heading,.hardware-sequencer .grid-row,.hardware-sequencer .step-grid .accent-grid{gap:var(--step-gap)}.hardware-sequencer .grid-heading{color:#a5aa94;height:36px;margin-bottom:5px;font:9px monospace}.hardware-sequencer .grid-heading>span:nth-child(-n+2){background:var(--seq-bed);z-index:4;color:#a8a993;letter-spacing:1px;align-items:center;height:100%;font-size:8px;display:flex;position:sticky;left:0}.hardware-sequencer .grid-heading>span:nth-child(2){left:calc(var(--voice-width) + var(--step-gap));justify-content:center}.hardware-sequencer .grid-heading>.step-number{height:28px;color:var(--seq-ink);font-variant-numeric:tabular-nums;background:linear-gradient(#ffffff06,#fff0);border-top:3px solid #909a7b;border-radius:1px;justify-content:center;align-items:center;font:11px monospace;display:flex;position:relative}.hardware-sequencer.sequencer-808 .grid-heading>.quarter-0{border-color:#ce6045}.hardware-sequencer.sequencer-808 .grid-heading>.quarter-1{border-color:#d58b3e}.hardware-sequencer.sequencer-808 .grid-heading>.quarter-2{border-color:#c5b15b}.hardware-sequencer.sequencer-808 .grid-heading>.quarter-3{border-color:#d3cbb5}.hardware-sequencer .grid-row{height:36px;position:relative}.hardware-sequencer .grid-row:nth-of-type(2n){background:#ffffff02}.hardware-sequencer .voice-name{z-index:3;background:var(--seq-bed);height:36px;color:var(--seq-ink);letter-spacing:.1px;text-align:left;border:0;border-right:1px solid #ffffff0b;border-radius:0;align-items:center;gap:7px;padding:0 8px 0 0;font-size:10px;display:flex;position:sticky;left:0}.hardware-sequencer .voice-name>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hardware-sequencer .channel-number{color:#8e9480;flex:none;font:8px monospace}.hardware-sequencer .mute{width:24px;height:24px;left:calc(var(--voice-width) + var(--step-gap));z-index:3;background:linear-gradient(#43483b,#303429);border:1px solid #11140f;border-top-color:#595e4e;border-radius:3px;place-items:center;padding:0;display:grid;position:sticky;box-shadow:0 2px #11130e,inset 0 1px #ffffff08}.hardware-sequencer.sequencer-808 .mute{background:linear-gradient(#444039,#2d2b25);border-top-color:#615848}.hardware-sequencer .mute>span{background:#1d2219;border-radius:50%;width:5px;height:5px;box-shadow:inset 0 1px 2px #0009}.hardware-sequencer .mute.is-muted>span{background:#f17c52;box-shadow:0 0 6px #f2704c66,inset 0 1px #ffd4a999}.hardware-sequencer .lane-muted .step{opacity:.35}.hardware-sequencer .step{background:linear-gradient(180deg,var(--seq-cap-top),var(--seq-cap-bottom));touch-action:manipulation;border:1px solid #10120e;border-top-color:#767963;border-radius:3px;align-self:center;min-width:0;height:27px;padding:0;transition:none;position:relative;box-shadow:0 3px #10120f,0 4px 3px #0005,inset 0 1px #ffffff13}.hardware-sequencer .step>span{background:#25281e;border-radius:1px;width:8px;height:3px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #000a}.hardware-sequencer .step:after{content:"";background:#ffffff0c;height:1px;position:absolute;bottom:5px;left:25%;right:25%;box-shadow:0 2px #0000000c}.hardware-sequencer .step.beat:before{content:"";background:#d6d0b02a;width:1px;height:10px;position:absolute;top:7px;left:-5px}.hardware-sequencer .step.set{background:linear-gradient(var(--seq-on-top),var(--seq-on-bottom));border-top-color:#e2e5cb;transform:translateY(1px);box-shadow:0 2px #10120f,0 3px 3px #0005,inset 0 1px #fff3}.hardware-sequencer .step.set>span{background:var(--seq-led);box-shadow:0 0 0 1px #7b5a32,0 0 5px #ffb55655,inset 0 1px #ffedb3}.hardware-sequencer .step:active{transform:translateY(2px);box-shadow:0 1px #10120f,inset 0 1px 2px #0004}.hardware-sequencer .step:focus-visible,.hardware-sequencer .mute:focus-visible,.hardware-sequencer .voice-name:focus-visible{outline:2px solid var(--seq-led);outline-offset:1px;z-index:5}.hardware-sequencer .grid-beat-bands{inset:0 0 0 calc(var(--voice-width) + var(--mute-width) + 2 * var(--step-gap));pointer-events:none;z-index:-1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute}.hardware-sequencer .grid-beat-bands>span{background:#ffffff02;border-left:1px solid #dad5bb14}.hardware-sequencer .grid-beat-bands>span:nth-child(2n){background:#00000013}.hardware-sequencer .grid-playhead-track{z-index:2}.hardware-sequencer .grid-playhead-column{background:#ffcf791c;border-top:3px solid #ffd394;border-radius:1px;transition:none;box-shadow:inset 1px 0 #ffe4b33d,inset -1px 0 #ffe4b33d}.hardware-sequencer .step-grid .accent-grid{border-top:1px solid #a89a7244;height:42px;margin:12px 0 0;padding-top:8px;position:relative}.hardware-sequencer .accent-grid>span:first-child{z-index:3;background:var(--seq-bed);letter-spacing:1px;height:100%;color:var(--seq-accent);align-items:center;font:9px monospace;display:flex;position:sticky;left:0}.hardware-sequencer .accent-grid .step{height:23px}@container instrument (width<=760px){.hardware-sequencer .seq-toolbar{flex-wrap:wrap;gap:12px;padding:15px 16px}.hardware-sequencer .seq-title{flex:1 0 100%;justify-content:space-between}.hardware-sequencer .beat-generator{flex:100%}.hardware-sequencer .seq-bezel{margin:0 8px;padding:8px 8px 10px}}@media (prefers-reduced-motion:reduce){.hardware-sequencer .step{transition:none}}.hardware-sequencer .voice-name,.hardware-sequencer .grid-heading>span:nth-child(-n+2),.hardware-sequencer .accent-grid>span:first-child{box-shadow:var(--step-gap) 0 0 var(--seq-bed)}.hardware-sequencer .mute{box-shadow:calc(-1 * var(--step-gap)) 0 0 var(--seq-bed),var(--step-gap) 0 0 var(--seq-bed),0 2px 0 #11130e,inset 0 1px #ffffff08}.hardware-sequencer .grid-heading>span:nth-child(2),.hardware-sequencer .accent-grid>span:nth-child(2){box-shadow:calc(-1 * var(--step-gap)) 0 0 var(--seq-bed),var(--step-gap) 0 0 var(--seq-bed)}.hardware-sequencer .accent-grid>span:nth-child(2){left:calc(var(--voice-width) + var(--step-gap));z-index:3;background:var(--seq-bed);height:100%;position:sticky}.hardware-sequencer .seq-toolbar{grid-template-columns:minmax(145px,.8fr) minmax(205px,1fr) auto;gap:18px;display:grid}.hardware-sequencer .seq-title{flex-direction:column;align-items:flex-start;gap:7px}.hardware-sequencer .beat-generator{min-width:0}.hardware-sequencer .genre-control{gap:7px}.hardware-sequencer .sequencer-actions{box-shadow:none;background:0 0;border:0;align-items:center;gap:12px;min-width:0;margin:0;padding:0;display:flex}.hardware-sequencer .sequencer-actions .sequencer-play{gap:5px;min-width:65px;height:32px;padding:6px 8px;font-size:9px}.hardware-sequencer .sequencer-actions .sequencer-play svg{width:12px;height:12px}.hardware-sequencer .sequencer-actions .studio-downloads{flex:0 auto;gap:6px}.hardware-sequencer .sequencer-actions .studio-downloads .theme-select{flex:1;width:125px;min-width:75px}.hardware-sequencer .sequencer-actions .studio-downloads button{height:32px;min-height:32px;padding:6px 8px;font-size:10px}.hardware-sequencer .sequencer-actions .studio-downloads .download-fx{gap:5px;min-width:62px;font-size:8px}.hardware-sequencer .sequencer-actions .studio-downloads .studio-download{gap:5px;min-width:111px;font-size:9px}@container instrument (width<=1000px){.hardware-sequencer .seq-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}.hardware-sequencer .sequencer-actions{border-top:1px solid #ffffff12;grid-column:1/-1;justify-content:space-between;padding-top:14px}.hardware-sequencer .sequencer-actions .studio-downloads{flex:0 auto}.hardware-sequencer .sequencer-actions .studio-downloads .theme-select{width:170px}}@container instrument (width<=560px){.hardware-sequencer .seq-toolbar{grid-template-columns:minmax(0,1fr);gap:14px}.hardware-sequencer .seq-title{flex-direction:row;justify-content:space-between;align-items:center}.hardware-sequencer .sequencer-actions{flex-wrap:wrap;gap:12px}.hardware-sequencer .sequencer-actions .studio-downloads{flex:100%;width:100%}.hardware-sequencer .sequencer-actions .studio-downloads .theme-select{width:auto;min-width:0}}.hardware-sequencer .sequencer-transport{flex:none;align-items:center;gap:6px;display:flex}.hardware-sequencer .sequencer-reset{background:linear-gradient(var(--seq-cap-top),var(--seq-cap-bottom));min-width:58px;height:32px;color:var(--seq-ink);letter-spacing:.7px;border:1px solid #161a14;border-top-color:#757564;border-radius:3px;padding:6px 8px;font:600 9px DM Sans,Arial,sans-serif;box-shadow:0 2px #10140e}.hardware-sequencer .sequencer-reset:active{transform:translateY(1px);box-shadow:0 1px #10140e}.hardware-sequencer .sequencer-reset:focus-visible{outline-offset:3px;outline:2px solid #e4bd83}.hardware-sequencer .step-grid{--split-width:32px}.hardware-sequencer .row-steps{gap:var(--step-gap);grid-column:6/-1;min-width:0;height:36px;display:grid}.hardware-sequencer .step-cell{gap:2px;min-width:0;height:36px;display:grid}.hardware-sequencer .step-cell .step>span{width:min(8px,55%)}.hardware-sequencer .grid-beat-bands,.hardware-sequencer .grid-playhead-track{left:calc(var(--voice-width) + var(--mute-width) + var(--solo-width) + var(--fx-width) + var(--split-width) + 5 * var(--step-gap))}.hardware-sequencer .row-subdivide,.hardware-sequencer .grid-heading>span:nth-child(5),.hardware-sequencer .accent-grid>span:nth-child(5){left:calc(var(--voice-width) + var(--mute-width) + var(--solo-width) + var(--fx-width) + 4 * var(--step-gap));z-index:4;box-shadow:calc(-1 * var(--step-gap)) 0 0 var(--seq-bed),var(--step-gap) 0 0 var(--seq-bed);background:var(--seq-bed);position:sticky}.hardware-sequencer .row-subdivide{color:#e0dfc7;letter-spacing:0;text-shadow:0 1px #171d13;height:27px;box-shadow:calc(-1 * var(--step-gap)) 0 0 var(--seq-bed),var(--step-gap) 0 0 var(--seq-bed),inset 0 1px #a2a58d35,inset 1px 0 #a2a58d15,0 3px 0 #0d120b,0 4px 3px #0008;background:linear-gradient(#555c48,#363e2d 80%);border:1px solid #12170e;border-top-color:#7c8068;border-radius:3px;justify-content:center;align-items:center;gap:2px;padding:0;font:600 11px monospace;display:flex}.hardware-sequencer .row-subdivide>span{color:var(--seq-accent);font-size:8px}.hardware-sequencer .row-subdivide:focus-visible{outline:2px solid var(--seq-led);outline-offset:1px}.hardware-sequencer .grid-heading>span:nth-child(5){color:#a8a993;letter-spacing:.2px;justify-content:center;align-items:center;height:100%;font:7px monospace;display:flex}.hardware-sequencer .accent-grid>span:nth-child(5){height:100%}.hardware-sequencer .grid-heading>.step-number,.hardware-sequencer.sequencer-808 .grid-heading>.step-number{color:var(--seq-ink)}.hardware-sequencer .step-grid{--voice-width:154px;--solo-width:24px}.hardware-sequencer .voice-name{gap:9px;font-size:12px}.hardware-sequencer .channel-number{font-size:9px}.hardware-sequencer .solo,.hardware-sequencer .grid-heading>span:nth-child(3),.hardware-sequencer .accent-grid>span:nth-child(3){left:calc(var(--voice-width) + var(--mute-width) + 2 * var(--step-gap));z-index:4;box-shadow:calc(-1 * var(--step-gap)) 0 0 var(--seq-bed),var(--step-gap) 0 0 var(--seq-bed);background:var(--seq-bed);position:sticky}.hardware-sequencer .solo{background:linear-gradient(var(--seq-cap-top),var(--seq-cap-bottom));color:#babda3;border:1px solid #11140f;border-top-color:#61634f;border-radius:3px;width:24px;height:24px;padding:0;font:10px monospace}.hardware-sequencer .solo.is-solo{color:#342712;background:linear-gradient(#edc78a,#cba05c);border-top-color:#f6dbaa}.hardware-sequencer .solo:focus-visible{outline:2px solid var(--seq-led);outline-offset:1px}.hardware-sequencer .grid-heading>span:nth-child(3){color:#a8a993;letter-spacing:1px;justify-content:center;align-items:center;height:100%;font:8px monospace;display:flex}.hardware-sequencer .accent-grid>span:nth-child(3){height:100%}@container instrument (width<=560px){.hardware-sequencer .step-grid{--voice-width:112px;--mute-width:22px;--solo-width:22px;--split-width:28px;--step-gap:4px}.hardware-sequencer .voice-name{gap:6px;padding-right:4px;font-size:12px}.hardware-sequencer .channel-number{font-size:8px}.hardware-sequencer .mute,.hardware-sequencer .solo{width:22px}}.hardware-sequencer .step-grid{--fx-width:34px}.hardware-sequencer .row-fx,.hardware-sequencer .grid-heading>span:nth-child(4),.hardware-sequencer .accent-grid>span:nth-child(4){left:calc(var(--voice-width) + var(--mute-width) + var(--solo-width) + 3 * var(--step-gap));z-index:4;box-shadow:calc(-1 * var(--step-gap)) 0 0 var(--seq-bed),var(--step-gap) 0 0 var(--seq-bed);background:var(--seq-bed);position:sticky}.hardware-sequencer .row-fx{color:#322617;letter-spacing:.3px;text-shadow:0 1px #ffdda44d;height:27px;box-shadow:calc(-1 * var(--step-gap)) 0 0 var(--seq-bed),var(--step-gap) 0 0 var(--seq-bed),inset 0 1px #ffedc555,inset 1px 0 #ffdf9d33,0 3px 0 #382713,0 4px 3px #0009;background:linear-gradient(#e2b775,#bd8946 80%);border:1px solid #352414;border-top-color:#f4d3a0;border-radius:3px;justify-content:center;align-items:center;gap:3px;padding:0 1px 5px;font:800 10px DM Sans,Arial,sans-serif;display:flex}.hardware-sequencer .row-fx small{color:#eed2a0;min-width:8px;text-shadow:none;background:#45321e;border-radius:2px;padding:1px;font:700 7px/1 monospace}.hardware-sequencer .row-fx.has-fx{background:linear-gradient(#f4cc89,#d69d51 80%);border-top-color:#ffe4b4}.hardware-sequencer .row-fx:focus-visible{outline:2px solid var(--seq-led);outline-offset:1px}.hardware-sequencer .grid-heading>span:nth-child(4){color:#a8a993;justify-content:center;align-items:center;height:100%;font:8px monospace;display:flex}.hardware-sequencer .accent-grid>span:nth-child(4){height:100%}@container instrument (width<=560px){.hardware-sequencer .step-grid{--fx-width:28px}}.hardware-sequencer .row-fx:after{content:"";background:#75502b;border-radius:1px;width:9px;height:2px;position:absolute;bottom:3px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #35220f80}.hardware-sequencer .row-fx.has-fx:after{background:#fff0b3;box-shadow:0 0 4px #ffd083,0 0 1px #fff4c5}.hardware-sequencer .row-subdivide.is-split{color:#f2cb88;border-top-color:#b29d6f}.hardware-sequencer .row-subdivide.is-split>span{color:#f2cb88}.hardware-sequencer .row-fx:active,.hardware-sequencer .row-subdivide:active{translate:0 2px;box-shadow:inset 0 1px 2px #0003,0 1px #11170d}.sequencer-actions .sequencer-play{color:#242b20;letter-spacing:1px;background:linear-gradient(#d5d5bb,#aeb397);border:1px solid #11160f;border-top-color:#e2e4cc;border-radius:3px;flex:none;justify-content:center;align-items:center;gap:9px;min-width:100px;height:36px;padding:8px 14px;font:700 11px DM Sans,Arial,sans-serif;display:flex;box-shadow:0 2px #0d120b,inset 0 1px #ffffff2a}.sequencer-actions .sequencer-play svg{fill:currentColor;flex:none;width:16px;height:16px}.sequencer-actions .sequencer-play.running{background:linear-gradient(#e5b279,#bd864c);border-top-color:#f4cf9b}.sequencer-actions .sequencer-play:active{transform:translateY(1px);box-shadow:0 1px #0d120b}.sequencer-actions .sequencer-play:focus-visible{outline-offset:3px;outline:2px solid #e4bd83}:root{color:#dddcd3;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#141616;font-family:DM Sans,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #ffa860}button{color:inherit}main{max-width:1510px;margin:auto;padding:28px 38px 25px}.topline,.under{color:#8c918a;letter-spacing:1.7px;justify-content:space-between;align-items:center;font-size:12px;display:flex}.topline{margin-bottom:25px}.topline nav{gap:5px;display:flex}.topline nav button{color:#8c918a;letter-spacing:0;background:0 0;border:0;padding:9px 18px;font-size:14px}.topline nav button.active{color:#e9e5d8;border-bottom:2px solid #db7a48}.machine{background:#303332;border:1px solid #55524c;border-left:18px solid #72503b;border-right:18px solid #72503b;border-radius:5px;padding:0 28px;position:relative;box-shadow:0 18px 65px #0007}.brand{border-bottom:5px solid #d77d48;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 20px;display:flex}.brand h1{letter-spacing:-1.8px;color:#efebdf;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:62px;font-weight:600;line-height:1}.brand h1 span{vertical-align:top;letter-spacing:0;font-family:Arial;font-size:13px;line-height:2.5}.brand p{letter-spacing:3px;color:#aaa99f;margin:8px 0 0;font-size:12px}.brand p span{padding:0 8px}.power{letter-spacing:1px;align-items:center;gap:10px;font-size:12px;display:flex}.power button{background:#202322;border:1px solid #565950;border-radius:3px;margin-left:10px;padding:10px 13px;font-size:13px}.lamp{background:#737269;border-radius:50%;width:7px;height:7px}.lamp.lit{background:#e0934c;box-shadow:0 0 10px #e78e3a80}.transport{border-bottom:1px solid #55574e;grid-template-columns:140px 150px minmax(180px,1fr) 180px minmax(120px,1fr);align-items:center;gap:23px;padding:25px 0 27px;display:grid}.display{background:#201917;border:4px solid #212323;min-height:89px;padding:9px 10px 6px;box-shadow:inset 0 2px 6px #0005}.display small{color:#bf8163;letter-spacing:1.7px;white-space:nowrap;font-size:10px;display:block}.display input,.display strong{color:#ff9c62;text-shadow:0 0 12px #ec6b4130;background:0 0;border:0;width:100%;padding:0;font-family:monospace;font-size:38px;line-height:1.4}.display input::-webkit-inner-spin-button{opacity:.5;font-size:18px}.pattern-readouts{white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pattern-readouts strong{width:auto;font-size:32px}.pattern-readouts output{color:#af6147;text-align:right;min-width:2ch;font:25px/1.4 monospace}.swing label,.output label{letter-spacing:1px;justify-content:space-between;font-size:12px;display:flex}.swing output,.output output{color:#e4ae79}.swing small{color:#9a9e92;letter-spacing:.5px;justify-content:space-between;font-size:10px;display:flex}input[type=range]{accent-color:#d88850;cursor:pointer;width:100%;height:22px;margin:8px 0}.transport-buttons{grid-template-columns:1fr 1fr;gap:7px;display:grid}.transport-buttons button{background:#474b45;border:1px solid #121716;border-radius:3px;padding:14px 8px;font-size:13px;font-weight:700;box-shadow:0 3px #181d1b}.transport-buttons .play{color:#2c302b;background:#ddd9c7}.transport-buttons .running{background:#db8652}.transport-buttons small{color:#989c91;text-align:center;letter-spacing:1px;grid-column:span 2;margin-top:6px;font-size:10px}.meter{background:#1a1d1b;border-radius:2px;height:5px;overflow:hidden}.meter div{background:#e39b51;height:100%;transition:width 90ms}.sectionline{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.sectionline h2{letter-spacing:1.8px;color:#c1c3b5;margin:0;font-size:12px;font-weight:600}.sectionline>span{color:#989d92;font-size:12px}.performance{border-bottom:1px solid #55574e;padding:23px 0 25px}.pads{grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.pad{color:#f2eee2;text-align:left;background:linear-gradient(#797b70,#666a60);border:1px solid #161d18;border-radius:4px;min-height:81px;padding:8px 12px 15px;transition:background .1s,transform .1s;position:relative;box-shadow:0 4px #1e2420,0 5px 5px #0002}.pad-top{color:#bfc4b8;justify-content:space-between;align-items:center;display:flex}.pad small,.pad kbd{font:11px monospace}.pad b{white-space:nowrap;margin-top:8px;font-size:14px;font-weight:600;display:block}.pad:active{transform:translateY(3px);box-shadow:0 1px #1e2420}.pad-light{background:#30372e;height:3px;position:absolute;bottom:0;left:12px;right:12px}.pad.firing .pad-light{background:#ffcd77;box-shadow:0 0 8px #ffb65c}.pad.muted{opacity:.45}.workspace{grid-template-columns:minmax(0,1fr) 246px;gap:26px;padding:25px 0;display:grid}.sequencer{min-width:0}.sectionline select{color:#bfc5b7;background:#242926;border:1px solid #575d52;border-radius:3px;max-width:150px;padding:7px 8px;font-size:12px}.grid-scroll{overflow:auto}.step-grid{min-width:585px}.grid-heading,.grid-row{grid-template-columns:100px 22px repeat(16,minmax(16px,1fr));align-items:center;gap:5px;display:grid}.grid-heading{text-align:center;color:#929b8c;height:26px;font-family:monospace;font-size:10px}.grid-heading span:first-child{text-align:left;letter-spacing:1px}.grid-row{height:27px}.voice-name{text-align:left;color:#a8b0a0;white-space:nowrap;background:0 0;border:0;padding:2px 0;font-size:12px}.mute{color:#84917f;background:0 0;border:0;padding:0;font-size:15px}.step{background:#242b26;border:1px solid #414b3e;border-radius:2px;height:19px;padding:0}.step.set{background:#b8be9c;border-color:#bdc4a7;box-shadow:0 0 5px #d8e5a309}.grid-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:17px;display:flex}.grid-footer>span{color:#a1a999;flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;display:flex}.grid-footer i{background:#b8be9c;width:7px;height:7px;display:inline-block}.grid-footer em{color:#8a9583;margin-left:4px;font-size:11px;font-style:normal}.grid-footer button{color:#c0b4a0;white-space:nowrap;background:0 0;border:0;padding:4px;font-size:12px}.voice-panel{background:#292e2a;border:1px solid #4e5949;border-radius:3px;padding:18px}.voice-panel .sectionline{margin-bottom:18px}.voice-panel h3{color:#e6dcc3;letter-spacing:.4px;margin:0 0 5px;font-family:Barlow Condensed,sans-serif;font-size:26px}.chip{color:#94a189;margin:0 0 20px;font-family:monospace;font-size:11px}.control{letter-spacing:1px;color:#aeb9a4;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:8px;margin:18px 0;font-size:11px;display:grid}.control output{white-space:nowrap;text-align:right;color:#d1c59f;letter-spacing:0}.control input{grid-column:1/-1;min-width:0;margin:6px 0 0;display:block}.model{color:#d3d5c4;align-items:center;gap:6px;font-size:12px;display:flex}.model input{accent-color:#d38b50}.hint{color:#9aa78e;margin:9px 0 16px;font-size:11px;line-height:1.65}.audition{color:#e1dec8;background:#3b4536;border:1px solid #65715a;border-radius:3px;width:100%;padding:10px;font-size:12px}.bottom{border-top:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.bottom p{letter-spacing:1px;color:#969e8d;font-size:9px;line-height:2}.tiny-led{background:#c18c4a;width:5px;height:5px;margin-right:8px;display:inline-block}.divider{color:#6c7764;padding:0 8px}.bottom>div{gap:8px;display:flex}.bottom button{white-space:nowrap;color:#b9c0a9;background:#292e29;border:1px solid #5a624f;border-radius:3px;padding:10px 12px;font-size:12px}.bottom .export{color:#ecc392;border-color:#987447}.under{letter-spacing:1px;gap:20px;margin-top:20px;font-size:9px}.error{color:#ffd3bb;background:#502e23;border:1px solid #9d6143;margin-top:12px;padding:12px}.notes{color:#bdc7b3;max-width:970px;margin:auto;padding:45px 15px 55px;font-size:16px;line-height:1.7}.eyebrow{letter-spacing:2px;color:#d6955c;font-size:11px}.notes h2{color:#e5e1d0;margin:4px 0 12px;font-family:Barlow Condensed,sans-serif;font-size:42px;line-height:1.2}.notes h3{color:#e3dbc0;font-size:19px}.signal-flow{color:#e7c59d;background:#222923;border-left:3px solid #dc8a50;margin:28px 0;padding:18px;font-family:monospace;font-size:13px}.notes-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.notes ul{padding-left:18px}.notes li{margin-bottom:10px;font-size:14px}.notes a{color:#e7b681}.rom-list{background:#272d27;margin:22px 0;padding:10px 20px;font-size:13px}.rom-list>div{border-bottom:1px solid #414a3b;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:9px 0;display:grid}.rom-list code{color:#96a18c;font-size:11px}@media (width>=1600px){main{padding-top:45px}}@media (width<=1200px){main{padding:20px 18px}.machine{border-left-width:12px;border-right-width:12px;padding:0 20px}.transport{grid-template-columns:140px 130px minmax(180px,1fr) 155px;gap:15px}.output{grid-column:1/-1}.workspace{grid-template-columns:minmax(0,1fr) 210px;gap:18px}.pad{padding:8px 9px 14px}.pad b{font-size:12px}.bottom{flex-wrap:wrap}.voice-panel{padding:14px}.grid-heading,.grid-row{grid-template-columns:85px 18px repeat(16,minmax(16px,1fr));gap:4px}.voice-name{font-size:11px}}@media (width<=900px){.workspace{grid-template-columns:1fr}.voice-panel{grid-template-columns:repeat(2,1fr);gap:0 22px;display:grid}.voice-panel .sectionline{grid-column:span 2}.voice-panel .chip{align-self:center;margin:0}.voice-panel .control{margin:14px 0}.model,.hint,.audition{grid-column:span 2}.pads{grid-template-columns:repeat(4,1fr)}.pad b{font-size:14px}.edition{display:none}.notes-grid{grid-template-columns:1fr}}@media (width<=620px){main{padding:14px 8px}.machine{border-left-width:6px;border-right-width:6px;padding:0 12px}.topline{letter-spacing:1px;margin:0 6px 15px;font-size:9px}.topline nav button{padding:8px;font-size:12px}.brand{align-items:flex-start;padding-top:19px}.brand h1{font-size:43px}.brand p{letter-spacing:1px;font-size:9px}.power{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:110px;font-size:9px}.power button{margin:6px 0 0;padding:8px;font-size:11px}.transport{grid-template-columns:1fr 1fr;gap:15px}.display{min-height:80px}.performance .sectionline{flex-wrap:wrap;gap:7px}.performance .sectionline span{font-size:10px}.pads{gap:7px}.pad{min-height:74px;padding:7px 7px 12px}.pad b{font-size:11px}.pad small,.pad kbd{font-size:9px}.workspace{padding-top:20px}.bottom>div{flex-wrap:wrap}.bottom button{padding:9px;font-size:11px}.bottom p{font-size:8px}.divider{padding:0 4px}.under{flex-direction:column;align-items:flex-start;gap:6px;margin-left:7px;font-size:8px}.notes{padding:25px 2px;font-size:14px}.notes h2{font-size:32px}.rom-list>div{grid-template-columns:1fr 1fr}.rom-list code{grid-column:span 2}.signal-flow{font-size:12px}.grid-footer{align-items:flex-start}}.transport-hint{color:#9a9e92;margin:8px 0 0;font-size:10px;line-height:1.4}.output{min-width:0}@media (width<=900px){.transport{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.transport .output{grid-column:1/-1}}.grid-footer em{margin-left:0}.swing-display{align-items:center;gap:10px;min-width:0;display:flex}.swing-readout{flex:1;min-width:0}.swing-display small{letter-spacing:1px;font-size:9px}.swing-row{color:#d3a184;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font:10px/1.4 monospace;overflow:hidden}.swing-readout output{color:#ff9c62;font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;display:flex}.swing-readout strong{width:auto;font-size:30px;font-weight:500;line-height:1.2}.swing-readout output>span{color:#bf8163;font:11px monospace}.display-arrows{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.display-arrows button{color:#edb68f;background:#352a23;border:1px solid #645042;border-radius:2px;width:25px;height:25px;padding:0;font-size:11px}.display-arrows button:hover:not(:disabled){background:#574030}.display-arrows button:active:not(:disabled){background:#735037}.display-arrows button:disabled{opacity:.3}select.swing-row{color:#e4b494;cursor:pointer;background:#201917;border:0;width:100%;height:17px;padding:0;display:block}.swing-row option{color:#e4b494;background:#201917}.tempo-display{align-items:center;gap:10px;min-width:0;display:flex}.tempo-readout{flex:1;min-width:0}.tempo-readout input{appearance:textfield;font-size:32px}.tempo-readout input::-webkit-inner-spin-button{appearance:none;margin:0}.tempo-readout input::-webkit-outer-spin-button{appearance:none;margin:0}.tempo-display small{letter-spacing:1px;font-size:9px}.step-grid{--voice-width:100px;--mute-width:22px;--step-gap:5px;isolation:isolate;position:relative}.timing-feel{color:#bf8163;align-items:center;gap:7px;margin-top:3px;font-size:9px;display:flex}.timing-feel select{color:#e4b494;background:#352a23;border:0;border-radius:2px;min-width:44px;padding:1px 3px;font-size:10px}.timing-feel select:disabled{opacity:.55}.swing-readout strong{font-size:27px}@media (width<=1200px){.step-grid{--voice-width:85px;--mute-width:18px;--step-gap:4px}}.grid-playhead-track{inset:0 0 0 calc(var(--voice-width) + var(--mute-width) + 2 * var(--step-gap));gap:var(--step-gap);pointer-events:none;z-index:1;display:grid;position:absolute}.grid-playhead-column{background:#e5e7cc1c;border-top:2px solid #c5cbb0;border-radius:2px;height:100%;box-shadow:inset 1px 0 #d6ddbd12,inset -1px 0 #d6ddbd12}.theme-select{text-align:left;min-width:0;position:relative;overflow:visible}.theme-select>button{color:#d8dbc8;text-align:left;background:#222823;border:1px solid #57604e;border-radius:3px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 10px;font-size:12px;display:flex}.theme-select>button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-select svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex-shrink:0;width:12px;height:12px}.theme-select-menu{overscroll-behavior:contain;z-index:20;color:#d6dac8;letter-spacing:0;scrollbar-color:#65705a #242b25;background:#242b25;border:1px solid #68715b;border-radius:4px;width:max-content;min-width:100%;max-width:260px;max-height:265px;padding:4px;font:12px/1.4 DM Sans,Arial,sans-serif;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 12px 28px #0008}.theme-select-menu [role=option]{white-space:nowrap;cursor:pointer;border-radius:2px;justify-content:space-between;gap:18px;padding:8px 10px;display:flex}.theme-select-menu [role=option][aria-selected=true]{color:#ecc493}.theme-select:has([aria-expanded=true]){z-index:30}.swing-row.theme-select{margin-top:3px;overflow:visible}.swing-row.theme-select>button{color:#e4b494;background:#201917;border-color:#594437;gap:4px;padding:3px 5px;font:10px/1.4 monospace}.timing-feel .theme-select>button{color:#e4b494;background:#352a23;border-color:#594437;gap:6px;padding:2px 4px;font-size:10px}.swing-display:has([aria-expanded=true]){z-index:30;position:relative}.beat-generator{align-items:flex-end;gap:10px;margin:0 0 7px;display:flex}.genre-control{flex:1;min-width:0}.genre-control>span{letter-spacing:1.6px;color:#a7ae9a;margin-bottom:6px;font-size:9px;display:block}.randomise{color:#e2dec8;white-space:nowrap;background:#424b38;border:1px solid #748260;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:12px;display:flex}.randomise:hover{background:#525e45;border-color:#a2ad89}.randomise:active{background:#30392a}.randomise svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.generator-hint{color:#939e87;margin:0 0 14px;font-size:10px;line-height:1.5}.voice-dials{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 20px;display:grid}.dial-control{flex-direction:column;align-items:center;gap:9px;min-width:0;display:flex}.dial-label{letter-spacing:1px;color:#aeb9a4;font-size:9px}.dial{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#85877a,#676c60 65%,#5b6055);border:1px solid #171e18;border-radius:50%;flex-shrink:0;width:52px;height:52px;padding:0;position:relative;box-shadow:0 3px #161d17,0 5px 7px #0005,inset 0 1px 1px #c2c5ae50}.machine .dial:active{box-shadow:0 2px #161d17,0 3px 5px #0005,inset 0 1px 1px #c2c5ae50}.dial-pointer{pointer-events:none;border-radius:50%;position:absolute;inset:5px}.dial-pointer i{background:#efc18c;border-radius:2px;width:3px;height:12px;position:absolute;top:1px;left:calc(50% - 1.5px);box-shadow:0 0 4px #e6ac5540}.dial-value{font-variant-numeric:tabular-nums;color:#d1c59f;white-space:nowrap;font:11px/1.4 monospace}.brand{grid-template-columns:minmax(180px,1fr) minmax(520px,1.9fr) auto;align-items:center;gap:22px;display:grid}.brand-title{min-width:0}.brand-title h1{font-size:54px}.brand-title p{letter-spacing:1.7px;white-space:nowrap;font-size:10px}.header-screens{grid-template-columns:122px 122px minmax(250px,1fr);gap:10px;min-width:0;display:grid}.header-screens .display{box-sizing:border-box;height:80px;min-height:80px;padding:8px 9px}.header-screens .pattern-display{flex-direction:column;justify-content:center;display:flex}.header-screens .swing-readout{flex:none}.header-screens .swing-readout strong{font-size:26px;line-height:1.5}.swing-options{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;display:flex}.swing-options .swing-row{margin:0}.swing-options .timing-feel{gap:6px;margin:0}.swing-options .timing-feel .theme-select{flex:1}.swing-options .theme-select-menu{left:auto;right:0}.brand>.power{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:124px;font-size:9px;display:flex}.brand>.power button{margin:0;padding:8px 10px;font-size:11px}.transport{grid-template-columns:200px minmax(160px,360px);justify-content:space-between;align-items:center;gap:24px;padding:16px 0}.transport .output{grid-column:auto}.transport-buttons button{padding:11px 8px}@media (width<=1150px){.brand{grid-template-columns:1fr auto;gap:16px}.header-screens{grid-area:2/1/auto/-1;grid-template-columns:minmax(112px,1fr) minmax(112px,1fr) minmax(250px,1.6fr)}.brand>.power{grid-area:1/2}.brand-title h1{font-size:48px}}@media (width<=560px){.header-screens{grid-template-columns:1fr 1fr}.header-screens .swing-display{grid-column:1/-1}.header-screens .swing-options{max-width:none}.brand-title h1{font-size:43px}.brand-title p{letter-spacing:1px;font-size:9px}.transport{grid-template-columns:150px minmax(0,1fr);gap:16px}.transport-hint{font-size:9px}}@media (width<=380px){.transport{grid-template-columns:1fr}.transport .output{grid-column:1/-1}}.brand{grid-template-columns:minmax(185px,1fr) minmax(520px,1.9fr) 80px 64px;gap:18px}.brand-title .power{letter-spacing:.6px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;max-width:none;margin-top:10px;font-size:8px;display:flex}.brand-title .power button{background:#262b26;margin:0;padding:4px 6px;font-size:9px}.brand-title .power .lamp{width:5px;height:5px}.brand>.transport-buttons{grid-template-columns:1fr;align-self:center;gap:8px;display:grid}.brand>.transport-buttons button{min-height:34px;padding:10px 6px;font-size:11px}.header-master{grid-column:4;place-self:start end;width:64px}.header-master .dial-control{gap:6px}.header-master .dial{width:48px;height:48px}.header-master .meter{width:46px;height:3px;margin:7px auto 0}@media (width<=1150px){.brand{grid-template-columns:minmax(0,1fr) 80px 64px;gap:16px}.brand-title{grid-area:1/1}.brand>.transport-buttons{grid-area:1/2}.header-master{grid-area:1/3}.header-screens{grid-area:2/1/auto/-1}}@media (width<=440px){.brand{grid-template-columns:minmax(0,1fr) 64px 56px;gap:10px}.brand-title h1{font-size:36px}.brand-title p{letter-spacing:.5px;white-space:normal;font-size:8px}.header-master{width:56px}.brand-title .power{letter-spacing:0;gap:4px}.brand>.transport-buttons button{font-size:10px}}.dial:focus{outline:none}.dial:focus-visible{outline-offset:4px;outline:1px dashed #b9c0a9}.pad{touch-action:manipulation;-webkit-user-select:none;user-select:none}.pad.pressed,.pad:active{background:linear-gradient(#959582,#777c68);border-color:#bc9b68;transform:translateY(3px);box-shadow:0 1px #1e2420}.pad.pressed .pad-light{background:#ffcf7f;box-shadow:0 0 9px #ffb65c99}:root{color:#e5dfd3;background:#171716}.machine{background:#292929;border-color:#4b4945 #191a19;border-left-style:solid;border-left-width:8px;border-right-style:solid;border-right-width:8px;border-radius:7px;box-shadow:0 18px 65px #0007}.brand{border-bottom:5px solid #e4793e}.brand-title h1{letter-spacing:1px;color:#f1e9d6;font-family:Barlow Condensed,Impact,sans-serif;font-size:57px;font-weight:700}.brand-title p{color:#d99257}.performance{border-color:#52504a}.sectionline h2{color:#dfd7c7}.pad{border:1px solid #151514;border-top:3px solid var(--pad-color,#d76b45);color:#ece7da;background:linear-gradient(#454442,#353534);box-shadow:0 4px #111}.pad:nth-child(-n+4){--pad-color:#dd654d}.pad:nth-child(n+5):nth-child(-n+8){--pad-color:#e79349}.pad:nth-child(n+9):nth-child(-n+12){--pad-color:#e2c364}.pad:nth-child(n+13){--pad-color:#d9d3be}.pad.pressed,.pad:active{border-color:var(--pad-color);background:linear-gradient(#63574a,#454039);transform:translateY(3px);box-shadow:0 1px #111}.pad b{font-size:13px}.pad-top{color:#b7b1a3}.pad-light{background:#1d1d1b}.pad.firing .pad-light,.pad.pressed .pad-light{background:var(--pad-color);box-shadow:0 0 9px var(--pad-color)}.voice-panel{background:#252625;border-color:#53514a;align-self:start;min-width:0}.voice-choice,.voice-description{grid-column:1/-1}.voice-description{color:#aaa699;margin:12px 0 2px;font-size:11px;line-height:1.6}.voice-panel .sectionline{grid-column:1/-1}.sound-dials{border-top:1px solid #49473f;grid-column:1/-1;justify-content:center;gap:26px;margin-bottom:6px;padding:18px 0;display:flex}.accent-control{border-top:1px solid #49473f;grid-column:1/-1;align-items:center;gap:18px;margin-top:20px;padding-top:18px;display:flex}.accent-control p{color:#aaa699;font-size:11px;line-height:1.6}.accent-control .dial{width:42px;height:42px}.dial{background:linear-gradient(135deg,#494947,#282927);border:1px solid #121311;box-shadow:0 3px #111,0 5px 7px #0006,inset 0 1px #77786a}.machine .dial:hover{background:linear-gradient(135deg,#595953,#343632);border-color:#8a8978}.dial-pointer i{background:#f5ead0}.dial-value{color:#e3c498}.dial-label{color:#c8c0ae}.theme-select>button{color:#e2dccd;background:#20211f;border-color:#5d5b50}.machine .theme-select>button:hover:not(:disabled),.machine .theme-select>button[aria-expanded=true]{background:#35332b;border-color:#c19865}.theme-select-menu{color:#e3dac4;background:#292923;border-color:#77715e}.theme-select-menu .option-active{background:#494331}.audition,.randomise{color:#f0dfc1;background:#4e4230;border-color:#90714c}.randomise:hover{background:#665139}.hint,.generator-hint,.grid-footer>span{color:#aaa592}.step{background:#242422;border-color:#48483f}.step.beat{background:#34342e}.step.set{background:#d4ccb6;border-color:#ece4cf}.voice-name{color:#c2baa8}.mute{color:#a69f8b}.mute.is-muted{color:#ef8558}.grid-heading span:nth-child(n+3):nth-child(-n+6){color:#e67959}.grid-heading span:nth-child(n+7):nth-child(-n+10){color:#eaa354}.grid-heading span:nth-child(n+11):nth-child(-n+14){color:#e0cb74}.grid-heading span:nth-child(n+15){color:#e4decd}.grid-playhead-column{background:#eee5cb16;border-top-color:#e9b967}.grid-footer i{background:#d4ccb6}.accent-scroll{margin-top:12px;overflow:auto}.accent-grid{grid-template-columns:100px 22px repeat(16,minmax(16px,1fr));align-items:center;gap:5px;min-width:585px;display:grid}.accent-grid>span{color:#daa365;letter-spacing:1px;font:9px monospace}.accent-grid .step{height:15px}.accent-grid .step.set{background:#d4ccb6}.voice-panel .theme-select-menu{width:100%;max-width:100%}.voice-panel [role=option]{white-space:normal}@media (width<=1200px){.accent-grid{grid-template-columns:85px 18px repeat(16,minmax(16px,1fr));gap:4px}.pad b{font-size:12px}}@media (width<=560px){.brand-title h1{font-size:44px}.pad b{font-size:11px}}.step-grid .accent-grid{grid-template-columns:var(--voice-width) var(--mute-width) repeat(16,minmax(16px,1fr));gap:var(--step-gap);min-width:0;margin-top:12px}.machine,.voice-panel{background-blend-mode:screen;background-image:url(/emulators/instruments/tr-808/assets/powdercoat.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.machine{background-color:#292929}.voice-panel{background-color:#252625}.brand-title h1{white-space:nowrap;align-items:center;gap:.22em;display:flex}.audionode-logo{object-fit:contain;filter:invert();opacity:.88;flex:none;width:auto;height:.72em;margin:0;display:block}.brand{grid-template-columns:minmax(260px,1fr) minmax(520px,1.9fr) 80px 64px}@media (width<=1250px){.brand{grid-template-columns:minmax(0,1fr) 80px 64px}.header-screens{grid-area:2/1/auto/-1}}@media (width<=440px){.brand{grid-template-columns:minmax(0,1fr) 64px 56px}.brand-title{container-type:inline-size}.brand-title h1{font-size:min(36px,18cqw)}}.audionode-logo{filter:none;opacity:1;background-color:currentColor;width:1.0923em;height:.72em;-webkit-mask:url(/emulators/instruments/tr-808/assets/audionode-logo.svg) 50%/contain no-repeat;mask:url(/emulators/instruments/tr-808/assets/audionode-logo.svg) 50%/contain no-repeat}.footer-brand{color:inherit;letter-spacing:0;align-items:center;gap:12px;font-size:12px;line-height:1.5;text-decoration:none;display:flex}.footer-brand .audionode-logo{flex:none;width:32px;height:22px}.footer-brand strong{font-weight:600}.footer-brand:hover{color:#f1e9d6}.footer-brand:focus-visible{outline-offset:5px;outline:2px solid}.bottom .footer-brand{display:flex}.beat-generator{margin-bottom:18px}.voice-dials{margin-top:16px}.rom-set-control{margin-bottom:14px}@media (width<=560px){.bottom{align-items:flex-start;gap:18px}.bottom>div{flex-wrap:wrap}.footer-brand{font-size:11px}}.brand h1 .audionode-logo{font-size:inherit}.voice-panel{border:1px solid #68665a;border-radius:4px;padding:24px 18px 20px;display:block;position:relative;box-shadow:inset 0 1px #ffffff18,inset 0 -2px #0005,0 4px 8px #0003}.voice-panel:before,.voice-panel:after{content:"";pointer-events:none;background:linear-gradient(135deg,#89887d 40%,#252724 42% 57%,#89887d 59%);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;box-shadow:0 1px 2px #000}.voice-panel:before{left:8px}.voice-panel:after{right:8px}.voice-panel .sectionline{border-bottom:2px solid #bf9360;margin-bottom:16px;padding-bottom:12px}.voice-panel .sectionline h2{letter-spacing:1.7px;font-size:10px}.voice-panel>.sectionline>span{color:#bca887;font:11px monospace}.voice-panel>h3,.voice-choice{color:#e2d7bc;background:#161b17;border:1px solid #111;border-radius:2px;box-shadow:inset 0 2px 4px #0006}.voice-panel>h3{margin:0;padding:10px 12px;font-size:25px}.voice-choice .theme-select-trigger{min-height:43px}.voice-panel .voice-dials{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;margin:24px 0 20px}.voice-panel .dial-control{gap:14px;padding:0 0 3px}.voice-panel .dial{background:linear-gradient(135deg,#77796f,#44483f 70%);border:2px solid #1c201b;width:56px;height:56px;box-shadow:0 3px #1115,0 5px 8px #0007,inset 0 1px 1px #dedbc34d}.voice-panel .dial:before{content:"";pointer-events:none;background:repeating-conic-gradient(from 225deg,#b6ad9555 0deg 2deg,#0000 2deg 27deg);border-radius:50%;position:absolute;inset:-9px;-webkit-mask:radial-gradient(#0000 64%,#000 66%);mask:radial-gradient(#0000 64%,#000 66%)}.voice-panel .dial-label{letter-spacing:1.2px;color:#d4cbb4;font-size:9px}.voice-panel .dial-value{color:#d8c59f;text-align:center;background:#191d18;border:1px solid #4a4d41;border-radius:2px;min-width:44px;padding:4px 5px;font:11px monospace}.voice-panel .hint{margin:0 0 16px;font-size:10px;line-height:1.5}.download-voice{color:#ebdfc2;background:linear-gradient(#535747,#3c4134);border:1px solid #777c65;border-bottom-color:#24291f;border-radius:3px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:39px;padding:9px 10px;font-size:11px;display:flex;box-shadow:0 2px #151a13}.download-voice svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.download-voice small{color:#c2b89d;margin-left:auto;font:9px monospace}.download-voice:active{transform:translateY(1px);box-shadow:0 1px #151a13}.voice-panel .accent-control{justify-content:center;margin-top:22px;padding-top:22px}.voice-panel .rom-panel{margin-top:22px}@media (width>=621px) and (width<=900px){.voice-panel .voice-dials{grid-template-columns:repeat(4,minmax(0,1fr))}}.voice-panel .dial{background:linear-gradient(135deg,#53504a,#292a26 70%)}.download-voice{background:linear-gradient(#5c4c37,#403526);border-color:#897152}.voice-panel .voice-dials{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}.voice-panel .fixed-voice-dials{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:126px;gap:12px 14px;margin:22px 0 12px}.dial-disabled{opacity:.28}.dial-disabled .dial{cursor:default;box-shadow:0 2px #1115,inset 0 1px 1px #dedbc320}.dial-disabled .dial-pointer i{box-shadow:none;background:#928d7a}.dial-disabled .dial-value{color:#969381}.voice-panel .shared-control-hint{height:42px;min-height:42px;margin:0 0 10px;line-height:14px;overflow:hidden}.voice-panel .voice-choice{height:42px}.voice-panel .voice-choice .theme-select>button{height:40px;min-height:40px}.voice-panel .theme-select>button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.voice-panel .theme-select>button{width:100%;min-width:0;height:36px}.voice-panel .theme-select-menu{z-index:30}.voice-panel .rom-panel .sectionline{height:43px;min-height:43px}.voice-panel .rom-status{white-space:nowrap;font-size:9px}.voice-panel .rom-controls{gap:12px}.voice-panel .restore-roms{height:34px}.studio-layout{display:block}.studio-layout>.machine{min-width:0}@media (width>=1450px){main{max-width:1920px;padding:28px 24px}.studio-layout .machine .brand{grid-template-columns:minmax(0,1fr) 80px 64px}.studio-layout .machine .header-screens{grid-area:2/1/auto/-1}.studio-layout .machine .brand-title{grid-area:1/1}.studio-layout .machine .transport-buttons{grid-area:1/2}.studio-layout .machine .header-master{grid-area:1/3}}@media (width>=621px) and (width<=900px){.voice-panel .fixed-voice-dials{grid-template-columns:repeat(3,minmax(0,1fr))}}.machine{container:instrument/inline-size}.studio-layout .machine .brand{gap:12px;padding-top:18px;padding-bottom:18px}.header-screens .display{height:74px;min-height:74px;padding:7px 8px}.header-screens .display small{letter-spacing:.6px;font-size:8px}.header-screens .display input{font-size:29px}.header-screens .pattern-readouts strong{font-size:28px}.header-screens .pattern-readouts output{font-size:23px}.header-screens .swing-readout strong{font-size:24px}.header-screens .swing-display{gap:7px}@container instrument (width>=820px){.studio-layout .machine .brand{grid-template-columns:minmax(180px,.85fr) minmax(448px,1.8fr) 60px 54px;align-items:center;gap:12px}.studio-layout .machine .brand-title{grid-area:1/1}.studio-layout .machine .brand-title h1{letter-spacing:.3px;gap:.2em;font-size:40px}.studio-layout .machine .header-screens{grid-area:1/2;grid-template-columns:120px 108px minmax(204px,1fr);gap:8px}.studio-layout .machine .brand>.transport-buttons{grid-area:1/3;gap:7px}.studio-layout .machine .brand>.transport-buttons button{min-height:31px;padding:7px 4px;font-size:9px}.studio-layout .machine .header-master{grid-area:1/4;align-self:center;width:54px}.studio-layout .machine .header-master .dial{width:42px;height:42px}.studio-layout .machine .header-master .dial-control{gap:5px}.studio-layout .machine .header-master .dial-label{font-size:8px}.studio-layout .machine .header-master .meter{width:38px;margin-top:5px}.studio-layout .machine .brand-title .power{letter-spacing:0;gap:5px;margin-top:9px;font-size:7px}.studio-layout .machine .brand-title .power button{padding:4px;font-size:8px}.header-screens .swing-options{gap:4px}.header-screens .swing-options .theme-select>button{padding:4px 5px;font-size:8px}.header-screens .swing-options .timing-feel{gap:4px}.header-screens .swing-options .timing-feel>span{font-size:8px}}@container instrument (width>=500px) and (width<=819px){.studio-layout .machine .header-screens{grid-template-columns:120px 108px minmax(210px,1fr);gap:8px}.header-screens .swing-display{grid-column:auto}}.header-screens .tempo-display{gap:6px}.header-screens .tempo-readout{flex:1;min-width:0}.header-screens input[type=number]{appearance:textfield}.header-screens input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.header-screens input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.master-fx-section{width:100%;min-width:0;margin-top:28px;scroll-margin-top:20px}.master-fx-heading{border-bottom:1px solid #7a826447;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:0 2px 14px;display:flex}.master-fx-heading h2{color:#d9bd89;letter-spacing:2px;margin:0;font:600 13px DM Sans,Arial,sans-serif}.master-fx-heading>span{color:#a5ae9b;letter-spacing:1px;align-items:center;gap:12px;font:9px monospace;display:flex}.master-fx-heading i{color:#d9bd89;font-style:normal}.master-fx-section>.fx-rack{width:100%;margin-top:0}@media (width<=620px){.master-fx-section{margin-top:22px}.master-fx-heading{gap:10px}.master-fx-heading h2{letter-spacing:1px;font-size:11px}.master-fx-heading>span{letter-spacing:.4px;gap:6px;font-size:7px}}html[data-embedded] main{max-width:none;margin:0;padding:0}html[data-embedded] .topline,html[data-embedded] .studio-header{display:none}html[data-embedded] .track-fx-dialog{top:var(--embed-top,0px);height:var(--embed-height,100dvh);max-height:var(--embed-height,100dvh);bottom:auto}@media (width<=620px){html[data-embedded] main{padding:0}html[data-embedded] .machine{border-left-width:4px;border-right-width:4px;padding-inline:12px}html[data-embedded] .power{flex-wrap:wrap;max-width:none}html[data-embedded] .brand-title .power button{margin-left:0}}.machine{--module-surface:#0a0e097a}.machine:has(.voice-strip-808){--module-surface:#08080670}.machine>.workspace,.machine .workspace{padding:24px 0;display:block}.voice-panel.voice-strip{--strip-accent:#c39a68;--strip-ink:#ded4ba;--strip-line:#77756666;border:1px solid #696c5c;border-top:3px solid var(--strip-accent);background:var(--module-surface);background-blend-mode:normal;border-radius:3px;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:24px;min-width:0;margin:18px 0 0;padding:22px 24px 18px;display:grid;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #0006}.voice-panel.voice-strip-808{--strip-accent:#e48643;--strip-ink:#e3d9c6;--strip-line:#897b6866;border-color:#5c574d;border-top-color:var(--strip-accent)}.voice-strip-identity{align-self:center;min-width:0}.voice-panel.voice-strip .voice-strip-identity>.sectionline{border:0;grid-column:auto;gap:8px;margin:0 0 10px;padding:0}.voice-panel.voice-strip .sectionline h2{color:var(--strip-ink);letter-spacing:1.6px;font-size:9px}.voice-strip-identity>.sectionline>span{color:var(--strip-accent);font-variant-numeric:tabular-nums;font:12px monospace}.voice-panel.voice-strip .voice-choice{background:#1d211c;border-color:#12150f;height:36px}.voice-panel.voice-strip .voice-choice .theme-select>button{height:34px;min-height:34px;color:var(--strip-ink);background:0 0;border:0;padding:6px 9px;font-size:12px;font-weight:600}.voice-panel.voice-strip-808 .voice-choice{background:#1e1b18}.voice-panel.voice-strip .shared-control-hint{letter-spacing:0;color:#b1ad9b;grid-column:auto;height:42px;min-height:42px;margin:8px 0 0;font-size:9px;line-height:14px}.voice-panel.voice-strip .fixed-voice-dials{border-left:1px solid var(--strip-line);grid-column:auto;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:110px;align-items:center;gap:10px;min-width:0;margin:0;padding:0 0 0 24px;display:grid}.voice-panel.voice-strip-linn .fixed-voice-dials{grid-template-columns:repeat(4,minmax(0,1fr))}.voice-panel.voice-strip .dial-control{align-self:center;gap:11px;min-width:0;padding:0}.voice-panel.voice-strip .dial{width:48px;height:48px}.voice-panel.voice-strip .dial-label{letter-spacing:1px;color:var(--strip-ink);white-space:nowrap;font-size:9px}.voice-panel.voice-strip .dial-value{min-width:42px;padding:3px 4px;font-size:10px}.voice-panel.voice-strip-808 .dial{background:linear-gradient(135deg,#56524a,#242422 75%);border-color:#191916}.voice-panel.voice-strip-808 .dial-value{color:#edbb84;background:#211c18;border-color:#4b4338}.voice-panel.voice-strip .rom-panel{border-top:1px solid var(--strip-line);grid-column:1/-1;grid-template-columns:190px minmax(0,1fr) minmax(0,1.5fr);align-items:end;gap:24px;margin:0;padding:16px 0 0;display:grid}.voice-panel.voice-strip .rom-panel .sectionline{border:0;flex-direction:column;grid-column:auto;justify-content:center;align-items:flex-start;gap:6px;height:53px;min-height:53px;margin:0;padding:0;display:flex}.voice-panel.voice-strip .rom-panel .rom-status{color:#adae9a;font-size:9px}.voice-panel.voice-strip .rom-set-control{min-width:0;margin:0}.voice-panel.voice-strip .rom-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;min-width:0;display:grid}.voice-panel.voice-strip .rom-controls>div{min-width:0}.voice-panel.voice-strip .rom-label{letter-spacing:1.3px;color:#bbbba5;margin:0 0 6px;font-size:8px;display:block}.voice-panel.voice-strip .rom-panel .theme-select>button{height:32px;min-height:32px;padding:5px 8px;font-size:10px}.voice-panel.voice-strip .restore-roms{white-space:nowrap;height:32px;min-height:32px;margin:0;padding:5px 8px;font-size:9px}@container instrument (width>=1050px){.voice-panel.voice-strip-linn{grid-template-columns:180px minmax(300px,1fr) minmax(310px,.95fr);gap:22px}.voice-panel.voice-strip-linn .fixed-voice-dials{padding-left:22px}.voice-panel.voice-strip-linn .rom-panel{border-top:0;border-left:1px solid var(--strip-line);grid-column:auto;grid-template-columns:1fr 1fr;align-content:center;align-self:stretch;gap:10px 12px;padding:0 0 0 22px}.voice-panel.voice-strip-linn .rom-panel .sectionline{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;height:auto;min-height:0}.voice-panel.voice-strip-linn .rom-controls{display:contents}.voice-panel.voice-strip-linn .restore-roms{grid-column:1/-1;justify-self:end;height:24px;min-height:24px;padding:3px 7px;font-size:8px}}@container instrument (width<=700px){.voice-panel.voice-strip{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 16px 16px}.voice-strip-identity{grid-template-columns:120px minmax(0,1fr);align-items:center;column-gap:14px;display:grid}.voice-panel.voice-strip .voice-strip-identity>.sectionline{margin:0}.voice-panel.voice-strip .shared-control-hint{grid-column:1/-1;height:28px;min-height:28px;margin:6px 0 0}.voice-panel.voice-strip .fixed-voice-dials{border-left:0;border-top:1px solid var(--strip-line);gap:8px;padding:16px 0 0}.voice-panel.voice-strip .rom-panel{grid-template-columns:1fr 1fr;gap:10px 14px;padding-top:14px}.voice-panel.voice-strip .rom-panel .sectionline{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;height:auto;min-height:0}.voice-panel.voice-strip .rom-controls{display:contents}.voice-panel.voice-strip .restore-roms{grid-column:1/-1;justify-self:end}}@container instrument (width<=420px){.voice-panel.voice-strip{padding-left:12px;padding-right:12px}.voice-strip-identity{grid-template-columns:106px minmax(0,1fr);gap:0 10px}.voice-panel.voice-strip .sectionline h2{letter-spacing:1px;font-size:8px}.voice-panel.voice-strip .fixed-voice-dials{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:105px;gap:10px}.voice-panel.voice-strip-linn .fixed-voice-dials{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.voice-panel.voice-strip .dial-label{letter-spacing:.5px;font-size:8px}.voice-panel.voice-strip-linn .dial{width:42px;height:42px}}.studio-layout .machine .header-screens{grid-template-columns:120px 108px;justify-content:end;gap:8px}@container instrument (width>=620px){.studio-layout .machine .brand{grid-template-columns:minmax(180px,1fr) auto 60px 54px;align-items:center;gap:12px}.studio-layout .machine .brand-title{grid-area:1/1}.studio-layout .machine .header-screens{grid-area:1/2}.studio-layout .machine .brand>.transport-buttons{grid-area:1/3}.studio-layout .machine .header-master{grid-area:1/4}}@container instrument (width<=619px){.studio-layout .machine .header-screens{grid-area:2/1/auto/-1;grid-template-columns:1fr 1fr;width:100%}}