html:has(.st-studio-shell){height:100dvh;max-height:100dvh;overflow:hidden}body:has(.st-studio-shell){height:100dvh;max-height:100dvh;overflow:hidden}.st-grid:has(.st-studio-shell){height:100dvh;max-height:100dvh;overflow:hidden}.st-studio-shell{-webkit-user-select:none;user-select:none}html:has(.st-studio-shell){-webkit-user-select:none;user-select:none}html:has(.st-studio-shell) body{-webkit-user-select:none;user-select:none}.st-studio-shell :is(input,textarea,select,[contenteditable=true],[contenteditable=""],.st-note-text){-webkit-user-select:text;user-select:text}.st-studio-shell :focus,.st-studio-shell :focus-visible{outline:none}html:has(.st-studio-shell) :focus{outline:none}html:has(.st-studio-shell) :focus-visible{outline:none}.st-studio-shell{--hw-legend:#6d6270;--hw-key:#f7f0ea;--hw-key-edge:#c4b4ab;--hw-lcd:#1c1c2e;--hw-lcd-ink:#d8cfc4;--hw-blue:#4a6fa5;--hw-green:#5a8f6b;--hw-travel:2px;--deck-tone:.35;--deck-aura:.55;--deck-gain:.6;--deck-mix:.45;--hue-coral:#e07a5f;--hue-navy:#22223b;--hue-cream:#efe6df;--hue-mauve:#c4b4d4;--hw-plastic:var(--hue-cream);position:relative}@supports (color:color-mix(in lab, red, red)){.st-studio-shell{--hw-plastic:color-mix(in srgb, var(--hue-cream) calc(100% - var(--deck-tone) * 38%), var(--hue-mauve))}}.st-studio-shell{--hw-plastic-deep:var(--hue-cream)}@supports (color:color-mix(in lab, red, red)){.st-studio-shell{--hw-plastic-deep:color-mix(in srgb, var(--hue-cream) calc(88% - var(--deck-tone) * 32%), var(--hue-navy))}}.st-studio-shell{--hw-coral:var(--hue-coral)}@supports (color:color-mix(in lab, red, red)){.st-studio-shell{--hw-coral:color-mix(in srgb, var(--hue-coral) calc(55% + var(--deck-gain) * 45%), #ffc09a)}}.st-studio-shell{background:radial-gradient(70rem 32rem at 18% -8%, var(--hw-coral), transparent 50%), radial-gradient(50rem 24rem at 88% 0%, #4a4e69, transparent 48%), radial-gradient(40rem 20rem at 50% -6%, #c9ada7, transparent 46%), var(--bg);flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.st-studio-shell{background:radial-gradient(70rem 32rem at 18% -8%, color-mix(in srgb, var(--hw-coral) calc(8% + var(--deck-gain) * 22%), transparent), transparent 50%), radial-gradient(50rem 24rem at 88% 0%, color-mix(in srgb, #4a4e69 calc(6% + var(--deck-tone) * 28%), transparent), transparent 48%), radial-gradient(40rem 20rem at 50% -6%, color-mix(in srgb, #c9ada7 calc(8% + var(--deck-aura) * 24%), transparent), transparent 46%), color-mix(in srgb, var(--bg) calc(100% - var(--deck-tone) * 18%), #2a2438)}}.hw-aura{pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 8%, var(--hw-coral), transparent 28%), radial-gradient(circle at 78% 4%, #9a8c9838, transparent 26%), repeating-radial-gradient(circle at 50% -8%, transparent 0 1.35rem, #c9ada724 1.35rem 1.42rem);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.hw-aura{background:radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--hw-coral) 28%, transparent), transparent 28%), radial-gradient(circle at 78% 4%, #9a8c9838, transparent 26%), repeating-radial-gradient(circle at 50% -8%, transparent 0 1.35rem, #c9ada724 1.35rem 1.42rem)}}.hw-aura{opacity:calc(.18 + var(--deck-aura) * .75);transform:scale(calc(.86 + var(--deck-aura) * .28));transform-origin:50% 0;-webkit-mask-image:radial-gradient(70% 55% at 50% 0,#000 10%,#0000 72%);mask-image:radial-gradient(70% 55% at 50% 0,#000 10%,#0000 72%)}.dark .st-studio-shell{--hw-plastic:var(--hue-navy)}@supports (color:color-mix(in lab, red, red)){.dark .st-studio-shell{--hw-plastic:color-mix(in srgb, var(--hue-navy) calc(100% - var(--deck-tone) * 28%), var(--hue-mauve))}}.dark .st-studio-shell{--hw-plastic-deep:var(--hue-navy)}@supports (color:color-mix(in lab, red, red)){.dark .st-studio-shell{--hw-plastic-deep:color-mix(in srgb, var(--hue-navy) calc(92% - var(--deck-tone) * 22%), #000)}}.dark .st-studio-shell{--hw-legend:#9a8c98;--hw-key:#3a3a54;--hw-key-edge:#1a1a2e;--hw-lcd:#12121f;--hw-lcd-ink:#e8ddd4}.st-studio{--st-studio-wash:var(--st-rose)}@supports (color:color-mix(in lab, red, red)){.st-studio{--st-studio-wash:color-mix(in srgb, var(--st-rose) 16%, transparent)}}.st-studio{flex-direction:column;flex:1;gap:0;width:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.st-studio[data-stage=finding_niche]{--st-studio-wash:var(--st-mauve)}@supports (color:color-mix(in lab, red, red)){.st-studio[data-stage=finding_niche]{--st-studio-wash:color-mix(in srgb, var(--st-mauve) 20%, transparent)}}.st-studio[data-stage=starting]{--st-studio-wash:var(--st-accent)}@supports (color:color-mix(in lab, red, red)){.st-studio[data-stage=starting]{--st-studio-wash:color-mix(in srgb, var(--st-accent) 14%, transparent)}}.st-studio[data-stage=growing]{--st-studio-wash:var(--st-purple)}@supports (color:color-mix(in lab, red, red)){.st-studio[data-stage=growing]{--st-studio-wash:color-mix(in srgb, var(--st-purple) 16%, transparent)}}.st-studio[data-stage=optimizing]{--st-studio-wash:var(--st-navy)}@supports (color:color-mix(in lab, red, red)){.st-studio[data-stage=optimizing]{--st-studio-wash:color-mix(in srgb, var(--st-navy) 12%, transparent)}}.st-studio[data-stage=team]{--st-studio-wash:var(--st-purple)}@supports (color:color-mix(in lab, red, red)){.st-studio[data-stage=team]{--st-studio-wash:color-mix(in srgb, var(--st-purple) 22%, transparent)}}.st-studio-mast{justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.1rem 1.35rem .35rem;display:flex}.st-studio-canvas{flex:1;min-height:0;padding:.75rem 1.35rem 6.5rem;overflow-y:auto}.st-board-mark{z-index:8;pointer-events:auto;align-items:center;gap:.45rem;display:flex;position:absolute;top:.85rem;left:1.1rem}.st-usage-meter{z-index:8;background:var(--hw-plastic);min-height:1.7rem;color:var(--text);cursor:pointer;pointer-events:auto;box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 var(--hw-key-edge);border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.22rem .48rem .22rem .38rem;display:inline-flex;position:absolute;top:.85rem;right:1.1rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.st-usage-meter{box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 color-mix(in srgb, var(--hw-key-edge) 60%, transparent)}}.st-usage-meter-dials{align-items:center;gap:.22rem;display:flex}.st-usage-meter-dial{--st-fill:0%;background:conic-gradient(var(--st-accent,#e07a5f) var(--st-fill), var(--text) 0);border-radius:50%;width:.92rem;height:.92rem}@supports (color:color-mix(in lab, red, red)){.st-usage-meter-dial{background:conic-gradient(var(--st-accent,#e07a5f) var(--st-fill), color-mix(in srgb, var(--text) 12%, transparent) 0)}}.st-usage-meter-dial{box-shadow:inset 0 0 0 2.5px var(--hw-plastic), inset 0 1px 0 #ffffff59}.st-usage-meter-dial.is-store{background:conic-gradient(#4a6fa5 var(--st-fill), var(--text) 0)}@supports (color:color-mix(in lab, red, red)){.st-usage-meter-dial.is-store{background:conic-gradient(#4a6fa5 var(--st-fill), color-mix(in srgb, var(--text) 12%, transparent) 0)}}.st-usage-meter-copy{white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;align-items:baseline;gap:.4rem;font-size:.62rem;display:inline-flex;overflow:hidden}.st-usage-meter-copy em{font-variant-numeric:tabular-nums;font-style:normal;font-weight:700}.st-usage-meter-copy span{color:var(--text-muted);font-weight:500}.st-usage-meter-ticks{flex-direction:column;gap:.16rem;display:flex}.st-usage-meter-ticks b{background:var(--text);border-radius:99px;width:.42rem;height:.14rem;display:block}@supports (color:color-mix(in lab, red, red)){.st-usage-meter-ticks b{background:color-mix(in srgb, var(--text) 28%, transparent)}}.st-board-mark-title{background:var(--hw-plastic);color:var(--text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 var(--hw-key-edge);border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.68rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.st-board-mark-title{box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 color-mix(in srgb, var(--hw-key-edge) 60%, transparent)}}.st-board-mark-title:hover{filter:brightness(1.04)}.st-board-mark-title:active{transform:translateY(1px)}.st-iframe-device{background:linear-gradient(180deg, var(--w-body,var(--hw-key)), var(--w-body,var(--hw-key)));border-radius:.85rem;flex-direction:column;gap:.45rem;padding:.55rem .6rem .5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-iframe-device{background:linear-gradient(180deg, var(--w-body,var(--hw-key)), color-mix(in srgb, var(--w-body,var(--hw-key)) 82%, var(--hw-key-edge)))}}.st-iframe-device{box-shadow:inset 0 1px 0 #ffffff8c, 0 4px 0 var(--st-lip,var(--hw-key-edge))}.st-iframe-device.is-span-1 .st-iframe-glass{min-height:10rem}.st-iframe-device.is-span-2 .st-iframe-glass{min-height:14rem}.st-iframe-device.is-span-3{grid-template-columns:5.5rem minmax(0,1fr);align-items:stretch;gap:.7rem;display:grid}.st-iframe-device.is-span-3 .st-iframe-plate{flex-direction:column;justify-content:flex-start}.st-iframe-device.is-span-3 .st-iframe-glass{min-height:16rem}.st-iframe-plate{justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex}.st-iframe{background:var(--w-face,var(--hw-lcd));border:0;border-radius:.45rem;width:100%;height:18rem;min-height:16rem;display:block}.st-iframe-shell{width:100%;position:relative}.st-iframe-shell.is-sized .st-iframe{height:100%;min-height:0}.st-iframe-shell.is-sized .st-iframe-empty{min-height:100%}.st-iframe-shell.is-resizing .st-iframe,.st-video.is-resizing .st-video-screen{pointer-events:none}.st-iframe-empty{background:var(--w-face,var(--hw-lcd));border-radius:.45rem;flex-direction:column;justify-content:center;gap:.55rem;padding:.8rem;display:flex}.st-frame-resize{z-index:6;appearance:none;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.st-frame-resize.is-w,.st-frame-resize.is-e{cursor:ew-resize;width:.72rem;top:.35rem;bottom:.85rem}.st-frame-resize.is-w{left:0}.st-frame-resize.is-e{right:0}.st-frame-resize.is-s{cursor:ns-resize;height:.72rem;bottom:0;left:.35rem;right:.85rem}.st-frame-resize.is-se{cursor:nwse-resize;width:1.05rem;height:1.05rem;bottom:0;right:0}.st-frame-resize.is-se:after{content:"";border-right:2px solid var(--hw-plastic,var(--hw-coral));border-bottom:2px solid var(--hw-plastic,var(--hw-coral));opacity:.4;width:.42rem;height:.42rem;position:absolute;bottom:.16rem;right:.16rem}:is(.st-iframe-shell,.st-video):hover .st-frame-resize.is-se:after,:is(.st-iframe-shell,.st-video):focus-within .st-frame-resize.is-se:after{opacity:1}.st-polaroid{--polaroid-paper:#f4eee4;--polaroid-ink:#3a322c;filter:drop-shadow(0 1px #ffffff59);width:12.4rem;padding:.35rem .45rem .55rem}.st-polaroid.is-span-2{width:14.6rem}.st-polaroid.is-span-3{width:17rem}.st-polaroid.is-fresh .st-polaroid-stock{animation:1.45s cubic-bezier(.22,1,.36,1) both st-eject}@keyframes st-eject{0%{transform:translateY(-88%) rotate(var(--tilt,-1.2deg))}14%{transform:translateY(-80%) rotate(var(--tilt,-1.2deg))}18%{transform:translateY(-78%) rotate(var(--tilt,-1.2deg))}42%{transform:translateY(-48%) rotate(var(--tilt,-1.2deg))}46%{transform:translateY(-46%) rotate(var(--tilt,-1.2deg))}72%{transform:translateY(-16%) rotate(var(--tilt,-1.2deg))}to{transform:translateY(0) rotate(var(--tilt,-1.2deg))}}.st-polaroid-stock{background:linear-gradient(180deg, #ffffff8c, transparent 28%), linear-gradient(165deg, #fffdf8 0%, var(--polaroid-paper) 46%, #e8dcc8 100%);box-shadow:inset 0 1px 0 #ffffffd9, inset 0 -1px 0 #5a46280f, 0 1px 0 #ffffff59, 0 10px 0 -6px #281c100f, 0 4px 0 var(--st-lip,transparent), 0 14px 22px #221c1238;transform:rotate(var(--tilt,-1.2deg));transform-origin:50% 80%;border-radius:.18rem .18rem .12rem .14rem;padding:.55rem .55rem 0;position:relative}.st-polaroid-stock:before{content:"";pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#503c1e08 3px 4px),repeating-linear-gradient(90deg,#0000 0 5px,#503c1e06 5px 6px);position:absolute;inset:0}.st-polaroid-well{aspect-ratio:1;width:100%;cursor:inherit;background:radial-gradient(120% 80% at 50% 0,#ffffff14,#0000 46%),#1a1814;border:0;border-radius:.08rem;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000073,inset 0 0 0 1px #ffffff0f}.st-polaroid-well img{object-fit:cover;filter:contrast(1.04)saturate(.94);width:100%;height:100%;display:block}.st-polaroid.is-empty .st-polaroid-well{cursor:pointer}.st-polaroid-blank{color:#e8dcc861;font-family:var(--font-polaroid), "Bradley Hand", "Segoe Print", cursive;letter-spacing:.02em;place-items:center;font-size:1.15rem;display:grid;position:absolute;inset:0}.st-polaroid.is-over .st-polaroid-well{box-shadow:inset 0 0 0 2px var(--hw-coral), inset 0 2px 6px #00000059}@supports (color:color-mix(in lab, red, red)){.st-polaroid.is-over .st-polaroid-well{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--hw-coral) 70%, #fff), inset 0 2px 6px #00000059}}.st-polaroid-well.is-developing:after{content:"";background:linear-gradient(#d2ccbeeb,#969080e0);animation:2.8s forwards st-develop;position:absolute;inset:0}@keyframes st-develop{0%{opacity:1}70%{opacity:.55}to{opacity:0}}.st-polaroid-footer{justify-content:flex-end;align-items:flex-end;min-height:3.1rem;padding:.55rem .2rem .7rem;display:flex}.st-polaroid-caption{min-width:0;color:var(--polaroid-ink);font-family:var(--font-polaroid), "Bradley Hand", "Segoe Print", cursive;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.15rem;line-height:1.1;overflow:hidden;transform:rotate(-.6deg)}.st-polaroid-stamp{color:var(--polaroid-ink);flex:none;margin-bottom:.1rem}@supports (color:color-mix(in lab, red, red)){.st-polaroid-stamp{color:color-mix(in srgb, var(--polaroid-ink) 55%, #8a7a68)}}.st-polaroid-stamp{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;font-size:.48rem}.st-polaroid-tapes{pointer-events:none;height:2.8rem;position:absolute;bottom:-.2rem;left:0;right:0;overflow:visible}.st-scotch{width:84%;height:1.28rem;transform:rotate(var(--tilt,-4deg));transform-origin:50%;justify-content:center;align-items:center;padding:0 .7rem;display:flex;position:absolute;bottom:.35rem;left:8%}.st-scotch:before{content:"";mix-blend-mode:multiply;clip-path:polygon(1.5% 18%,5% 0,96% 8%,100% 42%,97% 100%,4% 90%,0 52%);filter:saturate(.92);background:linear-gradient(90deg,#0000 0 4%,#ffffff8c 8%,#0000 16%,#fff3 48%,#0000 78%,#ffffff73 90%,#0000 100%),repeating-linear-gradient(102deg,#0000 0 9px,#ffffff1a 9px 10px),linear-gradient(#ffecb08c,#e2ba5c7a 52%,#c496406b);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #6e501424,0 1px 1px #281c0a14}.st-polaroid.is-span-2 .st-polaroid-well{min-height:11rem}.st-polaroid.is-span-3 .st-polaroid-footer{min-height:3.6rem}.st-scotch-copy{z-index:1;max-width:100%;color:var(--w-accent,#2c2218);font-family:var(--font-polaroid), "Bradley Hand", "Segoe Print", cursive;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 .5px #fff8dc59;font-size:.92rem;font-style:normal;font-weight:600;line-height:1;position:relative;overflow:hidden}.st-scotch.is-2{opacity:.92;width:70%;bottom:.08rem;left:16%}.st-scotch.is-3{opacity:.88;width:74%;bottom:.82rem;left:7%}.st-scotch.is-4{width:64%;bottom:.28rem;left:20%}.st-scotch.is-5{width:72%;bottom:1.05rem;left:12%}.st-polaroid-error{color:#9a3a28;margin:.45rem .2rem 0;font-size:.68rem}.st-polaroid-dialog-feeds{background:#f4eee4;flex-direction:column;gap:.35rem;margin:0;padding:.55rem .7rem;list-style:none;display:flex}@supports (color:color-mix(in lab, red, red)){.st-polaroid-dialog-feeds{background:color-mix(in srgb, #f4eee4 80%, var(--bg))}}.st-polaroid-dialog-feeds{font-family:var(--font-polaroid), "Bradley Hand", cursive;color:#3a322c;border:1px dashed #c4b4abb3;font-size:1.05rem}.st-printer{--printer-edge:var(--st-lip,#0b0b0e)}@media (prefers-reduced-motion:reduce){.st-polaroid-well.is-developing:after,.st-polaroid.is-fresh .st-polaroid-stock,.st-printer.is-printing .st-printer-mark,.st-printer.is-printing .st-printer-bar:after{transition:none;animation:none}.st-polaroid-well.is-developing:after{opacity:.35}.st-polaroid.is-fresh .st-polaroid-stock{opacity:1}}.st-nuke{background:linear-gradient(180deg, var(--hw-key), var(--hw-key));border-radius:.8rem;flex-direction:column;gap:.55rem;padding:.65rem .65rem .75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-nuke{background:linear-gradient(180deg, var(--hw-key), color-mix(in srgb, var(--hw-key) 80%, var(--hw-key-edge)))}}.st-nuke{border:1px solid var(--hw-key-edge)}@supports (color:color-mix(in lab, red, red)){.st-nuke{border:1px solid color-mix(in srgb, var(--hw-key-edge) 70%, transparent)}}.st-nuke{box-shadow:inset 0 1px 0 #fff9, 0 2px 0 var(--hw-key-edge), 0 8px 18px #1c1c2e24}.st-nuke-head{align-items:center;gap:.5rem;display:flex}.st-nuke-stripes{background:repeating-linear-gradient(-45deg, #e8b73a 0 .5rem, var(--hw-lcd) .5rem 1rem);opacity:.85;border-radius:999px;flex:1;height:.5rem}.st-nuke-label{flex:none}.st-nuke-led{background:var(--hw-legend);border-radius:999px;flex:none;width:.45rem;height:.45rem}@supports (color:color-mix(in lab, red, red)){.st-nuke-led{background:color-mix(in srgb, var(--hw-legend) 35%, transparent)}}.st-nuke-led{box-shadow:inset 0 1px 1px #1c1c2e59}.st-nuke-led.is-live{background:var(--hw-green);box-shadow:0 0 8px var(--hw-green)}@supports (color:color-mix(in lab, red, red)){.st-nuke-led.is-live{box-shadow:0 0 8px color-mix(in srgb, var(--hw-green) 75%, transparent)}}.st-nuke-bay{flex-direction:column;align-items:center;gap:.55rem;padding:.9rem 0 .3rem;display:flex}.st-nuke-ring{background:radial-gradient(circle at 50% 40%, var(--hw-key), var(--hw-key-edge));border-radius:999px;justify-content:center;align-items:center;width:9.5rem;height:9.5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.st-nuke-ring{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--hw-key) 70%, #fff), var(--hw-key-edge))}}.st-nuke-ring{box-shadow:inset 0 2px 6px #1c1c2e4d,0 1px #fff9}.st-nuke-button{cursor:pointer;background:radial-gradient(circle at 38% 30%,#ff6a55,#d92d20 55%,#9f1a12);border:2px solid #7e120c;border-radius:999px;width:7.6rem;height:7.6rem;transition:transform 90ms,box-shadow 90ms;box-shadow:inset 0 3px 6px #ffffff59,inset 0 -6px 10px #00000059,0 6px #7e120c,0 10px 18px #9f1a1273}.st-nuke-button:hover{filter:brightness(1.06)}.st-nuke-button:active,.st-nuke-button:disabled{transform:translateY(5px);box-shadow:inset 0 3px 6px #ffffff40,inset 0 -3px 6px #00000059,0 1px #7e120c,0 3px 8px #9f1a1266}.st-nuke-button-face{letter-spacing:.16em;color:#ffe9e5;text-shadow:0 1px 2px #00000073;font-size:.78rem;font-weight:800}.st-nuke-caption{letter-spacing:.18em;text-transform:uppercase;color:var(--hw-legend);font-size:.64rem;font-weight:700}.st-nuke-connected{background:var(--hw-lcd);color:var(--hw-lcd-ink);border-radius:.55rem;align-items:center;gap:.6rem;padding:.55rem .6rem;display:flex;box-shadow:inset 0 2px 5px #0006}.st-nuke-avatar{border:1px solid var(--hw-lcd-ink);border-radius:999px;flex:none;width:2.4rem;height:2.4rem}@supports (color:color-mix(in lab, red, red)){.st-nuke-avatar{border:1px solid color-mix(in srgb, var(--hw-lcd-ink) 30%, transparent)}}.st-nuke-channel{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.st-nuke-subs{opacity:.75;font-size:.64rem}.st-nuke-reauth{letter-spacing:.08em;text-transform:uppercase;color:var(--hw-lcd-ink);opacity:.7;flex:none;margin-left:auto;font-size:.62rem}.st-nuke-reauth:hover{opacity:1}.st-nuke-note{color:var(--hw-legend);padding:0 .15rem;font-size:.68rem;line-height:1.35}.st-image{background:linear-gradient(180deg, var(--hw-key), var(--hw-key));border-radius:.6rem;flex-direction:column;gap:.4rem;padding:.55rem .55rem .5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-image{background:linear-gradient(180deg, var(--hw-key), color-mix(in srgb, var(--hw-key) 86%, var(--hw-key-edge)))}}.st-image{border:1px solid var(--hw-key-edge)}@supports (color:color-mix(in lab, red, red)){.st-image{border:1px solid color-mix(in srgb, var(--hw-key-edge) 65%, transparent)}}.st-image{box-shadow:inset 0 1px 0 #fff9, 0 2px 0 var(--hw-key-edge), 0 6px 14px #1c1c2e1f}.st-image-print{background:var(--hw-lcd);border-radius:.4rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #0006}.st-image-print img{object-fit:contain;width:100%;height:auto;max-height:30rem;display:block}.st-image-live{letter-spacing:.14em;text-transform:uppercase;color:#1c1c2e;background:#e4b66a;border-radius:999px;padding:.12rem .4rem;font-size:.58rem;position:absolute;top:.4rem;left:.4rem}.st-image-dl{letter-spacing:.08em;text-transform:uppercase;color:var(--hw-lcd);background:var(--hw-key);border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .45rem;font-size:.62rem;display:inline-flex;position:absolute;bottom:.4rem;right:.4rem}@supports (color:color-mix(in lab, red, red)){.st-image-dl{background:color-mix(in srgb, var(--hw-key) 88%, transparent)}}.st-image-dl{border:1px solid var(--hw-key-edge);opacity:0;text-decoration:none;transition:opacity .12s}.st-image-print:hover .st-image-dl,.st-image-print:focus-within .st-image-dl{opacity:1}.st-image-swap{width:1.4rem;height:1.4rem;color:var(--hw-lcd);background:var(--hw-key);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.4rem;right:.4rem}@supports (color:color-mix(in lab, red, red)){.st-image-swap{background:color-mix(in srgb, var(--hw-key) 88%, transparent)}}.st-image-swap{border:1px solid var(--hw-key-edge);opacity:0;transition:opacity .12s}.st-image-print:hover .st-image-swap{opacity:1}.st-image-caption{letter-spacing:.12em;text-transform:uppercase;color:var(--hw-legend);text-overflow:ellipsis;white-space:nowrap;padding:0 .15rem;font-size:.62rem;font-weight:700;overflow:hidden}.st-image-drop{border:1.5px dashed var(--hw-legend);border-radius:.45rem;flex-direction:column;gap:.5rem;padding:.7rem .6rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-image-drop{border:1.5px dashed color-mix(in srgb, var(--hw-legend) 40%, transparent)}}.st-image-drop{transition:border-color .12s,background .12s}.st-image-drop.is-over{border-color:var(--hw-coral,#e07a5f);background:var(--hw-coral,#e07a5f)}@supports (color:color-mix(in lab, red, red)){.st-image-drop.is-over{background:color-mix(in srgb, var(--hw-coral,#e07a5f) 8%, transparent)}}.st-image-row{align-items:center;gap:.45rem;display:flex}.st-image-row .hw-talk{flex:1;min-width:0}.st-image-error{color:#b3402f;align-items:center;gap:.3rem;font-size:.66rem;display:flex}.st-image-gen{flex-direction:column;gap:.4rem;display:flex}.st-image-feeds{flex-wrap:wrap;gap:.28rem;margin:0;padding:0;list-style:none;display:flex}.st-image-feeds li{text-overflow:ellipsis;white-space:nowrap;background:var(--hw-blue,#4a6fa5);border-radius:999px;max-width:100%;padding:.16rem .4rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.st-image-feeds li{background:color-mix(in srgb, var(--hw-blue,#4a6fa5) 18%, var(--hw-key))}}.st-image-feeds li{color:var(--hw-legend);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.04em;font-size:.58rem}.st-video{position:relative}.st-video-tablet{background:linear-gradient(180deg, var(--w-body,var(--hw-key)), var(--w-body,var(--hw-key)));border-radius:1.1rem;flex-direction:column;gap:.5rem;padding:.7rem .7rem .55rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-video-tablet{background:linear-gradient(180deg, var(--w-body,var(--hw-key)), color-mix(in srgb, var(--w-body,var(--hw-key)) 82%, var(--hw-key-edge)))}}.st-video-tablet{border:1px solid var(--w-body,var(--hw-key-edge))}@supports (color:color-mix(in lab, red, red)){.st-video-tablet{border:1px solid color-mix(in srgb, var(--w-body,var(--hw-key-edge)) 70%, transparent)}}.st-video-tablet{box-shadow:inset 0 1px 0 #ffffffa6, 0 4px 0 var(--st-lip,var(--hw-key-edge)), 0 8px 18px #1c1c2e24}.st-video.is-span-1 .st-video-grille{grid-template-columns:repeat(4,.22rem)}.st-video.is-span-1 .st-video-time{display:none}.st-video.is-span-3 .st-video-bezel{padding:.45rem}.st-video.is-span-3 .st-video-screen{min-height:14rem}.st-video-top{justify-content:space-between;align-items:center;padding:0 .15rem;display:flex}.st-video-legend{letter-spacing:.14em;text-transform:uppercase;color:var(--w-accent,var(--hw-legend));text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;font-weight:700;overflow:hidden}.st-video-leds{gap:.3rem;display:inline-flex}.st-video-leds i{background:var(--hw-legend);border-radius:999px;width:.32rem;height:.32rem}@supports (color:color-mix(in lab, red, red)){.st-video-leds i{background:color-mix(in srgb, var(--hw-legend) 35%, transparent)}}.st-video-leds i{box-shadow:inset 0 1px 1px #1c1c2e59}.st-video-leds i.is-live{background:var(--hw-coral,#e07a5f);box-shadow:0 0 6px var(--hw-coral,#e07a5f)}@supports (color:color-mix(in lab, red, red)){.st-video-leds i.is-live{box-shadow:0 0 6px color-mix(in srgb, var(--hw-coral,#e07a5f) 70%, transparent)}}.st-video-bezel{background:var(--w-face,var(--hw-lcd));border-radius:.7rem;padding:.3rem;box-shadow:inset 0 2px 6px #00000073}.st-video-screen{aspect-ratio:16/9;background:var(--w-face,#000);border:0;border-radius:.45rem;width:100%;display:block}.st-video-empty{flex-direction:column;gap:.55rem;padding:1.1rem .9rem;display:flex}.st-video-empty .hw-legend{color:var(--hw-lcd-ink)}.st-video-bottom{justify-content:space-between;align-items:center;padding:0 .2rem;display:flex}.st-video-grille{grid-template-columns:repeat(9,.22rem);gap:.22rem;display:grid}.st-video-grille i{background:var(--hw-key-edge);border-radius:999px;width:.22rem;height:.22rem}@supports (color:color-mix(in lab, red, red)){.st-video-grille i{background:color-mix(in srgb, var(--hw-key-edge) 80%, var(--hw-legend))}}.st-video-grille i{box-shadow:inset 0 1px 1px #1c1c2e66}.st-video-dial{background:radial-gradient(circle at 32% 28%, #fff, var(--w-knob,var(--hw-key)) 42%, var(--hw-key-edge));border:1px solid var(--hw-key-edge);border-radius:999px;width:.95rem;height:.95rem;box-shadow:inset 0 1px #fff9,0 1px 2px #1c1c2e4d}.st-video.is-frameless .st-video-screen{border-radius:.6rem}.st-video-yt{flex-direction:column;gap:.3rem;display:flex}.st-video-transport{align-items:center;gap:.5rem;padding:.1rem .25rem .2rem;display:flex}.st-video-play{width:1.5rem;height:1.5rem;color:var(--hw-lcd);background:radial-gradient(circle at 32% 28%, #fff, var(--w-key,var(--hw-key)) 46%, var(--hw-key-edge));border:1px solid var(--hw-key-edge);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff8c,0 1px 2px #1c1c2e59}.st-video-play:active{transform:translateY(1px)}.st-video-scrub{background:var(--w-face,var(--hw-lcd));border:0;border-radius:999px;flex:1;min-width:0;height:.85rem;padding:0;position:relative}@supports (color:color-mix(in lab, red, red)){.st-video-scrub{background:color-mix(in srgb, var(--w-face,var(--hw-lcd)) 70%, #000)}}.st-video-scrub{cursor:pointer;box-shadow:inset 0 1px 2px #00000073}.st-video-scrub:disabled{cursor:default;opacity:.5}.st-video-scrub i{border-radius:inherit;background:var(--w-key,var(--hw-coral));pointer-events:none;height:100%;display:block}.st-video-time{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--hw-lcd-ink);flex:none;font-size:.6rem;font-weight:600}.st-studio-main.is-dash .st-studio-canvas{touch-action:none;overscroll-behavior:none;cursor:grab;padding:0;overflow:hidden}.st-studio-main.is-dash .st-studio-canvas.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.st-studio-main.is-dash .st-studio-canvas .st-widget,.st-studio-main.is-dash .st-studio-canvas .st-widget-cell,.st-studio-main.is-dash .st-studio-canvas .st-note,.st-studio-main.is-dash .st-studio-canvas .st-sticker{cursor:auto}.st-studio-main.is-dash .st-widget :is(button,[role=button],a):not(.st-widget-drag):not(.st-widget-grip):not(.st-ssp-layer):not(.st-figma-handle):not(.st-sticker-peel){cursor:pointer}.st-studio-canvas>*{max-width:46rem;margin-inline:auto}.st-studio-main.is-dash .st-studio-canvas>*{max-width:none;margin-inline:0}.st-studio-floor{transform-origin:0 0;will-change:transform;width:100%;height:100%;min-height:100%;position:relative}.st-studio-floor.is-unframed{transform:translate(50%, 50%) scale(var(--st-look-zoom,1)) translate(calc(-1 * var(--st-look-x,0px)), calc(-1 * var(--st-look-y,0px)))}@media (max-width:767px){.st-studio-floor.is-unframed{--st-look-zoom:.52}}.st-floor-grid{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-size:24px 24px;width:8000px;height:8000px;position:absolute;top:-2800px;left:-2800px}.st-snap-guide,.st-ssp-guide,.st-widget-guide{pointer-events:none;z-index:40;background:#0d99ff6b;position:absolute}.st-snap-guide.is-object,.st-ssp-guide.is-object,.st-widget-guide.is-object{background:#0d99ffb3}.st-snap-guide.is-x{width:1px;height:8000px;top:-2800px}.st-snap-guide.is-y{width:8000px;height:1px;left:-2800px}.st-ssp-guide.is-x,.st-widget-guide.is-x{width:1px;top:0;bottom:0}.st-ssp-guide.is-y,.st-widget-guide.is-y{height:1px;left:0;right:0}.st-studio-world{z-index:0;pointer-events:none;width:8000px;height:8000px;position:absolute;top:-2800px;left:-2800px;overflow:hidden}.st-studio-world.is-none{display:none}.st-studio-world-paper,.st-studio-world-tint{position:absolute;inset:0}.st-studio-world-paper{filter:brightness(calc(1.1 - var(--deck-tone) * .4)) saturate(calc(.86 + var(--deck-gain) * .38))}.st-studio-world-tint{background:radial-gradient(circle at 16% 10%, var(--hw-coral), transparent 34%), radial-gradient(circle at 84% 6%, var(--hue-mauve), transparent 32%), radial-gradient(circle at 50% 110%, var(--hue-navy), transparent 52%), repeating-radial-gradient(circle at 50% -12%, transparent 0 1.45rem, var(--hue-mauve) 1.45rem 1.54rem)}@supports (color:color-mix(in lab, red, red)){.st-studio-world-tint{background:radial-gradient(circle at 16% 10%, color-mix(in srgb, var(--hw-coral) calc(8% + var(--deck-gain) * 34%), transparent), transparent 34%), radial-gradient(circle at 84% 6%, color-mix(in srgb, var(--hue-mauve) calc(6% + var(--deck-aura) * 26%), transparent), transparent 32%), radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--hue-navy) calc(var(--deck-tone) * 42%), transparent), transparent 52%), repeating-radial-gradient(circle at 50% -12%, transparent 0 1.45rem, color-mix(in srgb, var(--hue-mauve) calc(var(--deck-aura) * 18%), transparent) 1.45rem 1.54rem)}}.st-studio-world-tint{mix-blend-mode:multiply;opacity:calc(.22 + var(--deck-tone) * .28 + var(--deck-aura) * .18)}.st-studio-world-tint:after{content:"";background:#e4b66a;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.st-studio-world-tint:after{background:color-mix(in srgb, #e4b66a calc(var(--deck-mix) * 100%), #4f9a78)}}.st-studio-world-tint:after{mix-blend-mode:color;opacity:calc(.05 + var(--deck-mix) * .22)}.st-dash{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(13.5rem,auto);align-items:stretch;gap:1rem;max-width:80rem;margin-inline:auto;display:grid;overflow:visible}.st-dash.is-canvas{z-index:1;pointer-events:none;max-width:none;margin:0;display:block;position:absolute;inset:0}.st-dash.is-canvas .st-widget-cell{pointer-events:auto;left:var(--st-x,72px);top:var(--st-y,72px);z-index:2;width:var(--st-w,20rem);grid-column:auto;max-width:none;position:absolute;overflow:visible}.st-dash.is-canvas .st-widget-cell.is-mix{aspect-ratio:1;max-width:none}:is(.st-dash.is-canvas .st-widget-cell:has(.st-beat-device),.st-dash.is-canvas .st-widget-cell:has(.st-keys-device),.st-dash.is-canvas .st-widget-cell:has(.st-scope-device),.st-dash.is-canvas .st-widget-cell:has(.st-knob-device),.st-dash.is-canvas .st-widget-cell:has(.st-switch-device),.st-dash.is-canvas .st-widget-cell:has(.st-btn-device),.st-dash.is-canvas .st-widget-cell:has(.st-slider-device),.st-dash.is-canvas .st-widget-cell:has(.st-calc-device),.st-dash.is-canvas .st-widget-cell:has(.st-mod-device),.st-dash.is-canvas .st-widget-cell:has(.st-fx-device),.st-dash.is-canvas .st-widget-cell:has(.st-lfo-device),.st-dash.is-canvas .st-widget-cell:has(.st-pan-device),.st-dash.is-canvas .st-widget-cell:has(.st-deck-device),.st-dash.is-canvas .st-widget-cell:has(.st-mic-device),.st-dash.is-canvas .st-widget-cell:has(.st-player-device),.st-dash.is-canvas .st-widget-cell:has(.st-recorder),.st-dash.is-canvas .st-widget-cell:has(.st-type-device),.st-dash.is-canvas .st-widget-cell:has(.st-printer),.st-dash.is-canvas .st-widget-cell:has(.st-clock-device),.st-dash.is-canvas .st-widget-cell:has(.st-tmr-device),.st-dash.is-canvas .st-widget-cell:has(.st-alm-device),.st-dash.is-canvas .st-widget-cell:has(.st-spk-device),.st-dash.is-canvas .st-widget-cell:has(.st-polaroid),.st-dash.is-canvas .st-widget-cell:has(.st-film),.st-dash.is-canvas .st-widget-cell:has(.st-cam),.st-dash.is-canvas .st-widget-cell:has(.st-crt),.st-dash.is-canvas .st-widget-cell:has(.st-kb),.st-dash.is-canvas .st-widget-cell:has(.st-lens),.st-dash.is-canvas .st-widget-cell:has(.st-hichord),.st-dash.is-canvas .st-widget-cell:has(.st-dice),.st-dash.is-canvas .st-widget-cell:has(.st-sampler),.st-dash.is-canvas .st-widget-cell:has(.st-pal),.st-dash.is-canvas .st-widget-cell:has(.st-tuner-device),.st-dash.is-canvas .st-widget-cell:has(.st-metro-device),.st-dash.is-canvas .st-widget-cell:has(.st-counter-device),.st-dash.is-canvas .st-widget-cell:has(.st-logic)){width:max-content;padding:0}.st-dash.is-canvas .st-widget-cell.is-dragging{z-index:20;opacity:1}.st-dash.is-canvas .st-widget-cell.is-culled{contain:layout style;pointer-events:none}.st-dash.is-patching .st-widget-cell.is-culled{pointer-events:auto}.st-dash.is-patching .st-widget-cell{z-index:auto}.st-dash.is-patching .st-widget-cell.is-dragging{z-index:20}.st-dash.is-patching .st-widget{isolation:auto}.st-widget.is-ghost{width:var(--st-w,20rem);pointer-events:none;min-height:8rem}.st-widget-headless{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.st-dash.is-canvas .st-widget-cell:has(.st-printer.is-ejecting){z-index:17}:is(.st-dash.is-canvas .st-widget-cell:has(.st-polaroid.is-fresh),.st-dash.is-canvas .st-widget-cell:has(.st-film.is-fresh)){z-index:14}.st-widget-cell{min-width:0;box-shadow:none;background:0 0;border-radius:1.1rem;grid-column:span 4;padding:.55rem .45rem .35rem;position:relative;overflow:visible}.st-dash.is-sorting .st-widget-cell{background:linear-gradient(180deg, #22223b0d, transparent 42%), var(--hue-navy,#22223b)}@supports (color:color-mix(in lab, red, red)){.st-dash.is-sorting .st-widget-cell{background:linear-gradient(180deg, #22223b0d, transparent 42%), color-mix(in srgb, var(--hue-navy,#22223b) 6%, transparent)}}.st-dash.is-sorting .st-widget-cell{box-shadow:inset 0 1px #fff3}.st-widget-cell.is-span-2{grid-column:span 8}.st-widget-cell.is-span-3{grid-column:span 12}.st-widget-cell.is-mix{aspect-ratio:1;grid-column:span 4;align-self:start;max-width:22rem}:is(.st-widget-cell:has(.st-beat-device),.st-widget-cell:has(.st-polaroid),.st-widget-cell:has(.st-film)){grid-column:span 2;place-self:start;width:max-content;max-width:100%;padding:.35rem .25rem}:is(.st-widget-cell:has(.st-beat-device) .st-widget,.st-widget-cell:has(.st-keys-device) .st-widget,.st-widget-cell:has(.st-scope-device) .st-widget,.st-widget-cell:has(.st-knob-device) .st-widget,.st-widget-cell:has(.st-switch-device) .st-widget,.st-widget-cell:has(.st-slider-device) .st-widget,.st-widget-cell:has(.st-calc-device) .st-widget,.st-widget-cell:has(.st-mod-device) .st-widget,.st-widget-cell:has(.st-fx-device) .st-widget,.st-widget-cell:has(.st-lfo-device) .st-widget,.st-widget-cell:has(.st-pan-device) .st-widget,.st-widget-cell:has(.st-deck-device) .st-widget,.st-widget-cell:has(.st-mic-device) .st-widget,.st-widget-cell:has(.st-player-device) .st-widget,.st-widget-cell:has(.st-recorder) .st-widget,.st-widget-cell:has(.st-type-device) .st-widget,.st-widget-cell:has(.st-printer) .st-widget,.st-widget-cell:has(.st-clock-device) .st-widget,.st-widget-cell:has(.st-polaroid) .st-widget,.st-widget-cell:has(.st-film) .st-widget,.st-widget-cell:has(.st-cam) .st-widget,.st-widget-cell:has(.st-crt) .st-widget,.st-widget-cell:has(.st-kb) .st-widget,.st-widget-cell:has(.st-lens) .st-widget,.st-widget-cell:has(.st-tuner-device) .st-widget,.st-widget-cell:has(.st-metro-device) .st-widget,.st-widget-cell:has(.st-counter-device) .st-widget,.st-widget-cell:has(.st-logic) .st-widget){width:max-content;height:auto}.st-widget-cell.is-span-2:has(.st-beat-device){grid-column:span 4}.st-widget-cell.is-span-3:has(.st-beat-device){grid-column:span 8}.st-widget-bay{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);pointer-events:none;opacity:0;font-size:.58rem;position:absolute;top:.28rem;left:.55rem}.st-dash.is-sorting .st-widget-bay{opacity:1}.st-widget-cell.is-drop{box-shadow:inset 0 0 0 1px var(--hw-coral), 0 0 0 3px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.st-widget-cell.is-drop{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hw-coral) 55%, transparent), 0 0 0 3px color-mix(in srgb, var(--hw-coral) 18%, transparent)}}.st-widget-cell.is-dragging{opacity:.35}.st-widget-cell.is-touched{z-index:4;outline:3px solid var(--hue-coral,#e07a5f);outline-offset:5px;box-shadow:0 0 0 8px var(--hue-coral,#e07a5f), 0 10px 28px var(--hue-coral,#e07a5f)}@supports (color:color-mix(in lab, red, red)){.st-widget-cell.is-touched{box-shadow:0 0 0 8px color-mix(in srgb, var(--hue-coral,#e07a5f) 20%, transparent), 0 10px 28px color-mix(in srgb, var(--hue-coral,#e07a5f) 18%, transparent)}}.st-widget-cell.is-touched{animation:.55s cubic-bezier(.22,1,.36,1) st-touch-in}.st-touch-mark{z-index:6;pointer-events:none;flex-direction:column;align-items:flex-start;gap:.12rem;animation:.7s cubic-bezier(.22,1,.36,1) st-touch-point;display:flex;position:absolute;top:-.15rem;left:-.2rem}.st-touch-arrow{width:1.45rem;height:1.45rem;color:var(--hue-coral,#e07a5f);filter:drop-shadow(0 1px #fff)drop-shadow(1px 2px #22223b38)}.st-touch-label{background:var(--hue-coral,#e07a5f);color:#fff;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;margin-left:.85rem;padding:.08rem .38rem;font-size:.58rem;font-weight:700}@keyframes st-touch-in{0%{outline-offset:14px;box-shadow:0 0 0 0 color-mix(in srgb, var(--hue-coral,#e07a5f) 0%, transparent)}}@keyframes st-touch-point{0%{opacity:0;transform:translate(-10px,-12px)scale(.7)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.st-widget-cell.is-touched,.st-touch-mark{animation:none}}.st-widget-cell.is-overlay{cursor:grabbing;max-width:22rem;box-shadow:0 18px 36px #22223b38, 0 0 0 1px var(--hw-coral);margin:0}@supports (color:color-mix(in lab, red, red)){.st-widget-cell.is-overlay{box-shadow:0 18px 36px #22223b38, 0 0 0 1px color-mix(in srgb, var(--hw-coral) 28%, transparent)}}.st-widget-cell.is-overlay:has(.st-beat-device){max-width:none}@media (max-width:900px){.st-dash:not(.is-canvas) .st-widget-cell,.st-dash:not(.is-canvas) .st-widget-cell.is-span-2,.st-dash:not(.is-canvas) .st-widget-cell.is-span-3,.st-dash:not(.is-canvas) .st-widget-cell.is-mix{aspect-ratio:auto;grid-column:span 12;max-width:none}.st-widget-cell:has(.st-beat-device){width:max-content;max-width:100%}.st-widget-cell.is-span-2:has(.st-beat-device){width:max-content;max-width:100%}.st-widget-cell.is-span-3:has(.st-beat-device){width:max-content;max-width:100%}}.st-widget{isolation:isolate;height:100%;position:relative;overflow:visible}.st-widget-face{z-index:1;isolation:isolate;height:100%;position:relative}.st-widget-stickers{z-index:1;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:visible}.st-widget-vinyl{border-radius:inherit;perspective:520px;pointer-events:none;position:absolute;inset:0;overflow:hidden}.st-widget-face>.st-widget-stickers,.st-widget-face>.st-widget-stickers .st-widget-vinyl{border-radius:inherit}.st-widget-face>.st-widget-stickers{border-radius:12px}.st-widget-notes{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.st-widget-stickers .st-sticker,.st-widget-stickers .st-note,.st-widget-notes .st-note,.st-widget-lettering .st-lettering{pointer-events:auto}.st-widget-vinyl:has(.st-sticker.is-live){overflow:visible}.st-widget-stickers .st-sticker.is-snapped .st-sticker-body{transform-style:preserve-3d}.st-widget-drag{z-index:2;cursor:grab;touch-action:none;background:0 0;border:0;height:1.35rem;padding:0;position:absolute;top:-.28rem;left:0;right:0}.st-widget-drag:active{cursor:grabbing}.st-widget-face>:not(.st-widget-chrome):not(.st-widget-drag):not(.st-widget-stickers):not(.st-widget-notes):not(.st-widget-lettering){position:relative}.st-widget-face :is(button,input,textarea,select,a,.hw-knob-hit,.hw-fader-track,.st-keys-sharp,.st-keys-ivory,.st-beat-pad,.st-sampler-pads):not(.st-widget-drag,.st-note-move,.st-note-text,.st-sticky-rip,.st-sticker-peel,.st-sticker-peel-off,.st-sticker-rotate,.st-sticker-resize,.st-lettering-copy,.st-lettering-dress,.st-lettering-chip,.st-lettering-ink,.st-figma-handle,.st-frame-resize,.st-ssp-layer-hit){z-index:3;position:relative}.st-widget-chrome{z-index:5;opacity:0;pointer-events:none;align-items:center;gap:.28rem;transition:opacity .14s,transform .14s;display:flex;position:absolute;top:-.55rem;right:.45rem;transform:translateY(4px)}.st-widget:hover .st-widget-chrome,.st-widget:focus-within .st-widget-chrome,.st-widget.is-menu .st-widget-chrome{opacity:1;pointer-events:auto;transform:none}.st-widget-chrome:has([data-state=open]){opacity:1;pointer-events:auto;transform:none}.st-widget-more,.st-widget-grip{background:var(--hw-plastic);width:1.7rem;height:1.35rem;color:var(--text);box-shadow:inset 0 1px 0 #ffffff80, 0 2px 0 var(--hw-key-edge);border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.st-widget-more,.st-widget-grip{box-shadow:inset 0 1px 0 #ffffff80, 0 2px 0 color-mix(in srgb, var(--hw-key-edge) 65%, transparent)}}.st-widget-more,.st-widget-grip{cursor:pointer}.st-widget-actions{background:var(--hw-plastic);height:1.35rem;box-shadow:inset 0 1px 0 #ffffff80, 0 2px 0 var(--hw-key-edge);border-radius:999px;align-items:stretch;display:inline-flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.st-widget-actions{box-shadow:inset 0 1px 0 #ffffff80, 0 2px 0 color-mix(in srgb, var(--hw-key-edge) 65%, transparent)}}.st-widget-act{width:1.7rem;color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.st-widget-act+.st-widget-act{border-left:1px solid var(--text)}@supports (color:color-mix(in lab, red, red)){.st-widget-act+.st-widget-act{border-left:1px solid color-mix(in srgb, var(--text) 14%, transparent)}}.st-widget-act:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.st-widget-act:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}}.st-widget-grip{cursor:grab;touch-action:none}.st-widget-grip:active{cursor:grabbing}.st-widget.is-pinned .hw-module{box-shadow:inset 0 1px 0 #ffffff73, inset 0 -1px 0 #22223b0d, 0 4px 0 var(--hw-coral), 0 10px 18px #22223b1a}@supports (color:color-mix(in lab, red, red)){.st-widget.is-pinned .hw-module{box-shadow:inset 0 1px 0 #ffffff73, inset 0 -1px 0 #22223b0d, 0 4px 0 color-mix(in srgb, var(--hw-coral) 38%, var(--st-lip,var(--hw-key-edge))), 0 10px 18px #22223b1a}}.dark .st-widget.is-pinned .hw-module{box-shadow:inset 0 1px 0 #ffffff0d, 0 4px 0 var(--hw-coral), 0 10px 18px #00000059}@supports (color:color-mix(in lab, red, red)){.dark .st-widget.is-pinned .hw-module{box-shadow:inset 0 1px 0 #ffffff0d, 0 4px 0 color-mix(in srgb, var(--hw-coral) 35%, var(--st-lip,#161628)), 0 10px 18px #00000059}}.st-hue-sheet{background:linear-gradient(#f4ece6 0%,#e4d4cc 52%,#d8c6be 100%);box-shadow:inset 0 1px #ffffff8c,-12px 0 40px #22223b2e}.st-hue-swatch{border-radius:999px;width:1.6rem;height:1.1rem;box-shadow:inset 0 0 0 1px #22223b2e}.st-mixer-deck{background:linear-gradient(#323246 0%,#1c1c2c 58%,#141422 100%);border-radius:16px;align-items:stretch;gap:.65rem;margin:.85rem 1rem .35rem;padding:.9rem .75rem 1rem;display:flex;box-shadow:inset 0 1px #ffffff14,inset 0 -10px 18px #00000047,0 6px #101018,0 14px 24px #00000038}.st-mixer-bank{background:#00000038;border-radius:10px;flex:1;min-width:7.4rem;padding:.65rem .45rem .7rem;box-shadow:inset 0 1px #ffffff0a,inset 0 8px 14px #00000038}.st-mixer-bank-head{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.st-mixer-bank .hw-legend{color:var(--w-accent,#c9ada7)}.st-mixer-lanes{justify-content:space-around;gap:.3rem;display:flex}.st-mix-pad{flex:1;grid-template-columns:1fr 1fr;align-content:center;justify-items:center;gap:.55rem .2rem;min-height:0;display:grid}.st-widget-cell.is-mix .hw-module{flex-direction:column;height:100%;display:flex}.st-widget-cell.is-mix .hw-module-body{flex:1;min-height:0;display:flex}.st-shot-shell{width:100vw;height:100vh;overflow:hidden}.is-shot .st-widget-chrome,.is-shot .st-widget-drag,.is-shot [data-widget-type=Mix],.is-shot [data-widget-type=ConnectYouTube]{display:none!important}.is-shot .st-jack-rod{opacity:1}.is-shot .st-jack.is-in .st-jack-rod,.is-shot .st-jack.is-seated.is-in .st-jack-rod{transform:translate(calc(.18rem - 50%))}.is-shot .st-jack.is-out .st-jack-rod,.is-shot .st-jack.is-seated.is-out .st-jack-rod{transform:translate(calc(50% - .18rem))}.hw-fader{flex-direction:column;align-items:center;gap:.35rem;min-width:1.55rem;display:flex}.hw-fader-track{cursor:ns-resize;background:linear-gradient(90deg,#12121c,#2a2a38 46%,#101018);border:0;border-radius:999px;width:1.15rem;height:10.5rem;padding:0;position:relative;box-shadow:inset 0 2px 6px #0000008c,0 0 0 1px #ffffff0a}.hw-fader-ticks{pointer-events:none;background:repeating-linear-gradient(#0000 0 .62rem,#ffffff14 .62rem .7rem);position:absolute;inset:.45rem 0}.hw-fader-fill{background:var(--hw-coral);border-radius:999px;position:absolute;bottom:.35rem;left:.22rem;right:.22rem}@supports (color:color-mix(in lab, red, red)){.hw-fader-fill{background:color-mix(in srgb, var(--hw-coral) 70%, #fff)}}.hw-fader-fill{opacity:.35;pointer-events:none}.hw-fader-cap{pointer-events:none;background:linear-gradient(#f4ece4,#c9ada7 55%,#9a8c98);border-radius:3px;width:1.55rem;height:.72rem;margin-bottom:-.36rem;margin-left:-.775rem;position:absolute;left:50%;box-shadow:inset 0 1px #ffffff8c,0 2px #3a3344,0 4px 8px #00000059}.hw-fader-coral .hw-fader-cap{background:linear-gradient(#ffc2ad,#e07a5f 55%,#b85a42)}.hw-fader-blue .hw-fader-cap{background:linear-gradient(#b8c8e6,#4a6fa5 55%,#2f4a78)}.hw-fader-green .hw-fader-cap{background:linear-gradient(#c5e0cc,#5a8f6b 55%,#3c6a4c)}.hw-fader-mauve .hw-fader-cap{background:linear-gradient(#ddd0db,#9a8c98 55%,#6d6270)}.hw-fader-readout{background:var(--hw-lcd);min-width:1.6rem;color:var(--hw-lcd-ink);letter-spacing:.08em;text-align:center;border-radius:3px;padding:.12rem .2rem;font-size:.58rem}.st-card{background:linear-gradient(160deg, #ffffff6b, transparent 40%), var(--bg);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.st-card{background:linear-gradient(160deg, #ffffff6b, transparent 40%), color-mix(in srgb, var(--bg) 70%, var(--hw-plastic))}}.st-card{box-shadow:inset 0 1px 0 #fff6, 0 1px 0 var(--hw-key-edge)}@supports (color:color-mix(in lab, red, red)){.st-card{box-shadow:inset 0 1px 0 #fff6, 0 1px 0 color-mix(in srgb, var(--hw-key-edge) 45%, transparent)}}.st-card{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.st-card{border:1px solid color-mix(in srgb, var(--border) 85%, transparent)}}.st-prompt-field{align-items:center;gap:.5rem;margin-top:.85rem;display:flex}.st-fab{z-index:40;background:linear-gradient(160deg, #ffffff8c, transparent 42%), var(--hw-plastic);min-width:3.1rem;min-height:3.1rem;color:var(--text);box-shadow:inset 0 1px 0 #ffffff8c, 0 3px 0 var(--hw-key-edge), 0 10px 22px #22223b2e;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;padding:.65rem .85rem;display:inline-flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.st-fab{box-shadow:inset 0 1px 0 #ffffff8c, 0 3px 0 color-mix(in srgb, var(--hw-key-edge) 70%, #8d7c74), 0 10px 22px #22223b2e}}.st-fab{cursor:pointer}.st-fab-chat{background:linear-gradient(160deg, #fff6, transparent 40%), var(--hw-coral);color:#fff;bottom:1.15rem;right:1.15rem}.st-fab-tune{flex-direction:column;font-size:.72rem;font-weight:700;bottom:1.15rem;left:1.15rem}.st-fab.is-live{filter:brightness(1.06)}.st-fab-dot{background:#fff;border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.45rem;right:.5rem;box-shadow:0 0 8px #fff}.st-dock{--fan-r:7.5rem;z-index:40;width:3.1rem;height:3.1rem;position:fixed;bottom:1.15rem;right:1.15rem}.st-dock:hover,.st-dock:focus-within,.st-dock.is-open{width:11rem;height:11rem}.st-dock .st-fab{position:absolute;bottom:0;left:auto;right:0}.st-dock-fan{pointer-events:none;position:absolute;inset:0}.st-dock-sub{opacity:0;width:2.65rem;min-width:2.65rem;height:2.65rem;min-height:2.65rem;padding:0;transition:opacity .16s,transform .22s cubic-bezier(.18,.67,.6,1.22);transform:translate(0)scale(.55)}.st-dock:hover .st-dock-sub,.st-dock:focus-within .st-dock-sub,.st-dock.is-open .st-dock-sub{opacity:1;pointer-events:auto;transform:translate(calc(cos(var(--arc,90deg)) * var(--fan-r)), calc(sin(var(--arc,90deg)) * var(--fan-r) * -1)) scale(1)}.st-dock-sub.is-chat{background:linear-gradient(160deg, #fff6, transparent 40%), var(--hw-coral);color:#fff}.st-dock-sub.is-storage{color:#fff;background:linear-gradient(160deg,#fff6,#0000 40%),#4a6fa5}.st-dock-tip{color:#f2e9e4;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#22223b;border-radius:999px;padding:.22rem .45rem;font-size:.62rem;font-weight:700;transition:opacity .12s;position:absolute;top:50%;right:calc(100% + .45rem);transform:translateY(-50%)}.st-dock-tip.is-on{opacity:1}.st-dock-mod{color:#f2e9e4;letter-spacing:.08em;pointer-events:none;background:#22223bc7;border-radius:.35rem;padding:.12rem .35rem;font-size:.58rem;font-weight:700;position:absolute;bottom:calc(100% + .35rem);right:0}.st-dock:hover .st-dock-mod,.st-dock:focus-within .st-dock-mod,.st-dock.is-open .st-dock-mod{opacity:0}.st-command{background:linear-gradient(180deg, #ffffff47, transparent 28%), var(--hw-plastic,#efe6df);color:var(--text);box-shadow:inset 0 1px #ffffff73,0 22px 48px #22223b47}.st-command [cmdk-item][data-selected=true]{outline:1px solid var(--hue-coral,#e07a5f)}@supports (color:color-mix(in lab, red, red)){.st-command [cmdk-item][data-selected=true]{outline:1px solid color-mix(in srgb, var(--hue-coral,#e07a5f) 45%, transparent)}}.st-sticker-layer{z-index:18;pointer-events:none;position:absolute;inset:0;overflow:visible}.st-sticker{pointer-events:auto;width:0;height:0;position:absolute}.st-sticker-body{transform-origin:50%;width:7.5rem;position:absolute;top:0;left:0}.st-sticker-peel{cursor:grab;filter:drop-shadow(0 1.5px #fff)drop-shadow(0 -1.5px #fff)drop-shadow(1.5px 0 #fff)drop-shadow(-1.5px 0 #fff)drop-shadow(.5px 1px .4px #22223b33);background:0 0;border:0;width:100%;padding:0;display:block}.st-sticker-peel:active{cursor:grabbing}.st-sticker-peel img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.st-sticker-peel-off{background:var(--hw-plastic);width:1.15rem;height:1.15rem;color:var(--text);opacity:0;cursor:pointer;box-shadow:0 2px 0 var(--hw-key-edge);border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-.35rem;right:-.35rem}@supports (color:color-mix(in lab, red, red)){.st-sticker-peel-off{box-shadow:0 2px 0 color-mix(in srgb, var(--hw-key-edge) 60%, transparent)}}:is(.st-sticker,.st-note).is-sel .st-sticker-peel-off,:is(.st-sticker,.st-note):focus-within .st-sticker-peel-off{opacity:1}.st-sticker:hover:not(.is-sel) .st-sticker-body,.st-note:hover:not(.is-sel) .st-note-body{outline-offset:1px;outline:1px solid #0d99ff59}.st-sticker-rotate,.st-sticker-resize,.st-sticker-peel-off{z-index:2}.st-sticker-rotate,.st-sticker-resize{background:var(--hw-plastic);width:1.15rem;height:1.15rem;color:var(--text);opacity:0;cursor:grab;box-shadow:0 2px 0 var(--hw-key-edge);border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.st-sticker-rotate,.st-sticker-resize{box-shadow:0 2px 0 color-mix(in srgb, var(--hw-key-edge) 60%, transparent)}}.st-sticker-rotate{border-radius:999px;top:-.35rem;left:-.35rem}.st-sticker-resize{cursor:nwse-resize;border-radius:3px;bottom:-.2rem;right:-.2rem}.st-sticker-resize:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.45rem;height:.45rem}.st-figma-host{z-index:4;pointer-events:none;position:absolute;top:0;left:0}.st-widget>.st-figma-host,.st-widget-stickers>.st-figma-host,.st-widget-notes>.st-figma-host,.st-widget-lettering>.st-figma-host{z-index:8}.st-figma-host .st-sticker-peel-off{opacity:1;pointer-events:auto;top:-1.35rem;right:-1.35rem}.st-figma{pointer-events:none;position:absolute;inset:0}.st-figma-box{border:1px solid #0d99ff;position:absolute;inset:0;box-shadow:0 0 0 1px #080a0e59}.st-figma-stem{background:#0d99ff;width:1px;height:20px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.st-figma-handle{z-index:2;pointer-events:auto;touch-action:none;background:#fff;border:1px solid #1b2330;width:8px;height:8px;margin:-4px 0 0 -4px;padding:0;position:absolute;box-shadow:0 0 0 1px #ffffff40}.st-figma-handle.is-nw{cursor:nwse-resize;top:0;left:0}.st-figma-handle.is-n{cursor:ns-resize;top:0;left:50%}.st-figma-handle.is-ne{cursor:nesw-resize;top:0;left:100%}.st-figma-handle.is-e{cursor:ew-resize;top:50%;left:100%}.st-figma-handle.is-se{cursor:nwse-resize;top:100%;left:100%}.st-figma-handle.is-s{cursor:ns-resize;top:100%;left:50%}.st-figma-handle.is-sw{cursor:nesw-resize;top:100%;left:0}.st-figma-handle.is-w{cursor:ew-resize;top:50%;left:0}.st-figma-handle.is-rotate{cursor:grab;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;top:-20px;left:50%}.st-figma-handle.is-rotate:active{cursor:grabbing}.st-sticker-tray{background:var(--bg)}.st-sticker-section+.st-sticker-section{margin-top:1.15rem}.st-sticker-empty{color:var(--text-muted);margin:.35rem 0 0;font-size:.78rem;line-height:1.45}.st-sticker-pack{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.st-sticker-pick-wrap{position:relative}.st-sticker-archive{z-index:1;background:var(--hw-plastic);width:1.25rem;height:1.25rem;color:var(--text);cursor:pointer;box-shadow:0 2px 0 var(--hw-key-edge);border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.28rem;right:.28rem}@supports (color:color-mix(in lab, red, red)){.st-sticker-archive{box-shadow:0 2px 0 color-mix(in srgb, var(--hw-key-edge) 60%, transparent)}}.st-sticker-archive:hover{color:var(--hue-coral,#e07a5f)}.st-sticker-pick{background:linear-gradient(160deg, #ffffff6b, transparent 40%), var(--hw-plastic);color:var(--text);box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 var(--hw-key-edge);border:0;border-radius:.9rem;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .4rem .5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-sticker-pick{box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 color-mix(in srgb, var(--hw-key-edge) 55%, transparent)}}.st-sticker-pick{cursor:pointer}.st-sticker-pick img{object-fit:contain;filter:drop-shadow(.5px 1px .4px #22223b2e);width:4.4rem;height:4.4rem}.st-sticker-pick.is-pack img{filter:drop-shadow(0 1px #fff)drop-shadow(1px 0 #fff)drop-shadow(-1px 0 #fff)drop-shadow(.5px 1px .4px #22223b2e)}.st-sticker-pick span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;max-width:100%;color:var(--text-muted);font-size:.65rem;overflow:hidden}.st-deck-sheet{background-color:#efe6df;background-image:linear-gradient(160deg,#ffffff6b,#0000 46%),linear-gradient(#f7eee8 0%,#efe6df 52%,#e4d7ce 100%);box-shadow:inset 0 1px #ffffff8c,0 -16px 40px #22223b33}.dark .st-deck-sheet{background-color:#2c2c44;background-image:linear-gradient(160deg,#ffffff12,#0000 46%),linear-gradient(#3a3a54 0%,#2c2c44 52%,#232338 100%);box-shadow:inset 0 1px #ffffff0f,0 -16px 40px #0006}.st-chat-sheet{background:var(--bg)}.st-storage-meter{margin-top:.85rem}.st-storage-meter-bar{background:var(--text);border-radius:999px;height:.42rem}@supports (color:color-mix(in lab, red, red)){.st-storage-meter-bar{background:color-mix(in srgb, var(--text) 10%, transparent)}}.st-storage-meter-bar{overflow:hidden}.st-storage-meter-bar span{background:var(--st-accent,#e07a5f);height:100%;display:block}.st-storage-meter-bar.is-store span{background:#4a6fa5}.st-storage-meter-copy{color:var(--text-muted);justify-content:space-between;margin-top:.35rem;font-size:.68rem;display:flex}.st-storage-upgrade{background:var(--st-accent,#e07a5f);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:.7rem;padding:.45rem .7rem;font-size:.78rem;font-weight:600}.st-storage-filters{flex-wrap:wrap;align-items:center;gap:.35rem;padding:.7rem 1rem 0;display:flex}.st-storage-recent{letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-right:.25rem;font-size:.68rem}.st-storage-filters button{background:var(--surface);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;padding:.22rem .55rem;font-size:.68rem}.st-storage-filters button.is-on{background:var(--hw-plastic);color:var(--text)}.st-storage-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.55rem;padding:2rem 1rem;font-size:.85rem;display:flex}.st-storage-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.st-storage-more{min-height:1px;color:var(--text-muted);padding:.2rem .45rem .1rem;font-size:.72rem}.st-storage-row{background:var(--surface);border-radius:10px;align-items:center;gap:.7rem;padding:.45rem;display:flex}.st-storage-thumb{object-fit:cover;color:#e8ddd4;letter-spacing:.08em;background:#12121c;border-radius:6px;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;font-size:.52rem;display:flex}.st-storage-thumb-btn{cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;width:2.6rem;height:2.6rem;padding:0;position:relative;overflow:hidden}.st-storage-thumb-btn .st-storage-thumb{width:100%;height:100%}.st-storage-thumb-glyph{color:#fff;background:#0a080e61;place-items:center;transition:background .12s linear,opacity .12s linear;display:grid;position:absolute;inset:0}.st-storage-thumb-glyph.is-hover{opacity:0}.st-storage-thumb-btn:hover .st-storage-thumb-glyph,.st-storage-thumb-btn:focus-visible .st-storage-thumb-glyph{opacity:1;background:#0a080e8c}.st-storage-row.is-playing{box-shadow:inset 0 0 0 1px #e07a5f8c}.st-storage-row.is-playing .st-storage-thumb-glyph{background:#e07a5fb3}.st-storage-scrub{align-items:center;gap:.45rem;margin-top:.1rem;display:flex}.st-storage-scrub-bar{cursor:pointer;background:0 0;border:0;flex:1;height:.9rem;padding:.35rem 0;display:block}.st-storage-scrub-bar i{background:linear-gradient(90deg, #ffb48c, var(--hw-coral,#e07a5f));border-radius:99px;height:.2rem;display:block;position:relative}.st-storage-scrub-bar:before{content:"";background:#786e8240;border-radius:99px;height:.2rem;margin-bottom:-.2rem;display:block}.st-storage-scrub span{font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none;font-size:.62rem}.st-storage-viewer{z-index:1200;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.st-storage-viewer-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;background:#08060cd1;border:0;position:absolute;inset:0}.st-storage-viewer-card{color:#f1e9e2;background:#14111a;border-radius:14px;flex-direction:column;gap:.6rem;max-width:min(92vw,1100px);max-height:92vh;padding:.7rem;display:flex;position:relative;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff14}.st-storage-viewer-card header{justify-content:space-between;align-items:center;gap:1rem;padding:0 .2rem;font-size:.85rem;display:flex}.st-storage-viewer-card header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-storage-viewer-card header button{width:1.9rem;height:1.9rem;color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.st-storage-viewer-card video,.st-storage-viewer-card img{object-fit:contain;background:#000;border-radius:10px;max-width:100%;max-height:calc(92vh - 6rem);display:block}.st-storage-viewer-quote{color:#f1e9e2b3;max-height:5.6rem;margin:0;padding:0 .2rem;font-size:.78rem;line-height:1.4;overflow:auto}.st-storage-meta{flex-direction:column;flex:1;gap:.12rem;min-width:0;display:flex}.st-storage-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.st-storage-meta span{color:var(--text-muted);font-size:.68rem}.st-storage-quote{color:var(--text-muted);opacity:.85;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.66rem;line-height:1.25;display:-webkit-box;overflow:hidden}.st-storage-del{width:1.8rem;height:1.8rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.st-storage-del:hover{background:var(--primary-subtle);color:#9b3d3d}.hw-module{padding:1.05rem 1rem .95rem}.hw-module-body{margin-top:.35rem}.hw-module.is-busy{box-shadow:inset 0 1px 0 #fff6, 0 0 0 1px var(--hw-coral), 0 10px 18px #22223b1a}@supports (color:color-mix(in lab, red, red)){.hw-module.is-busy{box-shadow:inset 0 1px 0 #fff6, 0 0 0 1px color-mix(in srgb, var(--hw-coral) 55%, transparent), 0 10px 18px #22223b1a}}.st-module-talk{align-items:flex-end;gap:.5rem;margin-top:.85rem;display:flex}.hw-talk{background:var(--hw-plastic-deep);min-width:0;min-height:2.2rem;color:var(--text);border:0;border-radius:6px;outline:none;flex:1;padding:.45rem .7rem;font-size:.85rem;box-shadow:inset 0 2px 6px #22223b1f}.hw-talk:focus-visible{box-shadow:inset 0 2px 6px #22223b1f, 0 0 0 2px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.hw-talk:focus-visible{box-shadow:inset 0 2px 6px #22223b1f, 0 0 0 2px color-mix(in srgb, var(--hw-coral) 45%, transparent)}}.st-studio-canvas.is-thinking .st-catalog,.st-studio-canvas.is-thinking .st-dash{opacity:.45;filter:blur(1px);transition:opacity .18s,filter .18s}.st-surface-progress{margin-bottom:1rem}.st-doc-paper{background:linear-gradient(180deg, var(--w-face,#fffdf8) 0%, var(--w-face,#f6efe4) 100%);width:min(28rem,100%);padding:1.15rem 1.2rem 1rem}@supports (color:color-mix(in lab, red, red)){.st-doc-paper{background:linear-gradient(180deg, color-mix(in srgb, var(--w-face,#fffdf8) 88%, #fff) 0%, var(--w-face,#f6efe4) 100%)}}.st-doc-paper{box-shadow:0 1px 0 #ffffffd9, 2px 3px 0 #22223b0f, 0 4px 0 var(--st-lip,#22223b1f), 10px 18px 28px #22223b29;color:var(--w-accent,#2a2430)}.st-doc-paper.is-span-2{width:min(40rem,100%);min-height:22rem;padding:1.35rem 1.4rem 1.15rem}.st-doc-paper.is-span-3{width:min(48rem,100%);min-height:26rem;padding:1.5rem 1.6rem 1.3rem}.st-doc-paper-title{font-family:var(--font-subtape-display), Georgia, serif;letter-spacing:-.02em;margin:0 0 .55rem;font-size:1.15rem}.st-doc-body{margin:0}.st-doc-foot{letter-spacing:.08em;text-transform:uppercase;color:#2a24307a;justify-content:space-between;margin-top:.55rem;font-size:.62rem;display:flex}.hw-platen{box-shadow:none;background:repeating-linear-gradient(#0000 0 1.55rem,#c9ada738 1.55rem 1.57rem),0 0;border-radius:0;padding:.15rem 0 .4rem}.dark .hw-platen{background:repeating-linear-gradient(#0000 0 1.55rem,#c9ada71f 1.55rem 1.57rem),#2a2436}.hw-platen-doc{min-height:12rem;color:var(--text);outline:none;font-size:.95rem;line-height:1.55rem}.hw-platen-doc p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--text-muted);pointer-events:none}.hw-platen-doc h1{font-family:var(--font-subtape-display), Georgia, serif;margin:.3rem 0 .6rem;font-size:1.45rem;font-weight:700}.hw-platen-doc h2{font-family:var(--font-subtape-display), Georgia, serif;margin:.4rem 0;font-size:1.15rem}.hw-platen-doc ul{padding-left:1.1rem;list-style:outside}.hw-platen-doc blockquote{border-left:2px solid var(--hw-coral);margin:.4rem 0;padding-left:.7rem}.hw-pad-stage{background:var(--hw-lcd);cursor:crosshair;touch-action:none;border-radius:4px;box-shadow:inset 0 2px 10px #00000080,0 0 0 3px #2c2a40,0 0 0 4px #171726}.hw-rack-col{background:var(--hw-plastic-deep);border-radius:8px;min-height:10rem;padding:.65rem .6rem .7rem;box-shadow:inset 0 2px 6px #22223b1f}.hw-rack-card{background:linear-gradient(180deg, #ffffff80, var(--hw-key));box-shadow:inset 0 1px 0 #ffffff8c, 0 2px 0 var(--hw-key-edge);border-radius:5px;padding:.55rem .6rem .5rem}.st-kanban{background:repeating-linear-gradient(90deg, var(--w-body,#6b4a2c) 0 10px, var(--w-body,#6b4a2c) 10px 12px), var(--w-body,#6b4a2c);border-radius:.7rem;flex-direction:column;gap:.55rem;padding:.7rem .65rem .6rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-kanban{background:repeating-linear-gradient(90deg, var(--w-body,#6b4a2c) 0 10px, color-mix(in srgb, var(--w-body,#6b4a2c) 86%, #fff) 10px 12px), var(--w-body,#6b4a2c)}}.st-kanban{box-shadow:inset 0 1px 0 #ffffff2e, 0 4px 0 var(--st-lip,var(--w-body,#6b4a2c))}@supports (color:color-mix(in lab, red, red)){.st-kanban{box-shadow:inset 0 1px 0 #ffffff2e, 0 4px 0 var(--st-lip,color-mix(in srgb, var(--w-body,#6b4a2c) 52%, #000))}}.st-kanban-plate{justify-content:space-between;align-items:flex-end;gap:.4rem;display:flex}.st-kanban-cols{grid-template-columns:1fr;gap:.45rem;display:grid}.st-kanban.is-span-2 .st-kanban-cols{grid-template-columns:1fr 1fr}.st-kanban.is-span-3 .st-kanban-cols{grid-template-columns:1fr 1fr 1fr}.st-kanban-col{background:var(--w-body,#6b4a2c);min-height:8rem;padding:.45rem .4rem .5rem}@supports (color:color-mix(in lab, red, red)){.st-kanban-col{background:color-mix(in srgb, var(--w-body,#6b4a2c) 55%, #1a120c)}}.st-kanban-col{box-shadow:inset 0 2px 6px #00000047}.st-kanban-list{flex-direction:column;gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.st-kanban-card{background:var(--w-face,#f4efe8);box-shadow:0 2px 0 var(--w-face,#f4efe8);flex-direction:column;gap:.2rem;padding:.4rem .45rem .35rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-kanban-card{box-shadow:0 2px 0 color-mix(in srgb, var(--w-face,#f4efe8) 55%, #000)}}.st-kanban-ink{color:var(--w-accent,#2a241c);font-size:.78rem;line-height:1.2}.st-kanban-ink.is-note{opacity:.72;font-size:.62rem}.st-kanban-move{gap:.2rem;display:flex}.hw-knob-wrap,.hw-knob-hit,.hw-key{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.hw-legend{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--hw-legend);margin-bottom:.22rem;font-size:8px;font-weight:500;line-height:1;display:block}.hw-key-wrap{flex-direction:column;align-items:center;display:inline-flex}.hw-key-wrap:has(.hw-key.w-full){align-items:stretch;width:100%;display:flex}.st-studio-nav .hw-key button{width:100%;height:100%;box-shadow:none;background:0 0}.hw-key{--hw-face:var(--hw-key);background:linear-gradient(115deg, #ffffffb3 0%, transparent 38%), linear-gradient(180deg, #fff 0%, var(--hw-face) 42%, #000 100%);border:0;border-radius:5px;justify-content:center;align-items:center;gap:.35rem;min-height:1.85rem;padding:.35rem .7rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.hw-key{background:linear-gradient(115deg, #ffffffb3 0%, transparent 38%), linear-gradient(180deg, color-mix(in srgb, #fff 55%, var(--hw-face)) 0%, var(--hw-face) 42%, color-mix(in srgb, #000 8%, var(--hw-face)) 100%)}}.hw-key{color:var(--text);font-family:var(--font-subtape-body), system-ui, sans-serif;letter-spacing:.01em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #22223b14, 0 var(--hw-travel) 0 var(--hw-key-edge), 0 calc(var(--hw-travel) + 3px) 8px #22223b29;font-size:.72rem;font-weight:600;line-height:1;transition:transform 70ms cubic-bezier(.2,.8,.2,1),box-shadow 70ms,filter .12s;transform:translateY(0)}.hw-key:hover{filter:brightness(1.03)}.hw-key:active,.hw-key.is-down,.hw-key[data-pressed=true]{transform:translateY(var(--hw-travel));box-shadow:inset 0 2px 4px #22223b29, inset 0 1px 0 #fff3, 0 1px 0 var(--hw-key-edge)}@supports (color:color-mix(in lab, red, red)){.hw-key:active,.hw-key.is-down,.hw-key[data-pressed=true]{box-shadow:inset 0 2px 4px #22223b29, inset 0 1px 0 #fff3, 0 1px 0 color-mix(in srgb, var(--hw-key-edge) 80%, transparent)}}.hw-key:disabled{cursor:not-allowed;opacity:.45}.hw-key-coral{--hw-face:var(--hw-coral);color:#fff}.hw-key-navy{--hw-face:var(--st-navy);color:var(--st-cream)}.hw-key-blue{--hw-face:var(--hw-blue);color:#fff}.hw-key-green{--hw-face:var(--hw-green);color:#fff}.hw-key-ghost{--hw-face:var(--hw-plastic-deep)}.hw-key-sm{min-height:1.55rem;padding:.28rem .5rem;font-size:.65rem}.hw-key-lg{min-height:2.25rem;padding:.5rem .95rem;font-size:.8rem}.hw-key-pad{border-radius:6px;width:2.15rem;min-height:2.15rem;padding:0}.hw-panel{background:linear-gradient(145deg, #ffffff6b, transparent 36%), linear-gradient(180deg, #f7eee8 0%, var(--hw-plastic) 52%, #e7cfc8 100%);box-shadow:inset 0 1px 0 #ffffff73, inset 0 -1px 0 #22223b0d, 0 4px 0 var(--st-lip,var(--hw-key-edge)), 0 10px 18px #22223b1a;border-radius:12px;position:relative}@supports (color:color-mix(in lab, red, red)){.hw-panel{box-shadow:inset 0 1px 0 #ffffff73, inset 0 -1px 0 #22223b0d, 0 4px 0 var(--st-lip,color-mix(in srgb, var(--hw-key-edge) 55%, #9a8880)), 0 10px 18px #22223b1a}}.hw-panel{overflow:hidden}.dark .hw-panel{box-shadow:inset 0 1px 0 #ffffff0d, 0 4px 0 var(--st-lip,#161628), 0 10px 18px #00000059}.hw-panel:before,.hw-panel:after{content:"";z-index:2;background:radial-gradient(circle at 35% 35%,#d8d0c8,#8a7c76 70%);border-radius:50%;width:6px;height:6px;position:absolute;top:.55rem;box-shadow:inset 0 1px 1px #00000040}.hw-panel:before{left:.55rem}.hw-panel:after{right:.55rem}.hw-lcd{background:radial-gradient(80% 120% at 20% 0%, var(--hw-coral), transparent 50%), var(--hw-lcd);border-radius:4px;position:relative}@supports (color:color-mix(in lab, red, red)){.hw-lcd{background:radial-gradient(80% 120% at 20% 0%, color-mix(in srgb, var(--hw-coral) calc(8% + var(--deck-gain) * 22%), transparent), transparent 50%), color-mix(in srgb, var(--hw-lcd) calc(100% - var(--deck-mix) * 18%), #2a1830)}}.hw-lcd{color:#f0d2b0}@supports (color:color-mix(in lab, red, red)){.hw-lcd{color:color-mix(in srgb, #f0d2b0 calc(40% + var(--deck-mix) * 50%), #9ad4b8)}}.hw-lcd{text-shadow:0 0 10px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.hw-lcd{text-shadow:0 0 10px color-mix(in srgb, var(--hw-coral) 35%, transparent)}}.hw-lcd{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;box-shadow:inset 0 2px 10px #00000080,0 0 0 3px #2c2a40,0 0 0 4px #171726}.hw-lcd:after{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(#0000 0 2px,#ffffff09 2px 3px);position:absolute;inset:0}.hw-knob-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:inline-flex}.hw-knob-hit{appearance:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:0 0;border:0;width:2.55rem;height:2.55rem;margin:0;padding:0;position:relative}.hw-knob-wrap.is-turning .hw-knob-hit{cursor:grabbing}.hw-knob-collar{background:repeating-conic-gradient(from 0deg, transparent 0 14deg, var(--text) 14deg 15deg);border-radius:50%;position:absolute;inset:.12rem}@supports (color:color-mix(in lab, red, red)){.hw-knob-collar{background:repeating-conic-gradient(from 0deg, transparent 0 14deg, color-mix(in srgb, var(--text) 18%, transparent) 14deg 15deg)}}.hw-knob-collar{pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff40}.hw-knob-hit:before,.hw-knob-hit:after,.hw-knob{pointer-events:none;border-radius:50%;width:1.95rem;height:1.95rem;margin:-.975rem 0 0 -.975rem;position:absolute;top:50%;left:50%}.hw-knob-hit:before{content:"";z-index:0;box-shadow:0 2px 0 var(--w-knob,#8d7c74), 0 5px 10px #22223b33}@supports (color:color-mix(in lab, red, red)){.hw-knob-hit:before{box-shadow:0 2px 0 color-mix(in srgb, var(--w-knob,#8d7c74) 70%, #000), 0 5px 10px #22223b33}}.hw-knob-hit:after{content:"";z-index:2;background:radial-gradient(circle at 32% 28%,#ffffff61,#0000 52%);box-shadow:inset 0 2px 3px #fff6,inset 0 -3px 4px #22223b2e}.hw-knob{--hw-rot:-48deg;z-index:1;transform:rotate(var(--hw-rot));background:repeating-conic-gradient(from 0deg, #e8ddd4 0 7deg, #b9aaa1 7deg 9deg), radial-gradient(circle at 50% 50%, #d2c4ba, #a89890 78%);background-blend-mode:multiply, normal}.hw-knob:after{content:"";background:var(--w-knob,#22223b);border-radius:1px;width:2px;height:.48rem;margin-left:-1px;position:absolute;top:.16rem;left:50%}@supports (color:color-mix(in lab, red, red)){.hw-knob:after{background:color-mix(in srgb, var(--w-knob,#22223b) 35%, #111)}}.hw-knob.is-spinning{animation:1.15s linear infinite hw-knob-spin}.hw-knob-coral{background:repeating-conic-gradient(from 0deg, #f3b09c 0 7deg, #c75a42 7deg 9deg), radial-gradient(circle at 50% 50%, var(--hw-coral), #a84a36 78%)}.hw-knob-blue{background:repeating-conic-gradient(from 0deg, #9bb0d4 0 7deg, #3d5f96 7deg 9deg), radial-gradient(circle at 50% 50%, var(--hw-blue), #2d4a78 78%)}.hw-knob-mauve{background:repeating-conic-gradient(from 0deg, #cfc0c8 0 7deg, #8a7a84 7deg 9deg), radial-gradient(circle at 50% 50%, var(--st-mauve), #6d5d68 78%)}.hw-knob-readout{background:var(--hw-lcd);color:#f0d2b0;min-width:1.4rem;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;text-align:center;border-radius:2px;margin-top:.18rem;padding:.08rem .22rem;font-size:8px;box-shadow:inset 0 1px 3px #00000073}@keyframes hw-knob-spin{to{transform:rotate(calc(var(--hw-rot) + 360deg))}}.hw-transport-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:inline-flex}.hw-transport{appearance:none;cursor:pointer;background:0 0;border:0;width:2.55rem;height:2.55rem;padding:0;position:relative}.hw-transport-collar{background:repeating-conic-gradient(from 0deg, transparent 0 14deg, var(--text) 14deg 15deg);border-radius:50%;position:absolute;inset:.1rem}@supports (color:color-mix(in lab, red, red)){.hw-transport-collar{background:repeating-conic-gradient(from 0deg, transparent 0 14deg, color-mix(in srgb, var(--text) 18%, transparent) 14deg 15deg)}}.hw-transport-collar{pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff38}.hw-transport-well{pointer-events:none;background:radial-gradient(circle at 50% 40%,#2a2430,#141018 72%);border-radius:50%;position:absolute;inset:.34rem;box-shadow:inset 0 3px 5px #0000008c,inset 0 -1px #ffffff0f}.hw-transport-plunger{background:repeating-conic-gradient(from 0deg, #efe4dc 0 8deg, #c4b4ab 8deg 10deg), radial-gradient(circle at 50% 50%, #e4d6cc, #b9aaa1 78%);color:#22223b;pointer-events:none;border-radius:50%;place-items:center;width:1.42rem;height:1.42rem;margin:-.78rem 0 0 -.71rem;transition:transform 90ms cubic-bezier(.2,.8,.2,1),box-shadow 90ms,background .16s,color .16s;display:grid;position:absolute;top:50%;left:50%;transform:translateY(0);box-shadow:inset 0 2px 3px #ffffff73,inset 0 -3px 4px #22223b33,0 3px #8d7c74,0 5px 8px #22223b47}.hw-transport-plunger svg{fill:currentColor;display:block}.hw-transport:active .hw-transport-plunger{transform:translateY(3px);box-shadow:inset 0 2px 4px #22223b47,0 1px #8d7c74}.hw-transport-wrap.is-on .hw-transport-plunger{background:repeating-conic-gradient(from 0deg, #f3b09c 0 8deg, #c75a42 8deg 10deg), radial-gradient(circle at 50% 50%, var(--hw-coral), #a84a36 78%);color:#fff8f4;margin-top:-.62rem;box-shadow:inset 0 2px 3px #ffffff47,inset 0 -2px 3px #50140a59,0 1px #7a3a2c,0 0 10px #e07a5f73}.hw-transport-wrap.is-on .hw-transport:active .hw-transport-plunger{transform:translateY(1px)}.hw-transport-wrap.is-on .hw-transport-collar{animation:2.4s linear infinite hw-transport-spin}.hw-transport-led{pointer-events:none;background:#3a322e;border-radius:50%;width:.28rem;height:.28rem;margin-left:-.14rem;position:absolute;top:.08rem;left:50%;box-shadow:inset 0 1px 1px #00000080}.hw-transport-wrap.is-on .hw-transport-led{background:#ff8a4c;animation:.85s step-end infinite hw-transport-blink;box-shadow:0 0 6px #ff7a45d9,inset 0 1px #ffffff73}.hw-transport-wrap.is-on .hw-knob-readout{color:#ff7a45}.hw-transport-wrap.is-rec.is-on .hw-transport-plunger{background:repeating-conic-gradient(from 0deg, #ff8a6a 0 8deg, #c43a28 8deg 10deg), radial-gradient(circle at 50% 50%, #ff5a3c, #a82018 78%);box-shadow:inset 0 2px 3px #ffffff59,inset 0 -2px 3px #500a0866,0 1px #7a2218,0 0 14px #ff4632b3}.hw-transport-wrap.is-rec.is-on .hw-transport-led{background:#ff3a2a;box-shadow:0 0 8px #ff3228f2,inset 0 1px #ffffff73}.hw-transport:disabled{opacity:.4;cursor:default}@keyframes hw-transport-spin{to{transform:rotate(360deg)}}@keyframes hw-transport-blink{50%{opacity:.35}}.hw-led-row{align-items:center;gap:.22rem;display:flex}.hw-led{background:#3a3340;border-radius:50%;width:.38rem;height:.38rem;box-shadow:inset 0 1px 1px #0006}.hw-led.is-on{background:var(--hw-coral);box-shadow:0 0 8px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.hw-led.is-on{box-shadow:0 0 8px color-mix(in srgb, var(--hw-coral) 70%, transparent)}}.hw-led.is-on.green{background:#6fbf7a;box-shadow:0 0 8px #6fbf7ab3}.hw-led.is-on.amber{background:#e0b15a;box-shadow:0 0 8px #e0b15ab3}.st-reel{grid-template-columns:repeat(4,.38rem);gap:.2rem;display:grid}.st-reel span{background:var(--st-accent);width:.38rem;height:.38rem;box-shadow:0 0 6px var(--st-accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.st-reel span{box-shadow:0 0 6px color-mix(in srgb, var(--st-accent) 55%, transparent)}}.st-reel span{animation:1.05s ease-in-out infinite st-reel-pulse}.st-reel span:nth-child(2){animation-delay:.1s}.st-reel span:nth-child(3){animation-delay:.2s}.st-reel span:nth-child(4){animation-delay:.3s}@keyframes st-reel-pulse{0%,to{opacity:.18;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.st-shimmer{background:linear-gradient(90deg, transparent 0%, var(--hw-lcd-ink) 50%, transparent 100%)}@supports (color:color-mix(in lab, red, red)){.st-shimmer{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--hw-lcd-ink) 55%, transparent) 50%, transparent 100%)}}.st-shimmer{color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:1.6s linear infinite st-shimmer}@keyframes st-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.st-composer{background:var(--hw-plastic-deep);border-radius:8px;align-items:flex-end;gap:.55rem;padding:.45rem .45rem .45rem .7rem;display:flex;box-shadow:inset 0 2px 6px #22223b1f,inset 0 1px #fff3}.st-composer textarea{flex:1;min-height:2.4rem}.st-dash.is-widget-drop{box-shadow:inset 0 0 0 2px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.st-dash.is-widget-drop{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--hw-coral) 45%, transparent)}}.st-hw-rocker{background:linear-gradient(180deg, var(--w-key,#12121a), var(--w-key,#1c1c28));border:0;border-radius:999px;width:2.4rem;height:1.15rem;padding:0;position:relative}@supports (color:color-mix(in lab, red, red)){.st-hw-rocker{background:linear-gradient(180deg, var(--w-key,#12121a), color-mix(in srgb, var(--w-key,#1c1c28) 78%, #000))}}.st-hw-rocker{cursor:pointer;box-shadow:inset 0 2px 4px #0000008c}.st-hw-rocker i{background:linear-gradient(180deg, #ffb48c, var(--w-knob,var(--hw-coral)));width:.9rem;height:.9rem;box-shadow:0 1px 0 var(--w-knob,var(--hw-coral));border-radius:50%;position:absolute;top:.12rem;left:.12rem}@supports (color:color-mix(in lab, red, red)){.st-hw-rocker i{box-shadow:0 1px 0 color-mix(in srgb, var(--w-knob,var(--hw-coral)) 55%, #000)}}.st-hw-rocker i{transition:left .16s}.st-hw-rocker.is-on i{left:calc(100% - 1.02rem)}.st-hw-dot{background:linear-gradient(180deg, var(--w-key,#4a4a5c), var(--w-key,#2a2a38));border:0;border-radius:50%;width:1.15rem;height:1.15rem;padding:0}@supports (color:color-mix(in lab, red, red)){.st-hw-dot{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key,#4a4a5c) 80%, #fff), var(--w-key,#2a2a38))}}.st-hw-dot{box-shadow:inset 0 1px 0 #ffffff40, 0 2px 0 var(--w-key,#16161c)}@supports (color:color-mix(in lab, red, red)){.st-hw-dot{box-shadow:inset 0 1px 0 #ffffff40, 0 2px 0 color-mix(in srgb, var(--w-key,#16161c) 70%, #000)}}.st-hw-dot{cursor:pointer}.st-hw-dot.is-hold{background:linear-gradient(180deg, #ffb48c, var(--w-knob,var(--hw-coral)))}.st-hw-dot.is-busy{opacity:.45}.st-hw-tick{background:var(--w-key,#2a2a38);cursor:pointer;border:0;border-radius:2px;width:.55rem;height:.55rem;padding:0;box-shadow:inset 0 1px 1px #0006}.st-hw-tick.is-on{background:var(--w-accent,var(--hw-coral))}.st-device-screws{pointer-events:none}.st-device-screws:before,.st-device-screws:after{content:"";background:radial-gradient(circle at 30% 30%,#d8d0c8,#6d6270 72%);border-radius:50%;width:.38rem;height:.38rem;position:absolute;top:.45rem;box-shadow:inset 0 1px 1px #00000059}.st-device-screws:before{left:.45rem}.st-device-screws:after{right:.45rem}.st-device-stamp{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--w-accent,#c9ada7);font-size:.58rem}button.st-device-stamp{appearance:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.st-marquee-device,.st-scratch-device,.st-beat-device,.st-clock-device{background:linear-gradient(180deg, var(--w-body,#222232) 0%, var(--w-body,#222232) 58%, var(--w-body,#222232) 100%);border-radius:14px;position:relative}@supports (color:color-mix(in lab, red, red)){.st-marquee-device,.st-scratch-device,.st-beat-device,.st-clock-device{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#222232) 76%, #8f8fb8) 0%, var(--w-body,#222232) 58%, color-mix(in srgb, var(--w-body,#222232) 80%, #000) 100%)}}.st-marquee-device,.st-scratch-device,.st-beat-device,.st-clock-device{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 12px 22px #22223b33}.st-marquee-device{padding:.85rem .8rem .7rem}.st-marquee-device.is-span-2 .st-marquee,.st-marquee-device.is-span-2 .st-marquee-edit{padding:.85rem 0}.st-marquee-device.is-span-3 .st-marquee,.st-marquee-device.is-span-3 .st-marquee-edit{padding:1.05rem 0}.st-marquee-device.is-span-3 .st-marquee-track{font-size:1.28rem}.st-marquee-bezel{background:var(--w-face,#12121c);box-shadow:inset 0 2px 8px #0000008c, 0 0 0 2px var(--w-body,#2a2a3c);border-radius:4px;padding:.35rem}@supports (color:color-mix(in lab, red, red)){.st-marquee-bezel{box-shadow:inset 0 2px 8px #0000008c, 0 0 0 2px color-mix(in srgb, var(--w-body,#2a2a3c) 70%, #000)}}.st-marquee{background:repeating-linear-gradient(to bottom, transparent 0 2px, var(--w-accent,#ff5028) 2px 3px), var(--w-face,#1a120f);border:0;width:100%;padding:.65rem 0;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.st-marquee{background:repeating-linear-gradient(to bottom, transparent 0 2px, color-mix(in srgb, var(--w-accent,#ff5028) 8%, transparent) 2px 3px), var(--w-face,#1a120f)}}.st-marquee{color:var(--w-accent,#ff7a45);text-shadow:0 0 10px var(--w-accent,#ff5a28)}@supports (color:color-mix(in lab, red, red)){.st-marquee{text-shadow:0 0 10px color-mix(in srgb, var(--w-accent,#ff5a28) 55%, transparent)}}.st-marquee{cursor:text}.st-marquee-track{width:max-content;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;gap:3.2rem;font-size:1.05rem;animation:16s linear infinite st-marquee;display:flex}.st-marquee-edit{background:var(--w-face,#1a120f);width:100%;color:var(--w-accent,#ff7a45);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;border:0;padding:.65rem .7rem;font-size:.95rem}.st-marquee-rail{justify-content:space-between;align-items:flex-end;gap:.55rem;margin-top:.55rem;padding:0 .15rem;display:flex}.st-marquee-lamps{gap:.28rem;margin-right:auto;padding-bottom:.45rem;display:flex}.st-marquee-lamps i{background:#3a3344;border-radius:50%;width:.42rem;height:.42rem;box-shadow:inset 0 1px 2px #00000080}.st-marquee-lamps i.is-on{background:var(--w-accent,#e07a5f);box-shadow:0 0 8px var(--w-accent,#e07a5f)}@supports (color:color-mix(in lab, red, red)){.st-marquee-lamps i.is-on{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent,#e07a5f) 55%, transparent)}}@keyframes st-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.st-clock-device{box-shadow:none;background:0 0;flex-direction:column;align-items:center;gap:.7rem;padding:.35rem .2rem .15rem;display:flex}.st-clock-device.is-span-3{background:linear-gradient(180deg, var(--w-body,#222232) 0%, var(--w-body,#222232) 58%, var(--w-body,#222232) 100%);border-radius:14px;width:14.8rem;padding:.75rem .7rem .6rem}@supports (color:color-mix(in lab, red, red)){.st-clock-device.is-span-3{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#222232) 76%, #8f8fb8) 0%, var(--w-body,#222232) 58%, color-mix(in srgb, var(--w-body,#222232) 80%, #000) 100%)}}.st-clock-device.is-span-3{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 12px 22px #22223b33}.st-clock-device.is-span-1 .st-clock{width:7.4rem;height:7.4rem;margin-bottom:0}.st-clock-device.is-span-2 .st-clock{width:10.2rem;height:10.2rem}.st-clock-device.is-span-3 .st-clock{width:12.4rem;height:12.4rem;margin-bottom:.2rem}.st-clock-device.is-span-3[data-face=analog]{width:auto;box-shadow:none;background:0 0;padding:.35rem .2rem .15rem}.st-clock-device[data-face=digital],.st-clock-device[data-face=flip]{background:linear-gradient(180deg, var(--w-body,#222232) 0%, var(--w-body,#222232) 58%, var(--w-body,#222232) 100%);padding:.85rem .75rem .65rem}@supports (color:color-mix(in lab, red, red)){.st-clock-device[data-face=digital],.st-clock-device[data-face=flip]{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#222232) 76%, #8f8fb8) 0%, var(--w-body,#222232) 58%, color-mix(in srgb, var(--w-body,#222232) 80%, #000) 100%)}}.st-clock-device[data-face=digital],.st-clock-device[data-face=flip]{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 12px 22px #22223b33}.st-clock-device.is-span-1[data-face=digital]{width:9.8rem}.st-clock-device.is-span-2[data-face=digital]{width:14.6rem}.st-clock-device.is-span-3[data-face=digital]{width:16.4rem}.st-clock{background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 42%), var(--w-face,var(--hw-plastic));width:8.6rem;height:8.6rem;box-shadow:inset 0 1px 0 #ffffff8c, 0 3px 0 var(--hw-key-edge), 0 10px 18px #22223b29;border-radius:50%;margin:0 auto .75rem;position:relative}@supports (color:color-mix(in lab, red, red)){.st-clock{box-shadow:inset 0 1px 0 #ffffff8c, 0 3px 0 color-mix(in srgb, var(--hw-key-edge) 70%, #8d7c74), 0 10px 18px #22223b29}}.st-clock-mark{background:var(--w-accent,var(--hue-navy));border-radius:999px;position:absolute}.st-clock-mark.is-12,.st-clock-mark.is-6{width:2px;height:.7rem;left:50%;transform:translate(-50%)}.st-clock-mark.is-12{top:.55rem}.st-clock-mark.is-6{bottom:.55rem}.st-clock-mark.is-3,.st-clock-mark.is-9{width:.7rem;height:2px;top:50%;transform:translateY(-50%)}.st-clock-mark.is-3{right:.55rem}.st-clock-mark.is-9{left:.55rem}.st-clock-hand{transform-origin:50% 100%;background:var(--w-accent,var(--hue-navy));border-radius:999px;position:absolute;bottom:50%;left:50%}.st-clock-hand.is-hour{width:3px;height:26%;margin-left:-1.5px}.st-clock-hand.is-minute{width:2px;height:36%;margin-left:-1px}.st-clock-hand.is-second{background:var(--w-accent,var(--hw-coral));width:1.5px;height:38%;margin-left:-.75px}.st-clock-cap{background:var(--w-accent,var(--hw-coral));border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.st-clock-lcd-wrap{width:100%}.st-clock-lcd{width:100%;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.06em;text-align:center;white-space:nowrap;margin:0;padding:.7rem .55rem;font-size:1.2rem}.st-clock-device.is-span-1[data-face=digital] .st-clock-lcd{letter-spacing:.05em;padding:.65rem .4rem;font-size:1.05rem}.st-clock-device.is-span-2[data-face=digital] .st-clock-lcd{letter-spacing:.05em;font-size:1.15rem}.st-clock-device.is-span-3[data-face=digital] .st-clock-lcd{letter-spacing:.07em;padding:.85rem .55rem;font-size:1.35rem}.st-clock-date{color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.14em;text-align:center;text-transform:uppercase;margin:.2rem 0 0;font-size:.62rem}.st-clock-flip{justify-content:center;align-items:center;gap:.28rem;width:100%;min-height:5.4rem;display:flex}.st-clock-flip span{background:linear-gradient(180deg, var(--w-face,#2a2a38) 0%, var(--w-face,#14141e) 48%, var(--w-face,#0e0e16) 52%, var(--w-face,#1c1c28) 100%);border-radius:4px;justify-content:center;align-items:center;min-width:2.4rem;padding:.55rem .2rem .45rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.st-clock-flip span{background:linear-gradient(180deg, color-mix(in srgb, var(--w-face,#2a2a38) 86%, #fff) 0%, var(--w-face,#14141e) 48%, color-mix(in srgb, var(--w-face,#0e0e16) 80%, #000) 52%, var(--w-face,#1c1c28) 100%)}}.st-clock-flip span{color:var(--w-accent,#f2e9e4);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.04em;font-size:1.65rem;box-shadow:inset 0 1px #ffffff14,0 3px #08080e}.st-clock-flip i{color:var(--w-accent,#e07a5f);font-style:normal;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;font-size:1.4rem}.st-clock-switch{background:#2a2436;border-radius:999px;align-items:stretch;width:100%;max-width:12.5rem;padding:.22rem;display:flex;box-shadow:inset 0 2px 6px #00000073,0 1px #ffffff1f}.st-clock-stop{min-height:1.45rem;color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:.2rem .15rem;font-size:.58rem}.st-clock-stop.is-on{color:#22223b;background:linear-gradient(#f4ece4,#c9ada7 70%);box-shadow:inset 0 1px #fff9,0 2px #3a3344}.st-clock-cycle{min-height:1.35rem;color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#2a2436;border:0;border-radius:999px;padding:.18rem .55rem;font-size:.58rem;box-shadow:inset 0 2px 6px #00000073}.st-note-layer{z-index:19;pointer-events:none;position:absolute;inset:0;overflow:visible}.st-note{pointer-events:auto;width:0;height:0;box-shadow:none;background:0 0;position:absolute;overflow:visible}.st-note-body{transform-origin:50%;cursor:grab;background:#f4ead8;width:8.6rem;min-height:8.6rem;padding-top:1.05rem;position:absolute;top:0;left:0;box-shadow:0 1px #ffffffb3,2px 6px #22223b14,8px 16px 20px #22223b29}.st-note.is-coral .st-note-body{background:#f3c2b0}.st-note.is-mauve .st-note-body{background:#d9cde0}.st-note.is-rose .st-note-body{background:#e8d2cb}.st-note-text{resize:none;color:#22223b;width:100%;min-height:7.2rem;font-family:var(--font-subtape-display), Georgia, serif;cursor:text;background:0 0;border:0;margin:0;padding:.1rem .7rem .65rem;font-size:.92rem;line-height:1.3;display:block}.st-sticky-device{align-items:flex-start;gap:.35rem;padding:.35rem .15rem .85rem 0;display:flex;position:relative;overflow:visible}.st-sticky-device.is-span-2 .st-sticky-stack{min-height:14rem}.st-sticky-device.is-span-3 .st-sticky-stack{min-height:16.5rem}.st-sticky-device.is-span-2 .st-sticky-sheet.is-top,.st-sticky-device.is-span-2 .st-sticky-sheet.is-back,.st-sticky-device.is-span-2 .st-sticky-sheet.is-mid{aspect-ratio:auto;min-height:14rem}.st-sticky-device.is-span-3 .st-sticky-sheet.is-top,.st-sticky-device.is-span-3 .st-sticky-sheet.is-back,.st-sticky-device.is-span-3 .st-sticky-sheet.is-mid{aspect-ratio:auto;min-height:16.5rem}.st-sticky-device.is-span-2 .st-sticky-draft{min-height:10rem}.st-sticky-device.is-span-3 .st-sticky-draft{min-height:12rem}.st-sticky-tabs{flex-direction:column;gap:.28rem;padding-top:1.35rem;display:flex}.st-sticky-tab{cursor:pointer;border:0;border-radius:3px 0 0 3px;width:.85rem;height:1.35rem;padding:0;box-shadow:inset 0 1px #ffffff73,-1px 2px #22223b14}.st-sticky-tab.is-cream,.st-sticky-tab.is-coral{background:var(--w-face,#f4ead8)}@supports (color:color-mix(in lab, red, red)){.st-sticky-tab.is-coral{background:color-mix(in srgb, var(--w-face,#f4ead8) 42%, #e07a5f)}}.st-sticky-tab.is-mauve{background:var(--w-face,#f4ead8)}@supports (color:color-mix(in lab, red, red)){.st-sticky-tab.is-mauve{background:color-mix(in srgb, var(--w-face,#f4ead8) 48%, #9a7aad)}}.st-sticky-tab.is-rose{background:var(--w-face,#f4ead8)}@supports (color:color-mix(in lab, red, red)){.st-sticky-tab.is-rose{background:color-mix(in srgb, var(--w-face,#f4ead8) 50%, #c98a82)}}.st-sticky-tab.is-on{width:1.05rem;box-shadow:inset 0 1px #fff9,-2px 3px #22223b1f}.st-sticky-stack{flex:1;min-height:11.5rem;position:relative}.st-sticky-sheet{background:var(--w-face,#f4ead8);display:block;box-shadow:0 1px #ffffffb3,2px 5px #22223b14,8px 14px 18px #22223b24}.st-sticky-sheet.is-cream,.st-sticky-sheet.is-coral{background:var(--w-face,#f4ead8)}@supports (color:color-mix(in lab, red, red)){.st-sticky-sheet.is-coral{background:color-mix(in srgb, var(--w-face,#f4ead8) 42%, #e07a5f)}}.st-sticky-sheet.is-mauve{background:var(--w-face,#f4ead8)}@supports (color:color-mix(in lab, red, red)){.st-sticky-sheet.is-mauve{background:color-mix(in srgb, var(--w-face,#f4ead8) 48%, #9a7aad)}}.st-sticky-sheet.is-rose{background:var(--w-face,#f4ead8)}@supports (color:color-mix(in lab, red, red)){.st-sticky-sheet.is-rose{background:color-mix(in srgb, var(--w-face,#f4ead8) 50%, #c98a82)}}.st-sticky-sheet.is-back,.st-sticky-sheet.is-mid{aspect-ratio:1;width:calc(100% - .7rem);position:absolute;inset:.55rem .45rem auto auto}.st-sticky-sheet.is-back{background:var(--w-face,#f4ead8);transform:rotate(5deg)}@supports (color:color-mix(in lab, red, red)){.st-sticky-sheet.is-back{background:color-mix(in srgb, var(--w-face,#f4ead8) 50%, #c98a82)}}.st-sticky-sheet.is-mid{background:var(--w-face,#f4ead8);transform:rotate(2.2deg)}@supports (color:color-mix(in lab, red, red)){.st-sticky-sheet.is-mid{background:color-mix(in srgb, var(--w-face,#f4ead8) 48%, #9a7aad)}}.st-sticky-sheet.is-top{z-index:1;aspect-ratio:1;transform-origin:12% 8%;box-shadow:0 1px 0 #ffffffb3, 2px 5px 0 #22223b14, 0 4px 0 var(--st-lip,#22223b2e), 8px 14px 18px #22223b24;padding:.7rem .7rem 1.1rem;position:relative}.st-sticky-stack.is-ripping .st-sticky-sheet.is-top{transform:rotate(-8deg)translate(10px,-6px)}.st-sticky-pad-label{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--w-accent,#22223b);margin:0 0 .25rem;font-size:.58rem}@supports (color:color-mix(in lab, red, red)){.st-sticky-pad-label{color:color-mix(in srgb, var(--w-accent,#22223b) 45%, transparent)}}.st-sticky-draft{resize:none;width:100%;min-height:7.4rem;color:var(--w-accent,#22223b);font-family:var(--font-subtape-display), Georgia, serif;background:0 0;border:0;outline:none;padding:0;font-size:.95rem;line-height:1.3;display:block}.st-sticky-rip{cursor:grab;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#0000 48%,#22223b14 48% 50%,#ffffff8c 50%);border:0;width:2.2rem;height:2.2rem;padding:0;position:absolute;bottom:0;right:0}.st-sticky-rip:active{cursor:grabbing}.st-scratch-device{padding:.8rem .75rem .7rem}.st-beat-device{width:11.4rem;max-width:100%;padding:.55rem .5rem .45rem}.st-beat-device.is-span-2{width:15.2rem}.st-beat-device.is-span-3{width:20.4rem}.st-beat-device .hw-knob-hit,.st-beat-device .hw-transport{width:2rem;height:2rem}.st-beat-device .hw-transport-plunger{width:1.12rem;height:1.12rem;margin:-.62rem 0 0 -.56rem}.st-beat-device .hw-transport-wrap.is-on .hw-transport-plunger{margin-top:-.5rem}.st-beat-device .hw-transport-well{inset:.28rem}.st-scratch-device .hw-legend,.st-beat-device .hw-legend,.st-marquee-device .hw-legend,.st-clock-device .hw-legend{color:var(--w-accent,#c9ada7)}.st-scratch-head,.st-beat-head{justify-content:space-between;align-items:baseline;gap:.55rem;margin-bottom:.55rem;display:flex}.st-scratch-stage{min-height:10rem;overflow:hidden}.st-scratch-device.is-span-2 .st-scratch-stage{min-height:14rem}.st-scratch-device.is-span-3 .st-scratch-stage{min-height:18rem}.st-scratch-rail,.st-beat-rail,.st-marquee-rail{flex-wrap:wrap;align-items:flex-end;gap:.4rem .45rem;margin-top:.45rem;display:flex}.st-beat-head .st-device-stamp{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.st-beat-lcd{background:var(--w-face,#1a120f);color:var(--w-accent,#ff7a45);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;border-radius:2px;margin-left:auto;padding:.2rem .45rem;font-size:.72rem;box-shadow:inset 0 1px 4px #0000008c}.st-beat-lcd.is-kit{text-overflow:ellipsis;letter-spacing:.06em;text-transform:uppercase;max-width:5.5rem;margin-left:.35rem;overflow:hidden}.st-beat-pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:.22rem;display:grid}.st-beat-pad{aspect-ratio:1;background:linear-gradient(160deg, #ffffff24, transparent 42%), linear-gradient(180deg, var(--w-key,#4a3a46) 0%, var(--w-key,#4a3a46) 100%);border-radius:5px;flex-direction:column;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.st-beat-pad{background:linear-gradient(160deg, #ffffff24, transparent 42%), linear-gradient(180deg, var(--w-key,#4a3a46) 0%, color-mix(in srgb, var(--w-key,#4a3a46) 62%, #0c0a12) 100%)}}.st-beat-pad{color:#f2e9e4;box-shadow:inset 0 1px #ffffff1f,0 2px #141018,0 4px 8px #00000047}.st-beat-pad-hit{width:100%;color:inherit;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;flex:1;padding:0;font-size:.55rem}.st-beat-pad-hit em{letter-spacing:.08em;opacity:.72;margin-top:.08rem;font-size:.48rem;font-style:normal;display:block}.st-beat-kits{align-items:center;gap:.28rem;margin-top:.4rem;display:flex}.st-beat-kits button,.st-beat-voice{background:var(--w-face,#12121c);min-height:1.2rem;color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;border-radius:3px;padding:.12rem .4rem;font-size:.55rem;box-shadow:inset 0 1px 3px #00000073}.st-beat-voice{cursor:default;color:var(--hw-coral);margin-left:auto}.st-beat-pad:active .st-beat-pad-hit{transform:translateY(1px)}.st-beat-pad.is-on{background:linear-gradient(160deg, #ffc2ad59, transparent 40%), linear-gradient(180deg, var(--w-accent,#e07a5f) 0%, var(--w-accent,#e07a5f) 100%)}@supports (color:color-mix(in lab, red, red)){.st-beat-pad.is-on{background:linear-gradient(160deg, #ffc2ad59, transparent 40%), linear-gradient(180deg, var(--w-accent,#e07a5f) 0%, color-mix(in srgb, var(--w-accent,#e07a5f) 72%, #000) 100%)}}.st-beat-pad.is-on{color:#fff}.st-beat-pitch{background:var(--w-face,#141018);cursor:ew-resize;touch-action:none;border:0;height:.38rem;padding:0;position:relative}.st-beat-pitch span{background:var(--w-accent,#e07a5f);height:100%;box-shadow:0 0 6px var(--w-accent,#e07a5f);display:block}@supports (color:color-mix(in lab, red, red)){.st-beat-pitch span{box-shadow:0 0 6px color-mix(in srgb, var(--w-accent,#e07a5f) 40%, transparent)}}.st-beat-pad.is-on .st-beat-pitch span{background:#f2e9e4}.st-beat-steps{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;grid-template-columns:repeat(16,minmax(0,1fr));gap:.12rem;margin-top:.45rem;display:grid}.st-beat-step{pointer-events:none;background:var(--w-face,#14141e);cursor:pointer;border:0;border-radius:2px;height:.72rem;padding:0;display:block;box-shadow:inset 0 1px 3px #0000008c}.st-beat-step.is-lit{--st-pitch:50;background:var(--w-key,#e07a5f);box-shadow:0 0 8px var(--w-key,#e07a5f)}@supports (color:color-mix(in lab, red, red)){.st-beat-step.is-lit{box-shadow:0 0 8px color-mix(in srgb, var(--w-key,#e07a5f) 45%, transparent)}}.st-beat-step.is-lit{transform:scaleY(calc(.55 + var(--st-pitch) / 140));transform-origin:bottom}.st-beat-step.is-now{outline-offset:1px;outline:1px solid #f2e9e4}.st-list-device{width:100%}.st-list-device.is-span-2 .st-list{gap:.5rem}.st-list-device.is-span-3 .st-list{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.st-list{flex-direction:column;gap:.4rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.st-list button{background:linear-gradient(180deg, #ffffff80, var(--w-face,var(--hw-key)));width:100%;color:var(--w-accent,var(--text));text-align:left;box-shadow:inset 0 1px 0 #ffffff8c, 0 2px 0 var(--hw-key-edge);cursor:pointer;border:0;border-radius:6px;align-items:center;gap:.55rem;padding:.55rem .6rem;font-size:.88rem;display:flex}.st-list button.is-done{color:var(--text-muted);text-decoration:line-through}.st-widget.is-pinned .st-marquee-device,.st-widget.is-pinned .st-scratch-device,.st-widget.is-pinned .st-beat-device{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--hw-coral), 0 12px 22px #22223b33}@supports (color:color-mix(in lab, red, red)){.st-widget.is-pinned .st-marquee-device,.st-widget.is-pinned .st-scratch-device,.st-widget.is-pinned .st-beat-device{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 color-mix(in srgb, var(--hw-coral) 38%, var(--st-lip,#12121c)), 0 12px 22px #22223b33}}:is(.st-widget-sample:has(.st-sticky-device),.st-widget-sample:has(.st-clock-device),.st-widget-sample:has(.st-marquee-device),.st-widget-sample:has(.st-scratch-device),.st-widget-sample:has(.st-beat-device),.st-widget-sample:has(.st-keys-device),.st-widget-sample:has(.st-scope-device),.st-widget-sample:has(.st-knob-device),.st-widget-sample:has(.st-switch-device),.st-widget-sample:has(.st-slider-device),.st-widget-sample:has(.st-calc-device),.st-widget-sample:has(.st-mod-device),.st-widget-sample:has(.st-fx-device),.st-widget-sample:has(.st-lfo-device),.st-widget-sample:has(.st-pan-device),.st-widget-sample:has(.st-deck-device),.st-widget-sample:has(.st-mic-device),.st-widget-sample:has(.st-player-device),.st-widget-sample:has(.st-type-device),.st-widget-sample:has(.st-note-rec),.st-widget-sample:has(.st-doc-paper),.st-widget-sample:has(.st-printer),.st-widget-sample:has(.st-text-preview)){box-shadow:none;background:0 0}.st-widget-sheet-root{display:contents}.st-widget-sheet-scrim{z-index:48;cursor:pointer;background:0 0;border:0;padding:0;position:fixed;inset:0}.st-widget-sheet-root.is-dragging .st-widget-sheet-scrim{pointer-events:none;background:0 0}.st-widget-sheet{z-index:49;background:var(--bg);flex-direction:column;width:min(28rem,92vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-16px 0 40px #22223b2e}.st-widget-samples{flex-direction:column;gap:.9rem;display:flex}.st-widget-rack-search{background:var(--text);border:0;border-radius:8px;width:100%;margin-top:.75rem;padding:.4rem .65rem;display:block}@supports (color:color-mix(in lab, red, red)){.st-widget-rack-search{background:color-mix(in srgb, var(--text) 8%, var(--surface))}}.st-widget-rack-search{color:var(--text);font-size:.78rem}.st-widget-rack-search::placeholder{color:var(--text-muted)}.st-widget-sample{width:100%;color:inherit;text-align:left;cursor:grab;box-shadow:none;background:0 0;border:0;border-radius:1rem;padding:.65rem .65rem .55rem;display:block;position:relative}.st-widget-sample:active{cursor:grabbing}.st-widget-sample-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.45rem;font-size:.68rem;display:flex}.st-widget-sample-meta-end{align-items:center;gap:.45rem;display:inline-flex}.st-widget-sample-help{border:1px solid var(--text-muted);justify-content:center;align-items:center;width:1.15rem;height:1.15rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.st-widget-sample-help{border:1px solid color-mix(in srgb, var(--text-muted) 40%, transparent)}}.st-widget-sample-help{background:var(--bg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.st-widget-sample-help{background:color-mix(in srgb, var(--bg) 70%, transparent)}}.st-widget-sample-help{color:var(--text-secondary);cursor:pointer;font-size:.68rem;font-weight:700;line-height:1}.st-widget-sample-help:hover{color:var(--text);border-color:var(--text-secondary)}.st-widget-sample .st-dash{pointer-events:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:0;max-width:none}.st-widget-sample .st-widget-cell,.st-widget-sample .st-widget-cell.is-span-2,.st-widget-sample .st-widget-cell.is-span-3,.st-widget-sample .st-widget-cell.is-mix{aspect-ratio:auto;grid-column:span 1;max-width:none;padding:0}.st-paper{background-color:var(--hue-cream);background-repeat:repeat;width:100%;height:100%;display:block;position:relative;overflow:hidden}.st-paper.is-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.st-paper.is-none{background:repeating-conic-gradient(var(--hue-navy) 0% 25%, transparent 0% 50%) 0 0 / 1.1rem 1.1rem, var(--bg,#efe6df)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-none{background:repeating-conic-gradient(color-mix(in srgb, var(--hue-navy) 10%, transparent) 0% 25%, transparent 0% 50%) 0 0 / 1.1rem 1.1rem, color-mix(in srgb, var(--bg,#efe6df) 82%, var(--hue-navy))}}.st-paper.is-cream-paper,.st-paper.is-graph-cream{background-color:var(--hue-cream);background-image:linear-gradient(var(--hue-mauve) 1px, transparent 1px), linear-gradient(90deg, var(--hue-mauve) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-cream-paper,.st-paper.is-graph-cream{background-image:linear-gradient(color-mix(in srgb, var(--hue-mauve) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hue-mauve) 22%, transparent) 1px, transparent 1px)}}.st-paper.is-cream-paper,.st-paper.is-graph-cream{background-size:28px 28px}.st-paper.is-graph-cream{background-image:linear-gradient(var(--hue-navy) 1px, transparent 1px), linear-gradient(90deg, var(--hue-navy) 1px, transparent 1px), linear-gradient(var(--hue-coral) 1px, transparent 1px), linear-gradient(90deg, var(--hue-coral) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-graph-cream{background-image:linear-gradient(color-mix(in srgb, var(--hue-navy) 16%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hue-navy) 16%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--hue-coral) 28%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hue-coral) 28%, transparent) 1px, transparent 1px)}}.st-paper.is-graph-cream{background-size:22px 22px,22px 22px,110px 110px,110px 110px}.st-paper.is-navy-void{background-color:var(--hue-navy);background-image:radial-gradient(circle at 18% 22%, var(--hue-mauve), transparent 28%), radial-gradient(circle at 78% 12%, var(--hue-coral), transparent 26%), radial-gradient(1.2px 1.2px at 20% 30%, var(--hue-cream), transparent), radial-gradient(1px 1px at 62% 58%, var(--hue-cream), transparent), radial-gradient(1.4px 1.4px at 84% 24%, var(--hue-cream), transparent)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-navy-void{background-image:radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--hue-mauve) 22%, transparent), transparent 28%), radial-gradient(circle at 78% 12%, color-mix(in srgb, var(--hue-coral) 16%, transparent), transparent 26%), radial-gradient(1.2px 1.2px at 20% 30%, color-mix(in srgb, var(--hue-cream) 70%, white), transparent), radial-gradient(1px 1px at 62% 58%, var(--hue-cream), transparent), radial-gradient(1.4px 1.4px at 84% 24%, var(--hue-cream), transparent)}}.st-paper.is-coral-bloom{background:radial-gradient(circle at 12% 18%, var(--hue-coral), transparent 36%), radial-gradient(circle at 88% 8%, var(--hue-mauve), transparent 32%), radial-gradient(circle at 50% 100%, var(--hue-navy), transparent 42%), var(--hue-cream)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-coral-bloom{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--hue-coral) 55%, transparent), transparent 36%), radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--hue-mauve) 40%, transparent), transparent 32%), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--hue-navy) 28%, transparent), transparent 42%), var(--hue-cream)}}.st-paper.is-tape-grid{background-color:var(--hue-cream)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-tape-grid{background-color:color-mix(in srgb, var(--hue-cream) 70%, var(--hue-navy))}}.st-paper.is-tape-grid{background-image:linear-gradient(var(--hue-navy) 1px, transparent 1px), linear-gradient(90deg, var(--hue-navy) 1px, transparent 1px), linear-gradient(var(--hue-coral) 2px, transparent 2px), linear-gradient(90deg, var(--hue-coral) 2px, transparent 2px)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-tape-grid{background-image:linear-gradient(color-mix(in srgb, var(--hue-navy) 28%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hue-navy) 28%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--hue-coral) 40%, transparent) 2px, transparent 2px), linear-gradient(90deg, color-mix(in srgb, var(--hue-coral) 40%, transparent) 2px, transparent 2px)}}.st-paper.is-tape-grid{background-size:16px 16px,16px 16px,80px 80px,80px 80px}.st-paper.is-sunset-mesh,.st-paper.is-mesh,.st-paper.is-dusk-wash,.st-paper.is-blobs,.st-paper.is-aurora{background:radial-gradient(at 18% 20%, var(--hue-coral), transparent 42%), radial-gradient(at 82% 8%, var(--hue-mauve), transparent 40%), radial-gradient(at 70% 78%, var(--hue-navy), transparent 46%), radial-gradient(at 28% 86%, var(--hue-cream), transparent 38%), var(--hue-cream)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-sunset-mesh,.st-paper.is-mesh,.st-paper.is-dusk-wash,.st-paper.is-blobs,.st-paper.is-aurora{background:radial-gradient(at 18% 20%, color-mix(in srgb, var(--hue-coral) 48%, transparent), transparent 42%), radial-gradient(at 82% 8%, color-mix(in srgb, var(--hue-mauve) 46%, transparent), transparent 40%), radial-gradient(at 70% 78%, color-mix(in srgb, var(--hue-navy) 32%, transparent), transparent 46%), radial-gradient(at 28% 86%, color-mix(in srgb, var(--hue-cream) 40%, transparent), transparent 38%), var(--hue-cream)}}.st-paper.is-dusk-wash{background:linear-gradient(180deg, var(--hue-mauve), var(--hue-navy)), var(--hue-navy)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-dusk-wash{background:linear-gradient(180deg, color-mix(in srgb, var(--hue-mauve) 38%, var(--hue-cream)), var(--hue-navy)), var(--hue-navy)}}.st-paper.is-aurora{background:linear-gradient(115deg, var(--hue-navy), transparent 42%), linear-gradient(250deg, var(--hue-coral), transparent 46%), linear-gradient(200deg, var(--hue-mauve), var(--hue-navy))}@supports (color:color-mix(in lab, red, red)){.st-paper.is-aurora{background:linear-gradient(115deg, color-mix(in srgb, var(--hue-navy) 70%, black), transparent 42%), linear-gradient(250deg, color-mix(in srgb, var(--hue-coral) 42%, transparent), transparent 46%), linear-gradient(200deg, color-mix(in srgb, var(--hue-mauve) 50%, transparent), var(--hue-navy))}}.st-paper.is-blobs{background:radial-gradient(40% 32% at 22% 28%, var(--hue-coral), transparent 70%), radial-gradient(36% 28% at 78% 22%, var(--hue-mauve), transparent 68%), radial-gradient(44% 34% at 58% 76%, var(--hue-navy), transparent 72%), var(--hue-cream)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-blobs{background:radial-gradient(40% 32% at 22% 28%, color-mix(in srgb, var(--hue-coral) 46%, var(--hue-cream)), transparent 70%), radial-gradient(36% 28% at 78% 22%, color-mix(in srgb, var(--hue-mauve) 50%, var(--hue-cream)), transparent 68%), radial-gradient(44% 34% at 58% 76%, color-mix(in srgb, var(--hue-navy) 28%, var(--hue-cream)), transparent 72%), var(--hue-cream)}}.st-paper.is-starling,.st-paper.is-stars{background-color:var(--hue-navy);background-image:radial-gradient(1px 1px at 8% 14%, var(--hue-cream), transparent), radial-gradient(1.3px 1.3px at 22% 48%, var(--hue-cream), transparent), radial-gradient(1px 1px at 36% 22%, var(--hue-cream), transparent), radial-gradient(1.6px 1.6px at 52% 68%, var(--hue-cream), transparent), radial-gradient(1px 1px at 64% 18%, var(--hue-mauve), transparent), radial-gradient(1.2px 1.2px at 78% 42%, var(--hue-cream), transparent), radial-gradient(1px 1px at 88% 76%, var(--hue-cream), transparent), radial-gradient(1.4px 1.4px at 14% 82%, var(--hue-coral), transparent), radial-gradient(circle at 70% 0%, var(--hue-mauve), transparent 28%)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-starling,.st-paper.is-stars{background-image:radial-gradient(1px 1px at 8% 14%, var(--hue-cream), transparent), radial-gradient(1.3px 1.3px at 22% 48%, color-mix(in srgb, var(--hue-cream) 80%, white), transparent), radial-gradient(1px 1px at 36% 22%, var(--hue-cream), transparent), radial-gradient(1.6px 1.6px at 52% 68%, var(--hue-cream), transparent), radial-gradient(1px 1px at 64% 18%, var(--hue-mauve), transparent), radial-gradient(1.2px 1.2px at 78% 42%, var(--hue-cream), transparent), radial-gradient(1px 1px at 88% 76%, var(--hue-cream), transparent), radial-gradient(1.4px 1.4px at 14% 82%, var(--hue-coral), transparent), radial-gradient(circle at 70% 0%, color-mix(in srgb, var(--hue-mauve) 22%, transparent), transparent 28%)}}.st-paper.is-plastic-grain,.st-paper.is-grain{background-color:var(--hue-cream)}.st-paper.is-plastic-grain:after,.st-paper.is-grain:after{content:"";opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.st-paper.is-horizon{background:linear-gradient(180deg, var(--hue-mauve) 0 38%, var(--hue-navy) 38%), var(--hue-navy)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-horizon{background:linear-gradient(180deg, color-mix(in srgb, var(--hue-mauve) 28%, var(--hue-navy)) 0 38%, var(--hue-navy) 38%), var(--hue-navy)}}.st-paper.is-horizon:before{content:"";background-image:repeating-linear-gradient(to right, var(--hue-cream) 0 1px, transparent 1px 56px), repeating-linear-gradient(to top, var(--hue-cream) 0 1px, transparent 1px 42px);position:absolute;inset:36% -20% -30%}@supports (color:color-mix(in lab, red, red)){.st-paper.is-horizon:before{background-image:repeating-linear-gradient(to right, color-mix(in srgb, var(--hue-cream) 26%, transparent) 0 1px, transparent 1px 56px), repeating-linear-gradient(to top, color-mix(in srgb, var(--hue-cream) 20%, transparent) 0 1px, transparent 1px 42px)}}.st-paper.is-horizon:before{transform-origin:50% 0;transform:perspective(42rem)rotateX(64deg)}.st-paper.is-horizon:after{content:"";background:radial-gradient(circle, var(--hue-coral), transparent 68%);border-radius:999px;width:9rem;height:9rem;position:absolute;top:28%;left:50%}@supports (color:color-mix(in lab, red, red)){.st-paper.is-horizon:after{background:radial-gradient(circle, color-mix(in srgb, var(--hue-coral) 70%, white), transparent 68%)}}.st-paper.is-horizon:after{opacity:.55;transform:translate(-50%,-50%)}.st-paper.is-polka{background-color:var(--hue-cream);background-image:radial-gradient(var(--hue-navy) 1.15px, transparent 1.2px);background-size:18px 18px}.st-paper.is-dieter{background-color:var(--hue-cream);background-image:repeating-radial-gradient(circle at 50% 42%, var(--hue-navy) 0 1px, transparent 1px 26px)}.st-paper.is-plus{background-color:var(--hue-cream);background-image:linear-gradient(var(--hue-navy) 1px, transparent 1px), linear-gradient(90deg, var(--hue-navy) 1px, transparent 1px);background-position:7px 7px;background-size:16px 16px}.st-paper.is-confetti{background-color:var(--hue-cream);background-image:radial-gradient(circle at 12% 20%, var(--hue-coral) 0 3px, transparent 3.2px), radial-gradient(circle at 38% 64%, var(--hue-navy) 0 2.5px, transparent 2.7px), radial-gradient(circle at 70% 28%, var(--hue-mauve) 0 3px, transparent 3.2px), radial-gradient(circle at 86% 72%, var(--hue-coral) 0 2px, transparent 2.2px), radial-gradient(circle at 54% 48%, var(--hue-navy) 0 2px, transparent 2.2px);background-size:140px 110px}.st-paper.is-graph{background-color:var(--hue-cream);background-image:linear-gradient(var(--hue-navy) 1px, transparent 1px), linear-gradient(90deg, var(--hue-navy) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-graph{background-image:linear-gradient(color-mix(in srgb, var(--hue-navy) 18%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hue-navy) 18%, transparent) 1px, transparent 1px)}}.st-paper.is-graph{background-size:20px 20px}.st-paper.is-notebook{background-color:var(--hue-cream);background-image:linear-gradient(var(--hue-coral) 1px, transparent 1px), linear-gradient(90deg, var(--hue-mauve) 0 2.4rem, transparent 2.4rem)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-notebook{background-image:linear-gradient(color-mix(in srgb, var(--hue-coral) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hue-mauve) 35%, transparent) 0 2.4rem, transparent 2.4rem)}}.st-paper.is-notebook{background-size:100% 1.7rem,100% 100%}.st-paper.is-isometric{background-color:var(--hue-cream);background-image:linear-gradient(30deg, var(--hue-navy) 12%, transparent 12.5%), linear-gradient(150deg, var(--hue-navy) 12%, transparent 12.5%), linear-gradient(90deg, var(--hue-mauve) 6%, transparent 6.5%)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-isometric{background-image:linear-gradient(30deg, color-mix(in srgb, var(--hue-navy) 16%, transparent) 12%, transparent 12.5%), linear-gradient(150deg, color-mix(in srgb, var(--hue-navy) 16%, transparent) 12%, transparent 12.5%), linear-gradient(90deg, color-mix(in srgb, var(--hue-mauve) 14%, transparent) 6%, transparent 6.5%)}}.st-paper.is-isometric{background-size:36px 62px}.st-paper.is-hex{background-color:var(--hue-cream);background-image:repeating-linear-gradient(60deg, transparent 0 18px, var(--hue-navy) 18px 19px), repeating-linear-gradient(-60deg, transparent 0 18px, var(--hue-navy) 18px 19px), repeating-linear-gradient(0deg, transparent 0 18px, var(--hue-navy) 18px 19px)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-hex{background-image:repeating-linear-gradient(60deg, transparent 0 18px, color-mix(in srgb, var(--hue-navy) 16%, transparent) 18px 19px), repeating-linear-gradient(-60deg, transparent 0 18px, color-mix(in srgb, var(--hue-navy) 16%, transparent) 18px 19px), repeating-linear-gradient(0deg, transparent 0 18px, color-mix(in srgb, var(--hue-navy) 14%, transparent) 18px 19px)}}.st-paper.is-diagonal{background-color:var(--hue-cream);background-image:repeating-linear-gradient(-32deg, var(--hue-navy) 0 8px, transparent 8px 18px)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-diagonal{background-image:repeating-linear-gradient(-32deg, color-mix(in srgb, var(--hue-navy) 16%, transparent) 0 8px, transparent 8px 18px)}}.st-paper.is-chevron{background-color:var(--hue-cream);background-image:repeating-linear-gradient(135deg, var(--hue-mauve) 0 12px, transparent 12px 24px), repeating-linear-gradient(45deg, var(--hue-coral) 0 12px, transparent 12px 24px)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-chevron{background-image:repeating-linear-gradient(135deg, color-mix(in srgb, var(--hue-mauve) 40%, var(--hue-cream)) 0 12px, transparent 12px 24px), repeating-linear-gradient(45deg, color-mix(in srgb, var(--hue-coral) 32%, var(--hue-cream)) 0 12px, transparent 12px 24px)}}.st-paper.is-herringbone{background-color:var(--hue-cream);background-image:repeating-linear-gradient(45deg, var(--hue-navy) 0 10px, transparent 10px 20px), repeating-linear-gradient(-45deg, var(--hue-mauve) 0 10px, transparent 10px 20px)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-herringbone{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--hue-navy) 18%, transparent) 0 10px, transparent 10px 20px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--hue-mauve) 16%, transparent) 0 10px, transparent 10px 20px)}}.st-paper.is-herringbone{background-size:28px 28px}.st-paper.is-crosshatch{background-color:var(--hue-cream);background-image:repeating-linear-gradient(45deg, var(--hue-navy) 0 1px, transparent 1px 10px), repeating-linear-gradient(-45deg, var(--hue-navy) 0 1px, transparent 1px 10px)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-crosshatch{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--hue-navy) 14%, transparent) 0 1px, transparent 1px 10px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--hue-navy) 14%, transparent) 0 1px, transparent 1px 10px)}}.st-paper.is-waves{background-color:var(--hue-cream);background-image:radial-gradient(ellipse 90px 22px at 0 18px, transparent 68%, var(--hue-mauve) 70% 74%, transparent 76%), radial-gradient(ellipse 90px 22px at 90px 18px, transparent 68%, var(--hue-navy) 70% 74%, transparent 76%)}@supports (color:color-mix(in lab, red, red)){.st-paper.is-waves{background-image:radial-gradient(ellipse 90px 22px at 0 18px, transparent 68%, color-mix(in srgb, var(--hue-mauve) 30%, transparent) 70% 74%, transparent 76%), radial-gradient(ellipse 90px 22px at 90px 18px, transparent 68%, color-mix(in srgb, var(--hue-navy) 16%, transparent) 70% 74%, transparent 76%)}}.st-paper.is-waves{background-size:180px 36px}.st-bg-dialog{background:linear-gradient(180deg, #ffffff5c, transparent 28%), var(--hw-plastic,var(--bg));border-color:var(--hw-key-edge,var(--border))}@supports (color:color-mix(in lab, red, red)){.st-bg-dialog{border-color:color-mix(in srgb, var(--hw-key-edge,var(--border)) 70%, transparent)}}.st-bg-dialog{box-shadow:inset 0 1px #ffffff6b,0 24px 60px #22223b47}.st-bg-now{border-bottom:1px solid var(--border);grid-template-columns:8.5rem minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 1.25rem;display:grid}.st-bg-now-paper{height:4.6rem;box-shadow:inset 0 1px 0 #ffffff59, 0 2px 0 var(--hw-key-edge);border-radius:.75rem}@supports (color:color-mix(in lab, red, red)){.st-bg-now-paper{box-shadow:inset 0 1px 0 #ffffff59, 0 2px 0 color-mix(in srgb, var(--hw-key-edge) 50%, transparent)}}.st-bg-now-meta p{color:var(--text);margin:.15rem 0 0;font-size:1.15rem}.st-bg-tabs{background:var(--hue-navy);justify-content:stretch;width:100%}@supports (color:color-mix(in lab, red, red)){.st-bg-tabs{background:color-mix(in srgb, var(--hue-navy) 8%, var(--hw-plastic-deep,var(--surface)))}}.st-bg-tabs button{flex:1}.st-bg-pane{max-height:min(28rem,52dvh);padding-right:.15rem;overflow:auto}.st-bg-group+.st-bg-group{margin-top:1rem}.st-bg-grid{grid-template-columns:repeat(auto-fill,minmax(8.4rem,1fr));gap:.7rem;display:grid}.st-bg-card{background:linear-gradient(180deg, #fff6, var(--hw-key,var(--bg)));color:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff80, 0 2px 0 var(--hw-key-edge);border:0;border-radius:.9rem;flex-direction:column;gap:.4rem;padding:.4rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-bg-card{box-shadow:inset 0 1px 0 #ffffff80, 0 2px 0 color-mix(in srgb, var(--hw-key-edge) 55%, transparent)}}.st-bg-card.is-on{box-shadow:inset 0 1px 0 #ffffff80, 0 0 0 2px var(--hue-coral), 0 2px 0 var(--hw-key-edge)}@supports (color:color-mix(in lab, red, red)){.st-bg-card.is-on{box-shadow:inset 0 1px 0 #ffffff80, 0 0 0 2px var(--hue-coral), 0 2px 0 color-mix(in srgb, var(--hw-key-edge) 55%, transparent)}}.st-bg-card-paper{border-radius:.6rem;height:4.4rem;display:block;overflow:hidden}.st-bg-card-paper .st-paper{height:100%}.st-bg-card-copy{flex-direction:column;gap:.08rem;padding:0 .15rem .1rem;display:flex}.st-bg-card-copy strong{font-size:.78rem;font-weight:600}.st-bg-card-copy em{color:var(--text-muted);font-size:.64rem;font-style:normal}.st-bg-drop{border:1.5px dashed var(--hue-navy);flex-direction:column;align-items:center;gap:.45rem;min-height:14rem;padding:1.5rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-bg-drop{border:1.5px dashed color-mix(in srgb, var(--hue-navy) 28%, transparent)}}.st-bg-drop{background:var(--hue-cream);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.st-bg-drop{background:color-mix(in srgb, var(--hue-cream) 55%, transparent)}}.st-bg-drop{text-align:center;cursor:pointer}.st-bg-drop.is-over{border-color:var(--hue-coral);background:var(--hue-coral)}@supports (color:color-mix(in lab, red, red)){.st-bg-drop.is-over{background:color-mix(in srgb, var(--hue-coral) 12%, var(--hue-cream))}}.st-bg-drop span:nth-of-type(2){color:var(--text-muted);font-size:.78rem}.st-bg-ideas{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1rem;display:flex}.st-bg-idea{background:var(--hue-navy);border:0;border-radius:999px;max-width:100%;padding:.28rem .55rem}@supports (color:color-mix(in lab, red, red)){.st-bg-idea{background:color-mix(in srgb, var(--hue-navy) 8%, var(--hw-key,var(--bg)))}}.st-bg-idea{color:var(--text-secondary);cursor:pointer;font-size:.68rem}.st-bg-error{color:var(--hue-coral);margin:0;padding:0 1.25rem 1rem;font-size:.82rem}.st-fx-device,.st-mod-device{background:linear-gradient(180deg, var(--w-body,#222232) 0%, var(--w-body,#222232) 58%, var(--w-body,#222232) 100%);border-radius:14px;padding:.7rem .65rem .6rem}@supports (color:color-mix(in lab, red, red)){.st-fx-device,.st-mod-device{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#222232) 76%, #8f8fb8) 0%, var(--w-body,#222232) 58%, color-mix(in srgb, var(--w-body,#222232) 80%, #000) 100%)}}.st-fx-device,.st-mod-device{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 12px 22px #22223b33}.st-mod-device{width:6.6rem;padding:.42rem .4rem .38rem}.st-mod-device.is-span-2{width:8.6rem}.st-mod-device.is-span-3{width:12.8rem}.st-mod-modes{flex-wrap:wrap;gap:.22rem;margin-bottom:.3rem;display:flex}.st-mod-modes .hw-key{letter-spacing:.1em;min-height:1.3rem;padding:.16rem .38rem;font-size:.58rem}.st-fx-device{width:7.8rem}.st-fx-device.is-span-2{width:12.8rem}.st-fx-device.is-span-3{width:16.4rem}.st-lfo-device,.st-pan-device,.st-deck-device,.st-mic-device,.st-player-device,.st-type-device{background:linear-gradient(180deg, var(--w-body,#222232) 0%, var(--w-body,#222232) 58%, var(--w-body,#222232) 100%);border-radius:14px;padding:.55rem .5rem .45rem}@supports (color:color-mix(in lab, red, red)){.st-lfo-device,.st-pan-device,.st-deck-device,.st-mic-device,.st-player-device,.st-type-device{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#222232) 76%, #8f8fb8) 0%, var(--w-body,#222232) 58%, color-mix(in srgb, var(--w-body,#222232) 80%, #000) 100%)}}.st-lfo-device,.st-pan-device,.st-deck-device,.st-mic-device,.st-player-device,.st-type-device{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 12px 22px #22223b33}.st-lfo-device .st-fx-head .hw-legend,.st-pan-device .st-fx-head .hw-legend{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.st-lfo-device .hw-legend,.st-pan-device .hw-legend,.st-deck-device .hw-legend,.st-mic-device .hw-legend,.st-player-device .hw-legend,.st-type-device .hw-legend{color:var(--w-accent,#c9ada7)}.st-lfo-device{width:7.4rem}.st-lfo-device.is-span-2{width:11.2rem}.st-lfo-device.is-span-3{width:14.4rem}.st-lfo-meter{background:var(--w-face,#12121c);border-radius:999px;height:.7rem;margin:.15rem 0 .35rem;position:relative;box-shadow:inset 0 2px 5px #0000008c}.st-lfo-meter i{background:var(--w-accent,var(--hw-coral));width:.54rem;height:.54rem;box-shadow:0 0 8px var(--w-accent,var(--hw-coral));border-radius:50%;margin-left:-.27rem;position:absolute;top:.08rem}@supports (color:color-mix(in lab, red, red)){.st-lfo-meter i{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent,var(--hw-coral)) 70%, transparent)}}.st-lfo-readout,.st-pan-readout{color:var(--w-accent,#c8f59a);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-align:center;margin:0 0 .35rem;font-size:.82rem}.st-lfo-waves{flex-wrap:wrap;gap:.22rem;margin-bottom:.2rem;display:flex}.st-lfo-waves button,.st-lfo-wave{background:var(--w-face,#12121c);min-width:1.7rem;color:var(--w-accent,var(--hw-coral));cursor:pointer;border:0;border-radius:4px;margin-bottom:.2rem;padding:.14rem .28rem;line-height:0}.st-lfo-waves button.is-on{color:var(--w-body,#1c1c2e);background:var(--w-accent,var(--hw-coral))}.st-pan-device{flex-direction:column;align-items:stretch;width:7.4rem;display:flex}.st-pan-device.is-span-2{width:9.4rem}.st-pan-device.is-span-3{width:11.6rem}.st-pan-lane{color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;align-items:center;gap:.35rem;margin:.1rem 0 .35rem;font-size:.52rem;display:flex}.st-pan-lane span{background:var(--w-face,#12121c);border-radius:999px;flex:1;height:.55rem;position:relative;box-shadow:inset 0 2px 4px #0000008c}.st-pan-lane i{background:var(--w-accent,var(--hw-coral));width:.7rem;height:.7rem;box-shadow:0 0 8px var(--w-accent,var(--hw-coral));border-radius:50%;margin-left:-.35rem;position:absolute;top:-.08rem}@supports (color:color-mix(in lab, red, red)){.st-pan-lane i{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent,var(--hw-coral)) 70%, transparent)}}.st-deck-device{width:14.2rem}.st-deck-device.is-span-2{width:22.6rem}.st-deck-device.is-span-3{width:32.4rem}.st-deck-device:focus{outline:none}.st-deck-device:focus-visible,.st-deck-device.is-armed{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 0 0 2px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.st-deck-device:focus-visible,.st-deck-device.is-armed{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 0 0 2px color-mix(in srgb, var(--hw-coral) 70%, transparent)}}.st-deck-lcd{background:var(--w-face,#121018);color:var(--w-accent,#ff7a45);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;border-radius:4px;margin:0 0 .35rem;padding:.28rem .4rem .3rem;box-shadow:inset 0 2px 8px #0000008c}.st-deck-device.is-rec .st-deck-lcd{color:#ff5a3c}.st-deck-clocks{font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;justify-content:space-between;gap:.8rem;font-size:.78rem;display:flex}.st-deck-clocks em{color:#8a7a74;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.04rem;font-size:.46rem;font-style:normal;display:block}.st-deck-mode{color:#c8b8aa;letter-spacing:.06em;text-transform:lowercase;margin:.18rem 0 0;font-size:.5rem;line-height:1.35}.st-deck-device.is-rec .st-deck-mode{color:#ff8a6a}.st-device-stamp.is-rec{color:#ff5a3c;animation:.7s steps(2,end) infinite st-deck-rec}.st-deck-ruler-row{grid-template-columns:1.15rem minmax(0,1fr);gap:.22rem;margin-bottom:.18rem;display:grid}.st-deck-device.is-span-2 .st-deck-ruler-row,.st-deck-device.is-span-3 .st-deck-ruler-row{grid-template-columns:1.15rem minmax(0,1fr) 1.05rem}.st-deck-gutter{display:block}.st-deck-ruler{background:var(--w-face,#0c0c14);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:3px;height:.95rem;position:relative;overflow:hidden}.st-deck-loop{pointer-events:none;background:#5a8f6b61;position:absolute;inset:0 auto 0 0}.st-deck-tick{color:#6d6270;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.04em;pointer-events:none;font-size:.42rem;position:absolute;top:.08rem;transform:translate(-50%)}.st-deck-lanes{touch-action:none;flex-direction:column;gap:.2rem;margin-bottom:.4rem;display:flex}.st-deck-lane{grid-template-columns:1.15rem minmax(0,1fr);align-items:stretch;gap:.22rem;display:grid}.st-deck-device.is-span-2 .st-deck-lane,.st-deck-device.is-span-3 .st-deck-lane{grid-template-columns:1.15rem minmax(0,1fr) 1.05rem}.st-deck-arm,.st-deck-mute{background:var(--w-key,#12121c);min-height:1.45rem;color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;padding:0;font-size:.58rem;box-shadow:inset 0 1px 3px #00000073}.st-deck-arm.is-on{color:#1c1c2e;background:var(--w-key,#e07a5f)}.st-deck-mute.is-on{color:#1c1c2e;background:var(--w-key,#c9ada7)}.st-deck-lane-tape{background:repeating-linear-gradient(90deg, transparent 0 11.9%, #ffffff08 11.9% 12%), var(--w-face,#121018);cursor:text;border-radius:3px;min-height:1.7rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000080}.st-deck-lane.is-armed .st-deck-lane-tape{box-shadow:inset 0 2px 8px #00000080,inset 0 0 0 1px #e07a5f6b}.st-deck-lane.is-muted{opacity:.42}.st-deck-clip{background:var(--w-accent,#e07a5f);border-radius:2px;position:absolute;top:.12rem;bottom:.12rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.st-deck-clip{background:color-mix(in srgb, var(--w-accent,#e07a5f) 22%, #1a1824)}}.st-deck-clip{box-shadow:inset 0 0 0 1px var(--w-accent,#e07a5f)}@supports (color:color-mix(in lab, red, red)){.st-deck-clip{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--w-accent,#e07a5f) 28%, transparent)}}.st-deck-clip{cursor:grab}.st-deck-clip.is-on{background:var(--w-accent,#e07a5f)}@supports (color:color-mix(in lab, red, red)){.st-deck-clip.is-on{background:color-mix(in srgb, var(--w-accent,#e07a5f) 38%, #1a1824)}}.st-deck-clip.is-on{box-shadow:inset 0 0 0 1px var(--w-accent,#e07a5f)}.st-deck-clip.is-rec{pointer-events:none;background:#76322e}.st-deck-wave{pointer-events:none;width:100%;height:100%;display:block}.st-deck-trim{pointer-events:none;background:#f7f0ea8c;width:.28rem;position:absolute;top:0;bottom:0}.st-deck-trim.is-in{left:0}.st-deck-trim.is-out{right:0}.st-deck-caret{background:var(--w-accent,#f4e8d8);width:2px;box-shadow:0 0 7px var(--w-accent,#f4e8d8);margin-left:-1px;position:absolute;top:0;bottom:0}@supports (color:color-mix(in lab, red, red)){.st-deck-caret{box-shadow:0 0 7px color-mix(in srgb, var(--w-accent,#f4e8d8) 85%, transparent)}}.st-deck-caret{pointer-events:none;z-index:2}.st-deck-ruler .st-deck-caret:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--w-accent,#f4e8d8);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.st-deck-device.is-rec .st-deck-caret{background:#ff5a3c;box-shadow:0 0 8px #ff5a3ccc}.st-deck-rail{flex-wrap:wrap;align-items:flex-end;gap:.32rem;display:flex}.st-deck-device.is-span-1 .st-deck-rail{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.st-deck-arm:hover,.st-deck-mute:hover{filter:brightness(1.12)}.st-deck-arm:focus-visible,.st-deck-mute:focus-visible{outline:2px solid var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.st-deck-arm:focus-visible,.st-deck-mute:focus-visible{outline:2px solid color-mix(in srgb, var(--hw-coral) 80%, white)}}.st-deck-arm:focus-visible,.st-deck-mute:focus-visible{outline-offset:1px}.st-deck-arm:active,.st-deck-mute:active{transform:translateY(1px)}@keyframes st-deck-rec{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.st-device-stamp.is-rec{animation:none}}.st-mic-device{width:7.6rem}.st-mic-device.is-span-2{width:8.8rem}.st-mic-device.is-span-3{width:10rem}.st-mic-device.is-span-2 .st-mic-grille{height:5.2rem}.st-mic-device.is-span-3 .st-mic-grille{height:6.1rem}.st-mic-grille{background:radial-gradient(circle at 50% 20%, #ffffff14, transparent 42%), var(--w-face,#121018);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:flex-end;gap:.28rem;width:100%;height:4.4rem;margin:.1rem 0 .35rem;padding:.55rem .6rem .45rem;display:flex;box-shadow:inset 0 2px 8px #0000008c}.st-mic-grille i{background:var(--w-accent,#c9ada7);transform-origin:50% 100%;border-radius:999px;width:.42rem;height:100%}.st-mic-grille.is-on i{background:var(--w-accent,#ff5a3c)}.st-mic-device .hw-transport-wrap{margin-top:.15rem}.st-player-device.is-vinyl{width:11.4rem}.st-player-device.is-vinyl.is-span-2{width:14.2rem}.st-player-device.is-vinyl.is-span-2 .st-player-platter{height:8.6rem}.st-player-device.is-vinyl.is-span-2 .st-player-disc{width:7.8rem;height:7.8rem;margin-left:-3.9rem}.st-player-device.is-vinyl.is-span-3{width:16.6rem}.st-player-device.is-vinyl.is-span-3 .st-player-platter{height:10rem}.st-player-device.is-vinyl.is-span-3 .st-player-disc{width:9rem;height:9rem;margin-left:-4.5rem}.st-player-device.is-cassette{width:12.2rem}.st-player-device.is-cassette.is-span-2{width:16rem}.st-player-device.is-cassette.is-span-2 .st-player-window{min-height:3.2rem}.st-player-device.is-cassette.is-span-3{width:19.2rem}.st-player-device.is-cassette.is-span-3 .st-player-window{min-height:3.8rem}.st-player-device.is-boombox{width:13.2rem}.st-player-device.is-boombox.is-span-2{width:19.2rem}.st-player-device.is-boombox.is-span-2 .st-player-speaker{min-height:3.4rem}.st-player-device.is-boombox.is-span-3{grid-template-columns:minmax(0,1fr) auto;column-gap:.45rem;width:22.8rem;display:grid}.st-player-device.is-boombox.is-span-3 .st-player-boom{grid-column:1/-1}.st-player-device.is-boombox.is-span-3 .st-player-speaker{min-height:4rem}.st-player-platter{height:7.4rem;margin:.1rem 0 .4rem;position:relative}.st-player-disc{background:repeating-radial-gradient(circle at 50% 50%, var(--w-face,#1a1a24) 0 .12rem, var(--w-face,#121018) .12rem .2rem);border-radius:50%;width:6.8rem;height:6.8rem;margin-left:-3.4rem;position:absolute;inset:.2rem auto auto 50%}@supports (color:color-mix(in lab, red, red)){.st-player-disc{background:repeating-radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--w-face,#1a1a24) 86%, #fff) 0 .12rem, var(--w-face,#121018) .12rem .2rem)}}.st-player-disc{box-shadow:inset 0 0 0 .55rem var(--w-face,#2a2430), 0 4px 0 #0a0a10}@supports (color:color-mix(in lab, red, red)){.st-player-disc{box-shadow:inset 0 0 0 .55rem color-mix(in srgb, var(--w-face,#2a2430) 80%, #000), 0 4px 0 #0a0a10}}.st-player-label{background:var(--w-accent,#e07a5f);border-radius:50%;position:absolute;inset:38%}.st-player-arm{transform-origin:50% 0;background:#c9ada7;width:.28rem;height:3.6rem;position:absolute;top:.4rem;right:.6rem;transform:rotate(-18deg)}.st-player-arm.is-on{transform:rotate(12deg)}.st-player-window{background:var(--w-face,#121018);color:#e8d6c4;min-height:2.6rem;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;grid-template-columns:1.4rem minmax(0,1fr) 1.4rem;align-items:center;gap:.35rem;margin:.1rem 0 .35rem;padding:.3rem .4rem;font-size:.52rem;display:grid}.st-player-reel{background:repeating-conic-gradient(var(--w-accent,#c9ada7) 0 12deg, var(--w-face,#121018) 12deg 24deg);border-radius:50%;width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 .18rem #1c1c2e}.st-player-boom{grid-template-columns:1.6rem minmax(0,1fr) 1.6rem;align-items:stretch;gap:.3rem;display:grid}.st-player-speaker{background:repeating-radial-gradient(circle at 50% 50%, var(--w-face,#2a2430) 0 .18rem, var(--w-face,#121018) .18rem .32rem);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.st-player-speaker{background:repeating-radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--w-face,#2a2430) 80%, #fff) 0 .18rem, var(--w-face,#121018) .18rem .32rem)}}.st-player-speaker{box-shadow:inset 0 2px 6px #00000080}.st-player-lcd{color:var(--w-accent,#ff7a45);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;justify-content:space-between;margin:0 0 .3rem;font-size:.68rem;display:flex}.st-player-lcd em{color:#8a7a74;letter-spacing:.14em;text-transform:uppercase;font-size:.42rem;font-style:normal;display:block}.st-player-load{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:.28rem;margin:0 0 .35rem;display:grid}.st-player-tape{background:var(--w-face,#12121c);min-height:1.55rem;color:var(--w-accent,#e8d6c4);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:.28rem .35rem;font-size:.5rem;overflow:hidden}.st-player-rail{flex-wrap:wrap;align-items:flex-end;gap:.32rem;display:flex}.st-player-disc.is-spin,.st-player-reel.is-spin{animation:1.8s linear infinite st-player-spin}@keyframes st-player-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.st-player-disc.is-spin,.st-player-reel.is-spin{animation:none}}.st-note-rec{background:linear-gradient(180deg, var(--w-body,#2a2a32) 0%, var(--w-body,#16161c) 55%, var(--w-body,#101014) 100%);border-radius:1.35rem;width:11.4rem;padding:.7rem .65rem .75rem;position:relative}@supports (color:color-mix(in lab, red, red)){.st-note-rec{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#2a2a32) 86%, #fff) 0%, var(--w-body,#16161c) 55%, color-mix(in srgb, var(--w-body,#101014) 80%, #000) 100%)}}.st-note-rec{color:var(--w-accent,#ece8e2);box-shadow:inset 0 1px 0 #ffffff1a, 0 4px 0 var(--st-lip,#0b0b0e), 0 16px 28px #00000059}.st-note-rec.is-span-2{width:13.6rem}.st-note-rec.is-span-3{width:16.2rem}.st-note-rec-top{align-items:center;gap:.35rem;margin:0 .15rem .45rem;display:flex}.st-note-rec-top .hw-legend{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--w-accent,#c9ada7);flex:1;margin:0;overflow:hidden}.st-note-rec-clock{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.16em;color:var(--w-accent,#ece8e2);flex:none;font-size:.62rem}.st-note-rec-led{background:#3a3a44;border-radius:50%;flex:none;width:.38rem;height:.38rem}.st-note-rec-led.is-on{background:var(--w-accent,#ff4d4d);box-shadow:0 0 8px var(--w-accent,#ff4d4d)}@supports (color:color-mix(in lab, red, red)){.st-note-rec-led.is-on{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent,#ff4d4d) 80%, transparent)}}.st-note-rec-wave{cursor:default;background:0 0;border:0;align-items:center;gap:.12rem;width:100%;height:2.1rem;margin-bottom:.5rem;padding:0 .1rem;display:flex}.st-note-rec-wave:not(:disabled){cursor:pointer}.st-note-rec-wave i{background:var(--w-accent,#4a8bff);border-radius:99px;flex:1;min-width:0;transition:background .12s linear,opacity .12s linear}.st-note-rec-wave.is-playing i{opacity:.38}.st-note-rec-wave.is-playing i.is-played{opacity:1;background:var(--w-accent,#ffb48c)}@supports (color:color-mix(in lab, red, red)){.st-note-rec-wave.is-playing i.is-played{background:color-mix(in srgb, var(--w-accent,#ffb48c) 70%, #fff)}}.st-note-rec.is-span-2 .st-note-rec-wave{height:2.4rem}.st-note-rec.is-span-3 .st-note-rec-wave{height:2.8rem}.st-note-rec-dock .st-hw-dot{color:#ffffff8c;place-items:center;display:inline-grid}.st-note-rec-dock .st-hw-dot.is-hold{color:#3c180eb3}.st-note-rec-dock .st-hw-dot svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:.62rem;height:.62rem}.st-note-rec-dock .st-hw-dot:disabled{color:#ffffff40}.st-note-rec-card{background:var(--w-face,#f6f1ea);border-radius:.7rem;min-height:7.2rem;padding:.55rem .6rem;box-shadow:inset 0 1px #ffffffb3}.st-note-rec.is-span-2 .st-note-rec-card{min-height:8.2rem}.st-note-rec.is-span-3 .st-note-rec-card{min-height:9.4rem}.st-note-rec-card textarea{width:100%;min-height:6.2rem;color:var(--w-accent,#22223b);resize:none;background:0 0;border:0;font-size:.78rem;line-height:1.4;display:block}.st-note-rec.is-span-2 .st-note-rec-card textarea{min-height:7.2rem}.st-note-rec.is-span-3 .st-note-rec-card textarea{min-height:8.4rem}.st-note-rec-card textarea:focus{outline:none}.st-note-rec-dock{justify-content:space-between;align-items:center;margin:.7rem .35rem 0;display:flex}.st-note-rec-go{background:radial-gradient(circle at 32% 28%, #ffffff59, transparent 42%), linear-gradient(180deg, var(--w-key,#ff6b6b), var(--w-key,#c41c1c));border:0;border-radius:50%;width:2.55rem;height:2.55rem;padding:0}@supports (color:color-mix(in lab, red, red)){.st-note-rec-go{background:radial-gradient(circle at 32% 28%, #ffffff59, transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--w-key,#ff6b6b) 80%, #fff), var(--w-key,#c41c1c))}}.st-note-rec-go{box-shadow:inset 0 1px 0 #fff6, 0 3px 0 var(--w-key,#7a1010), 0 8px 14px #00000059}@supports (color:color-mix(in lab, red, red)){.st-note-rec-go{box-shadow:inset 0 1px 0 #fff6, 0 3px 0 color-mix(in srgb, var(--w-key,#7a1010) 70%, #000), 0 8px 14px #00000059}}.st-note-rec-go{cursor:pointer}.st-note-rec-go.is-on{box-shadow:inset 0 2px 6px #00000059, 0 1px 0 var(--w-key,#7a1010)}@supports (color:color-mix(in lab, red, red)){.st-note-rec-go.is-on{box-shadow:inset 0 2px 6px #00000059, 0 1px 0 color-mix(in srgb, var(--w-key,#7a1010) 70%, #000)}}.st-note-rec-hint{letter-spacing:.04em;color:#c9ada7;margin:.4rem .2rem 0;font-size:.58rem}.st-printer{--printer-body:var(--w-body,#16161a);--printer-edge:var(--st-lip,#0b0b0e);--printer-rib:#ffffff0b;--printer-glow:var(--w-accent,#e07a8c);filter:drop-shadow(0 14px 22px #08080c61);width:8.6rem;padding:0;position:relative;overflow:visible}.st-printer.is-shell{min-height:13.6rem}.st-printer.is-span-2{width:9.8rem}.st-printer.is-span-3{width:11rem}.st-printer-shell{position:relative}.st-printer-body{background:radial-gradient(120% 70% at 50% 0%, #ffffff12, transparent 42%), linear-gradient(180deg, #2a2a30 0%, var(--printer-body) 38%, #101014 100%);min-height:13.6rem;box-shadow:inset 0 1px 0 #ffffff1f, inset 0 -2px 0 #00000059, 0 0 0 1px #0a0a0c, 0 3px 0 var(--printer-edge), 0 8px 0 #050506;border-radius:1.55rem;flex-direction:column;align-items:center;padding:1.15rem .85rem 1.35rem;display:flex;position:relative;overflow:hidden}.st-printer.is-span-2 .st-printer-body{min-height:15rem}.st-printer.is-span-3 .st-printer-body{min-height:16.4rem}.st-printer-ribs{pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(90deg, transparent 0 .17rem, var(--printer-rib) .17rem .22rem);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%)}.st-printer-stripe{background:linear-gradient(180deg, var(--w-accent,#3d7ad6) 0%, var(--w-accent,#3d7ad6) 18%, var(--w-key,#3aa36a) 18% 36%, var(--w-face,#e4c44a) 36% 54%, var(--w-key,#e07a3a) 54% 72%, var(--w-accent,#d23a3a) 72% 100%);border-radius:0 3px 3px 0;width:.38rem;position:absolute;top:1.15rem;bottom:1.55rem;left:0;box-shadow:1px 0 #ffffff1f}.st-printer-mark{z-index:1;color:#ecd6dc47;font-family:var(--font-subtape-display), "Iowan Old Style", Georgia, serif;letter-spacing:.18em;text-transform:lowercase;text-shadow:0 0 10px var(--printer-glow);margin:.15rem 0 0;font-size:1.35rem;font-weight:500;line-height:1;position:relative}@supports (color:color-mix(in lab, red, red)){.st-printer-mark{text-shadow:0 0 10px color-mix(in srgb, var(--printer-glow) 0%, transparent)}}.st-printer-mark{transition:color .24s,text-shadow .24s}.st-printer.is-ready .st-printer-mark,.st-printer.is-printing .st-printer-mark{color:#f3c8d2;text-shadow:0 0 8px var(--printer-glow), 0 0 22px var(--printer-glow)}@supports (color:color-mix(in lab, red, red)){.st-printer.is-ready .st-printer-mark,.st-printer.is-printing .st-printer-mark{text-shadow:0 0 8px color-mix(in srgb, var(--printer-glow) 70%, transparent), 0 0 22px color-mix(in srgb, var(--printer-glow) 45%, transparent)}}.st-printer.is-printing .st-printer-mark{animation:1.1s ease-in-out infinite st-printer-breathe}.st-printer-pill{appearance:none;z-index:2;background:linear-gradient(180deg, var(--w-key,#3a3a42) 0%, var(--w-key,#1c1c22) 55%, var(--w-key,#141418) 100%);border:0;border-radius:999px;width:3.6rem;height:1.35rem;margin:auto 0 .85rem;padding:0;position:relative}@supports (color:color-mix(in lab, red, red)){.st-printer-pill{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key,#3a3a42) 88%, #fff) 0%, var(--w-key,#1c1c22) 55%, color-mix(in srgb, var(--w-key,#141418) 80%, #000) 100%)}}.st-printer-pill{color:#c8c0ba;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;font-size:.48rem;font-weight:700;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0006,0 1px #0a0a0c,0 2px #050506}.st-printer-pill:disabled,.st-printer-pill.is-down{color:#8a827c;transform:translateY(1px);box-shadow:inset 0 1px 2px #00000073,0 1px #0a0a0c}.st-printer-bar{z-index:2;background:#0c0c10;border-radius:99px;width:52%;height:.18rem;margin-bottom:.15rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3}.st-printer-bar:after{content:"";border-radius:inherit;opacity:.7;background:#2a2a32;position:absolute;inset:0}.st-printer.is-ready .st-printer-bar:after{opacity:1;background:#5ec8d4;box-shadow:0 0 8px #5ec8d4b3}.st-printer.is-printing .st-printer-bar:after{background:linear-gradient(90deg, transparent, #f0c4a0, var(--hw-coral), #f0c4a0, transparent);box-shadow:0 0 10px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.st-printer.is-printing .st-printer-bar:after{box-shadow:0 0 10px color-mix(in srgb, var(--hw-coral) 70%, transparent)}}.st-printer.is-printing .st-printer-bar:after{animation:.7s linear infinite st-printer-scan}.st-printer-slot{z-index:3;background:var(--w-face,#050506);border-radius:2px;height:.4rem;position:absolute;bottom:-.14rem;left:14%;right:14%;overflow:hidden;box-shadow:inset 0 2px 3px #000000d9,0 0 0 1px #0a0a0c,0 1px #ffffff0d}.st-printer-slot:before{content:"";opacity:.92;background:linear-gradient(90deg,#c45a28,#e07a5f 35%,#e4b66a 50%,#e07a5f 65%,#c45a28);height:2px;position:absolute;top:0;left:6%;right:6%}.st-printer-error{color:#e07a5f;text-align:center;margin:0;font-size:.58rem;position:absolute;bottom:-1.35rem;left:.6rem;right:.6rem}.st-printer.is-stickers{--printer-body:var(--w-body,#e8e2d6);--printer-edge:var(--st-lip,#b2a894);--printer-rib:#0000000d;--printer-glow:var(--w-accent,#e07a5f)}.st-printer.is-stickers .st-printer-body{background:radial-gradient(120% 70% at 50% 0%, #ffffff80, transparent 42%), linear-gradient(180deg, var(--printer-body) 0%, var(--printer-body) 38%, var(--printer-body) 100%)}@supports (color:color-mix(in lab, red, red)){.st-printer.is-stickers .st-printer-body{background:radial-gradient(120% 70% at 50% 0%, #ffffff80, transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--printer-body) 88%, #fff) 0%, var(--printer-body) 38%, color-mix(in srgb, var(--printer-body) 78%, #6b5a48) 100%)}}.st-printer.is-stickers .st-printer-body{box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -2px 0 #0000001f, 0 0 0 1px var(--printer-body), 0 3px 0 var(--printer-edge), 0 8px 0 var(--printer-edge)}@supports (color:color-mix(in lab, red, red)){.st-printer.is-stickers .st-printer-body{box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -2px 0 #0000001f, 0 0 0 1px color-mix(in srgb, var(--printer-body) 55%, #000), 0 3px 0 var(--printer-edge), 0 8px 0 color-mix(in srgb, var(--printer-edge) 70%, #000)}}.st-printer.is-stickers .st-printer-stripe{background:linear-gradient(180deg, var(--w-accent,#ff5a8c) 0%, var(--w-accent,#ff5a8c) 25%, var(--w-key,#ffd45a) 25% 50%, var(--w-face,#5ae0c0) 50% 75%, var(--w-accent,#7ad4ff) 75% 100%)}.st-printer.is-stickers .st-printer-mark{color:#4a423866}.st-printer.is-stickers.is-ready .st-printer-mark,.st-printer.is-stickers.is-printing .st-printer-mark{color:#b0452e;text-shadow:0 0 8px var(--printer-glow), 0 0 20px var(--printer-glow)}@supports (color:color-mix(in lab, red, red)){.st-printer.is-stickers.is-ready .st-printer-mark,.st-printer.is-stickers.is-printing .st-printer-mark{text-shadow:0 0 8px color-mix(in srgb, var(--printer-glow) 55%, transparent), 0 0 20px color-mix(in srgb, var(--printer-glow) 30%, transparent)}}.st-printer.is-stickers .st-printer-pill{background:linear-gradient(180deg, var(--w-key,#ff5a8c) 0%, var(--w-key,#ff5a8c) 60%, var(--w-key,#ff5a8c) 100%)}@supports (color:color-mix(in lab, red, red)){.st-printer.is-stickers .st-printer-pill{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key,#ff5a8c) 88%, #fff) 0%, var(--w-key,#ff5a8c) 60%, color-mix(in srgb, var(--w-key,#ff5a8c) 72%, #000) 100%)}}.st-printer.is-stickers .st-printer-pill{color:#fff;box-shadow:inset 0 1px 0 #ffffff73, 0 1px 0 var(--w-key,#ff5a8c), 0 2px 0 var(--w-key,#ff5a8c)}@supports (color:color-mix(in lab, red, red)){.st-printer.is-stickers .st-printer-pill{box-shadow:inset 0 1px 0 #ffffff73, 0 1px 0 color-mix(in srgb, var(--w-key,#ff5a8c) 55%, #000), 0 2px 0 color-mix(in srgb, var(--w-key,#ff5a8c) 40%, #000)}}.st-printer-tray{appearance:none;z-index:2;background:var(--w-key,#4a3a46);border:0;border-radius:999px;margin:.3rem 0 .55rem;padding:.14rem .55rem;position:relative}@supports (color:color-mix(in lab, red, red)){.st-printer-tray{background:color-mix(in srgb, var(--w-key,#4a3a46) 22%, transparent)}}.st-printer-tray{color:var(--w-accent,#4a4238bf);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;font-size:.44rem;font-weight:700;box-shadow:inset 0 1px 2px #0000002e}.st-printer-tray:hover{color:#b0452e}.st-printer.is-stickers .st-printer-pill{margin-bottom:0}@keyframes st-printer-breathe{0%,to{opacity:1}50%{opacity:.62}}@keyframes st-printer-scan{0%{transform:translate(-80%)}to{transform:translate(80%)}}.st-fx-head{justify-content:space-between;align-items:baseline;gap:.55rem;margin-bottom:.5rem;display:flex}.st-fx-device .hw-legend,.st-mod-device .hw-legend{color:var(--w-accent,#c9ada7)}.st-fx-kinds{flex-wrap:wrap;gap:.28rem;display:flex}.st-fx-kinds button{background:var(--w-face,#12121c);min-width:2.1rem;color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;padding:.22rem .4rem;font-size:.62rem;box-shadow:inset 0 1px 3px #00000073}.st-fx-kinds button.is-on{color:#1c1c2e;background:var(--hw-coral)}.st-fx-rail{flex-wrap:wrap;align-items:flex-end;gap:.55rem;margin-top:.65rem;display:flex}.st-fx-read{letter-spacing:.12em;text-align:center;text-transform:uppercase;margin:0 0 .35rem;padding:.22rem .4rem;font-size:.62rem}.st-fx-foot{justify-content:center;margin-top:.5rem;display:flex}.st-knob-device,.st-slider-device,.st-calc-device,.st-scope-device,.st-keys-device{background:linear-gradient(180deg, var(--w-body,#222232) 0%, var(--w-body,#222232) 58%, var(--w-body,#222232) 100%);border-radius:14px;position:relative}@supports (color:color-mix(in lab, red, red)){.st-knob-device,.st-slider-device,.st-calc-device,.st-scope-device,.st-keys-device{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#222232) 76%, #8f8fb8) 0%, var(--w-body,#222232) 58%, color-mix(in srgb, var(--w-body,#222232) 80%, #000) 100%)}}.st-knob-device,.st-slider-device,.st-calc-device,.st-scope-device,.st-keys-device{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 12px 22px #22223b33}.st-knob-device,.st-slider-device,.st-calc-device,.st-scope-device{padding:.7rem .65rem .6rem}.st-knob-device{flex-direction:column;align-items:center;gap:.2rem;width:7.1rem;padding:.4rem .38rem .32rem;display:flex}.st-knob-device .hw-knob-hit{width:5.15rem;height:5.15rem}.st-knob-device .hw-knob-hit:before,.st-knob-device .hw-knob-hit:after,.st-knob-device .hw-knob{width:4.25rem;height:4.25rem;margin:-2.125rem 0 0 -2.125rem}.st-knob-device .hw-knob:after{width:3px;height:.95rem;top:.32rem}.st-knob-device .hw-knob-readout{min-width:1.7rem;margin-top:.12rem;font-size:.62rem}.st-knob-body{flex-direction:column;align-items:center;display:flex}.st-knob-lcd{background:var(--w-face,#1a2014);min-width:2.1rem;color:var(--w-accent,#c8f59a);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-align:center;border-radius:3px;margin-bottom:.12rem;padding:.12rem .35rem;font-size:.72rem;box-shadow:inset 0 1px 3px #00000080}.st-knob-device.is-span-2{width:9.2rem;padding:.48rem .45rem .4rem}.st-knob-device.is-span-2 .hw-knob-hit{width:6.6rem;height:6.6rem}.st-knob-device.is-span-2 .hw-knob-hit:before,.st-knob-device.is-span-2 .hw-knob-hit:after,.st-knob-device.is-span-2 .hw-knob{width:5.5rem;height:5.5rem;margin:-2.75rem 0 0 -2.75rem}.st-knob-device.is-span-3{width:16.4rem;padding:.55rem .5rem .45rem}.st-knob-device.is-span-3 .st-knob-body{flex-direction:row;gap:.7rem}.st-knob-device.is-span-3 .st-knob-lcd{min-width:2.8rem;font-size:1.05rem}.st-knob-device.is-span-3 .hw-knob-hit{width:8.4rem;height:8.4rem}.st-knob-device.is-span-3 .hw-knob-hit:before,.st-knob-device.is-span-3 .hw-knob-hit:after,.st-knob-device.is-span-3 .hw-knob{width:7.1rem;height:7.1rem;margin:-3.55rem 0 0 -3.55rem}.st-switch-device{background:linear-gradient(180deg, var(--w-body,#222232) 0%, var(--w-body,#222232) 58%, var(--w-body,#222232) 100%);border-radius:14px;flex-direction:column;align-items:stretch;gap:.45rem;width:8.4rem;padding:.45rem .45rem .55rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.st-switch-device{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#222232) 76%, #8f8fb8) 0%, var(--w-body,#222232) 58%, color-mix(in srgb, var(--w-body,#222232) 80%, #000) 100%)}}.st-switch-device{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 12px 22px #22223b33}.st-switch-device .hw-legend,.st-switch-device .st-device-stamp{color:var(--w-accent,#c9ada7)}.st-switch-device .st-fx-head{width:100%}.st-switch-device .st-device-stamp:before{content:"";vertical-align:-.04rem;background:#2a2430;border-radius:50%;width:.38rem;height:.38rem;margin-right:.28rem;display:inline-block;box-shadow:inset 0 1px 2px #0000008c}.st-switch-device.is-on .st-device-stamp:before{background:var(--w-accent,var(--hw-coral));box-shadow:0 0 0 1px var(--w-accent,var(--hw-coral)), 0 0 8px var(--w-accent,var(--hw-coral))}@supports (color:color-mix(in lab, red, red)){.st-switch-device.is-on .st-device-stamp:before{box-shadow:0 0 0 1px color-mix(in srgb, var(--w-accent,var(--hw-coral)) 40%, #1c1c2e), 0 0 8px color-mix(in srgb, var(--w-accent,var(--hw-coral)) 70%, transparent)}}.st-switch-rocker{appearance:none;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:100%;margin:0;padding:.28rem 0 .1rem;display:block}.st-switch-rocker:disabled{cursor:default}.st-switch-well{background:linear-gradient(180deg, var(--w-face,#0a0a10) 0%, var(--w-face,#16161f) 70%, var(--w-face,#101018) 100%);border-radius:999px;width:100%;height:1.7rem;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.st-switch-well{background:linear-gradient(180deg, color-mix(in srgb, var(--w-face,#0a0a10) 80%, #000) 0%, var(--w-face,#16161f) 70%, color-mix(in srgb, var(--w-face,#101018) 90%, #000) 100%)}}.st-switch-well{box-shadow:inset 0 3px 6px #0000009e,inset 0 -1px #ffffff0a}.st-switch-mark{z-index:0;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.14em;color:var(--w-accent,#6d6270);pointer-events:none;font-size:.5rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.st-switch-mark.is-off{left:.72rem}.st-switch-mark.is-on{right:.72rem}.st-switch-slider{z-index:1;width:2.35rem;transition:left .22s cubic-bezier(.22,1.2,.36,1);position:absolute;top:-.22rem;bottom:-.22rem;left:.12rem}.st-switch-rocker.is-on .st-switch-slider{left:calc(100% - 2.47rem)}.st-switch-rocker.is-drag .st-switch-slider{left:calc(.12rem + var(--st-slide) * (100% - 2.59rem));transition:none}.st-switch-knob{background:linear-gradient(180deg, var(--w-knob,var(--hw-coral)) 0%, var(--w-knob,var(--hw-coral)) 48%, var(--w-knob,var(--hw-coral)) 100%);border-radius:.7rem;width:100%;height:100%;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.st-switch-knob{background:linear-gradient(180deg, color-mix(in srgb, var(--w-knob,var(--hw-coral)) 42%, #fff) 0%, var(--w-knob,var(--hw-coral)) 48%, color-mix(in srgb, var(--w-knob,var(--hw-coral)) 68%, #000) 100%)}}.st-switch-knob{box-shadow:inset 0 1px 0 #ffffff73, inset 0 -2px 0 var(--w-knob,var(--hw-coral)), 0 2px 0 var(--w-knob,var(--hw-coral)), 0 4px 0 var(--w-knob,var(--hw-coral)), 0 7px 10px #00000047}@supports (color:color-mix(in lab, red, red)){.st-switch-knob{box-shadow:inset 0 1px 0 #ffffff73, inset 0 -2px 0 color-mix(in srgb, var(--w-knob,var(--hw-coral)) 55%, #000), 0 2px 0 color-mix(in srgb, var(--w-knob,var(--hw-coral)) 52%, #000), 0 4px 0 color-mix(in srgb, var(--w-knob,var(--hw-coral)) 32%, #000), 0 7px 10px #00000047}}.st-switch-knob:after{content:"";border-radius:999px;position:absolute;inset:38% 28%;box-shadow:inset 0 1px 2px #00000038,0 1px #fff3}.st-switch-rocker:active .st-switch-knob{transform:translateY(1px);box-shadow:inset 0 1px #ffffff59,0 1px #8a3a28,0 2px #4a1c14,0 4px 6px #00000038}.st-switch-device.is-span-2{width:13.4rem}.st-switch-device.is-span-2 .st-switch-well{height:1.9rem}.st-switch-device.is-span-2 .st-switch-slider{width:3.15rem}.st-switch-device.is-span-2 .st-switch-rocker.is-on .st-switch-slider{left:calc(100% - 3.27rem)}.st-switch-device.is-span-2 .st-switch-rocker.is-drag .st-switch-slider{left:calc(.12rem + var(--st-slide) * (100% - 3.39rem))}.st-switch-device.is-span-3{width:7.2rem}.st-switch-device.is-span-3 .st-switch-well{width:2.4rem;height:5.7rem;margin:.08rem auto 0}.st-switch-device.is-span-3 .st-switch-slider{width:auto;height:2.2rem;transition:top .22s cubic-bezier(.22,1.2,.36,1);inset:.12rem -.3rem auto}.st-switch-device.is-span-3 .st-switch-rocker.is-on .st-switch-slider{top:calc(100% - 2.32rem);left:-.3rem}.st-switch-device.is-span-3 .st-switch-rocker.is-drag .st-switch-slider{top:calc(.12rem + var(--st-slide) * (100% - 2.44rem));transition:none;left:-.3rem}.st-switch-device.is-span-3 .st-switch-mark{letter-spacing:.06em;left:50%;right:auto;transform:translate(-50%)}.st-switch-device.is-span-3 .st-switch-mark.is-off{top:.48rem;left:50%}.st-switch-device.is-span-3 .st-switch-mark.is-on{inset:auto auto .38rem 50%}.st-knob-device .st-fx-head,.st-slider-device .st-fx-head{width:100%}.st-slider-device{flex-direction:column;align-items:center;gap:.35rem;width:7.4rem;display:flex}.st-slider-device .hw-fader-track{height:8.5rem}.st-slider-device .st-fx-head .hw-legend,.st-calc-device .st-fx-head .hw-legend{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.st-slider-readout{background:var(--w-face,#12121c);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;color:var(--w-accent,#c8f59a);border-radius:3px;padding:.1rem .32rem;font-size:.72rem}.st-slider-device .hw-fader-ticks{background:repeating-linear-gradient(to bottom, transparent 0 .62rem, var(--w-accent,#c9ada7) .62rem .7rem)}@supports (color:color-mix(in lab, red, red)){.st-slider-device .hw-fader-ticks{background:repeating-linear-gradient(to bottom, transparent 0 .62rem, color-mix(in srgb, var(--w-accent,#c9ada7) 42%, transparent) .62rem .7rem)}}.st-slider-device.is-span-2{width:9rem}.st-slider-device.is-span-3{width:11.2rem}.st-slider-device.is-span-3 .hw-fader-track{height:11.2rem}.st-scope-device{width:12.6rem}.st-scope-device.is-span-2{width:16.5rem}.st-scope-device.is-span-3{width:22.6rem}.st-scope-device.is-span-3 .st-scope-screen{height:9.2rem}.st-scope-modes{flex-wrap:wrap;gap:.22rem;display:flex}.st-scope-modes .hw-key{letter-spacing:.1em;min-height:1.3rem;padding:.16rem .4rem;font-size:.58rem}.st-scope-screen{background:var(--w-face,#0e1210);width:100%;height:7.4rem;box-shadow:inset 0 0 0 2px var(--w-face,#0e1210), inset 0 8px 18px #00000073;border-radius:4px;margin:.15rem 0 .45rem;display:block}@supports (color:color-mix(in lab, red, red)){.st-scope-screen{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--w-face,#0e1210) 70%, #1c2418), inset 0 8px 18px #00000073}}.st-calc-device{width:11.4rem}.st-calc-device.is-span-2{width:13.6rem}.st-calc-device.is-span-3{width:16.2rem}.st-calc-extra{grid-template-columns:repeat(4,1fr);gap:.28rem;margin-bottom:.35rem;display:grid}.st-calc-device.is-span-3 .st-calc-extra{grid-template-columns:repeat(6,1fr)}.st-calc-extra button{background:var(--w-face,#1a1620);min-height:1.45rem;color:var(--w-key,#e07a5f);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.06em;cursor:pointer;border:0;border-radius:4px;font-size:.62rem;box-shadow:inset 0 1px 3px #00000073}.st-calc-lcd{background:var(--w-face,#1a2014);color:var(--w-accent,#c8f59a);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;border-radius:4px;flex-direction:column;align-items:flex-end;gap:.12rem;margin-bottom:.45rem;padding:.4rem .5rem .32rem;display:flex;box-shadow:inset 0 2px 8px #00000080}.st-calc-expr{letter-spacing:.06em;opacity:.7;font-size:.58rem}.st-calc-out{letter-spacing:.04em;font-size:1.15rem}.st-calc-ops,.st-calc-slots{grid-template-columns:repeat(4,1fr);gap:.28rem;margin-bottom:.35rem;display:grid}.st-calc-slots{grid-template-columns:1fr 1fr;margin:.4rem 0 0}.st-calc-pad{grid-template-columns:repeat(3,1fr);gap:.28rem;display:grid}.st-calc-ops button,.st-calc-pad button,.st-calc-slots button{background:var(--w-face,#12121c);min-height:1.55rem;color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;cursor:pointer;border:0;border-radius:4px;font-size:.68rem;box-shadow:inset 0 1px 3px #00000073}.st-calc-ops button.is-on,.st-calc-slots button.is-on{color:var(--w-body,#1c1c2e);background:var(--w-key,var(--hw-coral))}.st-calc-pad button.is-clear{color:var(--w-key,#e07a5f)}.st-calc-eq{background:var(--w-key,var(--hw-coral));width:100%;min-height:1.7rem;color:var(--w-body,#1c1c2e);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;cursor:pointer;border:0;border-radius:4px;margin-top:.35rem;font-size:.85rem;box-shadow:inset 0 1px #ffffff47}.st-keys-device{background:linear-gradient(180deg, var(--w-body,#4a4038) 0%, var(--w-body,#2a2420) 55%, var(--w-body,#1c1816) 100%);width:22.5rem;padding:.65rem .7rem .55rem}@supports (color:color-mix(in lab, red, red)){.st-keys-device{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#4a4038) 76%, #fff) 0%, var(--w-body,#2a2420) 55%, color-mix(in srgb, var(--w-body,#1c1816) 80%, #000) 100%)}}.st-keys-device{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 12px 22px #22223b33}.st-keys-device.is-span-1{width:13.4rem;padding:.5rem .5rem .42rem}.st-keys-device.is-span-3{width:36rem}.st-keys-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.st-keys-device .hw-legend{color:var(--w-accent,#e07a5f)}.st-keys-lcd{background:var(--w-face,#1a2014);color:var(--w-accent,#c8f59a);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.14em;text-align:center;border-radius:3px;flex:1;padding:.18rem .45rem;font-size:.72rem;box-shadow:inset 0 1px 4px #00000080}.st-keys-rail{justify-content:space-between;align-items:center;gap:.55rem;margin-bottom:.5rem;display:flex}.st-keys-waves,.st-keys-oct{align-items:center;gap:.28rem;display:flex}.st-keys-oct .hw-legend{margin:0}.st-keys-waves .hw-key,.st-keys-oct .hw-key,.st-keys-rail>.hw-key-wrap .hw-key{letter-spacing:.1em;min-height:1.35rem;padding:.18rem .4rem;font-size:.58rem}.st-keys-device:focus,.st-beat-device:focus{outline:none}.st-keys-device.is-armed{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 0 0 1px var(--hw-coral), 0 0 0 6px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.st-keys-device.is-armed{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 0 0 1px color-mix(in srgb, var(--hw-coral) 55%, transparent), 0 0 0 6px color-mix(in srgb, var(--hw-coral) 16%, transparent)}}.st-beat-device.is-armed{box-shadow:0 0 0 1px var(--hw-coral), 0 0 0 6px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.st-beat-device.is-armed{box-shadow:0 0 0 1px color-mix(in srgb, var(--hw-coral) 55%, transparent), 0 0 0 6px color-mix(in srgb, var(--hw-coral) 16%, transparent)}}.st-keys-bed{background:var(--w-face,#12121c);border-radius:6px;height:5.4rem;padding:.2rem .15rem .15rem;position:relative;overflow:visible;box-shadow:inset 0 2px 6px #00000073}.st-keys-white{z-index:0;grid-template-columns:repeat(var(--st-keys,8), 1fr);gap:.16rem;height:100%;display:grid;position:relative}.st-keys-ivory{background:linear-gradient(180deg, var(--w-key,#f4efe8) 0%, var(--w-key,#f4efe8) 70%, var(--w-key,#f4efe8) 100%);border:0;border-radius:0 0 4px 4px}@supports (color:color-mix(in lab, red, red)){.st-keys-ivory{background:linear-gradient(180deg, var(--w-key,#f4efe8) 0%, color-mix(in srgb, var(--w-key,#f4efe8) 88%, #6b5a48) 70%, color-mix(in srgb, var(--w-key,#f4efe8) 72%, #6b5a48) 100%)}}.st-keys-ivory{cursor:pointer;box-shadow:inset 0 1px #fff,0 2px #9a8c80}.st-keys-ivory.is-down{background:var(--w-key,#f4efe8)}@supports (color:color-mix(in lab, red, red)){.st-keys-ivory.is-down{background:color-mix(in srgb, var(--w-key,#f4efe8) 78%, #6b5a48)}}.st-keys-ivory.is-down{transform:translateY(1px);box-shadow:inset 0 2px 4px #22223b33}.st-keys-black{z-index:2;grid-template-columns:repeat(var(--st-keys,8), 1fr);pointer-events:none;gap:.16rem;height:58%;display:grid;position:absolute;inset:.2rem .15rem auto}.st-widget-face .st-keys-sharp,.st-keys-sharp{pointer-events:auto;background:linear-gradient(180deg, var(--w-key,#3a3a48) 0%, var(--w-key,#16161c) 100%);border:0;border-radius:0 0 3px 3px;justify-self:end;width:58%;height:100%;padding:0;position:relative;top:0}@supports (color:color-mix(in lab, red, red)){.st-widget-face .st-keys-sharp,.st-keys-sharp{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key,#3a3a48) 42%, #111) 0%, color-mix(in srgb, var(--w-key,#16161c) 22%, #000) 100%)}}.st-widget-face .st-keys-sharp,.st-keys-sharp{cursor:pointer;z-index:2;transform:translate(50%);box-shadow:inset 0 1px #ffffff1f,0 2px #0c0c10}.st-keys-sharp.is-down{background:var(--w-key,#2a2a32)}@supports (color:color-mix(in lab, red, red)){.st-keys-sharp.is-down{background:color-mix(in srgb, var(--w-key,#2a2a32) 30%, #000)}}.st-keys-sharp.is-down{box-shadow:inset 0 2px 4px #0000008c}.st-shortcut-overlay{background:#1210168c}.st-shortcut-dialog.is-wide{max-width:28rem}.st-shortcut-dialog{color:#22223b;background:linear-gradient(160deg,#ffffff6b,#0000 46%),linear-gradient(#f7eee8 0%,#efe6df 52%,#e4d7ce 100%);border:0;gap:1rem;max-width:22.5rem;box-shadow:inset 0 1px #ffffff80,0 4px #c4b4ab,0 18px 36px #22223b3d}.st-shortcut-title{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:#22223b;font-size:.82rem}.st-shortcut-copy{color:#6d6270}.st-shortcut-body{flex-direction:column;gap:.85rem;display:flex}.st-shortcut-piano{background:var(--w-face,#12121c);border-radius:6px;padding:.2rem;position:relative;box-shadow:inset 0 2px 6px #0006}.st-shortcut-whites{grid-template-columns:repeat(8,1fr);gap:.12rem;height:5.2rem;display:grid}.st-shortcut-whites span{background:linear-gradient(180deg, var(--w-key,#f4efe8) 0%, var(--w-key,#f4efe8) 70%, var(--w-key,#f4efe8) 100%);border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;padding-bottom:.4rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-shortcut-whites span{background:linear-gradient(180deg, var(--w-key,#f4efe8) 0%, color-mix(in srgb, var(--w-key,#f4efe8) 88%, #6b5a48) 70%, color-mix(in srgb, var(--w-key,#f4efe8) 72%, #6b5a48) 100%)}}.st-shortcut-whites span{color:#5c534c;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.06em;font-size:.62rem}.st-shortcut-blacks{z-index:1;pointer-events:none;grid-template-columns:repeat(8,1fr);gap:.12rem;height:58%;display:grid;position:absolute;inset:.2rem .2rem auto}.st-shortcut-blacks span{color:#ece6dc;width:58%;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;background:linear-gradient(#3a3a48 0%,#16161c 100%);border-radius:0 0 3px 3px;justify-content:center;justify-self:end;align-items:flex-end;padding-bottom:.28rem;font-size:.58rem;display:flex;transform:translate(50%)}.st-shortcut-pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;display:grid}.st-shortcut-pads span{background:linear-gradient(160deg, #ffffff24, transparent 42%), linear-gradient(180deg, var(--w-key,#4a3a46) 0%, var(--w-key,#4a3a46) 100%);border-radius:5px;flex-direction:column;gap:.12rem;min-height:3.1rem;padding:.35rem .3rem .3rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-shortcut-pads span{background:linear-gradient(160deg, #ffffff24, transparent 42%), linear-gradient(180deg, var(--w-key,#4a3a46) 0%, color-mix(in srgb, var(--w-key,#4a3a46) 62%, #0c0a12) 100%)}}.st-shortcut-pads span{color:#f2e9e4;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;font-size:.58rem;box-shadow:inset 0 1px #ffffff1f,0 2px #141018}.st-shortcut-pads b{color:#e07a5f;font-size:.72rem;font-weight:600}.st-shortcut-list{gap:.35rem;margin:0;display:grid}.st-shortcut-list div{align-items:center;gap:.55rem;display:flex}.st-shortcut-list.is-wide{grid-template-columns:1fr 1fr}.st-shortcut-list.is-wide dt{min-width:3.9rem}.st-shortcut-list dt{background:var(--w-face,#12121c);color:#e8ddd4;min-width:3.4rem;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;text-align:center;border-radius:4px;padding:.18rem .4rem;font-size:.62rem}.st-shortcut-list dd{color:#6d6270;margin:0;font-size:.82rem}.st-shortcut-section h3{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:#8b3a22;margin:0 0 .28rem;font-size:.62rem}.st-shortcut-section p{color:#4a4450;margin:0;font-size:.86rem;line-height:1.5}.st-shortcut-empty{color:#6d6270;margin:0;font-size:.78rem}.st-ctx-anchor{z-index:60;pointer-events:none;background:0 0;border:0;width:1px;height:1px;margin:0;padding:0;position:fixed}.st-ctx-pop{z-index:80;position:fixed;overflow:visible}.st-ctx-subwrap{position:relative}.st-ctx-subwrap .st-ctx-sub{z-index:81;visibility:hidden;pointer-events:none;position:absolute;top:0;left:calc(100% - 2px)}.st-ctx-subwrap .st-ctx-sub.is-left{left:auto;right:calc(100% - 2px)}.st-ctx-subwrap:hover .st-ctx-sub,.st-ctx-subwrap:focus-within .st-ctx-sub{visibility:visible;pointer-events:auto}.st-ctx-subwrap:hover>[role=menuitem],.st-ctx-subwrap:focus-within>[role=menuitem]{background:#22223b12}.st-ctx-menu,.st-ctx-menu [role=menu],.st-ctx-menu [data-radix-dropdown-menu-sub-content]{z-index:70;color:#22223b;background-color:#efe6df;background-image:linear-gradient(160deg,#ffffff75,#0000 48%),linear-gradient(#f7eee8 0%,#efe6df 100%);border:0;min-width:11.25rem;padding:.22rem;box-shadow:inset 0 1px #ffffff8c,0 3px #c4b4ab,0 14px 28px #22223b33}.st-ctx-menu [role=menuitem],.st-ctx-menu [data-slot=dropdown-menu-sub-trigger],.st-ctx-menu [data-radix-collection-item]{color:#22223b;padding:.34rem .5rem;font-size:.78rem}.st-ctx-menu [role=menuitem]:focus,.st-ctx-menu [data-radix-collection-item]:focus,.st-ctx-menu [data-slot=dropdown-menu-sub-trigger][data-state=open],.st-ctx-menu [data-radix-dropdown-menu-sub-trigger][data-state=open]{background:#22223b12}.st-ctx-menu [data-disabled]{opacity:.38}.st-ctx-menu .text-red-600{color:#9b3d3d}.st-jacks{pointer-events:none;z-index:0;position:absolute;inset:0}:is(.st-widget:has(.st-polaroid) .st-jacks,.st-widget:has(.st-film) .st-jacks){z-index:0}:is(.st-widget:has(.st-polaroid) .st-widget-face,.st-widget:has(.st-film) .st-widget-face){z-index:2}:is(.st-widget-cell:has(.st-polaroid),.st-widget-cell:has(.st-film)){overflow:hidden}.st-dash.is-patching .st-widget-cell{overflow:visible}.st-widget-cell:has(.st-polaroid):hover{overflow:visible}.st-widget-cell:has(.st-film):hover{overflow:visible}.st-widget-cell:has(.st-polaroid):has(.st-jack.is-live){overflow:visible}.st-widget-cell:has(.st-film):has(.st-jack.is-live){overflow:visible}.st-dash.is-patching .st-jacks{z-index:0}.st-jack{--st-jack:#e07a5f;pointer-events:auto;cursor:crosshair;touch-action:none;background:0 0;border:0;width:2.85rem;height:.7rem;padding:0;position:absolute}.st-jack.is-in{left:0;transform:translateY(-50%)}.st-jack.is-out{right:0;transform:translateY(-50%)}.st-jack:before{content:"";position:absolute;top:-.8rem;bottom:-.8rem}.st-jack.is-in:before{left:-1.55rem;right:-.2rem}.st-jack.is-out:before{left:-.2rem;right:-1.55rem}.st-jack-rod{opacity:0;align-items:center;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .16s;display:flex;position:absolute;inset:.05rem 0;overflow:visible}.st-jack-rod:before{content:"";position:absolute;inset:-.75rem -.7rem}.st-jack.is-in .st-jack-rod{flex-direction:row;transform:translate(100%)}.st-jack.is-out .st-jack-rod{flex-direction:row-reverse;transform:translate(-100%)}.st-jack.is-seated.is-in .st-jack-rod{transform:translate(60%)}.st-jack.is-seated.is-out .st-jack-rod{transform:translate(-60%)}.st-widget:hover .st-jack-rod,.st-jack.is-live .st-jack-rod,.st-jack.is-open .st-jack-rod,.st-jack.is-source .st-jack-rod,.st-jack.is-fit .st-jack-rod,.st-dash.is-patching .st-jack-rod{opacity:1}.st-jack.is-live.is-in .st-jack-rod,.st-jack.is-miss.is-in .st-jack-rod{transform:translate(calc(.18rem - 50%))}.st-jack.is-live.is-out .st-jack-rod,.st-jack.is-miss.is-out .st-jack-rod{transform:translate(calc(50% - .18rem))}.st-widget:hover .st-jack.is-in .st-jack-rod,.st-jack.is-open.is-in .st-jack-rod,.st-jack.is-source.is-in .st-jack-rod,.st-jack.is-fit.is-in .st-jack-rod{transform:translate(calc(.36rem - 100%))}.st-widget:hover .st-jack.is-out .st-jack-rod,.st-jack.is-open.is-out .st-jack-rod,.st-jack.is-source.is-out .st-jack-rod,.st-jack.is-fit.is-out .st-jack-rod{transform:translate(calc(100% - .36rem))}.st-dash.is-patching .st-widget:hover .st-jack.is-miss.is-in .st-jack-rod{transform:translate(calc(.18rem - 50%))}.st-dash.is-patching .st-widget:hover .st-jack.is-miss.is-out .st-jack-rod{transform:translate(calc(50% - .18rem))}.st-jack.is-fit{z-index:3}.st-jack.is-miss{z-index:1}.st-dash.is-patching .st-jack:not(.is-source){z-index:0}.st-dash.is-patching .st-jack.is-miss.is-in .st-jack-rod,.st-dash.is-patching .st-jack.is-in:not(.is-source):not(.is-fit) .st-jack-rod{opacity:.48;transform:translate(calc(.18rem - 50%))}.st-dash.is-patching .st-jack.is-miss.is-out .st-jack-rod,.st-dash.is-patching .st-jack.is-out:not(.is-source):not(.is-fit) .st-jack-rod{opacity:.48;transform:translate(calc(50% - .18rem))}.st-dash.is-patching .st-jack.is-fit{z-index:0}.st-dash.is-patching .st-jack.is-fit.is-in .st-jack-rod{opacity:1;transform:translate(calc(.36rem - 100%))}.st-dash.is-patching .st-jack.is-fit.is-out .st-jack-rod{opacity:1;transform:translate(calc(100% - .36rem))}.st-jack-sleeve{color:#ece6dc;min-width:0;height:100%;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#7a7a88 0%,#3c3c4a 42%,#1c1c26 55%,#4a4a58 100%);border-radius:0;flex:1;justify-content:center;align-items:center;padding:0 .1rem;font-size:.4rem;font-weight:700;line-height:1;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000059,0 1px #0c0c12}.st-jack-band{--st-jack-band-shadow:inset 0 1px 0 var(--st-jack), inset 0 -1px 0 var(--st-jack), 0 1px 0 #0c0c12}@supports (color:color-mix(in lab, red, red)){.st-jack-band{--st-jack-band-shadow:inset 0 1px 0 color-mix(in srgb, var(--st-jack) 70%, #fff), inset 0 -1px 0 color-mix(in srgb, var(--st-jack) 55%, #000), 0 1px 0 #0c0c12}}.st-jack-band{background:var(--st-jack);width:.22rem;height:100%;box-shadow:var(--st-jack-band-shadow), 0 0 7px var(--st-jack);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.st-jack-band{box-shadow:var(--st-jack-band-shadow), 0 0 7px color-mix(in srgb, var(--st-jack) 55%, transparent)}}.st-jack.is-in .st-jack-band{border-radius:.35rem 0 0 .35rem}.st-jack.is-out .st-jack-band{border-radius:0 .35rem .35rem 0}.st-jack.is-live .st-jack-band{box-shadow:var(--st-jack-band-shadow), 0 0 8px var(--st-jack)}@supports (color:color-mix(in lab, red, red)){.st-jack.is-live .st-jack-band{box-shadow:var(--st-jack-band-shadow), 0 0 8px color-mix(in srgb, var(--st-jack) 70%, transparent)}}.st-jack.is-fit .st-jack-band{box-shadow:var(--st-jack-band-shadow), 0 0 10px var(--st-jack), 0 0 20px var(--st-jack)}@supports (color:color-mix(in lab, red, red)){.st-jack.is-fit .st-jack-band{box-shadow:var(--st-jack-band-shadow), 0 0 10px color-mix(in srgb, var(--st-jack) 90%, transparent), 0 0 20px color-mix(in srgb, var(--st-jack) 45%, transparent)}}.st-jack.is-fit .st-jack-sleeve{outline:1px solid var(--st-jack)}@supports (color:color-mix(in lab, red, red)){.st-jack.is-fit .st-jack-sleeve{outline:1px solid color-mix(in srgb, var(--st-jack) 65%, transparent)}}.st-jack.is-fit .st-jack-sleeve{outline-offset:-1px}.st-jack.is-miss .st-jack-rod{opacity:.48}.st-jack.is-miss .st-jack-band{box-shadow:var(--st-jack-band-shadow)}.st-cables{z-index:1;pointer-events:none;width:8000px;height:8000px;position:absolute;top:-2800px;left:-2800px;overflow:visible}.st-cables:not(.is-ready):not(.is-draft){visibility:hidden}.st-cables.is-draft{z-index:13}.st-cable{pointer-events:stroke;cursor:pointer}.st-cable.is-draft,.st-cable.is-draft path{pointer-events:none}.st-cable path{fill:none;stroke-width:5.5px;stroke-linecap:round}.st-cable-shadow{stroke:#0c0c1273;stroke-width:8px}.st-cable.is-draft path{stroke-dasharray:7 6;stroke-width:4px}@media (prefers-reduced-motion:reduce){.st-reel span,.st-shimmer,.hw-knob.is-spinning,.hw-transport-wrap.is-on .hw-transport-collar,.hw-transport-wrap.is-on .hw-transport-led,.st-marquee-track{animation:none}.st-jack-rod{transition:none}.st-shimmer{color:var(--hw-lcd-ink);background:0 0}.hw-key,.hw-key:active,.hw-key.is-down{transition:none}}.st-clip,.st-film{--tilt:0deg;filter:drop-shadow(0 10px 16px #14100c47);width:228px;box-shadow:0 4px 0 var(--st-lip,transparent)}.st-film.is-span-2{width:268px}.st-film.is-span-3{width:320px}.st-film.is-fresh .st-film-stock{animation:1.15s both st-eject}.st-film-stock{transform:rotate(var(--tilt));background:repeating-linear-gradient(90deg,#1a1612 0 10px,#2a241c 10px 12px),linear-gradient(#2c261e,#1a1612);padding:10px 22px 28px;position:relative;box-shadow:inset 0 0 0 1px #ffdca014}.st-film-sprockets{background:repeating-linear-gradient(#0000 0 8px,#0b0907 8px 14px);width:12px;position:absolute;top:8px;bottom:26px}.st-film-sprockets.is-left{left:6px}.st-film-sprockets.is-right{right:6px}.st-film-well{aspect-ratio:16/9;cursor:pointer;background:#0b0907;border:0;width:100%;padding:0;display:block;overflow:hidden}.st-film-well video,.st-film-well img{object-fit:cover;width:100%;height:100%}.st-film-blank{color:#c9b59a;letter-spacing:.08em;text-transform:uppercase;place-items:center;height:100%;font:11px/1.2 ui-monospace,monospace;display:grid}.st-film-stamp{color:#f3e6c8;background:#111;padding:1px 5px;font:10px/1 ui-monospace,monospace;position:absolute;bottom:34px;right:28px}.st-film-play{border:8px solid #0000;border-left:14px solid #fff4dcd9;border-right-width:0;width:0;height:0;margin:auto;position:absolute;inset:0 22px 28px}.st-film-edge{color:var(--w-accent,#d8c4a4);letter-spacing:.12em;text-transform:uppercase;font:10px/1 ui-monospace,monospace;position:absolute;bottom:8px;left:22px;right:22px}.st-film-code{color:inherit}.st-film-error{color:#c45c4a;margin:6px 4px 0;font-size:11px}.st-film.is-over .st-film-well{outline:2px solid #e4b66a}.st-cam{filter:drop-shadow(0 12px 18px #0c0a0861);width:320px}.st-cam.is-span-1{width:248px}.st-cam.is-span-3{width:400px}.st-cam-top{background:linear-gradient(180deg, var(--w-body,#ece8de) 0%, var(--w-body,#c4beb2) 40%, var(--w-body,#8e877c) 100%);justify-content:space-between;align-items:flex-end;gap:8px;height:44px;padding:4px 10px 5px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.st-cam-top{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#ece8de) 88%, #fff) 0%, var(--w-body,#c4beb2) 40%, color-mix(in srgb, var(--w-body,#8e877c) 80%, #000) 100%)}}.st-cam-top{border-radius:10px 10px 0 0;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px #00000038}.st-cam-shoe{background:repeating-linear-gradient(90deg,#2a2824 0 3px,#6a6458 3px 4px);width:22px;height:8px;margin-bottom:8px;box-shadow:0 1px #1a1814}.st-cam-prism{pointer-events:none;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background:linear-gradient(#f0ece4,#9a9488 70%,#6a6458);width:56px;height:16px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff73}.st-cam-mode,.st-cam-shot{z-index:1;position:relative}.st-cam-mode{cursor:pointer;background:0 0;border:0;justify-items:center;gap:2px;margin-bottom:1px;padding:0;display:grid}.st-cam-mode-leg,.st-cam-shot span,.st-cam-clickdial-leg,.st-cam-rocker-leg,.st-cam-rocker-read,.st-cam-plunger-leg{color:#4a443c;letter-spacing:.12em;text-transform:uppercase;font:6px/1 ui-monospace,monospace}.st-cam-rail .st-cam-clickdial-leg,.st-cam-rail .st-cam-rocker-leg,.st-cam-rail .st-cam-rocker-read,.st-cam-plunger-leg{color:#9a8c7c}.st-cam-mode-well{background:#2a261e;border-radius:7px;width:46px;height:14px;position:relative;box-shadow:inset 0 1px 3px #0000008c}.st-cam-mode-knob{background:linear-gradient(#f4eee4,#c4b8a4);border-radius:6px;width:20px;height:12px;transition:left .14s;position:absolute;top:1px;left:1px;box-shadow:0 1px #1a1612}.st-cam-mode.is-gen .st-cam-mode-knob{left:25px}.st-cam-mode-ends{justify-content:space-between;width:46px;display:flex}.st-cam-mode-ends em{color:#7a7268;letter-spacing:.08em;text-transform:uppercase;font:6px/1 ui-monospace,monospace}.st-cam-mode-ends em.is-on{color:#2a241c}.st-cam-mode.is-gen .st-cam-mode-ends em.is-on{color:#8b2e24}.st-cam-shot{justify-items:center;gap:2px;display:grid}.st-cam-shutter{background:radial-gradient(circle at 35% 30%, #fff8, var(--w-key,#d8d0c4) 40%, var(--w-key,#8a8274));border:0;border-radius:50%;width:22px;height:22px}@supports (color:color-mix(in lab, red, red)){.st-cam-shutter{background:radial-gradient(circle at 35% 30%, #fff8, var(--w-key,#d8d0c4) 40%, color-mix(in srgb, var(--w-key,#8a8274) 80%, #000))}}.st-cam-shutter{box-shadow:0 0 0 4px var(--w-key,#c45c4a), 0 2px 0 var(--w-key,#5a2e28)}@supports (color:color-mix(in lab, red, red)){.st-cam-shutter{box-shadow:0 0 0 4px var(--w-key,#c45c4a), 0 2px 0 color-mix(in srgb, var(--w-key,#5a2e28) 80%, #000)}}.st-cam-shutter{cursor:pointer}.st-cam-shutter:active{transform:translateY(1px)}.st-cam-shutter:disabled{opacity:.45}.st-cam-body{background:radial-gradient(circle at 18% 12%,#ffffff12,#0000 36%),repeating-radial-gradient(circle at 0 0,#2a2622 0 1px,#1c1a18 1px 3px),linear-gradient(#2c2a28,#161412);grid-template-columns:52px minmax(0,1fr) 54px;gap:6px;padding:10px 7px;display:grid;box-shadow:inset 0 1px #ffffff14}.st-cam-rail{flex-direction:column;justify-content:space-between;gap:6px;padding:2px 0;display:flex}.st-cam-rail.is-right{background:linear-gradient(90deg,#0000,#00000038);border-radius:0 4px 4px 0;align-items:center}.st-cam-clickdial{cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;padding:0;display:grid}.st-cam-clickdial-ring{background:repeating-conic-gradient(from 8deg, #4a4640 0 10deg, #c8bcae 10deg 14deg);border-radius:50%;width:34px;height:34px;position:relative;box-shadow:inset 0 1px #ffffff47,0 2px #0a0908}.st-cam-clickdial-ring:after{content:"";width:2px;height:7px;transform:translateX(-50%) rotate(var(--st-cam-turn,-135deg));transform-origin:50% 14px;background:#1a1612;position:absolute;top:3px;left:50%}.st-cam-clickdial-face{color:#ece4d6;letter-spacing:.02em;background:#1c1a16;border-radius:50%;place-items:center;width:18px;height:18px;font:6px/1 ui-monospace,monospace;display:grid;position:absolute;top:9px;left:50%;transform:translate(-50%)}.st-cam-clickdial{position:relative}.st-cam-rocker{cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;padding:0;display:grid}.st-cam-rocker-well{background:#0e0c0a;border-radius:7px;width:36px;height:14px;position:relative;box-shadow:inset 0 1px 3px #000000a6}.st-cam-rocker-knob{background:linear-gradient(180deg, var(--w-key,#d8d0c4), var(--w-key,#8a8274));border-radius:6px;width:16px;height:12px;position:absolute;top:1px;left:1px}@supports (color:color-mix(in lab, red, red)){.st-cam-rocker-knob{background:linear-gradient(180deg, var(--w-key,#d8d0c4), color-mix(in srgb, var(--w-key,#8a8274) 80%, #000))}}.st-cam-rocker-knob{transition:left .14s;box-shadow:0 1px #1a1612}.st-cam-rocker.is-on .st-cam-rocker-knob{background:linear-gradient(180deg, var(--w-key,#e8c4b4), var(--w-key,#c45c4a));left:19px}@supports (color:color-mix(in lab, red, red)){.st-cam-rocker.is-on .st-cam-rocker-knob{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key,#e8c4b4) 80%, #fff), var(--w-key,#c45c4a))}}.st-cam-plunger{cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid}.st-cam-plunger-well{background:radial-gradient(circle at 50% 40%,#3a201c,#1a0c0a);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 2px 4px #0000008c,0 1px #3a322c}.st-cam-plunger-head{background:radial-gradient(circle at 35% 30%,#f06a5a,#a82a22 62%,#6a1410);border-radius:50%;width:20px;height:20px;box-shadow:0 2px #3a100c}.st-cam-plunger.is-on .st-cam-plunger-head{background:radial-gradient(circle at 35% 30%,#ff8a7a,#e24b3c);transform:translateY(2px);box-shadow:0 0 #3a100c}.st-cam-plunger-led{background:#3a1a1a;border-radius:50%;width:6px;height:6px}.st-cam-plunger.is-on .st-cam-plunger-led{background:#e24b3c;box-shadow:0 0 7px #e24b3c}.st-cam-plunger:disabled{opacity:.4}.st-cam-mid{min-width:0}.st-cam-finder{color:#9fd4b0;cursor:pointer;background:#0a0c0a;border:0;width:100%;min-height:88px;padding:0;font:10px/1.35 ui-monospace,monospace;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #1a1814,inset 0 0 0 4px #5a5248,0 0 0 1px #0a0908}.st-cam-bezel{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 18px #00000073}.st-cam-video,.st-cam-finder img{object-fit:cover;width:100%;height:100%}.st-cam-video.is-mirror{transform:scaleX(-1)}.st-cam-finder p{text-align:left;margin:0;padding:10px}.st-cam-cap{color:#c4b49a;letter-spacing:.14em;text-transform:uppercase;background:radial-gradient(circle,#1a1814 38%,#0a0908 70%);place-items:center;font:9px/1 ui-monospace,monospace;display:grid;position:absolute;inset:0}.st-cam-tally{background:#3a1a1a;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:6px}.st-cam-tally.is-on{background:var(--w-accent,#e24b3c);box-shadow:0 0 8px var(--w-accent,#e24b3c)}.st-cam-rec{color:#d8c4a4;letter-spacing:.1em;text-transform:uppercase;font-size:8px;position:absolute;top:5px;right:6px}.st-cam-ref{pointer-events:none;aspect-ratio:1;border:1px solid #d8c4a4;width:34px;display:grid;position:absolute;bottom:6px;right:6px;overflow:hidden;box-shadow:0 0 0 1px #0a0908}.st-cam-ref img{object-fit:cover;width:100%;height:100%}.st-cam-ref.is-end{left:6px;right:auto}.st-cam-ref em{color:#d8c4a4;letter-spacing:.12em;text-align:center;background:#0a0908b8;font:7px/1.4 ui-monospace,monospace;position:absolute;inset:auto 0 0}.st-cam-grip{opacity:.7;background:repeating-linear-gradient(#2a2622 0 2px,#1a1612 2px 4px);height:28px;display:block}.st-cam-base{background:linear-gradient(180deg, var(--w-body,#1c1a18), var(--w-body,#12100e));justify-content:space-between;align-items:flex-end;gap:8px;padding:6px 8px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.st-cam-base{background:linear-gradient(180deg, var(--w-body,#1c1a18), color-mix(in srgb, var(--w-body,#12100e) 80%, #000))}}.st-cam-base{box-shadow:0 4px 0 var(--st-lip,#0a0908);border-radius:0 0 6px 6px}.st-cam-hint{color:#8a8074;letter-spacing:.04em;margin:0;font:8px/1.3 ui-monospace,monospace}.st-cam-slot{background:#0b0b0c;flex:1;height:6px;display:block;box-shadow:inset 0 2px 3px #0009}.st-cam-error{color:#c45c4a;margin:6px 2px 0;font-size:11px}.st-cam.is-shooting .st-cam-tally,.st-cam.is-rec .st-cam-tally{animation:.7s steps(2,end) infinite st-tally}@keyframes st-tally{50%{opacity:.2}}.st-crt{width:300px}.st-crt.is-span-1{width:252px}.st-crt.is-span-3{width:372px}.st-crt-antenna{pointer-events:none;height:22px;position:relative}.st-crt-mast{z-index:1;background:radial-gradient(circle at 35% 30%,#6a5a48,#2a2218);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 1px #1a140e}.st-crt-ear{transform-origin:50% 100%;background:linear-gradient(#9a9084,#3a3228);border-radius:1px;width:2px;height:20px;position:absolute;bottom:2px;left:50%}.st-crt-ear.is-left{transform:translate(-1px)rotate(-32deg)}.st-crt-ear.is-right{transform:translate(-1px)rotate(38deg)}.st-crt-ear:after{content:"";background:#4a4034;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.st-crt-wood{background:repeating-linear-gradient(90deg, var(--w-body,#6b4a2c) 0 8px, var(--w-body,#6b4a2c) 8px 10px), var(--w-body,#6b4a2c);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.st-crt-wood{background:repeating-linear-gradient(90deg, var(--w-body,#6b4a2c) 0 8px, color-mix(in srgb, var(--w-body,#6b4a2c) 88%, #fff) 8px 10px), var(--w-body,#6b4a2c)}}.st-crt-wood{box-shadow:0 4px 0 var(--st-lip,var(--w-body,#6b4a2c)), 0 12px 20px #1e100859;padding:9px 9px 7px}@supports (color:color-mix(in lab, red, red)){.st-crt-wood{box-shadow:0 4px 0 var(--st-lip,color-mix(in srgb, var(--w-body,#6b4a2c) 52%, #000)), 0 12px 20px #1e100859}}.st-crt-bezel{background:#1a1612;padding:7px}.st-crt-glass{aspect-ratio:4/3;background:#050607;border-radius:10px/12px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #00000073}.st-crt-glass video{object-fit:cover;filter:contrast(1.03)saturate(.96);width:100%;height:100%}.st-crt-scan{pointer-events:none;opacity:.45;background:repeating-linear-gradient(#0000 0 2px,#00000012 2px 3px),radial-gradient(at 50% 42%,#0000 48%,#00000047 100%);position:absolute;inset:0}.st-crt-snow{opacity:.28;background-image:repeating-linear-gradient(0deg,#2a2a2e 0 1px,#111114 1px 2px);width:100%;height:100%;animation:.18s steps(2,end) infinite st-snow;display:block}@keyframes st-snow{50%{transform:translate(.4px,-.4px)}}.st-crt-collapse{background:#ffffff8c;height:2px;animation:.28s forwards st-off;position:absolute;inset:48% 8% auto}@keyframes st-off{0%{opacity:1;transform:scaleX(1)}70%{opacity:1;transform:scaleX(.08)}to{opacity:0;transform:scaleX(0)}}.st-crt.is-off .st-crt-glass{background:#050505}.st-crt.is-hold .st-crt-glass{animation:.28s steps(2,end) infinite st-hold}@keyframes st-hold{50%{transform:translate(.2px)}}.st-crt-column{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4px 6px;padding:8px 2px 2px;display:flex}.st-crt-column .hw-legend{color:var(--w-accent,#d8c4a4)}.st-crt-power,.st-crt-hold{background:var(--w-key,#2a2118);color:#e8d6b8;letter-spacing:.08em;text-transform:uppercase;width:36px;box-shadow:0 2px 0 var(--w-key,#140e0a);border:0;align-self:center;margin-top:10px;padding:8px 0;font:9px/1 ui-monospace,monospace}@supports (color:color-mix(in lab, red, red)){.st-crt-power,.st-crt-hold{box-shadow:0 2px 0 color-mix(in srgb, var(--w-key,#140e0a) 70%, #000)}}.st-crt-power.is-on,.st-crt-hold.is-on{background:var(--w-key,#8b3a22)}.st-crt-badge{color:var(--w-accent,#c9b59a);letter-spacing:.1em;text-transform:uppercase;margin:4px 0 0;font:10px/1 ui-monospace,monospace}.st-gel{background:0 0;width:104px;padding:8px 2px 0}.st-gel-window,.st-gel-plate{background:var(--w-body,#cfc4b0)}.st-gel.is-span-2{width:124px}.st-gel.is-span-3{width:144px}.st-gel-pack{cursor:ns-resize;touch-action:none;filter:drop-shadow(0 8px 12px #14100c47);background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.st-gel-pack:focus{outline:none}.st-gel-clip,.st-gel-clip.is-right{z-index:2;background:linear-gradient(#d8d0c2 0%,#8a8274 38%,#3a342c 42%,#6a6256 100%);border-radius:1px 1px 3px 3px;width:12px;height:14px;position:absolute;top:-5px;box-shadow:inset 0 1px #ffffff73,0 1px #1a1612}.st-gel-clip{left:10px}.st-gel-clip.is-right{left:auto;right:10px}.st-gel-window{aspect-ratio:3/4;background:linear-gradient(180deg, var(--w-body,#cfc4b0), var(--w-body,#9a8c78));display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.st-gel-window{background:linear-gradient(180deg, var(--w-body,#cfc4b0), color-mix(in srgb, var(--w-body,#9a8c78) 80%, #000))}}.st-gel-window{box-shadow:inset 0 0 0 3px var(--w-body,#b8a890), inset 0 0 0 4px var(--w-body,#5a4e3e), inset 0 8px 10px #ffffff2e}@supports (color:color-mix(in lab, red, red)){.st-gel-window{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--w-body,#b8a890) 80%, #fff), inset 0 0 0 4px color-mix(in srgb, var(--w-body,#5a4e3e) 70%, #000), inset 0 8px 10px #ffffff2e}}.st-gel-sheet{opacity:.94;position:absolute;inset:4px;box-shadow:inset 0 0 18px #ffffff38,inset 0 -10px 16px #0000002e}.st-gel-window img{object-fit:cover;opacity:.55;mix-blend-mode:multiply;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.st-gel-shine{pointer-events:none;background:linear-gradient(118deg,#0000 26%,#ffffff61 38%,#0000 48%),linear-gradient(#ffffff29,#0000 30%);position:absolute;inset:4px}.st-gel-plate{background:linear-gradient(180deg, var(--w-body,#f4ece0), var(--w-body,#e6d8c4));justify-content:space-between;align-items:baseline;gap:6px;padding:7px 8px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.st-gel-plate{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#f4ece0) 88%, #fff), var(--w-body,#e6d8c4))}}.st-gel-plate{color:var(--w-accent,#2a241c);letter-spacing:.14em;text-transform:uppercase;font:10px/1 ui-monospace,monospace;box-shadow:inset 0 1px #ffffffb3,0 1px #c4b49a}.st-gel-code{color:var(--w-accent,#8a7a68);letter-spacing:.08em}.st-ssp{--ssp-shell:var(--w-body,#efe4d4);--ssp-ink:#2a241c;--ssp-well:#14110e;--ssp-pic:#3d8b8b;--ssp-stl:#e8d4b0;--ssp-snd:#e07a5f;--ssp-cap:#c4b4d4;--ssp-gel:#e4b66a;--ssp-ovr:#4a6fa5;background:radial-gradient(18rem 10rem at 12% 0%, #ffffff6b, transparent 46%), linear-gradient(180deg, #f6eee2 0%, var(--ssp-shell) 38%, #dccfb8 100%);width:100%;min-width:300px;color:var(--ssp-ink);box-shadow:inset 0 1px 0 #ffffffc7, inset 0 -1px 0 #46301c1f, 0 4px 0 var(--st-lip,var(--ssp-shell)), 0 14px 28px #1c120a38;border-radius:22px;padding:14px 14px 10px;position:relative}@supports (color:color-mix(in lab, red, red)){.st-ssp{box-shadow:inset 0 1px 0 #ffffffc7, inset 0 -1px 0 #46301c1f, 0 4px 0 var(--st-lip,color-mix(in srgb, var(--ssp-shell) 58%, #000)), 0 14px 28px #1c120a38}}.st-ssp{outline:none}.st-ssp.is-span-1{border-radius:16px;padding:10px 10px 8px}.st-ssp.is-span-1 .st-ssp-tray,.st-ssp.is-span-1 .st-ssp-bin,.st-ssp.is-span-1 .st-ssp-tape{display:none}.st-ssp.is-span-1 .st-ssp-stage{grid-template-columns:minmax(0,1fr)}.st-ssp.is-armed{box-shadow:inset 0 1px #ffffffc7,0 0 0 2px #ffb24a,0 16px 30px #1c120a47}.st-ssp.is-over{box-shadow:inset 0 1px #ffffffc7,0 0 0 2px #e4b66a}.st-ssp.is-staged{min-width:960px}.st-ssp-screw{background:conic-gradient(from 40deg,#c8bca8,#8a7e6c,#e8dece,#8a7e6c,#c8bca8);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffff8c,0 1px #281c1033}.st-ssp-screw:after{content:"";background:#281c1059;position:absolute;inset:3px 1.5px;transform:rotate(28deg)}.st-ssp-screw.is-tl{top:8px;left:8px}.st-ssp-screw.is-tr{top:8px;right:8px}.st-ssp-screw.is-bl{bottom:8px;left:8px}.st-ssp-screw.is-br{bottom:8px;right:8px}.st-ssp-plate{justify-content:space-between;align-items:flex-end;gap:10px;padding:2px 8px 8px;display:flex}.st-ssp-brand{color:#8a7a68;letter-spacing:.28em;text-transform:uppercase;margin:0 0 1px;font:8px/1 ui-monospace,monospace}.st-ssp-plate h2{font:700 22px/.9 var(--font-subtape-display,ui-serif), Georgia, serif;letter-spacing:.04em;margin:0;font-style:normal}.st-ssp-edition{color:#6a5e52;letter-spacing:.16em;text-transform:uppercase;margin:0 0 3px auto;font:9px/1 ui-monospace,monospace}.st-ssp-stage{background:#1a1612;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;margin:0 2px 10px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 4px #2a241c,inset 0 0 0 5px #c8bca8,0 8px 16px #1c120a47}.st-ssp-monitor{background:#07080a;flex-direction:column;min-width:0;display:flex;box-shadow:inset 3px 0 #0a0908,inset -3px 0 #0a0908}.st-ssp-lcd{aspect-ratio:16/9;background:#000;flex:none;width:100%;height:auto;position:relative;overflow:hidden}.st-ssp.is-span-1 .st-ssp-lcd,.st-ssp.is-span-3 .st-ssp-lcd,.st-ssp.is-staged .st-ssp-lcd{height:auto}.st-ssp-compose{background:#050608;gap:1px;display:grid;position:absolute;inset:0}.st-ssp{cursor:auto}.st-ssp-stage-well{cursor:default;background:#000;place-items:center;display:grid;position:absolute;inset:0}.st-ssp-canvas{cursor:default;background:#000;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1c1814,0 0 0 1px #0a0908}.st-ssp-glass{background:#07080a;position:absolute;inset:0;overflow:hidden}.st-ssp-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff0e 1px,#0000 1px),linear-gradient(#ffffff0e 1px,#0000 1px);background-size:10% 10%;position:absolute;inset:0}.st-ssp-grid:before{content:"";background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-size:33.333% 33.333%;position:absolute;inset:0}.st-ssp-chrome{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--s) * 100%);height:calc(var(--s) * 100%);transform:translate(-50%, -50%) rotate(var(--r));pointer-events:none;z-index:26;position:absolute}.st-ssp-layer{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:100%;height:100%;transform:translate(-50%, -50%) rotate(var(--r)) scale(var(--s));transform-origin:50%;opacity:var(--o);pointer-events:auto;cursor:move;position:absolute}.st-ssp-layer.is-hot{z-index:24}.st-ssp-layer.is-lock{cursor:default}.st-ssp-layer video,.st-ssp-layer img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.st-ssp-gizmo,.st-ssp-handle,.st-ssp-turn{display:none}.st-ssp-frame{background:#07080a;min-width:0;min-height:0;position:relative}.st-ssp-compose video,.st-ssp-compose img,.st-ssp-frame video,.st-ssp-frame img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.st-ssp-lcd span{color:#5a6a62;letter-spacing:.16em;text-transform:uppercase;place-items:center;height:100%;font:11px/1 ui-monospace,monospace;display:grid}.st-ssp-canvas .st-ssp-caption{z-index:26;pointer-events:none}.st-ssp-caption{text-align:center;color:#f4eee4;font:18px/1.25 var(--font-subtape-display,Georgia), serif;text-shadow:0 1px #000;margin:0;font-style:normal;position:absolute;bottom:12%;left:8%;right:8%}.st-ssp-tally{background:#3a1a1a;border-radius:50%;width:9px;height:9px;font-style:normal;position:absolute;top:10px;left:10px}.st-ssp-tally[data-on]{background:var(--w-accent,#e24b3c);box-shadow:0 0 8px var(--w-accent,#e24b3c);animation:.7s steps(2,end) infinite st-tally}.st-ssp.is-print .st-ssp-tally[data-on]{background:#ffb24a;box-shadow:0 0 8px #ffb24a}.st-ssp-print{z-index:30;color:#ece4d6;pointer-events:none;background:linear-gradient(#07080a1f 0%,#07080a9e 42%,#0a0806eb 100%);flex-direction:column;justify-content:flex-end;padding:14px 16px 16px;display:flex;position:absolute;inset:0}.st-ssp-print-plate{color:#c9a06a;letter-spacing:.28em;text-transform:uppercase;margin:0 0 5px;font:8px/1 ui-monospace,monospace}.st-ssp-print b{letter-spacing:.03em;font:500 13px/1.2 ui-monospace,monospace}.st-ssp-print-sub{color:#9a8c78;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font:9px/1.3 ui-monospace,monospace;display:block}.st-ssp-print-bar{background:#1a1612;height:3px;margin-top:10px;box-shadow:inset 0 0 0 1px #2a241c}.st-ssp-print-bar i{background:#ffb24a;height:100%;transition:width .2s linear;display:block;box-shadow:0 0 8px #ffb24a66}.st-ssp-print.is-done b{color:#e8d8b8}.st-ssp-print.is-fail b{color:#c45c4a}.st-ssp-clock{color:#d8cfc4;letter-spacing:.08em;background:#1c1c2e;align-items:center;gap:10px;padding:4px 8px 6px;font:12px/1 ui-monospace,monospace;display:flex;box-shadow:inset 0 1px 3px #00000073}.st-ssp-clock .hw-transport-wrap{transform-origin:0;transform:scale(.82)}.st-ssp-clock b{margin-left:auto}.st-ssp-clock span{color:#8a8074}.st-ssp-tray{z-index:2;background:linear-gradient(#e8dcc8,#c8bca8);align-items:stretch;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59}.st-ssp-drawer{box-sizing:border-box;opacity:0;pointer-events:none;background:linear-gradient(180deg, #f7eee4 0%, var(--ssp-shell) 42%, #d4c4ae 100%);flex-direction:column;align-items:center;gap:8px;width:0;min-width:0;max-height:100%;padding:10px 0 12px;transition:width .42s cubic-bezier(.22,1,.36,1),padding .42s cubic-bezier(.22,1,.36,1),opacity .24s linear;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,inset -1px 0 #281c101f}.st-ssp-tray.is-mix .st-ssp-drawer{grid-template-columns:1fr 1fr;align-content:start;justify-items:center;display:grid}.st-ssp-tray.is-open .st-ssp-drawer{opacity:1;pointer-events:auto;overflow:hidden auto}.st-ssp-tray.is-mix.is-open .st-ssp-drawer{width:148px;padding:10px 8px 12px}.st-ssp-tray.is-mix .st-ssp-drawer-plate{grid-column:1/-1}.st-ssp-tray.is-mix .hw-knob-wrap{transform-origin:top;transform:scale(.92)}.st-ssp-tray.is-ctx.is-open .st-ssp-drawer{width:118px;padding:10px 8px 12px}.st-ssp-drawer-plate{color:#8a7a68;letter-spacing:.2em;text-transform:uppercase;margin:0 0 2px;font:8px/1 ui-monospace,monospace}.st-ssp-tab{pointer-events:auto;writing-mode:vertical-rl;text-orientation:mixed;color:#2a241c;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#f3ebe0,#d8cbb8);border:0;flex:0 0 22px;align-self:center;width:22px;min-height:72px;padding:10px 0;font:8px/1 ui-monospace,monospace;box-shadow:inset 0 1px #fff,0 2px #b8aa96,0 8px 14px #140c0838}.st-ssp-tray.is-mix .st-ssp-tab{border-radius:0 7px 7px 0}.st-ssp-tray.is-ctx .st-ssp-tab{border-radius:7px 0 0 7px}.st-ssp-tab:hover{filter:brightness(1.04)}.st-ssp-tab:focus-visible{box-shadow:0 0 0 2px #2a241c}.st-ssp-tab:active{transform:translateY(1px)}.st-ssp-tray.is-open .st-ssp-tab{background:#ffb24a}.st-ssp-kind-bank{grid-template-columns:1fr 1fr;gap:4px;width:100%;display:grid}.st-ssp-kind-bank .hw-key-wrap,.st-ssp-kind-bank .hw-key{width:100%}.st-ssp-bin{background:var(--ssp-well);align-items:center;gap:6px;margin:0 6px 8px;padding:6px;display:flex;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.st-ssp-bin{background:color-mix(in srgb, var(--ssp-well) 8%, transparent)}}.st-ssp-bin{box-shadow:inset 0 1px 2px #281c101f}.st-ssp-bin p{color:#8a7a68;margin:0;font:10px/1.3 ui-monospace,monospace}.st-ssp-cell{color:#d8c4a4;cursor:pointer;background:#111;border:0;flex:0 0 68px;padding:0}.st-ssp-cell img{object-fit:cover;width:68px;height:38px;display:block}.st-ssp-cell em{padding:2px 4px;font:8px/1.3 ui-monospace,monospace;display:block}.st-ssp-tape{touch-action:pan-x;cursor:default;background:linear-gradient(180deg, #1a1612, var(--ssp-well));max-height:220px;margin:0 4px;padding:6px 6px 8px;position:relative;overflow:auto;box-shadow:inset 0 2px 8px #00000073,0 0 0 1px #c8bca8}.st-ssp.is-staged .st-ssp-tape{max-height:360px}.st-ssp-ruler{color:#8a8074;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:16px;font:8px/1 ui-monospace,monospace;position:relative}.st-ssp-tick,.st-ssp-head.is-ruler{pointer-events:none}.st-ssp-lane.is-time{margin-bottom:4px}.st-ssp-strip.is-time{color:#8a8074;letter-spacing:.12em;align-items:center;font:8px/1 ui-monospace,monospace}.st-ssp-tick{border-left:1px solid #3a342e;height:100%;padding-left:3px;position:absolute;top:0}.st-ssp-tick.is-bar{border-left-color:#8a8074}.st-ssp-lane{grid-template-columns:88px max-content;align-items:stretch;gap:6px;width:max-content;min-width:100%;margin-bottom:3px;display:grid}.st-ssp-strip{z-index:3;background:#2a241c;grid-template-columns:1fr 16px 16px 16px;gap:2px;padding:3px;display:grid;position:sticky;left:0}.st-ssp-arm,.st-ssp-flag{color:#d8c4a4;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#5a5248,#3a342e);border:0;border-radius:3px;font:8px/1 ui-monospace,monospace;box-shadow:inset 0 1px #ffffff2e,0 1px #1a1612}.st-ssp-arm{text-align:left;padding:0 4px}.st-ssp-arm:active,.st-ssp-flag:active{transform:translateY(1px)}.st-ssp-lane.is-armed .st-ssp-arm{color:#2a241c;background:linear-gradient(#ffc86a,#ffb24a)}.st-ssp-flag.is-on{color:#f4eee4;background:linear-gradient(#7a3e36,#5a2e28)}.st-ssp-flag.is-solo.is-on{color:#081212;background:linear-gradient(#4aa0a0,#3d8b8b)}.st-ssp-rail{touch-action:none;background:repeating-linear-gradient(90deg,#0000 0 47px,#ffffff08 47px 48px),#0c0a08;height:36px;position:relative}.st-ssp-rail.is-drop{box-shadow:inset 0 0 0 1px #ffb24a}.st-ssp-clip{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;height:calc(100% - 4px);position:absolute;top:2px;overflow:hidden}.st-ssp-clip:active{cursor:grabbing;background:var(--ssp-pic);color:#081212;font:9px/1 ui-monospace,monospace}.st-ssp-clip.is-still{background:var(--ssp-stl)}.st-ssp-clip.is-sound{background:var(--ssp-snd)}.st-ssp-clip.is-caption{background:var(--ssp-cap)}.st-ssp-clip.is-gel{background:var(--ssp-gel)}.st-ssp-clip.is-overlay{background:var(--ssp-ovr);color:#f4eee4}.st-ssp-clip img{object-fit:cover;opacity:.5;width:100%;height:100%}.st-ssp-clip span{pointer-events:none;position:absolute;bottom:3px;left:4px}.st-ssp-clip.is-hot{outline:1px solid #f3e6c8}.st-ssp-head{pointer-events:none;z-index:2;background:#ffb24a;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.st-ssp-head.is-ruler{height:100%}.st-ssp-error{color:#c45c4a;margin:6px 8px 0;font:11px/1.3 ui-monospace,monospace}.st-ssp-hint{color:#8a7a68;letter-spacing:.12em;text-transform:uppercase;margin:8px 8px 2px;font:9px/1 ui-monospace,monospace}.st-ssp-sheet{z-index:4;color:#2a241c;background:#f7f0ea;width:220px;padding:10px 12px;position:absolute;bottom:36px;right:16px;box-shadow:0 10px 22px #1c120a38}.st-ssp-sheet p{letter-spacing:.16em;text-transform:uppercase;color:#8a7a68;margin:0 0 8px;font:9px/1 ui-monospace,monospace}.st-ssp-sheet dl{grid-template-columns:1fr 1fr;gap:4px 10px;margin:0;display:grid}.st-ssp-sheet div{gap:6px;display:flex}.st-ssp-sheet dt{min-width:28px;font:9px/1.2 ui-monospace,monospace}.st-ssp-sheet dd{color:#6a5e52;margin:0;font:9px/1.2 ui-monospace,monospace}@media (prefers-reduced-motion:reduce){.st-ssp-tally[data-on]{animation:none}.st-ssp-drawer{transition:none}}.st-stage{z-index:46;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a089e;grid-template-rows:auto 1fr;display:grid;position:absolute;inset:0}.st-stage-bar{justify-content:flex-end;align-items:center;gap:6px;padding:10px 14px 0;display:flex}.st-stage-zoom,.st-stage-zoom-read,.st-stage-down{color:#ece4d6;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#2a241c;border:0;padding:6px 10px;font:10px/1 ui-monospace,monospace}.st-stage-zoom{width:28px;padding-left:0;padding-right:0}.st-stage-zoom-read{min-width:3.4rem}.st-stage-well{cursor:grab;touch-action:none;place-items:center;min-height:0;display:grid;overflow:hidden}.st-stage-well:active{cursor:grabbing}.st-stage-card{position:relative}.st-stage-body{width:max-content;max-width:100%}.st-stage-item{width:var(--st-w,max-content)}.st-stage-item .st-widget{width:100%;height:auto}.st-stage-item:has(.st-btn-device){width:max-content}.st-stage-item:has(.st-switch-device){width:max-content}.st-stage-item:has(.st-knob-device){width:max-content}.st-stage-item:has(.st-slider-device){width:max-content}.st-stage-item:has(.st-tmr-device){width:max-content}.st-stage-item:has(.st-alm-device){width:max-content}.st-stage-item:has(.st-spk-device){width:max-content}.st-stage-item:has(.st-btn-device) .st-widget{width:max-content}.st-stage-item:has(.st-switch-device) .st-widget{width:max-content}.st-stage-item:has(.st-knob-device) .st-widget{width:max-content}.st-stage-item:has(.st-slider-device) .st-widget{width:max-content}.st-stage-item:has(.st-tmr-device) .st-widget{width:max-content}.st-stage-item:has(.st-alm-device) .st-widget{width:max-content}.st-stage-item:has(.st-spk-device) .st-widget{width:max-content}.st-widget-cell.is-staged{opacity:.28;filter:grayscale(.4);pointer-events:none}.st-kb{--kb-shell:#d8d2c6;--kb-ink:#1c1a18;background:linear-gradient(180deg, #f3eee4 0%, var(--kb-shell) 42%, #c8c0b2 100%);width:22.5rem;box-shadow:inset 0 1px 0 #ffffffb8, inset 0 -1px 0 #2820181f, 0 4px 0 var(--st-lip,var(--kb-shell)), 0 10px 22px #18120c38;border-radius:.7rem;padding:.55rem .55rem .7rem;position:relative}@supports (color:color-mix(in lab, red, red)){.st-kb{box-shadow:inset 0 1px 0 #ffffffb8, inset 0 -1px 0 #2820181f, 0 4px 0 var(--st-lip,color-mix(in srgb, var(--kb-shell) 55%, #000)), 0 10px 22px #18120c38}}.st-kb{color:var(--kb-ink);outline:none}.st-kb.is-span-2{width:28.5rem}.st-kb.is-span-3{width:40rem}.st-kb.is-armed{box-shadow:inset 0 1px #ffffffb8,0 0 0 1px #ffb24a,0 12px 24px #18120c47}.st-kb-lip{background:linear-gradient(#9aa0a8,#6a7078);border-radius:.2rem .2rem 0 0;height:.28rem;margin:0 .15rem .4rem;box-shadow:inset 0 1px #ffffff59}.st-kb-head{justify-content:space-between;align-items:center;gap:.4rem;margin:0 .1rem .28rem;display:flex}.st-kb .hw-legend{color:var(--w-accent,#5a544c)}.st-kb-matrix{background:var(--w-face,#12110f);border-radius:.18rem;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(41,1fr);gap:1px;height:2.4rem;padding:.28rem .32rem;display:grid;box-shadow:inset 0 2px 6px #000000a6,0 1px #ffffff47}.st-kb.is-span-3 .st-kb-matrix{height:3.1rem}.st-kb-dot{background:var(--w-accent,#ffb24a);box-shadow:0 0 3px var(--w-accent,#ffb24a);border-radius:1px;display:block}@supports (color:color-mix(in lab, red, red)){.st-kb-dot{box-shadow:0 0 3px color-mix(in srgb, var(--w-accent,#ffb24a) 45%, transparent)}}.st-kb-deck{gap:.16rem;display:grid}.st-kb-row{gap:.14rem;display:flex}.st-kb-key{background:linear-gradient(180deg, var(--w-key,#f7f3ea) 0%, var(--w-key,#e4ddd0) 55%, var(--w-key,#d4ccbe) 100%);border:0;border-radius:.16rem;min-width:0;height:1.28rem;padding:0;position:relative}@supports (color:color-mix(in lab, red, red)){.st-kb-key{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key,#f7f3ea) 88%, #fff) 0%, var(--w-key,#e4ddd0) 55%, color-mix(in srgb, var(--w-key,#d4ccbe) 80%, #000) 100%)}}.st-kb-key{color:#1c1a18;font:700 .38rem/1 var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.04em;cursor:pointer;box-shadow:inset 0 1px #fffc,inset 0 -1px #3c30241f,0 1px #8a8276}.st-kb.is-span-3 .st-kb-key{height:1.7rem;font-size:.48rem}.st-kb-key em{font-style:normal}.st-kb-key.is-mod,.st-kb-key.is-space,.st-kb-key.is-nav{color:#ece6dc;background:linear-gradient(#3a4250 0%,#1c222c 60%,#12161c 100%);box-shadow:inset 0 1px #ffffff29,0 1px #0a0c10}.st-kb-key.is-w{color:#f4f8fc;background:linear-gradient(#4aa0e8,#1d6cb8)}.st-kb-key.is-a{color:#f4fcf8;background:linear-gradient(#3aa87a,#1c6a4c)}.st-kb-key.is-s{color:#2a2208;background:linear-gradient(#f0c44a,#c48a14)}.st-kb-key.is-d{color:#fff4f0;background:linear-gradient(#e24b3c,#9a2218)}.st-kb-key.is-w i,.st-kb-key.is-a i,.st-kb-key.is-s i,.st-kb-key.is-d i{background:#fff;border-radius:50%;width:.18rem;height:.18rem;position:absolute;bottom:.14rem;right:.16rem}.st-kb-key.is-esc{background:linear-gradient(#f7f3ea,#e8e2d6)}.st-kb-cross{background:linear-gradient(#e24b3c,#e24b3c) 50%/100% 28% no-repeat,linear-gradient(#e24b3c,#e24b3c) 50%/28% 100% no-repeat;border-radius:1px;width:.55rem;height:.55rem;margin:0 auto;display:block}.st-kb-tri{border:.22rem solid #0000;width:0;height:0;margin:0 auto;display:block}.st-kb-tri.is-up{border-top-width:0;border-bottom-color:#4aa0e8}.st-kb-tri.is-down{border-top-color:#f0c44a;border-bottom-width:0}.st-kb-tri.is-left{border-left-width:0;border-right-color:#3aa87a}.st-kb-tri.is-right{border-left-color:#e24b3c;border-right-width:0}.st-kb-key.is-on,.st-kb-key.is-latched{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000047}.st-kb-key.is-bound:after{content:"";background:var(--w-accent,#ffb24a);border-radius:50%;width:.16rem;height:.16rem;position:absolute;top:.12rem;left:.12rem}.st-kb-bank{border-top:1px solid #2820181f;margin-top:.45rem;padding-top:.35rem}.st-kb-groups{gap:.2rem;margin-bottom:.28rem;display:flex}.st-kb-groups .hw-key,.st-kb-actions .hw-key{letter-spacing:.08em;text-transform:uppercase;min-height:1.15rem;padding:.22rem .34rem;font-size:.4rem}.st-kb-groups .hw-key-wrap:has(.st-kb-clear){margin-left:auto}.st-kb-actions{flex-wrap:wrap;gap:.16rem;max-height:4.2rem;display:flex;overflow:auto}.st-kb-vents{opacity:.7;background:repeating-linear-gradient(-32deg,#0000 0 2px,#ffffff73 2px 3px);width:1.6rem;height:.55rem;position:absolute;bottom:.28rem;right:.55rem}.st-dsp-select{color:#e8d6c4;width:100%;min-height:1.35rem;font:600 .58rem/1.2 var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.04em;text-transform:uppercase;background:#2a2436;border:0;border-radius:4px;margin:.15rem 0;padding:.12rem .35rem}.st-fx-device.st-rack-device{box-sizing:border-box;width:200px;min-height:260px}.st-fx-device.st-rack-device.is-span-2{width:320px;min-height:300px}.st-fx-device.st-rack-device.is-span-3{width:420px;min-height:360px}.st-rack-slots{flex-direction:column;gap:.28rem;max-height:14rem;display:flex;overflow:auto}.st-rack-slot{border-top:1px solid #2820181a;grid-template-columns:1fr auto auto auto;align-items:end;gap:.28rem;padding:.2rem .1rem;display:grid}.st-rack-slot.is-bypass{opacity:.45}.st-rack-read{background:var(--w-face,#12121c);min-height:1.35rem;color:var(--w-accent,#c9ada7);font:600 .52rem/1.2 var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;padding:.12rem .3rem;box-shadow:inset 0 2px 5px #0000008c}.st-notes-canvas{background:var(--w-face,#141016);cursor:grab;touch-action:none;border-radius:6px;width:100%;height:auto;margin:.2rem 0;display:block}.st-notes-canvas.is-playing{cursor:col-resize}.st-correct-device .st-fx-kinds{flex-wrap:wrap;gap:.22rem;display:flex}.st-fx-device.st-notes-device{width:20rem}.st-fx-device.st-notes-device.is-span-2{width:27rem}.st-fx-device.st-notes-device.is-span-3{width:36rem}.st-notes-device .st-notes-canvas{background:var(--w-face,#141016);cursor:crosshair;border-radius:8px;margin:.3rem 0 .4rem;box-shadow:inset 0 2px 8px #0009,0 0 0 1px #ffffff0d}.st-notes-deck{background:linear-gradient(#ffffff0d,#0000 40%),#00000038;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:.5rem .75rem;margin-top:.1rem;padding:.55rem .6rem .5rem;display:grid;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000059}.st-notes-deck .hw-transport-wrap .hw-legend,.st-notes-deck .hw-transport-wrap .hw-knob-readout{display:none}.st-notes-keys{justify-content:flex-end;gap:.4rem;display:flex}.st-notes-keys .hw-key-wrap .hw-legend{display:none}.st-notes-keys .hw-key svg{display:block}.st-notes-knobs{border-top:1px solid #ffffff0f;grid-column:1/-1;justify-content:space-between;gap:.3rem;padding-top:.45rem;display:flex}.st-notes-knob{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex}.st-notes-knob .hw-knob-readout{display:none}.st-notes-read{background:var(--w-face,#141016);min-width:2.4rem;color:var(--w-accent,#f0c9a8);text-align:center;white-space:nowrap;font:600 .52rem/1.2 var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;border-radius:3px;margin-top:.1rem;padding:.12rem .3rem;box-shadow:inset 0 1px 2px #0009}.st-notes-device.is-span-3 .st-notes-knobs{justify-content:flex-end;gap:1.1rem}.st-recorder{background:linear-gradient(180deg, var(--w-body,#2a2436) 0%, var(--w-body,#2a2436) 42%, var(--w-body,#2a2436) 100%);flex-direction:column;gap:.35rem;width:10rem;padding:.55rem .6rem .7rem;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.st-recorder{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#2a2436) 80%, #9a8ab0) 0%, var(--w-body,#2a2436) 42%, color-mix(in srgb, var(--w-body,#2a2436) 82%, #000) 100%)}}.st-recorder{color:#e8d6c4;box-shadow:inset 0 1px 0 #ffffff1f, 0 4px 0 var(--st-lip,#16121c), 0 10px 18px #22223b2e}.st-recorder.is-span-2{width:14rem}.st-recorder.is-span-2 .st-recorder-door{min-height:3.1rem}.st-recorder.is-span-3{grid-template-columns:minmax(0,1fr) auto;align-items:start;width:16.8rem;display:grid}.st-recorder.is-span-3 .st-fx-head,.st-recorder.is-span-3 .st-recorder-slot,.st-recorder.is-span-3 .st-recorder-eject{grid-column:1/-1}.st-recorder.is-span-3 .st-recorder-door{min-height:3.6rem}.st-recorder-door{background:var(--w-face,#141016);min-height:2.4rem;font:700 .62rem/1 var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--w-accent,#c9ada7);border-radius:4px;grid-template-columns:1.4rem 1fr 1.4rem;align-items:center;gap:.35rem;padding:.3rem .45rem;display:grid;box-shadow:inset 0 2px 8px #0000008c}.st-recorder-reel{background:radial-gradient(circle at 50% 50%, var(--w-face,#2a2436) 0 28%, transparent 30%), repeating-conic-gradient(var(--w-accent,#c9ada7) 0 12deg, #4a4050 12deg 24deg);border-radius:50%;width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 2px #1a141c}.st-recorder-reel.is-spin{animation:.85s linear infinite st-recorder-spin}.st-recorder.is-rec .st-recorder-door{color:#ff8a4c}.st-recorder-vu{transform-origin:0;background:var(--w-accent,#e07a5f);border-radius:99px;width:100%;height:.28rem;display:block}.st-recorder-rail{align-items:flex-end;display:flex}.st-recorder-rec{min-width:2.8rem}.st-recorder-slot{background:#0e0c10;height:.28rem;margin-top:.1rem;display:block;box-shadow:inset 0 1px #ffffff14}.st-recorder-eject{background:linear-gradient(180deg, var(--w-face,#d9c7a2) 0%, var(--w-face,#b89a68) 55%, var(--w-face,#8a7048) 100%);border-radius:3px 3px 2px 2px;height:1.6rem;position:absolute;bottom:.2rem;left:12%;right:12%}@supports (color:color-mix(in lab, red, red)){.st-recorder-eject{background:linear-gradient(180deg, color-mix(in srgb, var(--w-face,#d9c7a2) 80%, #fff) 0%, var(--w-face,#b89a68) 55%, color-mix(in srgb, var(--w-face,#8a7048) 80%, #000) 100%)}}.st-recorder-eject{animation:1.2s ease-out forwards st-recorder-eject;box-shadow:0 4px 10px #00000059}@keyframes st-recorder-spin{to{transform:rotate(360deg)}}@keyframes st-recorder-eject{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1.4rem)}}.st-widget[data-skin=wood]{--w-body:#6b4a2c}.st-widget[data-skin=plastic]{--w-body:#d8d2c4;--w-accent:#5a4a3c}.st-widget[data-skin=black]{--w-body:#16161a}.st-widget[data-skin=lacquer]{--w-body:#14141c;--w-key:#f8f4ec}.st-widget[data-skin=beige]{--w-body:#d8cfc0;--w-accent:#7a5c4a}.st-widget[data-skin=ice]{--w-body:#dfe6ee;--w-face:#10202c;--w-accent:#3a6fa5;--w-key:#c2d8ea}.st-widget[data-skin=classic]{--w-body:#3a2a28;--w-face:#1a120f;--w-accent:#e07a5f;--w-key:#4a3a46}.st-customize-pop{background:var(--bg,#f2e9e4);border-radius:14px;width:19rem;max-height:min(24rem,60vh);padding:.8rem .9rem .65rem;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.st-customize-pop{background:color-mix(in srgb, var(--bg,#f2e9e4) 92%, #fff)}}.st-customize-pop{transform-origin:var(--radix-popover-content-transform-origin);animation:.18s cubic-bezier(.2,1.25,.3,1) st-customize-pop-in;box-shadow:inset 0 1px #fff9,0 10px 30px #22223b38,0 2px 8px #22223b1f}.st-customize-pop[data-state=closed]{animation:.12s ease-in st-customize-pop-out}@keyframes st-customize-pop-in{0%{opacity:0;transform:scale(.86)translateY(6px)}}@keyframes st-customize-pop-out{to{opacity:0;transform:scale(.92)translateY(4px)}}@media (prefers-reduced-motion:reduce){.st-customize-pop,.st-customize-pop[data-state=closed]{animation:none}}.st-customize-head{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.st-customize-title{font-family:var(--font-subtape-display), Georgia, serif;font-size:.92rem;font-weight:600}.st-customize-close{width:1.5rem;height:1.5rem;color:inherit;cursor:pointer;background:#22223b12;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.st-customize-close:hover{background:#22223b24}.st-customize-slots{flex-direction:column;gap:.7rem;display:flex}.st-customize-slot{flex-direction:column;gap:.3rem;display:flex}.st-customize-label{letter-spacing:.08em;text-transform:uppercase;opacity:.65;font-size:.68rem;font-weight:600}.st-customize-text{color:#22223b;width:100%;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;background:#fff;border:1px solid #00000029;border-radius:8px;padding:.35rem .5rem;font-size:.78rem}.st-customize-swatches{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.st-customize-swatch{cursor:pointer;border:1px solid #0000002e;border-radius:6px;width:1.35rem;height:1.35rem}.st-customize-swatch.is-on{outline-offset:1px;outline:2px solid #22223b}.st-customize-pick{cursor:pointer;width:1.35rem;height:1.35rem;position:relative}.st-customize-pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.st-customize-pick span{background:conic-gradient(#e07a5f,#ffd45a,#c8f59a,#7ad4ff,#b18cff,#ff5a8c,#e07a5f);border:1px dashed #00000059;border-radius:6px;width:100%;height:100%;display:block}.st-customize-pick.is-on span{border-style:solid}.st-customize-pick.is-on{outline-offset:1px;border-radius:6px;outline:2px solid #22223b}.st-customize-skins{gap:.3rem;display:flex}.st-customize-skins button{cursor:pointer;background:#fff;border:1px solid #00000029;border-radius:8px;padding:.3rem .65rem;font-size:.72rem}.st-customize-skins button.is-on{color:#fff;background:#22223b;border-color:#22223b}.st-customize-foot{justify-content:flex-end;margin-top:.4rem;display:flex}.st-customize-reset{color:#8a4a3c;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.3rem .6rem;font-size:.72rem}.st-customize-reset:hover{background:#8a4a3c14}.st-sampler{background:linear-gradient(180deg, var(--w-body,#ece7dd) 0%, var(--w-body,#ece7dd) 55%, var(--w-body,#ece7dd) 100%);border-radius:14px;width:14rem;padding:.55rem .55rem .5rem;position:relative}@supports (color:color-mix(in lab, red, red)){.st-sampler{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#ece7dd) 92%, #fff) 0%, var(--w-body,#ece7dd) 55%, color-mix(in srgb, var(--w-body,#ece7dd) 82%, #6b5a48) 100%)}}.st-sampler{color:#3a342c;box-shadow:inset 0 1px 0 #fff9, 0 4px 0 var(--st-lip,var(--w-body,#ece7dd)), 0 12px 22px #22223b2e}@supports (color:color-mix(in lab, red, red)){.st-sampler{box-shadow:inset 0 1px 0 #fff9, 0 4px 0 var(--st-lip,color-mix(in srgb, var(--w-body,#ece7dd) 55%, #000)), 0 12px 22px #22223b2e}}.st-sampler.is-span-2{width:19rem}.st-sampler.is-span-2 .st-sampler-wave{height:3.1rem}.st-sampler.is-span-3{width:23rem}.st-sampler.is-span-3 .st-sampler-wave{height:3.8rem}.st-sampler:focus{outline:none}.st-sampler:focus-visible,.st-sampler.is-armed{box-shadow:inset 0 1px 0 #fff9, 0 4px 0 var(--st-lip,var(--w-body,#ece7dd)), 0 0 0 2px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.st-sampler:focus-visible,.st-sampler.is-armed{box-shadow:inset 0 1px 0 #fff9, 0 4px 0 var(--st-lip,color-mix(in srgb, var(--w-body,#ece7dd) 55%, #000)), 0 0 0 2px color-mix(in srgb, var(--hw-coral) 70%, transparent)}}.st-sampler .hw-legend{color:var(--w-accent,#8a7a64)}.st-sampler-lcd{background:var(--w-face,#101610);border-radius:5px;margin:.35rem 0 .4rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #0000008c}.st-sampler-wave{background:0 0;width:100%;height:2.55rem;display:block}.st-sampler-lcd-read{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;color:var(--w-accent,#8fd48a);text-shadow:0 0 6px var(--w-accent,#8fd48a);margin:0;padding:.12rem .4rem .22rem;font-size:.58rem}@supports (color:color-mix(in lab, red, red)){.st-sampler-lcd-read{text-shadow:0 0 6px color-mix(in srgb, var(--w-accent,#8fd48a) 35%, transparent)}}.st-sampler.is-rec .st-sampler-lcd{box-shadow:inset 0 2px 6px #0000008c, 0 0 0 1px var(--hw-coral)}@supports (color:color-mix(in lab, red, red)){.st-sampler.is-rec .st-sampler-lcd{box-shadow:inset 0 2px 6px #0000008c, 0 0 0 1px color-mix(in srgb, var(--hw-coral) 70%, transparent)}}.st-sampler.is-rec .st-sampler-lcd-read{color:#ff8a6a}.st-sampler-pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:.24rem;display:grid}.st-sampler-pad{aspect-ratio:1.35;background:linear-gradient(160deg, #ffffff59, transparent 46%), linear-gradient(180deg, var(--w-key,#d8d2c6) 0%, var(--w-key,#d8d2c6) 100%);border:0;border-radius:5px}@supports (color:color-mix(in lab, red, red)){.st-sampler-pad{background:linear-gradient(160deg, #ffffff59, transparent 46%), linear-gradient(180deg, var(--w-key,#d8d2c6) 0%, color-mix(in srgb, var(--w-key,#d8d2c6) 76%, #4a4238) 100%)}}.st-sampler-pad{color:#4a4238;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff80, 0 3px 0 var(--w-key,#d8d2c6), 0 5px 8px #0000002e;font-size:.6rem;transition:transform 70ms cubic-bezier(.2,.8,.2,1),box-shadow 70ms,filter 70ms;transform:translateY(0)}@supports (color:color-mix(in lab, red, red)){.st-sampler-pad{box-shadow:inset 0 1px 0 #ffffff80, 0 3px 0 color-mix(in srgb, var(--w-key,#d8d2c6) 42%, #000), 0 5px 8px #0000002e}}.st-sampler-pad:active,.st-sampler-pad.is-sel,.st-sampler-pad.is-lit{outline:none;transform:translateY(3px);box-shadow:inset 0 3px 7px #00000061,inset 0 -1px #ffffff14,0 0 #0000}.st-sampler-pad.is-full{color:#1c4a2c;background:linear-gradient(160deg, #ffffff59, transparent 46%), linear-gradient(180deg, var(--w-key,#d8d2c6) 0%, var(--w-key,#d8d2c6) 100%)}@supports (color:color-mix(in lab, red, red)){.st-sampler-pad.is-full{background:linear-gradient(160deg, #ffffff59, transparent 46%), linear-gradient(180deg, color-mix(in srgb, var(--w-key,#d8d2c6) 68%, #8fd48a) 0%, color-mix(in srgb, var(--w-key,#d8d2c6) 60%, #3a6b42) 100%)}}.st-sampler-pad.is-sel{filter:brightness(.88)}.st-sampler-pad.is-full.is-sel{color:#0d2a16}.st-sampler-pad.is-lit{filter:brightness(1.12);box-shadow:inset 0 3px 7px #00000061,0 0 10px #8fd48a66}.st-sampler-rail{flex-wrap:wrap;align-items:flex-end;gap:.35rem .45rem;margin-top:.45rem;display:flex}.st-sampler-rev,.st-sampler-copy{cursor:pointer;border:0;border-radius:6px;width:2.15rem;height:2.15rem;margin:.15rem 0 .85rem;padding:0;position:relative}.st-sampler-rev{background:linear-gradient(180deg, var(--w-key,#d8d2c6) 0%, var(--w-key,#8a8478) 100%)}@supports (color:color-mix(in lab, red, red)){.st-sampler-rev{background:linear-gradient(180deg, var(--w-key,#d8d2c6) 0%, color-mix(in srgb, var(--w-key,#8a8478) 80%, #000) 100%)}}.st-sampler-rev{box-shadow:inset 0 1px 0 #ffffff73, 0 3px 0 var(--w-key,#5a5448), 0 5px 8px #0003}@supports (color:color-mix(in lab, red, red)){.st-sampler-rev{box-shadow:inset 0 1px 0 #ffffff73, 0 3px 0 color-mix(in srgb, var(--w-key,#5a5448) 80%, #000), 0 5px 8px #0003}}.st-sampler-rev:after{content:"";border:2px solid #3a342c;border-top:0;border-radius:0 0 4px 4px;position:absolute;inset:.55rem .45rem}.st-sampler-rev.is-on{background:linear-gradient(180deg, #ffb48c 0%, var(--w-knob,var(--hw-coral)) 100%);transform:translateY(2px);box-shadow:inset 0 2px 5px #00000047,0 1px #6a3224}.st-sampler-rev.is-on:after{border-color:#fff4ee}.st-sampler-rev:disabled,.st-sampler-copy:disabled{opacity:.35;cursor:default}.st-sampler-copy{background:linear-gradient(180deg, var(--w-key,#4a4a5c) 0%, var(--w-key,#242430) 100%)}@supports (color:color-mix(in lab, red, red)){.st-sampler-copy{background:linear-gradient(180deg, var(--w-key,#4a4a5c) 0%, color-mix(in srgb, var(--w-key,#242430) 80%, #000) 100%)}}.st-sampler-copy{box-shadow:inset 0 1px 0 #ffffff38, 0 3px 0 var(--w-key,#12121a), 0 5px 8px #00000047}@supports (color:color-mix(in lab, red, red)){.st-sampler-copy{box-shadow:inset 0 1px 0 #ffffff38, 0 3px 0 color-mix(in srgb, var(--w-key,#12121a) 80%, #000), 0 5px 8px #00000047}}.st-sampler-copy:before{content:"";border:0;border-top:2px solid #d8d2c6;border-left:2px solid #d8d2c6;width:.55rem;height:.55rem;margin-left:-.28rem;position:absolute;top:.42rem;left:50%;transform:rotate(-45deg)}.st-sampler-copy:after{content:"";border:2px solid #d8d2c6;border-top:0;width:.85rem;height:.38rem;margin-left:-.42rem;position:absolute;bottom:.42rem;left:50%}.st-sampler-copy:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 2px 5px #0006,0 1px #12121a}.st-beat-pad.is-sample:after{content:"";background:#8fd48a;border-radius:50%;width:.28rem;height:.28rem;position:absolute;top:.14rem;right:.14rem;box-shadow:0 0 5px #8fd48acc}.st-beat-pad{position:relative}.st-pal{color:#2a2430;width:12.4rem;box-shadow:inset 0 1px 0 #ffffff73, 0 4px 0 var(--st-lip,#8a8884), 0 16px 26px #22223b38;background:#c8c6c2;border-radius:22px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.st-pal:after{content:"";filter:blur(4px);opacity:.75;pointer-events:none;background:#ffb24a;border-radius:99px;height:.35rem;position:absolute;bottom:-.2rem;left:12%;right:12%}.st-pal.is-span-2{width:16.5rem}.st-pal.is-span-3{width:19.5rem}.st-pal-screen-block{background:linear-gradient(180deg, var(--w-accent,#e06a1f) 0%, var(--w-accent,#e06a1f) 60%, var(--w-accent,#e06a1f) 100%);padding:.45rem .45rem .35rem}@supports (color:color-mix(in lab, red, red)){.st-pal-screen-block{background:linear-gradient(180deg, color-mix(in srgb, var(--w-accent,#e06a1f) 92%, #fff) 0%, var(--w-accent,#e06a1f) 60%, color-mix(in srgb, var(--w-accent,#e06a1f) 70%, #000) 100%)}}.st-pal-body{background:linear-gradient(180deg, var(--w-body,#d8d6d2) 0%, var(--w-body,#b8b6b2) 100%);padding:.55rem .7rem .85rem}@supports (color:color-mix(in lab, red, red)){.st-pal-body{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#d8d6d2) 88%, #fff) 0%, var(--w-body,#b8b6b2) 100%)}}.st-pal-body .hw-legend{margin:0 .1rem .2rem;display:block}.st-pal-head{justify-content:space-between;align-items:center;margin:0 .15rem .4rem;display:flex}.st-pal-brand{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.22em;color:var(--w-accent,#b05c2a);font-size:.58rem}.st-pal-led{background:#b8b2a6;border-radius:50%;width:.4rem;height:.4rem;box-shadow:inset 0 1px 1px #00000059}.st-pal-led.is-on{background:#ffb24a;animation:1.1s ease-in-out infinite st-pal-pulse;box-shadow:0 0 8px #ffb24ae6}@keyframes st-pal-pulse{50%{opacity:.45}}.st-pal-bezel{background:var(--w-accent,#e06a1f);border-radius:14px;padding:.28rem}@supports (color:color-mix(in lab, red, red)){.st-pal-bezel{background:color-mix(in srgb, var(--w-accent,#e06a1f) 82%, #000)}}.st-pal-bezel{box-shadow:inset 0 1px #ffffff47,inset 0 -2px 4px #00000059}.st-pal-lcd{aspect-ratio:8/5;background:var(--w-face,#eceae4);border-radius:7px;width:100%;display:block;box-shadow:inset 0 3px 10px #00000059}.st-pal-still{object-fit:cover}.st-pal-screen{border-radius:7px;position:relative;overflow:hidden}.st-pal-screen.is-video{background:#eceae4;box-shadow:inset 0 3px 10px #00000059}.st-pal-screen.is-video .st-pal-still{visibility:hidden}.st-pal-reel{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .14s;position:absolute;inset:0}.st-pal-reel.is-front{opacity:1}.st-pal-screen.is-video:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000004 2px 3px);border-radius:7px;position:absolute;inset:0;box-shadow:inset 0 2px 8px #00000047}.st-pal-ticker{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:#4a4238;margin:.45rem .1rem 0;font-size:.6rem;overflow:hidden}.st-pal.is-running .st-pal-ticker{color:var(--w-accent,#b05c2a)}.st-pal-wired{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.14em;color:#4a42388c;margin:.15rem .1rem 0;font-size:.52rem;overflow:hidden}.st-pal-ask{align-items:center;gap:.28rem;margin-top:.45rem;display:flex}.st-pal-ask-plate{background:var(--w-face,#f1ece2);border-radius:6px;flex:1;align-items:center;min-width:0;height:2.35rem;padding:0 .5rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.st-pal-ask-plate{background:color-mix(in srgb, var(--w-face,#f1ece2) 70%, #fff)}}.st-pal-ask-plate{color:#3a342c;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;box-shadow:inset 0 1px 3px #00000038}.st-pal-ask-field{color:#3a342c;width:100%;height:1.2rem;caret-color:var(--w-accent,#e06a1f);font:inherit;letter-spacing:inherit;text-transform:uppercase;background:0 0;border:0;padding:0;display:block}.st-pal-ask-field::placeholder{color:#3a342c6b}.st-pal-ask-field:focus{outline:none}.st-pal-ask-plate:focus-within{outline:2px solid var(--w-accent,#e06a1f)}@supports (color:color-mix(in lab, red, red)){.st-pal-ask-plate:focus-within{outline:2px solid color-mix(in srgb, var(--w-accent,#e06a1f) 60%, transparent)}}.st-pal-ask-plate:focus-within{outline-offset:1px}.st-pal-vu{transform-origin:0;background:var(--w-accent,#e06a1f);height:.16rem;box-shadow:0 0 6px var(--w-accent,#e06a1f);border-radius:99px;position:absolute;bottom:.22rem;left:.4rem;right:.4rem}@supports (color:color-mix(in lab, red, red)){.st-pal-vu{box-shadow:0 0 6px color-mix(in srgb, var(--w-accent,#e06a1f) 55%, transparent)}}.st-pal-vu{pointer-events:none}.st-pal-talk,.st-pal-go{cursor:pointer;border:0;border-radius:50%;flex:0 0 2.35rem;width:2.35rem;height:2.35rem;padding:0}.st-pal-talk{background:radial-gradient(circle at 50% 38%, var(--w-key,#9a9894) 0%, var(--w-key,#6e6c68) 58%, var(--w-key,#3f3e3b) 100%);position:relative}@supports (color:color-mix(in lab, red, red)){.st-pal-talk{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--w-key,#9a9894) 72%, #fff) 0%, var(--w-key,#6e6c68) 58%, color-mix(in srgb, var(--w-key,#3f3e3b) 80%, #000) 100%)}}.st-pal-talk{box-shadow:inset 0 6px 8px #00000047, inset 0 -2px 0 #ffffff1a, 0 2px 0 var(--w-key,#4a4946)}@supports (color:color-mix(in lab, red, red)){.st-pal-talk{box-shadow:inset 0 6px 8px #00000047, inset 0 -2px 0 #ffffff1a, 0 2px 0 color-mix(in srgb, var(--w-key,#4a4946) 70%, #000)}}.st-pal-talk-grille{background:repeating-radial-gradient(circle at 50% 50%, transparent 0 1px, #00000047 1px 2px), radial-gradient(circle at 50% 45%, var(--w-key,#6e6c68) 0%, #1a1816 100%);border-radius:50%;width:1.15rem;height:1.15rem;margin:0 auto;display:block}@supports (color:color-mix(in lab, red, red)){.st-pal-talk-grille{background:repeating-radial-gradient(circle at 50% 50%, transparent 0 1px, #00000047 1px 2px), radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--w-key,#6e6c68) 40%, #1a1816) 0%, #1a1816 100%)}}.st-pal-talk-grille{box-shadow:inset 0 1px 2px #0000008c,0 0 0 1px #ffffff14}.st-pal-talk.is-on{box-shadow:inset 0 6px 8px #00000047, 0 0 0 2px var(--w-accent,#e06a1f), 0 0 12px var(--w-accent,#e06a1f)}@supports (color:color-mix(in lab, red, red)){.st-pal-talk.is-on{box-shadow:inset 0 6px 8px #00000047, 0 0 0 2px color-mix(in srgb, var(--w-accent,#e06a1f) 80%, #fff), 0 0 12px color-mix(in srgb, var(--w-accent,#e06a1f) 55%, transparent)}}.st-pal-talk.is-on .st-pal-talk-grille{background:repeating-radial-gradient(circle at 50% 50%, transparent 0 1px, #501e0859 1px 2px), radial-gradient(circle at 50% 45%, var(--w-accent,#e06a1f) 0%, #2a160c 100%)}@supports (color:color-mix(in lab, red, red)){.st-pal-talk.is-on .st-pal-talk-grille{background:repeating-radial-gradient(circle at 50% 50%, transparent 0 1px, #501e0859 1px 2px), radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--w-accent,#e06a1f) 55%, #3a2010) 0%, #2a160c 100%)}}.st-pal-go{background:radial-gradient(circle at 50% 42%, var(--w-key,#9a9894) 0%, var(--w-key,#6e6c68) 62%, var(--w-key,#3f3e3b) 100%)}@supports (color:color-mix(in lab, red, red)){.st-pal-go{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--w-key,#9a9894) 80%, #fff) 0%, var(--w-key,#6e6c68) 62%, color-mix(in srgb, var(--w-key,#3f3e3b) 80%, #000) 100%)}}.st-pal-go{box-shadow:inset 0 8px 10px #00000059, inset 0 -2px 0 #ffffff1f, 0 2px 0 var(--w-key,#4a4946)}@supports (color:color-mix(in lab, red, red)){.st-pal-go{box-shadow:inset 0 8px 10px #00000059, inset 0 -2px 0 #ffffff1f, 0 2px 0 color-mix(in srgb, var(--w-key,#4a4946) 70%, #000)}}.st-pal-talk:active,.st-pal-go:active{transform:translateY(1px)}.st-pal-talk:disabled,.st-pal-go:disabled{opacity:.4;cursor:default}.st-pal.is-hearing:after{opacity:1;filter:blur(5px)}.st-btn-device{background:linear-gradient(180deg, var(--w-body,#3a3344) 0%, var(--w-body,#3a3344) 52%, var(--w-body,#3a3344) 100%);border-radius:14px;width:7.6rem;padding:.55rem .5rem .9rem;position:relative}@supports (color:color-mix(in lab, red, red)){.st-btn-device{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#3a3344) 70%, #cfc6bb) 0%, var(--w-body,#3a3344) 52%, color-mix(in srgb, var(--w-body,#3a3344) 78%, #000) 100%)}}.st-btn-device{box-shadow:inset 0 1px 0 #ffffff2e, 0 4px 0 var(--st-lip,#1c1820), 0 10px 18px #22223b38}.st-btn-device.is-span-2{width:9.8rem;padding:.6rem .55rem 1rem}.st-btn-device.is-span-2 .st-btn-dome{width:64%}.st-btn-device.is-span-3{width:12.2rem;padding:.65rem .6rem 1.05rem}.st-btn-device.is-span-3 .st-btn-dome{width:70%}.st-btn-device.is-span-3 .st-btn-caption{font-size:.85rem}.st-btn-device .hw-legend{color:#f4efe8}@supports (color:color-mix(in lab, red, red)){.st-btn-device .hw-legend{color:color-mix(in srgb, #f4efe8 78%, var(--w-accent,#c9ada7))}}.st-btn-device .st-device-stamp{color:#ffffffd1}.st-btn-plunger{aspect-ratio:1;cursor:pointer;background:0 0;border:0;place-items:center;width:100%;margin-top:.2rem;padding:0;display:grid;position:relative}.st-btn-well{background:radial-gradient(circle at 50% 36%, var(--w-face,#2c262e), var(--w-face,#121016) 76%);border-radius:50%;position:absolute;inset:14% 21% 28%}@supports (color:color-mix(in lab, red, red)){.st-btn-well{background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--w-face,#2c262e) 70%, #fff), var(--w-face,#121016) 76%)}}.st-btn-well{box-shadow:inset 0 4px 8px #00000094}.st-btn-dome{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 32% 26%, #ffffff8c, transparent 42%), radial-gradient(circle at 50% 110%, #00000047, transparent 55%), linear-gradient(180deg, var(--w-key,#e07a5f), var(--w-key,#e07a5f) 48%, var(--w-key,#e07a5f));border-radius:50%;place-items:center;width:58%;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.st-btn-dome{background:radial-gradient(circle at 32% 26%, #ffffff8c, transparent 42%), radial-gradient(circle at 50% 110%, #00000047, transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--w-key,#e07a5f) 55%, #fff), var(--w-key,#e07a5f) 48%, color-mix(in srgb, var(--w-key,#e07a5f) 70%, #000))}}.st-btn-dome{box-shadow:inset 0 -6px 10px #00000038, 0 6px 0 var(--w-key,#e07a5f), 0 9px 14px #00000047}@supports (color:color-mix(in lab, red, red)){.st-btn-dome{box-shadow:inset 0 -6px 10px #00000038, 0 6px 0 color-mix(in srgb, var(--w-key,#e07a5f) 55%, #000), 0 9px 14px #00000047}}.st-btn-dome{transition:transform 70ms,box-shadow 70ms;transform:translateY(-10px)}.st-btn-plunger.is-down .st-btn-dome,.st-btn-device.is-down .st-btn-dome{box-shadow:inset 0 4px 10px #00000047, 0 1px 0 var(--w-key,#e07a5f), 0 3px 8px #0003;transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.st-btn-plunger.is-down .st-btn-dome,.st-btn-device.is-down .st-btn-dome{box-shadow:inset 0 4px 10px #00000047, 0 1px 0 color-mix(in srgb, var(--w-key,#e07a5f) 45%, #000), 0 3px 8px #0003}}.st-btn-caption{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#fff;font-size:.72rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.st-btn-caption{color:color-mix(in srgb, #fff 82%, var(--w-key,#e07a5f))}}.st-btn-caption{text-shadow:0 1px #00000059}.st-btn-lamp{background:var(--w-accent,#ffd45a);border-radius:50%;width:.42rem;height:.42rem;margin-left:-.21rem;position:absolute;bottom:6%;left:50%}@supports (color:color-mix(in lab, red, red)){.st-btn-lamp{background:color-mix(in srgb, var(--w-accent,#ffd45a) 22%, #2a221c)}}.st-btn-lamp{box-shadow:inset 0 1px 2px #00000080}.st-btn-lamp.is-on{background:var(--w-accent,#ffd45a);box-shadow:0 0 8px var(--w-accent,#ffd45a)}@supports (color:color-mix(in lab, red, red)){.st-btn-lamp.is-on{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent,#ffd45a) 70%, transparent)}}.st-btn-device.is-rect{width:auto;box-shadow:none;background:0 0;border-radius:0;padding:0}.st-btn-device.is-rect .st-device-screws,.st-btn-device.is-rect .st-fx-head,.st-btn-device.is-rect .st-btn-well,.st-btn-device.is-rect .st-btn-lamp{display:none}.st-btn-device.is-rect .st-btn-plunger,.st-btn-device.is-rect.is-span-2 .st-btn-plunger,.st-btn-device.is-rect.is-span-3 .st-btn-plunger{aspect-ratio:auto;height:2.75rem;margin-top:0}.st-btn-device.is-rect .st-btn-plunger{width:11rem}.st-btn-device.is-rect.is-span-2 .st-btn-plunger{width:13.5rem}.st-btn-device.is-rect.is-span-3 .st-btn-plunger{width:16rem}.st-btn-device.is-rect .st-btn-dome,.st-btn-device.is-rect.is-span-2 .st-btn-dome,.st-btn-device.is-rect.is-span-3 .st-btn-dome{aspect-ratio:auto;background:var(--w-key,#e07a5f);width:100%;height:100%;box-shadow:0 2px 0 var(--w-key,#e07a5f), 0 6px 14px #22223b38;border-radius:10px;transform:none}@supports (color:color-mix(in lab, red, red)){.st-btn-device.is-rect .st-btn-dome,.st-btn-device.is-rect.is-span-2 .st-btn-dome,.st-btn-device.is-rect.is-span-3 .st-btn-dome{box-shadow:0 2px 0 color-mix(in srgb, var(--w-key,#e07a5f) 52%, #000), 0 6px 14px #22223b38}}.st-btn-device.is-rect .st-btn-dome,.st-btn-device.is-rect.is-span-2 .st-btn-dome,.st-btn-device.is-rect.is-span-3 .st-btn-dome{transition:transform 70ms,box-shadow 70ms}.st-btn-device.is-rect .st-btn-plunger.is-down .st-btn-dome,.st-btn-device.is-rect.is-down .st-btn-dome{box-shadow:inset 0 2px 5px #0000002e, 0 0 0 var(--w-key,#e07a5f), 0 2px 6px #22223b1f;transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.st-btn-device.is-rect .st-btn-plunger.is-down .st-btn-dome,.st-btn-device.is-rect.is-down .st-btn-dome{box-shadow:inset 0 2px 5px #0000002e, 0 0 0 color-mix(in srgb, var(--w-key,#e07a5f) 45%, #000), 0 2px 6px #22223b1f}}.st-btn-device.is-rect .st-btn-caption{font-family:var(--font-subtape-body), system-ui, sans-serif;letter-spacing:.02em;text-transform:none;color:#fff;text-shadow:none;-webkit-font-smoothing:antialiased;font-size:.75rem;font-weight:700}.st-tmr-device,.st-alm-device,.st-spk-device{background:linear-gradient(180deg, var(--w-body,#222232) 0%, var(--w-body,#222232) 58%, var(--w-body,#222232) 100%);border-radius:14px;padding:.55rem .5rem .5rem}@supports (color:color-mix(in lab, red, red)){.st-tmr-device,.st-alm-device,.st-spk-device{background:linear-gradient(180deg, color-mix(in srgb, var(--w-body,#222232) 76%, #8f8fb8) 0%, var(--w-body,#222232) 58%, color-mix(in srgb, var(--w-body,#222232) 80%, #000) 100%)}}.st-tmr-device,.st-alm-device,.st-spk-device{box-shadow:inset 0 1px 0 #ffffff14, 0 4px 0 var(--st-lip,#12121c), 0 12px 22px #22223b33}.st-tmr-device{width:8.4rem}.st-tmr-device.is-span-2{width:10.2rem}.st-tmr-device.is-span-3{width:12rem}.st-alm-device{width:12.4rem}.st-alm-device.is-span-1{width:10.4rem}.st-alm-device.is-span-3{width:16.4rem}.st-spk-device{width:12.4rem}.st-spk-device.is-span-1{width:10.4rem}.st-spk-device.is-span-3{width:16.4rem}.st-tmr-device .st-fx-head .hw-legend,.st-alm-device .st-fx-head .hw-legend,.st-spk-device .st-fx-head .hw-legend{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--w-accent,#c9ada7);overflow:hidden}.st-tmr-device .st-device-stamp.is-rec,.st-alm-device .st-device-stamp.is-rec,.st-spk-device .st-device-stamp.is-rec{color:var(--w-key,var(--w-accent,#ff5a3c))}.st-tmr-lcd,.st-alm-next,.st-spk-copy{background:var(--w-face,#12121c);color:var(--w-accent,#c8f59a);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;border-radius:4px;margin:.35rem 0 .4rem;padding:.35rem .45rem;box-shadow:inset 0 2px 6px #00000073}.st-tmr-lcd{letter-spacing:.08em;text-align:center;font-size:1.35rem}.st-tmr-device.is-span-1 .st-tmr-lcd{padding:.55rem .45rem;font-size:1.7rem}.st-tmr-device.is-span-3 .st-tmr-lcd{padding:.5rem .55rem;font-size:1.7rem}.st-alm-next,.st-spk-copy{letter-spacing:.04em;min-height:2.2rem;font-size:.62rem;line-height:1.35;overflow:hidden}.st-tmr-presets,.st-alm-times,.st-alm-days{flex-wrap:wrap;gap:.22rem;margin-bottom:.4rem;display:flex}.st-tmr-presets button,.st-alm-times button,.st-alm-days button,.st-alm-dial button{background:var(--w-face,#12121c);min-width:1.7rem;color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;padding:.12rem .32rem;font-size:.52rem}.st-tmr-presets button.is-on,.st-alm-times button.is-on,.st-alm-days button.is-on{color:var(--w-body,#1c1c2e);background:var(--w-key,#e07a5f)}.st-alm-dial{gap:.15rem;display:flex}.st-alm-device.is-span-3{grid-template-columns:1fr 1fr;gap:.35rem .55rem;display:grid}.st-alm-device.is-span-3 .st-fx-head,.st-alm-device.is-span-3 .st-alm-next,.st-alm-device.is-span-3 .st-alm-rail{grid-column:1/-1}.st-alm-device.is-span-3 .st-alm-next{min-height:2.8rem;font-size:.78rem}.st-alm-device.is-span-1 .st-alm-next{min-height:2.6rem}.st-spk-voices{flex-wrap:wrap;gap:.18rem;max-height:3.4rem;margin-bottom:.4rem;display:flex;overflow:auto}.st-spk-device.is-span-3 .st-spk-voices{max-height:5.2rem}.st-spk-device.is-span-3 .st-spk-copy{min-height:3.2rem}.st-spk-voices button{background:var(--w-face,#12121c);min-width:1.7rem;color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;padding:.12rem .28rem;font-size:.48rem}.st-spk-voices button.is-on{color:var(--w-body,#1c1c2e);background:var(--w-key,#e07a5f)}.st-tmr-rail,.st-alm-rail,.st-spk-rail{flex-wrap:wrap;align-items:flex-end;gap:.4rem;display:flex}.st-hichord{background:linear-gradient(160deg, #ffffff8c, transparent 42%), linear-gradient(180deg, var(--w-body,#e6dfd2) 0%, var(--w-body,#e6dfd2) 52%, var(--w-body,#e6dfd2) 100%);border-radius:14px;width:19.2rem;padding:.55rem .55rem .5rem;position:relative}@supports (color:color-mix(in lab, red, red)){.st-hichord{background:linear-gradient(160deg, #ffffff8c, transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--w-body,#e6dfd2) 92%, #fff) 0%, var(--w-body,#e6dfd2) 52%, color-mix(in srgb, var(--w-body,#e6dfd2) 82%, #6b5a48) 100%)}}.st-hichord{color:#2a2620;box-shadow:inset 0 1px 0 #ffffff8c, 0 4px 0 var(--st-lip,var(--w-body,#e6dfd2)), 0 12px 22px #22223b29}@supports (color:color-mix(in lab, red, red)){.st-hichord{box-shadow:inset 0 1px 0 #ffffff8c, 0 4px 0 var(--st-lip,color-mix(in srgb, var(--w-body,#e6dfd2) 55%, #000)), 0 12px 22px #22223b29}}.st-hichord.is-span-1{width:14.8rem;padding:.45rem .42rem .4rem}.st-hichord.is-span-1 .st-hichord-body{grid-template-columns:1fr}.st-hichord.is-span-1 .st-hichord-left{flex-direction:row;justify-content:center}.st-hichord.is-span-1 .st-hichord-grill{width:3.6rem}.st-hichord.is-span-3{width:23.4rem}.st-hichord .hw-legend{color:var(--w-accent,#3a342c)}.st-hichord-head{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.st-hichord-body{grid-template-columns:4.4rem minmax(0,1fr);gap:.45rem;display:grid}.st-hichord-left{flex-direction:column;align-items:center;gap:.45rem;display:flex}.st-hichord-grill{--grill-hi:var(--w-body,#e6dfd2)}@supports (color:color-mix(in lab, red, red)){.st-hichord-grill{--grill-hi:color-mix(in srgb, var(--w-body,#e6dfd2) 55%, #fff)}}.st-hichord-grill{--grill-mid:var(--w-body,#d4cbc0);--grill-lo:var(--w-body,#e6dfd2)}@supports (color:color-mix(in lab, red, red)){.st-hichord-grill{--grill-lo:color-mix(in srgb, var(--w-body,#e6dfd2) 72%, #8a8276)}}.st-hichord-grill{--grill-edge:var(--w-body,#e6dfd2)}@supports (color:color-mix(in lab, red, red)){.st-hichord-grill{--grill-edge:color-mix(in srgb, var(--w-body,#e6dfd2) 55%, #6b5a48)}}.st-hichord-grill{--grill-well-hi:var(--w-face,#3a342c)}@supports (color:color-mix(in lab, red, red)){.st-hichord-grill{--grill-well-hi:color-mix(in srgb, var(--w-face,#3a342c) 70%, #161310)}}.st-hichord-grill{--grill-well:var(--w-face,#161310);--grill-ring:var(--w-body,#c8c0b4)}@supports (color:color-mix(in lab, red, red)){.st-hichord-grill{--grill-ring:color-mix(in srgb, var(--w-body,#c8c0b4) 80%, #8a8276)}}.st-hichord-grill{--grill-rim:var(--w-body,#ece6da)}@supports (color:color-mix(in lab, red, red)){.st-hichord-grill{--grill-rim:color-mix(in srgb, var(--w-body,#ece6da) 70%, #fff)}}.st-hichord-grill{aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 1px 1px #2820182e);width:100%;display:block;overflow:visible}.st-hichord-stick{background:radial-gradient(circle at 50% 50%, var(--w-knob,#ece7dc), var(--w-knob,#cfc6b6) 70%);border:0;border-radius:50%;width:2.6rem;height:2.6rem;padding:0;position:relative}@supports (color:color-mix(in lab, red, red)){.st-hichord-stick{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--w-knob,#ece7dc) 80%, #fff), var(--w-knob,#cfc6b6) 70%)}}.st-hichord-stick{box-shadow:inset 0 1px 0 #ffffffb3, 0 0 0 3px var(--w-knob,#d8d0c4), 0 3px 0 var(--w-knob,#b8b0a2)}@supports (color:color-mix(in lab, red, red)){.st-hichord-stick{box-shadow:inset 0 1px 0 #ffffffb3, 0 0 0 3px color-mix(in srgb, var(--w-knob,#d8d0c4) 80%, #cfc6b6), 0 3px 0 color-mix(in srgb, var(--w-knob,#b8b0a2) 70%, #000)}}.st-hichord-stick{cursor:grab;touch-action:none}.st-hichord-stick:active{cursor:grabbing}.st-hichord-stick span{background:radial-gradient(circle at 32% 28%, #fff, var(--w-knob,#f4efe6) 40%, var(--w-knob,#d8d0c4));border-radius:50%;position:absolute;inset:22%}@supports (color:color-mix(in lab, red, red)){.st-hichord-stick span{background:radial-gradient(circle at 32% 28%, #fff, color-mix(in srgb, var(--w-knob,#f4efe6) 70%, #fff) 40%, var(--w-knob,#d8d0c4))}}.st-hichord-stick span{box-shadow:0 2px 4px #28201840}.st-hichord-right{flex-direction:column;gap:.32rem;min-width:0;display:flex}.st-hichord-nav{align-items:center;gap:.22rem;display:flex}.st-hichord-lcd{background:var(--w-face,#1c3a2a);width:5rem;color:var(--w-accent,#8fd48a);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;border-radius:3px;flex:0 0 5rem;padding:.12rem .3rem .1rem;box-shadow:inset 0 1px 4px #0000008c}.st-hichord.is-span-1 .st-hichord-lcd{flex-basis:4.2rem;width:4.2rem}.st-hichord-lcd span{letter-spacing:.08em;font-size:.6rem;display:block}.st-hichord-lcd em,.st-hichord-lcd small{letter-spacing:.1em;opacity:.72;font-size:.44rem;font-style:normal;display:block}.st-hichord-fn{flex:none;grid-template-columns:repeat(3,1.28rem);grid-auto-rows:1.28rem;gap:.14rem;display:grid}.st-hichord-fn button{background:var(--w-key,#3a3a42);color:#f4efe8;cursor:pointer;border:0;border-radius:4px;width:1.28rem;height:1.28rem;padding:0;font-size:.72rem;line-height:1.28rem;box-shadow:inset 0 1px #ffffff40,0 2px #1a1612}.st-hichord-fn .is-key{background:var(--w-key,#3a3a42)}.st-hichord-fn .is-wave{background:var(--w-key,#e07a3a)}@supports (color:color-mix(in lab, red, red)){.st-hichord-fn .is-wave{background:color-mix(in srgb, var(--w-key,#e07a3a) 55%, #e07a3a)}}.st-hichord-fn .is-clock{background:var(--w-key,#c43a32)}@supports (color:color-mix(in lab, red, red)){.st-hichord-fn .is-clock{background:color-mix(in srgb, var(--w-key,#c43a32) 45%, #c43a32)}}.st-hichord-fn button.is-on{filter:brightness(1.18)}.st-hichord-menu{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:#5a5248;align-items:center;gap:.3rem;font-size:.52rem;display:flex}.st-hichord-menu button{color:#f4efe8;cursor:pointer;background:#2a2620;border:0;border-radius:3px;padding:.08rem .35rem}.st-hichord-menu span{text-align:center;flex:1}.st-hichord-pads,.st-hichord-keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:.16rem;display:grid}.st-hichord-pad,.st-hichord-key{background:linear-gradient(180deg, #fff 0%, var(--w-key,#f4efe8) 55%, var(--w-key,#e4ddd0) 100%);border:0;padding:0}@supports (color:color-mix(in lab, red, red)){.st-hichord-pad,.st-hichord-key{background:linear-gradient(180deg, #fff 0%, var(--w-key,#f4efe8) 55%, color-mix(in srgb, var(--w-key,#e4ddd0) 80%, #c8c0b4) 100%)}}.st-hichord-pad,.st-hichord-key{cursor:pointer;box-shadow:inset 0 1px #fff,0 2px #c8c0b4}.st-hichord-pad{border-radius:3px;height:1.15rem}.st-hichord-key{border-radius:3px 3px 5px 5px;height:2.35rem}.st-hichord-pad.is-down,.st-hichord-key.is-down{background:#e8e0d2;transform:translateY(1px);box-shadow:inset 0 1px 3px #2820182e}.st-hichord.is-sampled .st-device-stamp{color:#2c6b3a}.st-dice{background:linear-gradient(160deg, #ffffff2e, transparent 40%), linear-gradient(180deg, var(--w-body,#3a3344) 0%, var(--w-body,#3a3344) 55%, var(--w-body,#3a3344) 100%);border-radius:14px;width:11.6rem;padding:.55rem .5rem .5rem;position:relative}@supports (color:color-mix(in lab, red, red)){.st-dice{background:linear-gradient(160deg, #ffffff2e, transparent 40%), linear-gradient(180deg, color-mix(in srgb, var(--w-body,#3a3344) 80%, #8f8fb8) 0%, var(--w-body,#3a3344) 55%, color-mix(in srgb, var(--w-body,#3a3344) 80%, #000) 100%)}}.st-dice{box-shadow:inset 0 1px 0 #ffffff1a, 0 4px 0 var(--st-lip,var(--w-body,#3a3344)), 0 12px 22px #22223b33}@supports (color:color-mix(in lab, red, red)){.st-dice{box-shadow:inset 0 1px 0 #ffffff1a, 0 4px 0 var(--st-lip,color-mix(in srgb, var(--w-body,#3a3344) 52%, #000)), 0 12px 22px #22223b33}}.st-dice.is-span-2{width:13.8rem}.st-dice.is-span-3{width:16.2rem}.st-dice-head{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.st-dice-window{background:var(--w-face,#121018);min-height:2.4rem;color:var(--w-accent,#ffd45a);font-family:var(--font-subtape-display), Georgia, serif;text-align:center;border-radius:4px;justify-content:center;align-items:center;padding:.35rem .5rem;font-size:1.15rem;display:flex;box-shadow:inset 0 1px 6px #0000008c}.st-dice.is-roll .st-dice-window{color:var(--w-accent,#c9ada7)}@supports (color:color-mix(in lab, red, red)){.st-dice.is-roll .st-dice-window{color:color-mix(in srgb, var(--w-accent,#c9ada7) 70%, #fff)}}.st-dice .hw-key-wrap{width:100%;margin:.4rem 0 .35rem}.st-dice .hw-key-wrap .hw-key,.st-dice-roll{width:100%}.st-dice-roll:disabled{opacity:.4}.st-dice-faces{max-height:6.2rem;margin:0;padding:0;list-style:none;overflow:auto}.st-dice-faces li{color:#e8e0d6;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;align-items:center;gap:.35rem;padding:.12rem .1rem;font-size:.58rem;display:flex}.st-dice-faces li.is-pick{color:var(--w-accent,#ffd45a)}.st-dice-faces span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.st-dice-faces button{color:inherit;cursor:pointer;opacity:.55;background:0 0;border:0;padding:0 .2rem}.st-beat-pages,.st-beat-meta{flex-wrap:wrap;align-items:center;gap:.18rem;margin-top:.32rem;display:flex}.st-beat-pages .hw-key-wrap,.st-beat-meta .hw-key-wrap{display:inline-flex}.st-beat-pages .hw-key,.st-beat-meta .hw-key{letter-spacing:.1em;min-height:1.15rem;padding:.1rem .32rem;font-size:.5rem}.st-beat-meta span{background:var(--w-face,#12121c);min-height:1.15rem;color:var(--w-accent,#c9ada7);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;cursor:default;border-radius:3px;padding:.1rem .32rem;font-size:.5rem}.st-beat-steps.is-paged{grid-template-columns:repeat(16,minmax(0,1fr))}.st-keys-device.is-sampled .st-keys-lcd{color:#8fd48a}.st-tuner-device{width:var(--st-w,9.75rem);box-sizing:border-box;flex-direction:column;align-items:center;height:100%;padding:1.25rem .4rem .35rem;display:flex;position:relative}.st-tuner-clip{z-index:2;width:2.6rem;height:1.35rem;position:absolute;top:.08rem;left:50%;transform:translate(-50%)}.st-tuner-clip i,.st-tuner-clip b{border:1.5px solid var(--w-key,#8a8a96);width:2.15rem;height:.72rem;position:absolute;left:50%}@supports (color:color-mix(in lab, red, red)){.st-tuner-clip i,.st-tuner-clip b{border:1.5px solid color-mix(in srgb, var(--w-key,#8a8a96) 70%, #111)}}.st-tuner-clip i,.st-tuner-clip b{background:linear-gradient(180deg, var(--w-key,#c8c8d0) 0%, var(--w-key,#8a8a96) 55%, var(--w-key,#8a8a96) 100%)}@supports (color:color-mix(in lab, red, red)){.st-tuner-clip i,.st-tuner-clip b{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key,#c8c8d0) 80%, #fff) 0%, var(--w-key,#8a8a96) 55%, color-mix(in srgb, var(--w-key,#8a8a96) 70%, #222) 100%)}}.st-tuner-clip i,.st-tuner-clip b{box-shadow:inset 0 1px #ffffff59}.st-tuner-clip i{transform-origin:90% 80%;border-radius:.55rem .55rem .15rem .15rem;top:0;transform:translate(-50%)rotate(-18deg)}.st-tuner-clip b{transform-origin:10% 20%;border-radius:.15rem .15rem .45rem .45rem;top:.28rem;transform:translate(-50%)rotate(14deg)}.st-tuner-shell{background:linear-gradient(160deg, #ffffff1f, transparent 38%), linear-gradient(180deg, var(--w-body,#2a2c32) 0%, var(--w-body,#2a2c32) 48%, var(--w-body,#2a2c32) 100%);border-radius:1.55rem 1.55rem 1.05rem 1.05rem;flex-direction:column;flex:1;align-items:stretch;width:100%;min-height:0;padding:.82rem .52rem .46rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-tuner-shell{background:linear-gradient(160deg, #ffffff1f, transparent 38%), linear-gradient(180deg, color-mix(in srgb, var(--w-body,#2a2c32) 78%, #6a6e78) 0%, var(--w-body,#2a2c32) 48%, color-mix(in srgb, var(--w-body,#2a2c32) 78%, #000) 100%)}}.st-tuner-shell{box-shadow:inset 0 1px 0 #ffffff29, inset 0 -10px 0 var(--w-body,#2a2c32), 0 4px 0 var(--st-lip,#14161a), 0 12px 18px #14141c47}@supports (color:color-mix(in lab, red, red)){.st-tuner-shell{box-shadow:inset 0 1px 0 #ffffff29, inset 0 -10px 0 color-mix(in srgb, var(--w-body,#2a2c32) 70%, #111), 0 4px 0 var(--st-lip,#14161a), 0 12px 18px #14141c47}}.st-tuner-head{justify-content:space-between;align-items:center;gap:.3rem;margin-bottom:.28rem;display:flex}.st-tuner-head .hw-legend{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--w-accent,#c9ada7);overflow:hidden}.st-tuner-lcd{background:radial-gradient(80% 120% at 20% 0%, #ffffff0f, transparent 50%), var(--w-face,#10160e);min-height:4.4rem;box-shadow:inset 0 2px 6px #00000080, 0 0 0 1px var(--w-face,#10160e);border-radius:.35rem;flex:1;grid-template-rows:auto 1fr auto;gap:.1rem;padding:.22rem .28rem .2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.st-tuner-lcd{box-shadow:inset 0 2px 6px #00000080, 0 0 0 1px color-mix(in srgb, var(--w-face,#10160e) 60%, #000)}}.st-tuner-lcd.is-idle{opacity:.42}.st-tuner-lcd.is-listen{animation:1.4s ease-in-out infinite st-tuner-listen}.st-tuner-lcd.is-lock{box-shadow:inset 0 2px 6px #00000080, 0 0 0 1px var(--w-accent,#7cff6b)}@supports (color:color-mix(in lab, red, red)){.st-tuner-lcd.is-lock{box-shadow:inset 0 2px 6px #00000080, 0 0 0 1px color-mix(in srgb, var(--w-accent,#7cff6b) 35%, #000)}}.st-tuner-read{grid-template-columns:1fr auto 1fr;align-items:center;gap:.12rem;display:grid}.st-tuner-mark{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;color:var(--w-accent,#7cff6b);font-size:.82rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.st-tuner-mark{color:color-mix(in srgb, var(--w-accent,#7cff6b) 28%, #0a0e08)}}.st-tuner-mark{text-align:center}.st-tuner-mark:first-child{justify-self:start}.st-tuner-mark:last-child{justify-self:end}.st-tuner-mark.is-on{color:var(--w-accent,#7cff6b);text-shadow:0 0 8px var(--w-accent,#7cff6b)}@supports (color:color-mix(in lab, red, red)){.st-tuner-mark.is-on{text-shadow:0 0 8px color-mix(in srgb, var(--w-accent,#7cff6b) 55%, transparent)}}.st-tuner-note{min-width:2.4rem;color:var(--w-accent,#7cff6b);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.06em;text-align:center;text-shadow:0 0 10px var(--w-accent,#7cff6b);justify-self:center;font-size:1.35rem;line-height:1}@supports (color:color-mix(in lab, red, red)){.st-tuner-note{text-shadow:0 0 10px color-mix(in srgb, var(--w-accent,#7cff6b) 40%, transparent)}}.st-tuner-cents{min-height:.85rem;color:var(--w-accent,#7cff6b);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-align:center;opacity:.85;justify-self:center;font-size:.68rem}.st-tuner-foot{justify-content:center;align-items:flex-end;gap:.4rem;margin-top:.22rem;display:flex}@keyframes st-tuner-listen{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}@media (prefers-reduced-motion:reduce){.st-tuner-lcd.is-listen{animation:none}}.st-tuner-dial{background:repeating-conic-gradient(from -50deg at 50% 100%, transparent 0 7deg, var(--w-accent,#7cff6b) 7deg 7.4deg);border-radius:50% 50% 0 0/100% 100% 0 0;align-self:stretch;min-height:2.6rem;position:relative}@supports (color:color-mix(in lab, red, red)){.st-tuner-dial{background:repeating-conic-gradient(from -50deg at 50% 100%, transparent 0 7deg, color-mix(in srgb, var(--w-accent,#7cff6b) 22%, transparent) 7deg 7.4deg)}}.st-tuner-dial{-webkit-mask-image:linear-gradient(#000 0 72%,#0000);mask-image:linear-gradient(#000 0 72%,#0000)}.st-tuner-needle{transform-origin:50% 100%;background:var(--w-accent,#7cff6b);width:2px;height:78%;box-shadow:0 0 8px var(--w-accent,#7cff6b);position:absolute;bottom:.1rem;left:50%}@supports (color:color-mix(in lab, red, red)){.st-tuner-needle{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent,#7cff6b) 70%, transparent)}}.st-tuner-dial.is-park{opacity:.35}.st-tuner-needle.is-park{opacity:.35;box-shadow:none}.st-tuner-needle:after{content:"";background:var(--w-accent,#7cff6b);border-radius:50%;width:.42rem;height:.42rem;position:absolute;bottom:-.18rem;left:50%;transform:translate(-50%)}.st-tuner-lamps{justify-content:space-between;gap:.12rem;margin:.1rem 0 0;padding:0;list-style:none;display:flex}.st-tuner-lamps li{background:var(--w-accent,#7cff6b);border-radius:1px;flex:1;height:.28rem}@supports (color:color-mix(in lab, red, red)){.st-tuner-lamps li{background:color-mix(in srgb, var(--w-accent,#7cff6b) 18%, #0a0e08)}}.st-tuner-lamps li.is-on{background:var(--w-accent,#7cff6b);box-shadow:0 0 6px var(--w-accent,#7cff6b)}@supports (color:color-mix(in lab, red, red)){.st-tuner-lamps li.is-on{box-shadow:0 0 6px color-mix(in srgb, var(--w-accent,#7cff6b) 70%, transparent)}}.st-tuner-lamps li.is-center{background:var(--w-accent,#ffd45a);height:.38rem}@supports (color:color-mix(in lab, red, red)){.st-tuner-lamps li.is-center{background:color-mix(in srgb, var(--w-accent,#ffd45a) 28%, #0a0e08)}}.st-tuner-lamps li.is-center.is-on,.st-tuner-device.is-tune .st-tuner-lamps li.is-center{background:var(--w-accent,#ffd45a)}.st-tuner-device.is-span-2{flex-direction:row;align-items:stretch;gap:.35rem;padding-top:.85rem}.st-tuner-device.is-span-2 .st-tuner-clip{top:.2rem;left:1.15rem;transform:none}.st-tuner-device.is-span-2 .st-tuner-shell{border-radius:.95rem 1.25rem .95rem .85rem}.st-tuner-device.is-span-3{flex-direction:row;align-items:stretch;gap:.4rem;padding:.55rem .45rem .35rem}.st-tuner-device.is-span-3 .st-tuner-clip{top:.15rem;left:.85rem;transform:none}.st-tuner-device.is-span-3 .st-tuner-shell{border-radius:1.05rem;flex-direction:row;align-items:center;gap:.45rem}.st-tuner-device.is-span-3 .st-tuner-head{writing-mode:vertical-rl;margin:0;transform:rotate(180deg)}.st-tuner-device.is-span-3 .st-tuner-lcd{flex:1}.st-tuner-device.is-span-3 .st-tuner-foot{flex-direction:column;align-items:center;margin-top:0}.st-metro-device{--metro-wood:repeating-linear-gradient(90deg, transparent 0 3px, #ffffff0b 3px 4px), linear-gradient(90deg, var(--w-body,#6b4a2c) 0%, var(--w-body,#6b4a2c) 20%, var(--w-body,#6b4a2c) 50%, var(--w-body,#6b4a2c) 80%, var(--w-body,#6b4a2c) 100%)}@supports (color:color-mix(in lab, red, red)){.st-metro-device{--metro-wood:repeating-linear-gradient(90deg, transparent 0 3px, #ffffff0b 3px 4px), linear-gradient(90deg, color-mix(in srgb, var(--w-body,#6b4a2c) 52%, #1a1008) 0%, color-mix(in srgb, var(--w-body,#6b4a2c) 78%, #c4a078) 20%, var(--w-body,#6b4a2c) 50%, color-mix(in srgb, var(--w-body,#6b4a2c) 78%, #c4a078) 80%, color-mix(in srgb, var(--w-body,#6b4a2c) 52%, #1a1008) 100%)}}.st-metro-device{width:var(--st-w,8.25rem);box-sizing:border-box;flex-direction:column;align-items:stretch;height:100%;padding:.12rem 0 .22rem;display:flex;position:relative}.st-metro-cabinet{background:var(--metro-wood);clip-path:polygon(48.5% 0,51.5% 0,100% 56%,100% 100%,0 100%,0 56%);width:100%;height:100%;min-height:0;filter:drop-shadow(0 4px 0 var(--st-lip,#3a2414)) drop-shadow(0 10px 16px #1e120847);flex-direction:column;align-items:stretch;display:flex}.st-metro-pyramid{z-index:1;background:0 0;flex-direction:column;flex:56%;align-items:center;width:100%;min-height:0;margin-bottom:0;padding:.82rem .35rem .35rem;display:flex;position:relative}.st-metro-ridge{background:linear-gradient(180deg, transparent, var(--w-body,#6b4a2c) 20%, transparent 92%);width:1px;position:absolute;top:8%;bottom:18%;left:50%}@supports (color:color-mix(in lab, red, red)){.st-metro-ridge{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--w-body,#6b4a2c) 40%, #1a1008) 20%, transparent 92%)}}.st-metro-ridge{opacity:.55;pointer-events:none;transform:translate(-50%)}.st-metro-peak{z-index:2;background:linear-gradient(180deg, #f4e4b8, var(--w-knob,#c4a46a) 55%, #6a4e22);pointer-events:none;border-radius:.18rem .18rem .1rem .1rem;width:.7rem;height:.48rem;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff73,0 2px #1a100847}.st-metro-well-frame{background:var(--w-body,#6b4a2c);flex:1;width:26%;min-height:4.2rem;margin-top:1rem;padding:2px;position:relative}@supports (color:color-mix(in lab, red, red)){.st-metro-well-frame{background:color-mix(in srgb, var(--w-body,#6b4a2c) 70%, #3a2414)}}.st-metro-well-frame{clip-path:polygon(34% 0,66% 0,100% 100%,0 100%)}.st-metro-well{background:linear-gradient(180deg, var(--w-face,#1a120c), var(--w-face,#1a120c));width:100%;height:100%;min-height:4.1rem;position:relative}@supports (color:color-mix(in lab, red, red)){.st-metro-well{background:linear-gradient(180deg, color-mix(in srgb, var(--w-face,#1a120c) 80%, #000), var(--w-face,#1a120c))}}.st-metro-well{clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);overflow:hidden;box-shadow:inset 0 2px 6px #0000008c}.st-metro-arm{background:linear-gradient(180deg, #ead8a8, var(--w-accent,#c4a46a) 40%, #7a5a28);transform-origin:50% 0;width:3px;height:92%;box-shadow:0 0 6px var(--w-accent,#c4a46a);position:absolute;top:.1rem;left:50%}@supports (color:color-mix(in lab, red, red)){.st-metro-arm{box-shadow:0 0 6px color-mix(in srgb, var(--w-accent,#c4a46a) 35%, transparent)}}.st-metro-weight{left:50%;top:calc(14% + (1 - var(--metro-w,.5)) * 58%);background:linear-gradient(180deg, var(--w-knob,#d2b47a), var(--w-knob,#c4a46a) 55%, var(--w-knob,#c4a46a));border-radius:2px;width:.85rem;height:.7rem;position:absolute}@supports (color:color-mix(in lab, red, red)){.st-metro-weight{background:linear-gradient(180deg, color-mix(in srgb, var(--w-knob,#d2b47a) 70%, #fff), var(--w-knob,#c4a46a) 55%, color-mix(in srgb, var(--w-knob,#c4a46a) 65%, #40280c))}}.st-metro-weight{box-shadow:inset 0 1px 0 #fff6, 0 2px 0 var(--w-knob,#c4a46a);transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.st-metro-weight{box-shadow:inset 0 1px 0 #fff6, 0 2px 0 color-mix(in srgb, var(--w-knob,#c4a46a) 40%, #000)}}.st-metro-plate{z-index:1;background:var(--w-face,#1a120c);min-width:2.4rem;color:var(--w-accent,#e8c878);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;text-align:center;border-radius:2px;margin:.4rem 0 0;padding:.08rem .28rem;font-size:.72rem;position:relative;box-shadow:inset 0 1px 3px #00000080}.st-metro-base{z-index:2;background:0 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.28rem .4rem;width:100%;margin-top:0;padding:.42rem .3rem .2rem;display:flex;position:relative}.st-metro-base:before{content:"";background:var(--w-body,#6b4a2c);border-radius:0 0 2px 2px;height:.2rem;position:absolute;top:0;left:10%;right:10%}@supports (color:color-mix(in lab, red, red)){.st-metro-base:before{background:color-mix(in srgb, var(--w-body,#6b4a2c) 58%, #1a1008)}}.st-metro-base:before{pointer-events:none;box-shadow:inset 0 1px #ffffff14}.st-metro-base .hw-legend{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--w-accent,#e8c878);text-align:center;flex:100%;overflow:hidden}.st-metro-meter{justify-content:center;align-items:center;gap:.22rem;width:100%;display:flex}.st-metro-meter i{background:var(--w-accent,#e8c878);border-radius:50%;width:.42rem;height:.42rem}@supports (color:color-mix(in lab, red, red)){.st-metro-meter i{background:color-mix(in srgb, var(--w-accent,#e8c878) 22%, #1a1008)}}.st-metro-meter i{box-shadow:inset 0 1px 2px #00000073}.st-metro-meter i.is-on{background:var(--w-accent,#e8c878);box-shadow:0 0 8px var(--w-accent,#e8c878)}@supports (color:color-mix(in lab, red, red)){.st-metro-meter i.is-on{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent,#e8c878) 70%, transparent)}}.st-metro-meter i.is-one{background:var(--w-accent,#ff7a45)}@supports (color:color-mix(in lab, red, red)){.st-metro-meter i.is-one{background:color-mix(in srgb, var(--w-accent,#ff7a45) 28%, #1a1008)}}.st-metro-meter i.is-one.is-on{background:var(--w-accent,#ff7a45)}.st-metro-device.is-span-2,.st-metro-device.is-span-3{padding:.12rem 0 .22rem}.st-metro-device.is-span-2 .st-metro-cabinet,.st-metro-device.is-span-3 .st-metro-cabinet{clip-path:none;filter:drop-shadow(0 4px 0 var(--st-lip,#3a2414)) drop-shadow(0 10px 16px #1e120847);background:0 0;flex-direction:row;align-items:stretch;gap:0}.st-metro-device.is-span-2 .st-metro-pyramid,.st-metro-device.is-span-3 .st-metro-pyramid{background:var(--metro-wood);clip-path:polygon(48.5% 0,51.5% 0,100% 86%,100% 100%,0 100%,0 86%);flex:none;margin-bottom:0;padding-bottom:.55rem}.st-metro-device.is-span-2 .st-metro-peak{left:21%}.st-metro-device.is-span-3 .st-metro-peak{left:23%}.st-metro-device.is-span-2 .st-metro-pyramid{width:42%}.st-metro-device.is-span-3 .st-metro-pyramid{width:46%}.st-metro-device.is-span-2 .st-metro-base,.st-metro-device.is-span-3 .st-metro-base{background:var(--metro-wood);border-radius:0 .4rem .55rem 0;flex-direction:column;flex:1;justify-content:flex-end;margin-top:0}.st-metro-device.is-span-2 .st-metro-base:before,.st-metro-device.is-span-3 .st-metro-base:before{border-radius:0 2px 2px 0;width:.2rem;height:auto;inset:12% auto 12% 0}.st-metro-device.is-span-3 .st-metro-base{justify-content:space-between}.st-counter-device{width:var(--st-w,10.5rem);box-sizing:border-box;background:radial-gradient(120% 80% at 20% 0%, #ffffff61, transparent 46%), linear-gradient(180deg, var(--w-body,#e8d4b0) 0%, var(--w-body,#e8d4b0) 48%, var(--w-body,#e8d4b0) 100%);border-radius:1.1rem 1.1rem .7rem .7rem;flex-direction:column;align-items:center;gap:.28rem;height:100%;padding:.42rem .4rem .38rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.st-counter-device{background:radial-gradient(120% 80% at 20% 0%, #ffffff61, transparent 46%), linear-gradient(180deg, color-mix(in srgb, var(--w-body,#e8d4b0) 82%, #fff) 0%, var(--w-body,#e8d4b0) 48%, color-mix(in srgb, var(--w-body,#e8d4b0) 72%, #6a4e2a) 100%)}}.st-counter-device{box-shadow:inset 0 1px 0 #ffffff8c, 0 4px 0 var(--st-lip,#8a6a3e), 0 10px 16px #281c0c38}.st-counter-device .hw-legend{color:var(--w-accent,#5a3e22);letter-spacing:.16em}.st-counter-window{background:linear-gradient(180deg, #0e0e10, var(--w-face,#1a1610));width:100%;box-shadow:inset 0 2px 6px #0000008c, 0 0 0 2px var(--w-body,#e8d4b0);border-radius:4px;gap:.08rem;padding:.22rem .18rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-counter-window{box-shadow:inset 0 2px 6px #0000008c, 0 0 0 2px color-mix(in srgb, var(--w-body,#e8d4b0) 55%, #4a3818)}}.st-counter-digit{background:repeating-linear-gradient(180deg, transparent 0 .42rem, #ffffff0a .42rem .44rem), linear-gradient(180deg, #2a2418, var(--w-face,#1a1610) 40%, #0c0a08);min-width:0;color:var(--w-accent,#f2c86a);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:0;text-align:center;text-shadow:0 0 8px var(--w-accent,#f2c86a);border-radius:2px;flex:1;padding:.12rem 0 .08rem;font-size:1.05rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.st-counter-digit{text-shadow:0 0 8px color-mix(in srgb, var(--w-accent,#f2c86a) 45%, transparent)}}.st-counter-plungers{justify-content:center;align-items:flex-end;gap:.35rem;width:100%;display:flex}.st-counter-plungers .hw-key-lg{width:2.4rem;height:2.4rem}.st-counter-rail{justify-content:space-between;align-items:flex-end;gap:.4rem;width:100%;display:flex}.st-counter-device.is-span-2,.st-counter-device.is-span-3{border-radius:.85rem;flex-flow:wrap}.st-counter-device.is-span-2 .hw-legend,.st-counter-device.is-span-3 .hw-legend{flex:100%}.st-counter-device.is-span-2 .st-counter-window,.st-counter-device.is-span-3 .st-counter-window{flex:auto;min-width:5.2rem}.st-counter-device.is-span-3 .st-counter-digit{padding:.22rem 0 .14rem;font-size:1.28rem}.st-logic{--logic-phenolic:repeating-linear-gradient(90deg, transparent 0 2px, #0000000b 2px 3px), linear-gradient(180deg, var(--w-body,#3e2a20) 0%, var(--w-body,#3e2a20) 52%, var(--w-body,#3e2a20) 100%)}@supports (color:color-mix(in lab, red, red)){.st-logic{--logic-phenolic:repeating-linear-gradient(90deg, transparent 0 2px, #0000000b 2px 3px), linear-gradient(180deg, color-mix(in srgb, var(--w-body,#3e2a20) 78%, #8a6244) 0%, var(--w-body,#3e2a20) 52%, color-mix(in srgb, var(--w-body,#3e2a20) 72%, #120c08) 100%)}}.st-logic{width:var(--st-w,9.75rem);box-sizing:border-box;background:var(--logic-phenolic);height:100%;color:var(--w-accent,#e8c878);box-shadow:inset 0 1px 0 #ffffff1a, 0 4px 0 var(--st-lip,#221610), 0 10px 16px #140c0847;border-radius:1.05rem;flex-direction:column;align-items:center;gap:.28rem;padding:.78rem .52rem .46rem;display:flex;position:relative}.st-logic .hw-legend{color:var(--w-accent,#e8c878);letter-spacing:.14em}.st-logic-device{border-radius:1.05rem}.st-logic-head{justify-content:space-between;align-items:center;gap:.3rem;width:100%;display:flex}.st-logic-op{min-width:1.2rem;color:var(--w-accent,#e8c878);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;text-align:right;font-size:.92rem}.st-logic-table{background:var(--w-face,#1a120c);border-radius:.28rem;flex-direction:column;flex:1;gap:.1rem;width:100%;min-height:3.2rem;padding:.22rem .2rem;display:flex;box-shadow:inset 0 1px 4px #00000080}.st-logic-table.is-unary .st-logic-lamp:nth-child(2){opacity:.22}.st-logic-row{opacity:.45;grid-template-columns:.7rem .7rem 1fr;align-items:center;gap:.16rem;min-height:.72rem;padding:0 .08rem;display:grid}.st-logic-row.is-live{opacity:1;background:var(--w-accent,#e8c878)}@supports (color:color-mix(in lab, red, red)){.st-logic-row.is-live{background:color-mix(in srgb, var(--w-accent,#e8c878) 10%, transparent)}}.st-logic-lamp{background:var(--w-accent,#e8c878);border-radius:50%;width:.42rem;height:.42rem}@supports (color:color-mix(in lab, red, red)){.st-logic-lamp{background:color-mix(in srgb, var(--w-accent,#e8c878) 18%, #1a120c)}}.st-logic-lamp{box-shadow:inset 0 1px 2px #00000073}.st-logic-lamp.is-on,.st-logic-row b.is-on{background:var(--w-accent,#e8c878);box-shadow:0 0 7px var(--w-accent,#e8c878)}@supports (color:color-mix(in lab, red, red)){.st-logic-lamp.is-on,.st-logic-row b.is-on{box-shadow:0 0 7px color-mix(in srgb, var(--w-accent,#e8c878) 65%, transparent)}}.st-logic-row b{color:var(--w-accent,#e8c878);justify-self:end}@supports (color:color-mix(in lab, red, red)){.st-logic-row b{color:color-mix(in srgb, var(--w-accent,#e8c878) 40%, #1a120c)}}.st-logic-row b{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;font-size:.62rem}.st-logic-row b.is-on{color:var(--w-accent,#e8c878);box-shadow:none;background:0 0}.st-logic-foot{justify-content:center;align-items:flex-end;gap:.35rem;width:100%;display:flex}.st-logic-device.is-span-2 .st-logic-table,.st-logic-device.is-span-3 .st-logic-table{flex:1}.st-logic-device.is-span-3{border-radius:.85rem .55rem;flex-flow:wrap}.st-logic-device.is-span-3 .st-logic-head{flex:100%}.st-compare-device{border-radius:50% 50% .45rem .45rem/28% 28% .45rem .45rem;padding-top:.55rem}.st-compare-meter{background:radial-gradient(120% 140% at 50% 120%, var(--w-face,#1a120c), #0c0a08);border-radius:2.4rem 2.4rem 0 0;width:78%;height:2.4rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000080}.st-compare-tick{left:calc(8% + var(--cmp-t,.5) * 84%);background:var(--w-accent,#e8c878);width:2px;height:38%;position:absolute;bottom:.12rem}@supports (color:color-mix(in lab, red, red)){.st-compare-tick{background:color-mix(in srgb, var(--w-accent,#e8c878) 55%, transparent)}}.st-compare-tick{transform:translate(-50%)}.st-compare-needle{background:var(--w-accent,#e07a5f);transform-origin:50% 100%;width:2px;height:88%;transform:translateX(-50%) rotate(calc((var(--cmp-a,.5) - .5) * 70deg));box-shadow:0 0 6px var(--w-accent,#e07a5f);position:absolute;bottom:.1rem;left:50%}@supports (color:color-mix(in lab, red, red)){.st-compare-needle{box-shadow:0 0 6px color-mix(in srgb, var(--w-accent,#e07a5f) 50%, transparent)}}.st-compare-lamps{justify-content:space-between;width:72%;display:flex}.st-compare-jewel{background:var(--w-face,#1a120c);border-radius:40% 40% 30% 30%;justify-content:center;align-items:center;width:1.1rem;height:.7rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-compare-jewel{background:color-mix(in srgb, var(--w-face,#1a120c) 70%, #000)}}.st-compare-jewel{box-shadow:inset 0 1px 2px #00000080}.st-compare-rail{justify-content:center;align-items:flex-end;gap:.4rem;width:100%;display:flex}.st-compare-device.is-span-3{border-radius:1.4rem 1.4rem .45rem .45rem}.st-router-device{width:var(--st-w,13.75rem);border-radius:999px;gap:.32rem;min-height:0;padding:.62rem .95rem .58rem}.st-router-device .hw-legend{margin-bottom:.04rem}.st-router-kinds{gap:.18rem;display:flex}.st-router-lever{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:100%;margin:0;padding:0;display:block}.st-router-lever:disabled{cursor:default}.st-router-well{background:var(--w-face,#1a120c);border-radius:999px;width:100%;height:2.15rem;display:block;position:relative;box-shadow:inset 0 2px 6px #00000085}.st-router-mark{z-index:0;color:var(--w-accent,#e8c878);position:absolute;top:50%;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.st-router-mark{color:color-mix(in srgb, var(--w-accent,#e8c878) 38%, #1a120c)}}.st-router-mark{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.1em;pointer-events:none;font-size:.68rem}.st-router-mark.is-a{left:.62rem}.st-router-mark.is-b{right:.62rem}.st-router-lever.is-b .st-router-mark.is-b,.st-router-lever:not(.is-b) .st-router-mark.is-a{color:var(--w-accent,#e8c878)}.st-router-slider{z-index:1;width:46%;transition:left .2s cubic-bezier(.22,1.2,.36,1);position:absolute;top:.16rem;bottom:.16rem;left:.16rem}.st-router-lever.is-b .st-router-slider{left:calc(54% - .16rem)}.st-router-lever.is-drag .st-router-slider{left:calc(.16rem + var(--st-slide) * (100% - 46% - .32rem));transition:none}.st-router-thumb{background:linear-gradient(180deg, var(--w-key,#c4a46a), var(--w-key,#c4a46a) 55%, var(--w-key,#c4a46a));border-radius:999px;width:100%;height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.st-router-thumb{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key,#c4a46a) 80%, #fff), var(--w-key,#c4a46a) 55%, color-mix(in srgb, var(--w-key,#c4a46a) 65%, #40280c))}}.st-router-thumb{box-shadow:inset 0 1px 0 #ffffff59, 0 2px 0 var(--w-key,#c4a46a)}@supports (color:color-mix(in lab, red, red)){.st-router-thumb{box-shadow:inset 0 1px 0 #ffffff59, 0 2px 0 color-mix(in srgb, var(--w-key,#c4a46a) 40%, #000)}}.st-router-device.is-span-2{width:var(--st-w,15rem);padding:.68rem 1.05rem .62rem}.st-router-device.is-span-3{width:var(--st-w,17.5rem);padding:.72rem 1.12rem .66rem}.st-router-device.is-span-2 .st-router-well,.st-router-device.is-span-3 .st-router-well{height:2.35rem}@media (prefers-reduced-motion:reduce){.st-router-slider{transition:none}}.st-latch-device{background:radial-gradient(circle at 12% 12%, var(--w-accent,#e8c878) 0 .14rem, transparent .16rem), radial-gradient(circle at 88% 12%, var(--w-accent,#e8c878) 0 .14rem, transparent .16rem), radial-gradient(circle at 12% 88%, var(--w-accent,#e8c878) 0 .14rem, transparent .16rem), radial-gradient(circle at 88% 88%, var(--w-accent,#e8c878) 0 .14rem, transparent .16rem), var(--logic-phenolic);border-radius:.28rem}@supports (color:color-mix(in lab, red, red)){.st-latch-device{background:radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--w-accent,#e8c878) 22%, transparent) 0 .14rem, transparent .16rem), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--w-accent,#e8c878) 22%, transparent) 0 .14rem, transparent .16rem), radial-gradient(circle at 12% 88%, color-mix(in srgb, var(--w-accent,#e8c878) 22%, transparent) 0 .14rem, transparent .16rem), radial-gradient(circle at 88% 88%, color-mix(in srgb, var(--w-accent,#e8c878) 22%, transparent) 0 .14rem, transparent .16rem), var(--logic-phenolic)}}.st-latch-jewels{gap:.45rem;display:flex}.st-latch-jewel{background:radial-gradient(circle at 35% 30%, #fff3, transparent 46%), var(--w-face,#1a120c);width:1.35rem;height:1.35rem;box-shadow:inset 0 2px 4px #00000073, 0 0 0 2px var(--w-body,#3e2a20);border-radius:50%;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.st-latch-jewel{box-shadow:inset 0 2px 4px #00000073, 0 0 0 2px color-mix(in srgb, var(--w-body,#3e2a20) 60%, #120c08)}}.st-latch-jewel.is-on{box-shadow:inset 0 2px 4px #00000073, 0 0 10px var(--w-accent,#e8c878)}@supports (color:color-mix(in lab, red, red)){.st-latch-jewel.is-on{box-shadow:inset 0 2px 4px #00000073, 0 0 10px color-mix(in srgb, var(--w-accent,#e8c878) 50%, transparent)}}.st-latch-keys{justify-content:center;gap:.22rem;width:100%;display:flex}.st-latch-device.is-span-3{border-radius:.2rem .7rem}.st-divider-device{border-radius:50% 50% .55rem .55rem/42% 42% .55rem .55rem;padding-top:.5rem}.st-divider-ring{background:conic-gradient(from 0deg, var(--w-face,#1a120c), var(--w-face,#1a120c) 50%, #0c0a08);border-radius:50%;grid-template-columns:repeat(4,1fr);place-items:center;width:4.4rem;height:4.4rem;padding:.35rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.st-divider-ring{background:conic-gradient(from 0deg, color-mix(in srgb, var(--w-face,#1a120c) 80%, #000), var(--w-face,#1a120c) 50%, #0c0a08)}}.st-divider-ring{box-shadow:inset 0 2px 6px #0000008c, 0 0 0 3px var(--w-body,#3e2a20)}@supports (color:color-mix(in lab, red, red)){.st-divider-ring{box-shadow:inset 0 2px 6px #0000008c, 0 0 0 3px color-mix(in srgb, var(--w-body,#3e2a20) 70%, #120c08)}}.st-divider-ring i{background:var(--w-accent,#e8c878);border-radius:50%;width:.38rem;height:.38rem}@supports (color:color-mix(in lab, red, red)){.st-divider-ring i{background:color-mix(in srgb, var(--w-accent,#e8c878) 20%, #1a120c)}}.st-divider-ring i.is-on{background:var(--w-accent,#e8c878);box-shadow:0 0 8px var(--w-accent,#e8c878)}@supports (color:color-mix(in lab, red, red)){.st-divider-ring i.is-on{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent,#e8c878) 70%, transparent)}}.st-divider-dial{background:var(--w-body,#3e2a20);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:28%}@supports (color:color-mix(in lab, red, red)){.st-divider-dial{background:color-mix(in srgb, var(--w-body,#3e2a20) 70%, #1a120c)}}.st-divider-dial{color:var(--w-accent,#e8c878);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;font-size:.85rem;box-shadow:inset 0 1px 3px #00000073}.st-divider-rail{justify-content:center;align-items:flex-end;gap:.35rem;display:flex}.st-divider-device.is-span-2 .st-divider-ring,.st-divider-device.is-span-3 .st-divider-ring{grid-template-columns:repeat(4,1fr)}.st-divider-device.is-span-3{border-radius:1.6rem .5rem;flex-flow:wrap}.st-divider-device.is-span-3 .hw-legend{flex:100%}.st-hold-device{border-radius:.28rem .85rem;padding:.32rem .4rem .28rem}.st-hold-lcd{background:var(--w-face,#142018);width:100%;color:var(--w-accent,#9ee8a4);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-align:center;border-radius:3px;padding:.28rem .2rem;font-size:1.15rem;box-shadow:inset 0 2px 6px #00000080}.st-hold-foot{justify-content:space-between;align-items:center;gap:.3rem;width:100%;display:flex}.st-hold-freeze{background:var(--w-face,#142018);border-radius:2px;justify-content:center;align-items:center;width:1.4rem;height:.7rem;display:flex}@supports (color:color-mix(in lab, red, red)){.st-hold-freeze{background:color-mix(in srgb, var(--w-face,#142018) 70%, #000)}}.st-hold-device.is-span-2,.st-hold-device.is-span-3{border-radius:.35rem 1.1rem;flex-flow:wrap}.st-hold-device.is-span-2 .hw-legend,.st-hold-device.is-span-3 .hw-legend{flex:100%}.st-hold-device.is-span-3 .st-hold-lcd{flex:1;font-size:1.4rem}.st-lettering-layer{z-index:13;pointer-events:none;position:absolute;inset:0}.st-lettering{z-index:13;pointer-events:auto;position:absolute}.st-widget-lettering{z-index:6;pointer-events:none;position:absolute;inset:0}.st-widget-lettering .st-lettering{pointer-events:auto}.st-lettering-body{transform-origin:50%;position:absolute;top:0;left:0}.st-lettering-copy{width:max-content;min-width:.6ch;min-height:1em;color:inherit;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;overflow-wrap:break-word;cursor:text;-webkit-user-select:none;user-select:none;text-shadow:0 1px 0 var(--bg,#f4efe8);background:0 0;border:0;outline:none;margin:0;padding:0;font-family:inherit;font-size:4.2rem;font-weight:700;line-height:1.05;display:block;overflow:visible}@supports (color:color-mix(in lab, red, red)){.st-lettering-copy{text-shadow:0 1px 0 color-mix(in srgb, var(--bg,#f4efe8) 70%, transparent)}}.st-lettering-copy[contenteditable=true]{-webkit-user-select:text;user-select:text;caret-color:currentColor}.st-lettering.is-center .st-lettering-copy{text-align:center}.st-lettering.is-right .st-lettering-copy{text-align:right}.st-lettering.is-sel .st-lettering-body{outline:1px dashed}@supports (color:color-mix(in lab, red, red)){.st-lettering.is-sel .st-lettering-body{outline:1px dashed color-mix(in srgb, currentColor 45%, transparent)}}.st-lettering.is-sel .st-lettering-body{outline-offset:6px}.st-lettering.is-edit .st-lettering-body{outline:1.5px solid}@supports (color:color-mix(in lab, red, red)){.st-lettering.is-edit .st-lettering-body{outline:1.5px solid color-mix(in srgb, currentColor 70%, transparent)}}.st-lettering.is-edit .st-lettering-body{outline-offset:4px}.st-lettering-dress{z-index:4;border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.28rem;width:max-content;max-width:18rem;padding:.28rem .32rem;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%}@supports (color:color-mix(in lab, red, red)){.st-lettering-dress{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.st-lettering-dress{background:var(--surface);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.st-lettering-dress{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.st-lettering-dress{pointer-events:auto;transform:translate(-50%)}.st-lettering-chip{border:1px solid var(--border);background:var(--bg);min-width:1.35rem;height:1.2rem;color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 .28rem;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex}.st-lettering-chip.is-icon,.st-lettering-chip.is-font{gap:.16rem;min-width:1.5rem;height:1.35rem;padding:0 .28rem}.st-lettering-chip.is-font{font-size:.68rem}.st-lettering-chip.is-on{border-color:var(--st-accent);color:var(--text);box-shadow:0 0 0 1px var(--st-accent)}.st-text-preview{color:#22223b;align-items:center;min-height:3.6rem;display:flex}.st-text-preview .st-lettering-copy{cursor:default;font-size:2.6rem}.st-widget:is([data-c~=body],[data-skin]){--st-lip:var(--w-body)}@supports (color:color-mix(in lab, red, red)){.st-widget:is([data-c~=body],[data-skin]){--st-lip:color-mix(in srgb, var(--w-body) 52%, #000)}}.st-widget[data-c~=body] :is(.st-marquee-device,.st-scratch-device,.st-beat-device,.st-clock-device,.st-sticky-device,.st-fx-device,.st-mod-device,.st-lfo-device,.st-pan-device,.st-deck-device,.st-mic-device,.st-player-device,.st-type-device,.st-knob-device,.st-slider-device,.st-calc-device,.st-scope-device,.st-tuner-device,.st-tuner-shell,.st-metro-device,.st-metro-cabinet,.st-metro-pyramid,.st-metro-base,.st-metro-well-frame,.st-keys-device,.st-hichord,.st-dice,.st-switch-device,.st-btn-device,.st-tmr-device,.st-alm-device,.st-spk-device,.st-correct-device,.st-rack-device,.st-counter-device,.st-logic,.st-logic-device,.st-compare-device,.st-router-device,.st-latch-device,.st-divider-device,.st-hold-device,.hw-panel,.st-kb,.st-cam-body,.st-cam-mid,.st-ssp,.st-recorder,.st-sampler,.st-pal,.st-pal-body,.st-crt-wood,.st-list,.st-list-device,.st-doc-paper,.st-film,.st-image-print,.st-polaroid-stock,.st-note-rec,.st-printer,.st-iframe-device,.st-video,.st-gel,.st-lens,.st-kanban,.st-cam-top,.st-cam-base){background:linear-gradient(145deg, #ffffff4d, transparent 40%), linear-gradient(180deg, var(--w-body) 0%, var(--w-body) 52%, var(--w-body) 100%)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=body] :is(.st-marquee-device,.st-scratch-device,.st-beat-device,.st-clock-device,.st-sticky-device,.st-fx-device,.st-mod-device,.st-lfo-device,.st-pan-device,.st-deck-device,.st-mic-device,.st-player-device,.st-type-device,.st-knob-device,.st-slider-device,.st-calc-device,.st-scope-device,.st-tuner-device,.st-tuner-shell,.st-metro-device,.st-metro-cabinet,.st-metro-pyramid,.st-metro-base,.st-metro-well-frame,.st-keys-device,.st-hichord,.st-dice,.st-switch-device,.st-btn-device,.st-tmr-device,.st-alm-device,.st-spk-device,.st-correct-device,.st-rack-device,.st-counter-device,.st-logic,.st-logic-device,.st-compare-device,.st-router-device,.st-latch-device,.st-divider-device,.st-hold-device,.hw-panel,.st-kb,.st-cam-body,.st-cam-mid,.st-ssp,.st-recorder,.st-sampler,.st-pal,.st-pal-body,.st-crt-wood,.st-list,.st-list-device,.st-doc-paper,.st-film,.st-image-print,.st-polaroid-stock,.st-note-rec,.st-printer,.st-iframe-device,.st-video,.st-gel,.st-lens,.st-kanban,.st-cam-top,.st-cam-base){background:linear-gradient(145deg, #ffffff4d, transparent 40%), linear-gradient(180deg, color-mix(in srgb, var(--w-body) 86%, #fff) 0%, var(--w-body) 52%, color-mix(in srgb, var(--w-body) 80%, #000) 100%)}}.st-widget[data-c~=face] :is(.hw-lcd,.hw-pad-stage,.hw-knob-readout,.hw-fader-readout,.st-beat-lcd,.st-clock-lcd,.st-deck-lcd,.st-deck-ruler,.st-deck-lane-tape,.st-player-lcd,.st-player-window,.st-player-disc,.st-player-speaker,.st-mic-grille,.st-recorder-door,.st-sampler-lcd,.st-pal-lcd,.st-pal-ask-plate,.st-calc-lcd,.st-scope-screen,.st-tuner-lcd,.st-metro-plate,.st-metro-well,.st-keys-lcd,.st-hichord-lcd,.st-dice-window,.st-cam-finder,.st-counter-window,.st-counter-digit,.st-logic-table,.st-compare-meter,.st-router-well,.st-latch-jewel,.st-divider-ring,.st-hold-lcd,.st-kb-matrix,.st-switch-well,.st-btn-well,.st-knob-lcd,.st-ssp-lcd,.st-ssp-stage,.st-marquee,.st-notes-canvas,.st-notes-read,.st-rack-read,.st-tmr-lcd,.st-alm-next,.st-spk-copy,.st-note-rec-card,.st-slider-readout,.st-lfo-meter,.st-pan-lane span,.st-doc-paper,.st-list button,.st-iframe-glass,.st-video-bezel,.st-printer-slot,.st-crt-glass,.st-kanban-card){background:radial-gradient(80% 120% at 20% 0%, #ffffff0f, transparent 50%), var(--w-face)}.st-widget[data-c~=face] :is(.hw-platen,.st-sticky-sheet){background:repeating-linear-gradient(to bottom, transparent 0 1.55rem, var(--w-accent,#c9ada7) 1.55rem 1.57rem), var(--w-face)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=face] :is(.hw-platen,.st-sticky-sheet){background:repeating-linear-gradient(to bottom, transparent 0 1.55rem, color-mix(in srgb, var(--w-accent,#c9ada7) 22%, transparent) 1.55rem 1.57rem), var(--w-face)}}.st-widget[data-c~=accent] .hw-legend,.st-widget[data-c~=accent] .st-device-stamp,.st-widget[data-c~=accent] .st-note-rec-clock,.st-widget[data-c~=accent] .st-note-rec-card textarea,.st-widget[data-c~=accent] .st-sticky-draft,.st-widget[data-c~=accent] .st-sticky-pad-label,.st-widget[data-c~=accent] .st-doc-paper,.st-widget[data-c~=accent] .st-doc-paper-title,.st-widget[data-c~=accent] .st-list button{color:var(--w-accent)}.st-widget[data-c~=accent] .st-note-rec-led.is-on{background:var(--w-accent);box-shadow:0 0 8px var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] .st-note-rec-led.is-on{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent) 80%, transparent)}}.st-widget[data-c~=accent] .st-note-rec-wave i{background:var(--w-accent)}.st-widget[data-c~=accent] :is(.hw-lcd,.hw-knob-readout,.hw-fader-readout,.st-calc-lcd,.st-keys-lcd,.st-deck-lcd,.st-knob-lcd,.st-tmr-lcd,.st-alm-next,.st-spk-copy,.st-slider-readout,.st-lfo-readout,.st-pan-readout,.st-player-lcd,.st-sampler-lcd-read,.st-recorder-door,.st-beat-lcd,.st-hichord-lcd,.st-dice-window){color:var(--w-accent);text-shadow:0 0 10px var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] :is(.hw-lcd,.hw-knob-readout,.hw-fader-readout,.st-calc-lcd,.st-keys-lcd,.st-deck-lcd,.st-knob-lcd,.st-tmr-lcd,.st-alm-next,.st-spk-copy,.st-slider-readout,.st-lfo-readout,.st-pan-readout,.st-player-lcd,.st-sampler-lcd-read,.st-recorder-door,.st-beat-lcd,.st-hichord-lcd,.st-dice-window){text-shadow:0 0 10px color-mix(in srgb, var(--w-accent) 40%, transparent)}}.st-widget[data-c~=accent] .st-dice-faces li.is-pick{color:var(--w-accent)}.st-widget[data-c~=accent] .st-beat-pitch span{background:var(--w-accent)}.st-widget[data-c~=accent] .st-beat-pad.is-on{background:linear-gradient(160deg, #ffc2ad59, transparent 40%), linear-gradient(180deg, var(--w-accent) 0%, var(--w-accent) 100%)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] .st-beat-pad.is-on{background:linear-gradient(160deg, #ffc2ad59, transparent 40%), linear-gradient(180deg, var(--w-accent) 0%, color-mix(in srgb, var(--w-accent) 72%, #000) 100%)}}.st-widget[data-c~=accent] :is(.st-deck-caret,.st-mic-grille i,.st-player-label,.st-player-reel,.st-recorder-reel,.st-recorder-vu),.st-widget[data-c~=accent] .st-deck-clip{background:var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] .st-deck-clip{background:color-mix(in srgb, var(--w-accent) 22%, #1a1824)}}.st-widget[data-c~=accent] .st-deck-clip{box-shadow:inset 0 0 0 1px var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] .st-deck-clip{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--w-accent) 40%, transparent)}}.st-widget[data-c~=accent] .st-switch-mark{color:var(--w-accent)}.st-widget[data-c~=accent] .st-kb-dot{background:var(--w-accent);box-shadow:0 0 3px var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] .st-kb-dot{box-shadow:0 0 3px color-mix(in srgb, var(--w-accent) 45%, transparent)}}.st-widget[data-c~=accent] .st-btn-lamp.is-on,.st-widget[data-c~=accent] .hw-led.is-on{background:var(--w-accent);box-shadow:0 0 8px var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] .st-btn-lamp.is-on,.st-widget[data-c~=accent] .hw-led.is-on{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent) 70%, transparent)}}.st-widget[data-c~=accent] :is(.st-scotch-copy,.st-film-code,.st-crt-badge,.st-gel-plate,.st-kanban-ink,.st-iframe-device .hw-legend,.st-video-legend){color:var(--w-accent)}.st-widget[data-c~=accent] :is(.st-cam-tally.is-on,.st-ssp-tally[data-on]){background:var(--w-accent);box-shadow:0 0 8px var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] :is(.st-cam-tally.is-on,.st-ssp-tally[data-on]){box-shadow:0 0 8px color-mix(in srgb, var(--w-accent) 80%, transparent)}}.st-widget[data-c~=key] .hw-key{--hw-face:var(--w-key)}.st-widget[data-c~=key] .hw-transport-plunger{background:radial-gradient(circle at 32% 28%, #ffffff59, transparent 52%), linear-gradient(180deg, var(--w-key), var(--w-key) 55%, var(--w-key))}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=key] .hw-transport-plunger{background:radial-gradient(circle at 32% 28%, #ffffff59, transparent 52%), linear-gradient(180deg, color-mix(in srgb, var(--w-key) 80%, #fff), var(--w-key) 55%, color-mix(in srgb, var(--w-key) 72%, #000))}}.st-widget[data-c~=key] .st-btn-dome,.st-widget[data-c~=key] .st-keys-ivory,.st-widget[data-c~=key] .st-keys-sharp,.st-widget[data-c~=key] .st-kb-key,.st-widget[data-c~=key] .st-beat-pad,.st-widget[data-c~=key] .st-beat-step.is-lit,.st-widget[data-c~=key] .st-hichord-pad,.st-widget[data-c~=key] .st-hichord-key,.st-widget[data-c~=key] .st-hichord-fn button,.st-widget[data-c~=key] .st-dice-roll,.st-widget[data-c~=key] .st-note-rec-go{background:linear-gradient(160deg, var(--w-key) 0%, var(--w-key) 55%, var(--w-key) 100%)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=key] .st-btn-dome,.st-widget[data-c~=key] .st-keys-ivory,.st-widget[data-c~=key] .st-keys-sharp,.st-widget[data-c~=key] .st-kb-key,.st-widget[data-c~=key] .st-beat-pad,.st-widget[data-c~=key] .st-beat-step.is-lit,.st-widget[data-c~=key] .st-hichord-pad,.st-widget[data-c~=key] .st-hichord-key,.st-widget[data-c~=key] .st-hichord-fn button,.st-widget[data-c~=key] .st-dice-roll,.st-widget[data-c~=key] .st-note-rec-go{background:linear-gradient(160deg, color-mix(in srgb, var(--w-key) 84%, #fff) 0%, var(--w-key) 55%, color-mix(in srgb, var(--w-key) 78%, #000) 100%)}}.st-widget[data-c~=key] .st-keys-sharp{background:linear-gradient(180deg, var(--w-key) 0%, var(--w-key) 100%)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=key] .st-keys-sharp{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key) 42%, #111) 0%, color-mix(in srgb, var(--w-key) 22%, #000) 100%)}}.st-widget[data-c~=key] .st-deck-arm,.st-widget[data-c~=key] .st-deck-mute,.st-widget[data-c~=key] .st-recorder-rec,.st-widget[data-c~=key] .st-pal-go,.st-widget[data-c~=key] .st-pal-talk,.st-widget[data-c~=key] .st-sampler-rev,.st-widget[data-c~=key] .st-sampler-copy,.st-widget[data-c~=key] .st-sampler-pad,.st-widget[data-c~=key] .st-note-rec .st-hw-dot,.st-widget[data-c~=key] .st-hw-dot,.st-widget[data-c~=key] .st-hw-tick,.st-widget[data-c~=key] .st-sticky-tab,.st-widget[data-c~=key] .st-list button{background:linear-gradient(180deg, var(--w-key), var(--w-key) 55%, var(--w-key))}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=key] .st-deck-arm,.st-widget[data-c~=key] .st-deck-mute,.st-widget[data-c~=key] .st-recorder-rec,.st-widget[data-c~=key] .st-pal-go,.st-widget[data-c~=key] .st-pal-talk,.st-widget[data-c~=key] .st-sampler-rev,.st-widget[data-c~=key] .st-sampler-copy,.st-widget[data-c~=key] .st-sampler-pad,.st-widget[data-c~=key] .st-note-rec .st-hw-dot,.st-widget[data-c~=key] .st-hw-dot,.st-widget[data-c~=key] .st-hw-tick,.st-widget[data-c~=key] .st-sticky-tab,.st-widget[data-c~=key] .st-list button{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key) 80%, #fff), var(--w-key) 55%, color-mix(in srgb, var(--w-key) 72%, #000))}}.st-widget[data-c~=key] .st-hw-rocker{background:linear-gradient(180deg, var(--w-key), var(--w-key))}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=key] .st-hw-rocker{background:linear-gradient(180deg, var(--w-key), color-mix(in srgb, var(--w-key) 78%, #000))}}.st-widget[data-c~=key] :is(.st-printer-pill,.st-printer-tray,.st-cam-shutter,.st-cam-rocker-knob,.st-crt-power,.st-crt-hold,.st-video-play){background:linear-gradient(180deg, var(--w-key), var(--w-key) 55%, var(--w-key))}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=key] :is(.st-printer-pill,.st-printer-tray,.st-cam-shutter,.st-cam-rocker-knob,.st-crt-power,.st-crt-hold,.st-video-play){background:linear-gradient(180deg, color-mix(in srgb, var(--w-key) 84%, #fff), var(--w-key) 55%, color-mix(in srgb, var(--w-key) 78%, #000))}}.st-widget[data-c~=key] :is(.st-tmr-presets button,.st-alm-times button,.st-alm-days button,.st-alm-dial button,.st-spk-voices button,.st-calc-pad button,.st-calc-ops button,.st-calc-eq,.st-calc-extra button,.st-lfo-waves button,.st-lfo-wave){background:linear-gradient(160deg, var(--w-key) 0%, var(--w-key) 55%, var(--w-key) 100%)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=key] :is(.st-tmr-presets button,.st-alm-times button,.st-alm-days button,.st-alm-dial button,.st-spk-voices button,.st-calc-pad button,.st-calc-ops button,.st-calc-eq,.st-calc-extra button,.st-lfo-waves button,.st-lfo-wave){background:linear-gradient(160deg, color-mix(in srgb, var(--w-key) 84%, #fff) 0%, var(--w-key) 55%, color-mix(in srgb, var(--w-key) 78%, #000) 100%)}}.st-widget[data-c~=key] :is(.st-tmr-presets button,.st-alm-times button,.st-alm-days button,.st-alm-dial button,.st-spk-voices button,.st-calc-pad button,.st-calc-ops button,.st-calc-eq,.st-calc-extra button,.st-lfo-waves button,.st-lfo-wave){color:var(--w-face,#1c1c2e)}.st-widget[data-c~=key] :is(.st-tmr-presets button.is-on,.st-alm-times button.is-on,.st-alm-days button.is-on,.st-spk-voices button.is-on,.st-calc-ops button.is-on,.st-lfo-waves button.is-on){background:var(--w-key)}.st-widget[data-c~=key] :is(.st-tmr-device,.st-alm-device,.st-spk-device) .st-device-stamp.is-rec{color:var(--w-key)}.st-widget[data-c~=accent] :is(.st-counter-digit,.st-logic-op,.st-logic-row b.is-on,.st-divider-dial,.st-hold-lcd,.st-compare-needle){color:var(--w-accent)}.st-widget[data-c~=accent] :is(.st-logic-lamp.is-on,.st-divider-ring i.is-on,.st-compare-tick){background:var(--w-accent);box-shadow:0 0 7px var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] :is(.st-logic-lamp.is-on,.st-divider-ring i.is-on,.st-compare-tick){box-shadow:0 0 7px color-mix(in srgb, var(--w-accent) 65%, transparent)}}.st-widget[data-c~=key] .st-router-well i{background:linear-gradient(180deg, var(--w-key), var(--w-key) 55%, var(--w-key))}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=key] .st-router-well i{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key) 80%, #fff), var(--w-key) 55%, color-mix(in srgb, var(--w-key) 65%, #40280c))}}.st-widget[data-c~=accent] :is(.st-tuner-note,.st-tuner-cents,.st-tuner-mark.is-on,.st-metro-plate){color:var(--w-accent);text-shadow:0 0 10px var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] :is(.st-tuner-note,.st-tuner-cents,.st-tuner-mark.is-on,.st-metro-plate){text-shadow:0 0 10px color-mix(in srgb, var(--w-accent) 40%, transparent)}}.st-widget[data-c~=accent] :is(.st-tuner-needle,.st-metro-arm),.st-widget[data-c~=accent] .st-tuner-needle:after{background:var(--w-accent)}.st-widget[data-c~=accent] .st-tuner-lamps li.is-on,.st-widget[data-c~=accent] .st-metro-meter i.is-on{background:var(--w-accent);box-shadow:0 0 8px var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] .st-tuner-lamps li.is-on,.st-widget[data-c~=accent] .st-metro-meter i.is-on{box-shadow:0 0 8px color-mix(in srgb, var(--w-accent) 70%, transparent)}}.st-widget[data-c~=key] .st-tuner-clip i,.st-widget[data-c~=key] .st-tuner-clip b{background:linear-gradient(180deg, var(--w-key) 0%, var(--w-key) 55%, var(--w-key) 100%)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=key] .st-tuner-clip i,.st-widget[data-c~=key] .st-tuner-clip b{background:linear-gradient(180deg, color-mix(in srgb, var(--w-key) 80%, #fff) 0%, var(--w-key) 55%, color-mix(in srgb, var(--w-key) 70%, #222) 100%)}}.st-widget[data-c~=knob] .st-metro-weight{background:linear-gradient(180deg, var(--w-knob), var(--w-knob) 55%, var(--w-knob))}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=knob] .st-metro-weight{background:linear-gradient(180deg, color-mix(in srgb, var(--w-knob) 70%, #fff), var(--w-knob) 55%, color-mix(in srgb, var(--w-knob) 65%, #40280c))}}.st-widget[data-c~=accent] :is(.st-lfo-meter i,.st-pan-lane i){background:var(--w-accent);box-shadow:0 0 8px var(--w-accent)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] :is(.st-lfo-meter i,.st-pan-lane i){box-shadow:0 0 8px color-mix(in srgb, var(--w-accent) 70%, transparent)}}.st-widget[data-c~=accent] :is(.st-lfo-waves button,.st-lfo-wave){color:var(--w-accent)}.st-widget[data-c~=accent] .st-slider-device .hw-fader-ticks{background:repeating-linear-gradient(to bottom, transparent 0 .62rem, var(--w-accent) .62rem .7rem)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=accent] .st-slider-device .hw-fader-ticks{background:repeating-linear-gradient(to bottom, transparent 0 .62rem, color-mix(in srgb, var(--w-accent) 55%, transparent) .62rem .7rem)}}.st-widget[data-c~=knob] :is(.hw-knob,.hw-knob-coral,.hw-knob-blue,.hw-knob-mauve){background:repeating-conic-gradient(from 0deg, var(--w-knob) 0 7deg, var(--w-knob) 7deg 9deg), radial-gradient(circle at 50% 50%, var(--w-knob), var(--w-knob) 78%)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=knob] :is(.hw-knob,.hw-knob-coral,.hw-knob-blue,.hw-knob-mauve){background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--w-knob) 55%, #fff) 0 7deg, color-mix(in srgb, var(--w-knob) 72%, #000) 7deg 9deg), radial-gradient(circle at 50% 50%, var(--w-knob), color-mix(in srgb, var(--w-knob) 62%, #000) 78%)}}.st-widget[data-c~=knob] :is(.hw-knob,.hw-knob-coral,.hw-knob-blue,.hw-knob-mauve){background-blend-mode:normal}.st-widget[data-c~=knob] :is(.hw-fader-cap,.hw-fader-coral .hw-fader-cap,.hw-fader-blue .hw-fader-cap,.hw-fader-green .hw-fader-cap,.hw-fader-mauve .hw-fader-cap){background:linear-gradient(180deg, var(--w-knob), var(--w-knob) 55%, var(--w-knob))}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=knob] :is(.hw-fader-cap,.hw-fader-coral .hw-fader-cap,.hw-fader-blue .hw-fader-cap,.hw-fader-green .hw-fader-cap,.hw-fader-mauve .hw-fader-cap){background:linear-gradient(180deg, color-mix(in srgb, var(--w-knob) 55%, #fff), var(--w-knob) 55%, color-mix(in srgb, var(--w-knob) 68%, #000))}}.st-widget[data-c~=knob] .hw-fader-fill{background:var(--w-knob)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=knob] .hw-fader-fill{background:color-mix(in srgb, var(--w-knob) 70%, #fff)}}.st-widget[data-c~=knob] :is(.st-cam-mode-knob,.st-cam-rocker-knob,.st-cam-clickdial-face,.st-switch-knob,.st-hichord-stick,.st-video-dial){background:radial-gradient(circle at 32% 28%, #ffffff4d, transparent 55%), radial-gradient(circle at 50% 50%, var(--w-knob), var(--w-knob) 80%)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=knob] :is(.st-cam-mode-knob,.st-cam-rocker-knob,.st-cam-clickdial-face,.st-switch-knob,.st-hichord-stick,.st-video-dial){background:radial-gradient(circle at 32% 28%, #ffffff4d, transparent 55%), radial-gradient(circle at 50% 50%, var(--w-knob), color-mix(in srgb, var(--w-knob) 62%, #000) 80%)}}.st-widget[data-c~=knob] :is(.st-cam-mode-knob,.st-cam-rocker-knob,.st-cam-clickdial-face,.st-switch-knob,.st-hichord-stick,.st-video-dial){box-shadow:inset 0 1px 0 #ffffff73, inset 0 -2px 0 var(--w-knob), 0 2px 0 var(--w-knob), 0 4px 0 var(--w-knob), 0 7px 10px #00000047}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=knob] :is(.st-cam-mode-knob,.st-cam-rocker-knob,.st-cam-clickdial-face,.st-switch-knob,.st-hichord-stick,.st-video-dial){box-shadow:inset 0 1px 0 #ffffff73, inset 0 -2px 0 color-mix(in srgb, var(--w-knob) 55%, #000), 0 2px 0 color-mix(in srgb, var(--w-knob) 52%, #000), 0 4px 0 color-mix(in srgb, var(--w-knob) 32%, #000), 0 7px 10px #00000047}}.st-widget[data-c~=knob] .hw-knob-hit:before{box-shadow:0 2px 0 var(--w-knob), 0 5px 10px #22223b33}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=knob] .hw-knob-hit:before{box-shadow:0 2px 0 color-mix(in srgb, var(--w-knob) 70%, #000), 0 5px 10px #22223b33}}.st-widget[data-c~=knob] .hw-knob:after{background:var(--w-knob)}@supports (color:color-mix(in lab, red, red)){.st-widget[data-c~=knob] .hw-knob:after{background:color-mix(in srgb, var(--w-knob) 28%, #111)}}