@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-400-normal-DKaoCDn5.woff2)format("woff2"),url(/assets/geist-mono-latin-400-normal-BXAprPdR.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-mono-latin-500-normal-C3sF8Y1B.woff2)format("woff2"),url(/assets/geist-mono-latin-500-normal-YfPbDI_o.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-mono-latin-600-normal-BHzjB6_C.woff2)format("woff2"),url(/assets/geist-mono-latin-600-normal-C5fp8g0r.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-mono-latin-700-normal-DMoeyBRY.woff2)format("woff2"),url(/assets/geist-mono-latin-700-normal-CzSaXH83.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#f4f4f4;height:100%;margin:0;padding:0;transition:background .14s linear;overflow:hidden}html:has(.stage.dark){background:#141519}html:has(.stage.dark) body{background:#141519}html:has(.stage.has-cutting-mat){background:#0f7470}html:has(.stage.has-cutting-mat) body{background:#0f7470}#root{width:100%;min-height:100vh;margin:0}.shell-stickers{z-index:0;pointer-events:none;position:absolute;inset:0}.shell-sticker{transform:translate(-50%, -50%) rotate(var(--sticker-rotate,0deg)) scale(var(--sticker-scale,1));transform-origin:50%;pointer-events:none;filter:drop-shadow(0 4px 4px #1e140a38);display:block;position:absolute}.shell-stickers.is-editable .shell-sticker.is-interactive:before{content:"";border-radius:22px;position:absolute;inset:-18px}.shell-stickers.is-editable .shell-sticker.is-interactive{pointer-events:auto;cursor:grab;touch-action:none}.shell-stickers.is-editable .shell-sticker.is-interactive:active{cursor:grabbing}.shell-sticker.is-lifted-source{opacity:.28}.shell-sticker-grab{z-index:4;opacity:0;pointer-events:none;background:radial-gradient(circle at 34% 30%,#ffffffeb,#ffffff52 42%,#14121038 44%),#fffaeedb;border-radius:999px;width:15px;height:15px;transition:opacity .12s,transform .12s;position:absolute;box-shadow:inset 0 0 0 1px #1e18122e,0 3px 6px #18100a3d}.shell-stickers.is-editable .shell-sticker.is-interactive:hover .shell-sticker-grab,.shell-stickers.is-editable .shell-sticker.is-interactive:active .shell-sticker-grab{opacity:.95}.shell-sticker--flat .shell-sticker-grab{top:-9px;right:-9px}.shell-sticker--left .shell-sticker-grab{top:50%;right:-7px;transform:translateY(-50%)}.shell-sticker--right .shell-sticker-grab{top:50%;left:-7px;transform:translateY(-50%)}.shell-sticker--top .shell-sticker-grab{bottom:-7px;left:50%;transform:translate(-50%)}.shell-sticker--bottom .shell-sticker-grab{top:-7px;left:50%;transform:translate(-50%)}.shell-sticker-surface{transform-origin:50%;will-change:transform;display:block}.shell-sticker--left .shell-sticker-surface{transform-origin:8%;filter:brightness(.94);transform:perspective(90px)rotateY(-17deg)skewY(-4deg)}.shell-sticker--right .shell-sticker-surface{transform-origin:92%;filter:brightness(.94);transform:perspective(90px)rotateY(17deg)skewY(4deg)}.shell-sticker--top .shell-sticker-surface{transform-origin:50% 8%;filter:brightness(1.04);transform:perspective(90px)rotateX(15deg)skew(3deg)}.shell-sticker--bottom .shell-sticker-surface{transform-origin:50% 92%;filter:brightness(.9);transform:perspective(90px)rotateX(-15deg)skew(-3deg)}.sticker-art{--sticker-width:76px;--sticker-height:34px;width:var(--sticker-width);height:var(--sticker-height);-webkit-user-select:none;user-select:none;place-items:center;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1;display:inline-grid;position:relative}.sticker-size--tiny{--sticker-width:38px;--sticker-height:38px}.sticker-size--small{--sticker-width:56px;--sticker-height:42px}.sticker-size--medium{--sticker-width:66px;--sticker-height:46px}.sticker-size--wide{--sticker-width:86px;--sticker-height:35px}.sticker-size--tall{--sticker-width:48px;--sticker-height:64px}.sticker-art.is-mini{--sticker-width:54px;--sticker-height:32px;transform:scale(.86)}.sticker-cutline{clip-path:inset(0 round 8px);background:#fffaf0;place-items:center;padding:5px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #28181014,0 2px #ffffffd9}.sticker-ink{width:100%;height:100%;color:var(--sticker-ink);background:linear-gradient(180deg, #ffffff2e, #fff0), var(--sticker-paper);clip-path:inset(0 round 5px);place-items:center;gap:1px;padding:4px 5px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff6b,inset 0 -2px 3px #00000014}.sticker-ink:after{content:"";pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)' opacity='0.35'/%3E%3C/svg%3E");background-size:80px 80px;position:absolute;inset:0}.sticker-kicker,.sticker-title,.sticker-copy{z-index:1;white-space:nowrap;text-transform:uppercase;display:block;position:relative}.sticker-kicker{letter-spacing:.12em;color:var(--sticker-accent);align-self:end;font-size:5px;font-weight:800}.sticker-title{letter-spacing:-.01em;font-size:12px;font-weight:900}.sticker-copy{letter-spacing:.09em;align-self:start;font-size:6px;font-weight:800}.sticker-art--warning .sticker-cutline,.sticker-art--open .sticker-cutline{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.sticker-art--warning .sticker-ink,.sticker-art--open .sticker-ink{clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.sticker-art--warning .sticker-ink{background:linear-gradient(90deg, var(--sticker-accent) 0 28%, transparent 28%), linear-gradient(180deg, #ffffff47, #fff0), var(--sticker-paper);grid-template-columns:1fr}.sticker-art--warning .sticker-title{color:#fff9e8;background:var(--sticker-accent);border-radius:999px;justify-self:end;padding:3px 5px;font-size:8px}.sticker-art--warning .sticker-copy{justify-self:end;padding-right:3px;font-size:9px}.sticker-art--open .sticker-ink{color:var(--sticker-ink);background:linear-gradient(135deg, transparent 0 38%, var(--sticker-accent) 39% 52%, transparent 53%), var(--sticker-paper)}.sticker-art--wordmark .sticker-cutline{clip-path:inset(0 round 6px)}.sticker-art--wordmark .sticker-ink{color:var(--sticker-ink);background:repeating-linear-gradient(90deg, #ef1f2d24 0 3px, transparent 3px 8px), var(--sticker-paper);align-content:center}.sticker-art--wordmark .sticker-title{letter-spacing:-.06em;font-size:16px}.sticker-art--wordmark .sticker-copy{color:var(--sticker-accent);font-size:5px}.sticker-art--arrow .sticker-cutline{clip-path:circle(50%)}.sticker-art--arrow .sticker-ink{clip-path:circle(46%);background:radial-gradient(circle at 33% 24%, #ffffff47, transparent 34%), var(--sticker-paper);border-radius:50%}.sticker-arrow-mark{width:19px;height:19px;position:relative;transform:rotate(-44deg)}.sticker-arrow-mark:before,.sticker-arrow-mark:after{content:"";background:var(--sticker-ink);position:absolute}.sticker-arrow-mark:before{border-radius:999px;width:16px;height:5px;top:8px;left:2px}.sticker-arrow-mark:after{clip-path:polygon(0 0,100% 50%,0 100%);width:11px;height:11px;top:3px;right:1px}.sticker-art--barcode .sticker-cutline{clip-path:inset(0 round 4px)}.sticker-art--barcode .sticker-ink{background:linear-gradient(90deg, transparent 0 76%, var(--sticker-accent) 76% 100%), var(--sticker-paper);justify-items:stretch;gap:2px;padding:4px 6px}.sticker-bars{z-index:1;grid-template-columns:2px 1px 3px 1px 1px 4px 2px 1px 3px 1px 2px 3px;gap:2px;height:12px;display:grid;position:relative}.sticker-bars span{background:var(--sticker-ink);display:block}.sticker-art--barcode .sticker-kicker,.sticker-art--barcode .sticker-copy{justify-self:start}.sticker-art--burst .sticker-cutline{clip-path:polygon(50% 0,62% 22%,88% 12%,78% 38%,100% 50%,78% 62%,88% 88%,62% 78%,50% 100%,38% 78%,12% 88%,22% 62%,0 50%,22% 38%,12% 12%,38% 22%)}.sticker-art--burst .sticker-ink{clip-path:polygon(50% 0,62% 22%,88% 12%,78% 38%,100% 50%,78% 62%,88% 88%,62% 78%,50% 100%,38% 78%,12% 88%,22% 62%,0 50%,22% 38%,12% 12%,38% 22%);color:var(--sticker-ink);background:radial-gradient(circle at 50% 50%, var(--sticker-paper) 0 46%, var(--sticker-accent) 48%)}.sticker-art--burst .sticker-title{color:var(--sticker-alt);font-size:13px;transform:rotate(-12deg)}.sticker-art--burst .sticker-copy{color:var(--sticker-ink);transform:rotate(-12deg)}.sticker-art--rating .sticker-cutline,.sticker-art--rating .sticker-ink{clip-path:polygon(0 8%,100% 0,94% 100%,7% 91%)}.sticker-art--rating .sticker-title{color:var(--sticker-accent);font-size:7px}.sticker-art--rating .sticker-copy{font-size:18px}.sticker-art--hot .sticker-cutline{clip-path:polygon(6% 0,100% 9%,94% 100%,0 91%)}.sticker-art--hot .sticker-ink{clip-path:polygon(6% 0,100% 9%,94% 100%,0 91%);background:linear-gradient(90deg, transparent 0 70%, var(--sticker-accent) 70% 100%), var(--sticker-paper)}.sticker-art--hot .sticker-title{font-size:6px}.sticker-art--hot .sticker-copy{color:var(--sticker-accent);font-size:14px}.sticker-art--image .sticker-cutline,.sticker-art--image .sticker-ink{clip-path:none;box-shadow:none;background:0 0;padding:0;overflow:visible}.sticker-art--image .sticker-ink:after{display:none}.sticker-image{z-index:1;object-fit:contain;-webkit-user-drag:none;filter:drop-shadow(2px 0 #fffaf0)drop-shadow(-2px 0 #fffaf0)drop-shadow(0 2px #fffaf0)drop-shadow(0 -2px #fffaf0)drop-shadow(1px 1px #fffaf0)drop-shadow(-1px 1px #fffaf0)drop-shadow(0 3px 2px #1e140a47);max-width:100%;max-height:100%;display:block;position:relative}.shell-sticker-bottom-wraps{z-index:3;pointer-events:none;clip-path:inset(calc(100% - 4px) 0 -16px);position:absolute;inset:0;overflow:visible}.shell-sticker-bottom-wrap{transform:translate(-50%, -50%) rotate(var(--sticker-rotate,0deg)) scale(var(--sticker-scale,1));transform-origin:50%;opacity:.82;display:block;position:absolute}.shell-sticker-bottom-wrap.is-lifted-source{opacity:.22}.shell-sticker-bottom-surface{transform-origin:50% 100%;display:block;position:relative;transform:perspective(120px)rotateX(-16deg)translateY(1px)}.shell-sticker-bottom-wrap .sticker-image{filter:drop-shadow(2px 0 #fffaf0)drop-shadow(-2px 0 #fffaf0)drop-shadow(0 2px #fffaf0)drop-shadow(0 -2px #fffaf0)drop-shadow(1px 1px #fffaf0)drop-shadow(-1px 1px #fffaf0)}.sticker-drag-layer{z-index:80;pointer-events:none;transform:translate(-50%, -50%) rotate(calc(var(--sticker-rotate,0deg) + var(--sticker-tilt,0deg) * .14)) scale(1.08);filter:drop-shadow(0 14px 14px #1e140a52);position:fixed;top:0;left:0}.sticker-drag-layer .shell-sticker-surface{transform:perspective(140px)rotateX(7deg)}.case-decals{pointer-events:none;position:absolute;inset:0}.cd-print{z-index:0;pointer-events:none;position:absolute;inset:0}.cd-pattern{position:absolute;inset:0}.cd-pattern--dots{opacity:.6;background-image:radial-gradient(var(--legend-ink) .9px, transparent 1.1px);background-size:9px 9px}.cd-pattern--grid{opacity:.5;background-image:linear-gradient(var(--legend-ink) .5px, transparent .5px), linear-gradient(90deg, var(--legend-ink) .5px, transparent .5px);background-size:12px 12px}.cd-pattern--stripes{opacity:.14;background-image:repeating-linear-gradient(-45deg, var(--accent) 0 7px, transparent 7px 14px)}.cd-pattern--stars{opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M11 3 L12.3 9.7 L19 11 L12.3 12.3 L11 19 L9.7 12.3 L3 11 L9.7 9.7 Z' fill='%23ffffff'/%3E%3C/svg%3E");background-size:22px 22px}.cd-pattern--noise{opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='cn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23cn)'/%3E%3C/svg%3E");background-size:120px 120px}.cd-watermark{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--legend-ink);opacity:.55;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:52px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-19deg)}.cd-sticker{z-index:0;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border-radius:2px;padding:3px 5px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:6.5px;font-weight:600;line-height:1;position:absolute;bottom:6px;box-shadow:0 1px 2px #00000052,inset 0 0 0 1px #0000001a}.cd-label{color:#20201d;border-left:3px solid var(--accent);background:#f3f0e6;left:16px;transform:rotate(-3.5deg)}.cd-badge{color:#f3f0e6;letter-spacing:.12em;background:#1b1b1f;right:15px;transform:rotate(3deg)}.hardware-innards{z-index:0;pointer-events:none;opacity:var(--innards-opacity,.78);filter:saturate(.95)contrast(.92)blur(.18px);position:absolute;inset:9px 8px 10px}.hardware-innards:after{content:"";z-index:10;background:radial-gradient(120% 55% at 24% 0%, #ffffff5c, transparent 58%), linear-gradient(180deg, var(--innards-shell-tint,#c8bfe899), #ffffff1f);mix-blend-mode:screen;opacity:var(--innards-veil-opacity,.74);border-radius:30px;position:absolute;inset:-12px}.hi-board{background:radial-gradient(82% 36% at 50% 6%, #ffffff1f, transparent 64%), linear-gradient(180deg, color-mix(in srgb, var(--innards-board,#16301b) 86%, #fff), var(--innards-board,#16301b) 62%, color-mix(in srgb, var(--innards-board,#16301b) 76%, #000));border-radius:24px;position:absolute;inset:2px;overflow:hidden;box-shadow:inset 0 0 0 1px #d6ffda1a,inset 0 14px 28px #ffffff0d,inset 0 -22px 36px #00000052}.hi-board:before{content:"";z-index:0;background-image:linear-gradient(var(--innards-board-ink,#ceffd314) .7px, transparent .7px), linear-gradient(90deg, var(--innards-board-ink,#ceffd314) .7px, transparent .7px), radial-gradient(color-mix(in srgb, var(--innards-trace,#d6a34a) 50%, transparent) 1px, transparent 1.4px);opacity:.78;background-size:19px 19px,19px 19px,17px 17px;position:absolute;inset:0}.hi-board:after{content:"";z-index:9;background:linear-gradient(90deg,#ffffff0f,#0000 18% 82%,#0000002e),radial-gradient(80% 40% at 50% 100%,#0003,#0000 64%);position:absolute;inset:0}.hi-traces{z-index:1;width:100%;height:100%;position:absolute;inset:0}.hi-trace{fill:none;stroke:var(--innards-trace,#d6a34a);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.66;vector-effect:non-scaling-stroke}.hi-trace--main{stroke-width:4px;opacity:.78}.hi-trace--thin{stroke-width:2px;opacity:.5}.hi-trace--signal{stroke:color-mix(in srgb, var(--innards-solder,#d5eadb) 78%, var(--innards-trace,#d6a34a));stroke-dasharray:7 6;opacity:.52}.hi-node{fill:color-mix(in srgb, var(--innards-trace,#d6a34a) 84%, #fff);stroke:#00000052;stroke-width:1.5px;vector-effect:non-scaling-stroke}.hi-ribbon,.hi-port,.hi-chip,.hi-battery,.hi-coil,.hi-crystal,.hi-cap,.hi-socket,.hi-via,.hi-led{z-index:2;display:block;position:absolute}.hi-ribbon{opacity:.7;background:linear-gradient(#ffffff38,#fff0),repeating-linear-gradient(90deg,#dea0419e 0 4px,#341f0e2e 4px 8px);border-radius:8px;width:63%;height:54px;top:8.5%;left:18%;transform:rotate(-1.4deg);box-shadow:inset 0 0 0 1px #5f320c3d,0 6px 16px #0000002e}.hi-port{background:linear-gradient(90deg,#111217,#2d3037 62%,#0d0e11);border-radius:8px 0 0 8px;width:17px;height:48px;top:25.8%;right:-2px;box-shadow:inset 2px 0 3px #ffffff29,0 0 0 1px #00000061}.hi-chip{background:linear-gradient(180deg, #ffffff21, transparent 38%), var(--innards-chip,#1f2030);border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px #00000047}.hi-chip:before,.hi-chip:after{content:"";background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--innards-solder,#d5eadb) 82%, #9a8a68) 0 3px, transparent 3px 8px);opacity:.62;height:4px;position:absolute;left:6px;right:6px}.hi-chip:before{top:-4px}.hi-chip:after{bottom:-4px}.hi-chip>span{color:#e6efe794;letter-spacing:.14em;place-items:center;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:700;display:grid;position:absolute;inset:0}.hi-chip--driver{width:38%;height:25px;top:25.5%;left:30%}.hi-chip--mcu{width:31%;height:42px;top:32.5%;left:10%}.hi-chip--mux{width:22%;height:35px;top:33%;right:10%}.hi-battery{background:linear-gradient(90deg,#ffffff29,#0000 24%),linear-gradient(#30333a,#17181c);border-radius:10px;width:34%;height:36px;bottom:3.2%;left:8%;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px #00000040}.hi-battery:after{content:"";background:#202228;border-radius:0 3px 3px 0;width:5px;height:14px;position:absolute;top:11px;right:-5px}.hi-battery>span{color:#f0f4ee7a;letter-spacing:.16em;text-transform:uppercase;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:700;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.hi-coil{background:radial-gradient(circle, #0f1610eb 0 19%, transparent 20%), repeating-radial-gradient(circle, transparent 0 5px, color-mix(in srgb, var(--innards-trace,#d6a34a) 82%, #3b2108) 5px 6px);border-radius:50%;width:40px;height:40px;bottom:4.3%;right:14%;box-shadow:inset 0 0 0 1px #e6b85c33,0 6px 14px #0003}.hi-crystal{opacity:.76;background:linear-gradient(#d2d4cd,#7f8584);border-radius:8px;width:34px;height:16px;bottom:5%;right:33%;box-shadow:inset 0 1px 1px #ffffff61,0 5px 11px #0003}.hi-crystal>span{color:#1d2022a3;place-items:center;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:6px;font-weight:700;display:grid;position:absolute;inset:0}.hi-cap{opacity:.72;background:linear-gradient(90deg,#2d2f37,#777f83 48%,#25272d);border-radius:5px;width:10px;height:20px;box-shadow:0 4px 8px #0003}.hi-cap--a{top:28%;left:18%;transform:rotate(9deg)}.hi-cap--b{top:28.8%;right:21%;transform:rotate(-8deg)}.hi-cap--c{bottom:14%;right:8%;transform:rotate(4deg)}.hi-socket{border:1px solid color-mix(in srgb, var(--innards-trace,#d6a34a) 76%, transparent);background:radial-gradient(circle at 50% 48%, #09110bb3 0 16%, transparent 17%), radial-gradient(circle at 30% 28%, color-mix(in srgb, var(--innards-solder,#d5eadb) 58%, transparent) 0 3px, transparent 3.6px), radial-gradient(circle at 70% 28%, color-mix(in srgb, var(--innards-solder,#d5eadb) 58%, transparent) 0 3px, transparent 3.6px), radial-gradient(circle at 30% 72%, color-mix(in srgb, var(--innards-solder,#d5eadb) 58%, transparent) 0 3px, transparent 3.6px), radial-gradient(circle at 70% 72%, color-mix(in srgb, var(--innards-solder,#d5eadb) 58%, transparent) 0 3px, transparent 3.6px), linear-gradient(180deg, #ffffff0f, #0000001a);width:24%;height:14.6%;box-shadow:inset 0 0 0 5px #00000014, inset 0 0 0 9px color-mix(in srgb, var(--innards-board,#16301b) 82%, #000), 0 8px 18px #00000024;opacity:.78;border-radius:15px;transform:translate(-50%,-50%)}.hi-socket:before,.hi-socket:after,.hi-socket>span:before,.hi-socket>span:after{content:"";background:#090d0abd;border-radius:3px;width:24%;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hi-socket:after{transform:translate(-50%,-50%)rotate(90deg)}.hi-socket>span:before{background:color-mix(in srgb, var(--innards-trace,#d6a34a) 52%, transparent);width:54%;height:1px}.hi-socket>span:after{background:color-mix(in srgb, var(--innards-trace,#d6a34a) 52%, transparent);width:1px;height:54%}.hi-socket--1{top:44.5%;left:17%}.hi-socket--2{top:44.5%;left:50%}.hi-socket--3{top:44.5%;left:83%}.hi-socket--4{top:63.5%;left:17%}.hi-socket--5{top:63.5%;left:50%}.hi-socket--6{top:63.5%;left:83%}.hi-socket--7{top:82.5%;left:17%}.hi-socket--8{top:82.5%;left:50%}.hi-socket--9{top:82.5%;left:83%}.hi-via{background:radial-gradient(circle, #131e14eb 0 34%, transparent 35%), color-mix(in srgb, var(--innards-trace,#d6a34a) 74%, #fff);opacity:.74;border-radius:50%;width:7px;height:7px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000038}.hi-led{border-radius:50%;width:7px;height:7px;transform:translate(-50%,-50%);box-shadow:0 0 8px,inset 0 1px 1px #fff9}.hi-led--rx{color:#48ec87a8;background:#47e07b}.hi-led--tx{color:#ff7e3094;background:#ff8736}.key{aspect-ratio:1/1.08;border-radius:15px;position:relative;container-type:size}.key:after{content:"";z-index:0;border-radius:13px;position:absolute;inset:6px 4px 0;box-shadow:0 4px 7px #0000001f}.keycap{z-index:1;border-radius:var(--key-radius,16px);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;will-change:transform;backface-visibility:hidden;--b-top:6cqmin;--b-side:11cqmin;--b-bottom:15cqmin;--b-edge:2cqmin;width:100%;height:100%;box-shadow:0 calc(13px * var(--key-shadow-strength,1)) calc(16px * var(--key-shadow-strength,1)) -8px #0006, 0 3px 5px #00000029;background:0 0;border:none;outline:none;margin:0;padding:0;transition:box-shadow .13s;display:block;position:relative}.keycap:before{content:"";border-style:solid;border-width:var(--b-top) var(--b-side) var(--b-bottom);border-color:color-mix(in srgb, var(--cap-color,#f4f4f4) 80%, #fff) color-mix(in srgb, var(--cap-color,#f4f4f4) 86%, #000) color-mix(in srgb, var(--cap-color,#f4f4f4) 58%, #000);background:color-mix(in srgb, var(--cap-color,#f4f4f4) 84%, #000);z-index:0;border-radius:8px;position:absolute;inset:0}.keycap:after{content:"";pointer-events:none;border-radius:16px;position:absolute;inset:0}.cap-face{inset:calc(var(--b-top) - var(--b-edge)) var(--b-side) var(--b-bottom);border:var(--b-edge) solid color-mix(in srgb, var(--cap-color,#f4f4f4) 60%, #fff);background-color:color-mix(in srgb, var(--cap-color,#f4f4f4) 97%, #fff);color:inherit;z-index:1;background-image:radial-gradient(135% 112% at 50% -8%,#ffffff80,#fff0 60%),linear-gradient(#ffffff24 0%,#0000 58%,#00000014 100%);border-bottom:none;border-radius:7px 7px 6px 6px;place-items:center;display:grid;position:absolute;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -5px 8px #0000001a}.keycap.is-pressed{box-shadow:0 6px 8px -5px #00000057,0 2px 3px #00000026}.numpad-body[data-shape=rounded] .keycap{--b-bottom:13cqmin;border-radius:26px}.numpad-body[data-shape=rounded] .keycap:before{border-radius:17px}.numpad-body[data-shape=rounded] .cap-face{border-radius:15px}.numpad-body[data-shape=rounded] .key{border-radius:24px}.numpad-body[data-shape=chiclet] .keycap{--b-top:3cqmin;--b-side:4cqmin;--b-bottom:5cqmin;--b-edge:1.2cqmin;border-radius:11px}.numpad-body[data-shape=chiclet] .keycap:before,.numpad-body[data-shape=chiclet] .cap-face{border-radius:9px}.numpad-body[data-shape=chiclet] .key{aspect-ratio:1/.94;border-radius:11px}.numpad-body[data-shape=toy] .keycap{--b-top:7cqmin;--b-side:13cqmin;--b-bottom:18cqmin;--b-edge:2.4cqmin;border-radius:32px}.numpad-body[data-shape=toy] .keycap:before{border-radius:20px}.numpad-body[data-shape=toy] .cap-face{border-radius:19px}.numpad-body[data-shape=toy] .key{aspect-ratio:1/1.12;border-radius:30px}.numpad-body[data-shape=industrial] .keycap{--b-top:5cqmin;--b-side:10cqmin;--b-bottom:16cqmin;--b-edge:1.6cqmin;border-radius:5px}.numpad-body[data-shape=industrial] .keycap:before,.numpad-body[data-shape=industrial] .cap-face{border-radius:3px}.numpad-body[data-shape=industrial] .key{border-radius:5px}.numpad-body[data-shape=calculator] .keycap{--b-top:4cqmin;--b-side:7cqmin;--b-bottom:9cqmin;--b-edge:1.4cqmin;border-radius:9px}.numpad-body[data-shape=calculator] .keycap:before,.numpad-body[data-shape=calculator] .cap-face{border-radius:7px}.numpad-body[data-shape=calculator] .key{aspect-ratio:1/.82;border-radius:9px}.cap-number{line-height:.9;font-family:var(--cap-font-family,"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;justify-content:center;align-items:center;display:inline-flex}.cap-toplabel{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;opacity:.32;pointer-events:none;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11cqmin;font-weight:600;line-height:1;position:absolute;top:5cqmin;right:6cqmin}.cap-digit{font-family:var(--cap-font-family,"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0;font-size:42cqmin;font-weight:600}.cap-digit .slot-text,.cap-digit .char-slot,.cap-digit .char-face{font-family:var(--cap-font-family,"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.cap-emoji{filter:drop-shadow(0 1px 1px #00000026);font-size:46cqmin;line-height:1}.cap-image{pointer-events:none;-webkit-user-select:none;user-select:none;object-fit:contain;filter:drop-shadow(0 1px 1px #0000001f);width:58cqmin;height:auto;max-height:58cqmin}.cap-svg{width:54cqmin;max-height:54cqmin}.cap-icon{width:54cqmin;height:54cqmin;color:inherit;-webkit-mask:var(--cap-icon-url) center / contain no-repeat;mask:var(--cap-icon-url) center / contain no-repeat;-webkit-mask:var(--cap-icon-url) center / contain no-repeat;filter:drop-shadow(0 1px 1px #0000001f);background:currentColor;display:block}.cap-text{letter-spacing:0;font-family:inherit;font-size:26cqmin;font-weight:700}.cap-caption{text-align:center;letter-spacing:.18em;color:inherit;opacity:.42;pointer-events:none;font-family:inherit;font-size:13cqmin;position:absolute;bottom:8px;left:0;right:0}.keycap.is-selected .cap-face{border-color:color-mix(in srgb, var(--accent,#1f6fe5) 82%, #fff);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent,#1f6fe5) 62%, transparent), inset 0 1px 1px #ffffff80, inset 0 -5px 8px #0000001a, 0 0 9px color-mix(in srgb, var(--accent,#1f6fe5) 48%, transparent)}.keycap.is-selected:before{border-top-color:color-mix(in srgb, var(--cap-color,#f4f4f4) 60%, var(--accent,#1f6fe5))}.keycap.is-artisan .cap-face{background-color:color-mix(in srgb, var(--cap-color,#f4f4f4) 96%, #fff);background-image:radial-gradient(90% 60% at 38% 10%,#ffffffb8,#fff0 50%),radial-gradient(120% 120% at 70% 112%,#0000004d,#0000 60%),linear-gradient(#fff3,#00000029);box-shadow:inset 0 2px 4px #ffffff80,inset 0 -7px 12px #0000004d}.key.is-exposed:after{background:radial-gradient(70% 70% at 50% 38%,#00000038,#0000 72%);border-radius:16px;inset:7px 5px 2px;box-shadow:inset 0 3px 7px #00000052}.numpad-body.has-exposed-theme .key.is-exposed:after{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--innards-solder,#d9efdf) 52%, transparent) 0 4px, transparent 4.5px), radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--innards-solder,#d9efdf) 52%, transparent) 0 4px, transparent 4.5px), radial-gradient(circle at 30% 70%, color-mix(in srgb, var(--innards-solder,#d9efdf) 52%, transparent) 0 4px, transparent 4.5px), radial-gradient(circle at 70% 70%, color-mix(in srgb, var(--innards-solder,#d9efdf) 52%, transparent) 0 4px, transparent 4.5px), linear-gradient(180deg, color-mix(in srgb, var(--innards-board,#123f2d) 82%, #fff), color-mix(in srgb, var(--innards-board,#123f2d) 84%, #000));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--innards-trace,#dfa544) 62%, transparent), inset 0 0 0 7px #00000014, 0 5px 11px #0000002e;border-radius:12px;inset:8px 6px 3px}.key.is-exposed.is-selected:after{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent,#1f6fe5) 72%, transparent), inset 0 3px 7px #00000052, 0 0 12px color-mix(in srgb, var(--accent,#1f6fe5) 42%, transparent)}.switch{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;display:block;position:relative}.switch-housing{background:linear-gradient(#303238 0%,#1a1b1f 70%,#101114 100%);border-radius:5px;place-items:center;display:grid;position:absolute;inset:16%;box-shadow:inset 0 2px 3px #000c,inset 0 -1px #ffffff0f,0 1px #ffffff29,0 4px 8px -3px #00000080}.key.is-exposed.is-selected .switch-housing{box-shadow:inset 0 2px 3px #000c, inset 0 -1px 0 #ffffff14, 0 0 0 1.5px color-mix(in srgb, var(--accent,#1f6fe5) 78%, #fff), 0 0 13px color-mix(in srgb, var(--accent,#1f6fe5) 44%, transparent), 0 4px 8px -3px #00000080}.switch-pin{background:linear-gradient(#e8eaef,#9aa0ab);border-radius:2px;width:8%;height:14%;position:absolute;top:16%;box-shadow:0 1px 1px #0009}.switch-pin-a{left:24%}.switch-pin-b{right:24%}.switch-stem{aspect-ratio:1;background:linear-gradient(180deg, color-mix(in srgb, var(--switch-stem,#a585ff) 64%, #fff) 0%, var(--switch-stem,#7d4ce0) 55%, color-mix(in srgb, var(--switch-stem,#5f33bd) 72%, #000) 100%);clip-path:polygon(38% 0,62% 0,62% 38%,100% 38%,100% 62%,62% 62%,62% 100%,38% 100%,38% 62%,0 62%,0 38%,38% 38%);filter:drop-shadow(0 1px 1px #00000073);width:44%;box-shadow:inset 0 2px 1px #ffffff73}.link-button-mount{z-index:0;transition:transform .24s;position:absolute;top:87px;right:0;transform:translate(56%,-50%)}.link-button-mount.is-ready{transform:translate(74%,-50%)}.link-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ff6b5e,#e23b2e);border:none;border-radius:8px;outline:none;place-items:center;width:28px;height:46px;margin:0;padding:0;transition:filter .2s,opacity .2s;display:grid;box-shadow:inset 0 2px #ffffff73,inset 0 -4px 6px #00000047,0 6px 10px -3px #00000059}.link-button.is-disabled{cursor:default;filter:saturate(.5)brightness(.92);opacity:.6}.link-button-icon{color:#fffffff2;text-shadow:0 1px 1px #0000004d;font-size:16px;font-weight:700;line-height:1}.micro-legend{z-index:0;pointer-events:none;position:absolute;inset:0}.ml{letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--legend-ink);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:6.5px;font-weight:500;line-height:1;position:absolute}.ml-dim{opacity:.62}.ml-mark,.ml-sep{opacity:.7;margin:0 .25em}.ml-circ{letter-spacing:0;vertical-align:-.06em;opacity:.85;margin-right:.15em;font-size:8px}.ml-edge-left{transform-origin:0 100%;letter-spacing:.26em;bottom:19px;left:5.5px;transform:rotate(-90deg)}.ml-edge-right{transform-origin:100% 100%;letter-spacing:.26em;bottom:19px;right:5.5px;transform:rotate(90deg)}.ml-bottom{letter-spacing:.16em;align-items:center;display:flex;bottom:6px;left:50%;transform:translate(-50%)}.slot-text{white-space:pre;display:inline-flex}.char-slot{vertical-align:bottom;flex:none;justify-content:center;line-height:1.3;display:inline-flex;position:relative;overflow:visible clip}.char-slot.is-resizing{overflow-x:clip}.char-sizer{visibility:hidden;white-space:pre}.char-face{white-space:pre;will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pixel-face{filter:drop-shadow(0 0 3px #e9e7dc80)drop-shadow(0 0 8px #54e07a29);shape-rendering:crispedges;transform-origin:50%;width:18px;height:18px;display:block;overflow:visible}.pixel-face-halo{fill:currentColor;opacity:.14}.pixel-face-feature{fill:currentColor}.pixel-face-cheeks{fill:#f08a9b;filter:drop-shadow(0 0 3px #f08a9b73)}.pixel-face-spark{fill:#f08a9b;transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 4px #f08a9bb8)}.screen-shell{position:relative}.screen-mount{display:none}.screen{z-index:1;background:#0a0b0a;border-radius:22px 22px 16px 16px;padding:17px 19px 14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #000000e6,inset 0 0 0 1px #ffffff0a,inset 0 -20px 40px #0009}.numpad-body[data-hardware=translucent-pcb] .screen-shell{margin-top:-4px;isolation:isolate;margin-inline:2px}.numpad-body[data-hardware=translucent-pcb] .screen{background:radial-gradient(95% 120% at 50% 4%,#ffffff0e,#0000 36%),linear-gradient(#030504 0%,#080a09 56%,#020303 100%);border:1px solid #ffffff21;border-radius:20px 20px 16px 16px;box-shadow:0 0 0 4px #040507b8,0 0 0 5px #ffffff1f,0 10px 18px #140c2047,inset 0 2px 7px #000000f2,inset 0 0 0 1px #ffffff0b,inset 0 -22px 42px #000000ad}.numpad-body[data-hardware=translucent-pcb] .screen-mount{z-index:0;pointer-events:none;opacity:.88;background:linear-gradient(90deg,#0000 10%,#ffffff57 14%,#0000 20% 80%,#ffffff4d 86%,#0000 91%),linear-gradient(#ffffff57,#ffffff12 36%,#00000021 100%);border-radius:25px 25px 19px 19px;display:block;position:absolute;inset:-13px -9px -15px;box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 -1px #00000029,0 7px 18px #3421522e}.numpad-body[data-hardware=translucent-pcb] .screen-mount:before,.numpad-body[data-hardware=translucent-pcb] .screen-mount:after{content:"";background:linear-gradient(90deg,#0000,#ffffff57 18%,#14121c57 50%,#ffffff3d 82%,#0000);border-radius:999px;height:5px;position:absolute;left:18px;right:18px}.numpad-body[data-hardware=translucent-pcb] .screen-mount:before{top:5px}.numpad-body[data-hardware=translucent-pcb] .screen-mount:after{opacity:.58;bottom:6px}.screen-mount-screw,.screen-mount-ribbon,.screen-mount-tab{display:block;position:absolute}.numpad-body[data-hardware=translucent-pcb] .screen-mount-screw{background:radial-gradient(circle at 38% 34%,#ffffffdb,#fff3 32%,#0000 34%),radial-gradient(circle,#23202a61,#23202a24 64%,#0000 67%);border-radius:50%;width:8px;height:8px;top:8px;box-shadow:inset 0 0 0 1px #0003,0 0 0 1px #ffffff42}.numpad-body[data-hardware=translucent-pcb] .screen-mount-screw--tl{left:14px}.numpad-body[data-hardware=translucent-pcb] .screen-mount-screw--tr{right:14px}.numpad-body[data-hardware=translucent-pcb] .screen-mount-ribbon{opacity:.76;background:linear-gradient(#5976a49e,#5976a442 42%,#0000 43%),repeating-linear-gradient(90deg,#d6a14c94 0 3px,#44281033 3px 6px);border-radius:2px 2px 5px 5px;height:13px;top:-7px;left:30%;right:28%;box-shadow:inset 0 -1px #ffffff42,0 2px 8px #00000029}.numpad-body[data-hardware=translucent-pcb] .screen-mount-tab{background:linear-gradient(#ffffff52,#0000 35%),#14111a2e;border-radius:4px;width:11px;height:35px;top:42%;box-shadow:inset 0 0 0 1px #ffffff2e}.numpad-body[data-hardware=translucent-pcb] .screen-mount-tab--left{left:-5px}.numpad-body[data-hardware=translucent-pcb] .screen-mount-tab--right{right:-5px}.screen-glass{z-index:1;color:#e9e7dc;text-shadow:.5px 0 1px #ff464652,-.5px 0 1px #4696ff52,0 0 5px #e9e7dc66;flex-direction:column;min-height:108px;font-family:inherit;animation:5s infinite crt-flicker;display:flex;position:relative}@keyframes crt-flicker{0%,to{opacity:1}3%{opacity:.95}6%{opacity:1}47%{opacity:1}48%{opacity:.92}50%{opacity:1}77%{opacity:.97}78%{opacity:1}}.screen-boot{z-index:2;letter-spacing:.14em;color:var(--screen-phosphor,#54e07a);text-shadow:0 0 6px var(--screen-phosphor-glow,#54e07a99);white-space:pre;pointer-events:none;font-family:inherit;font-size:16px;line-height:1.2;position:absolute;top:0;left:0;right:0;overflow:hidden}.screen-boot.is-patch{color:#ff8a3d;text-shadow:0 0 6px #ff7a1f99}.screen-boot-row{opacity:.85}.screen-kicker{letter-spacing:.28em;color:var(--screen-phosphor,#54e07a);text-shadow:0 0 6px var(--screen-phosphor-glow,#54e07a99);opacity:.9;margin-bottom:3px;font-family:Geist Mono,ui-monospace,monospace;font-size:9px}.screen-title{letter-spacing:.04em;text-transform:uppercase;word-break:break-word;font-size:21px;line-height:1.18}.screen-desc{letter-spacing:.06em;opacity:.78;min-height:1.25em;margin-top:5px;font-size:12px;line-height:1.25}.screen-desc .slot-text{flex-wrap:wrap}.screen-rule{opacity:.6;letter-spacing:.1em;margin-top:auto;font-size:15px;line-height:1}.screen-footer{letter-spacing:.12em;justify-content:space-between;align-items:center;margin-top:7px;font-size:13px;display:flex}.screen-slot{opacity:.85}.screen-footer-right{align-items:center;gap:8px;min-width:0;display:flex}.screen-url{letter-spacing:.02em;text-transform:lowercase;opacity:.55;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-family:inherit;font-size:13px;line-height:1;overflow:hidden}.screen-indicator{color:var(--screen-phosphor,#54e07a);text-shadow:0 0 6px var(--screen-phosphor-glow,#54e07a99);font-size:13px;line-height:1}.screen-scanlines{z-index:2;pointer-events:none;mix-blend-mode:multiply;opacity:.6;background:repeating-linear-gradient(#0000 0 2px,#00000047 3px);position:absolute;inset:0}.screen:before{content:"";z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(118% 128% at 50% 48%,#0000 56%,#0000006b 100%);position:absolute;inset:0;box-shadow:inset 0 0 28px #0000008c}.screen:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#fff0,#c8ffd70d,#fff0);height:45px;animation:7s linear infinite crt-sweep;position:absolute;top:-45px;left:0;right:0}@keyframes crt-sweep{0%{transform:translateY(0)}to{transform:translateY(230px)}}@media (prefers-reduced-motion:reduce){.screen-glass{animation:none}.screen:after{animation:none;display:none}}.scroll-wheel{cursor:ns-resize;touch-action:none;background:linear-gradient(90deg,#b8b3a6 0%,#f0ebe1 48%,#e4dfd4 56%,#b3aea1 100%);border-radius:7px;outline:none;width:26px;height:60px;position:relative;overflow:hidden;box-shadow:inset 0 2px 2px #fff9,inset 0 -3px 5px #0003,0 6px 11px -3px #0006}.scroll-wheel-ridges{background-image:repeating-linear-gradient(#00000052 0,#0000000d 1px,#ffffff8c 3px,#0000000d 5px,#00000052 6px);background-size:100% 8px;position:absolute;inset:0}.scroll-wheel-shade{pointer-events:none;background:linear-gradient(#00000080 0%,#0000 24% 76%,#00000080 100%);position:absolute;inset:0}.side-knobs{z-index:0;flex-direction:column;align-items:center;gap:24px;display:flex;position:absolute;top:26%;left:0;transform:translate(-58%)}.side-switch{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#4c8dff,#2f6fe6);border:none;border-radius:8px;outline:none;place-items:center;width:28px;height:44px;margin:0;padding:0;transition:background .12s linear,box-shadow .14s ease-out;display:grid;position:relative;box-shadow:inset 0 2px #ffffff73,inset 0 -4px 6px #00000040,0 6px 10px -3px #00000059}.side-switch.is-on{background:linear-gradient(#fff,#e9e6dd);box-shadow:inset 0 2px #ffffffe6,inset 0 -4px 6px #00000024,0 5px 9px -3px #0006}.side-switch-label{color:#fffffff2;text-shadow:0 1px 1px #0000004d;pointer-events:none;font-family:inherit;font-size:15px;font-weight:600;line-height:1}.side-switch.is-on .side-switch-label{color:#2a2c3a;text-shadow:none}.numpad{will-change:transform;backface-visibility:hidden;width:min(306px,90vw);position:relative}@media (width<=430px){.numpad{width:min(300px,86vw)}}@media (height<=680px){.numpad{width:min(270px,86vw)}}.numpad-body{--key-bg:#f4f4f4;--key-text:#1c1b1a;--legend-ink:#4a382680;--pad-edge:#ddd4c2;box-shadow:inset 0 2px 0 #ffffffb3, inset 0 -3px 6px #5a46321f, inset 0 0 0 1px #785f461f, var(--pad-extrude), 0 36px 60px -18px #3c2d1e80, 0 18px 30px -12px #3c2d1e52;--pad-extrude:0 2px 0 color-mix(in srgb, var(--pad-edge) 88%, #fff), 0 10px 0 color-mix(in srgb, var(--pad-edge) 96%, #000), 0 18px 0 color-mix(in srgb, var(--pad-edge) 78%, #000);background:linear-gradient(#f7f4ec 0%,#efe9dd 60%,#e9e2d3 100%);border-radius:28px;padding:20px 11px 24px;transition:background .14s linear,box-shadow .16s ease-out;position:relative;overflow:hidden}.numpad-body:before{content:"";z-index:0;pointer-events:none;background-image:var(--case-pattern,none);background-size:var(--case-pattern-size,14px 14px);opacity:var(--case-pattern-opacity,1);position:absolute;inset:0}.numpad-body.is-dark{--key-bg:#2a2c31;--key-text:#f4f4f4;--legend-ink:#eee8dc5c;--pad-edge:#1e1e22;box-shadow:inset 0 2px 0 #ffffff1f, inset 0 -3px 6px #0000002e, inset 0 0 0 1px #0006, var(--pad-extrude), 0 36px 60px -18px #000000a8, 0 18px 30px -12px #00000080;background:linear-gradient(#34343a 0%,#26262b 60%,#1d1d21 100%)}.numpad-body.has-innards{--pad-edge:#cdc6d6;box-shadow:inset 0 2px 0 #ffffffad, inset 0 -12px 28px #4e398033, inset 0 0 0 1px #5c4a963d, var(--pad-extrude), 0 36px 60px -18px #3c2d5585, 0 18px 30px -12px #3c2d5561}.numpad-body[data-hardware=pcb]{--pad-edge:#16241b;box-shadow:inset 0 2px 0 #ffffff2e, inset 0 -14px 30px #00000047, inset 0 0 0 1px #d3f6da29, var(--pad-extrude), 0 36px 60px -18px #0f241899, 0 18px 30px -12px #0f241870}.numpad-body.has-innards .micro-legend,.numpad-body.has-innards .case-decals{z-index:1}.numpad-body.has-innards .screen-shell,.numpad-body.has-innards .numpad-status,.numpad-body.has-innards .numpad-grid{z-index:2;position:relative}.numpad-status{z-index:1;justify-content:space-between;align-items:center;padding:8px 5px 4px;display:flex;position:relative}.ml-maker{letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--legend-ink);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px;font-weight:500;line-height:1}.ml-maker-dim{opacity:.6}.jack-hint{letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--legend-ink);opacity:.85;align-items:center;gap:4px;margin-left:auto;margin-right:7px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px;font-weight:500;line-height:1;transition:color .3s,opacity .3s;display:inline-flex}.jack-hint.is-near{color:#ff7a1f;opacity:1}.jack-hint-arrow{animation:1.2s ease-in-out infinite jack-hint-nudge}@keyframes jack-hint-nudge{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.jack-hint-arrow{animation:none}}.numpad-led{opacity:.45;background:radial-gradient(circle at 35% 30%,#6fae82,#2f7a48 60%,#1c5230);border-radius:50%;width:8px;height:8px;transition:opacity .3s,box-shadow .3s,background .3s;box-shadow:inset 0 1px 1px #fff6}.numpad-led.is-hot{opacity:1;filter:drop-shadow(var(--led-glow,0 0 0 transparent));background:radial-gradient(circle at 35% 30%,#8effad,#2bd35c 60%,#1aa345);animation:1.4s ease-in-out infinite led-pulse}@keyframes led-pulse{0%,to{box-shadow:0 0 6px #2bd35cb3,inset 0 1px 1px #fff9}50%{box-shadow:0 0 11px #2bd35c,0 0 18px #2bd35c80,inset 0 1px 1px #fff9}}@media (prefers-reduced-motion:reduce){.numpad-led.is-hot{animation:none}}.numpad-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 4px;display:grid;position:relative}.jack-socket{z-index:4;pointer-events:none;place-items:center;width:11px;height:30px;display:grid;position:absolute;top:27%;right:0}.jack-slot{background:linear-gradient(90deg,#0c0c0e 0%,#1d1d20 55%,#2a2a2e 100%);border-radius:6px 0 0 6px;width:100%;height:100%;transition:box-shadow .2s;box-shadow:inset 2px 0 4px #000000e6,inset 0 2px 2px #0009,inset 0 -2px 2px #0009,inset -1px 0 #ffffff2e}.jack-socket.is-near .jack-slot{box-shadow:inset 2px 0 4px #000000e6,inset 0 2px 2px #0009,inset 0 -2px 2px #0009,-2px 0 7px #f5731f80}.jack-socket.is-plugged .jack-slot{box-shadow:inset 2px 0 4px #000000e6,-2px 0 9px 1px #f5731fb3}.numpad-noise{z-index:5;pointer-events:none;opacity:var(--case-noise-opacity,.5);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.mute-button{z-index:10;cursor:pointer;color:#3a3a3a;opacity:.16;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;outline:none;place-items:center;width:34px;height:34px;margin:0;padding:0;transition:opacity .25s,color .3s;display:grid;position:absolute;top:18px;right:18px}.mute-button:hover,.mute-button:focus-visible{opacity:.5}.stage.dark .mute-button{color:#d8d8d8}.cable-layer{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:visible}.cable-shadow{stroke:#28190a2e;stroke-width:12px;stroke-linecap:round;filter:blur(4px);transform:translateY(7px)}.cable-core{stroke:var(--cable-color,#f5731f);stroke-width:9px;stroke-linecap:round}.cable-sheen{stroke:color-mix(in srgb, var(--cable-color,#f5731f), white 60%);stroke-width:2.5px;stroke-linecap:round;stroke-opacity:.85;transform:translateY(-2px)}.patch-cord{opacity:0;transition:opacity .3s}.patch-cord.is-deployed{opacity:1}.patch-cord-shadow{stroke:#28190a2e;stroke-width:7px;stroke-linecap:round;filter:blur(3px);transform:translateY(5px)}.patch-cord-core{stroke:var(--cable-color,#f5731f);stroke-width:5px;stroke-linecap:round}.corner-jack{z-index:41;pointer-events:none;opacity:0;background:radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--cable-color,#f5731f), transparent 35%), color-mix(in srgb, var(--cable-color,#f5731f), transparent 82%) 46%, transparent 72%);border-radius:50%;width:80px;height:80px;position:fixed;top:-26px;right:-26px}.cable-plug{z-index:42;transform-origin:50%;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 6px 8px #28190a59);opacity:0;width:30px;height:62px;position:fixed;top:0;left:0}.cable-plug.is-grabbed{cursor:grabbing}.plug-tip{background:linear-gradient(90deg,#8a8f96 0%,#eef1f4 38%,#c4c9d0 60%,#7c818a 100%);border-radius:5px 5px 2px 2px;width:11px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 -2px 3px #00000059}.plug-tip:after{content:"";background:#141418a6;height:2px;position:absolute;top:11px;left:0;right:0}.plug-ring{background:linear-gradient(#5b8dd6,#3f6bb0);border-radius:4px;width:26px;height:9px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff6,0 1px 2px #0000004d}.plug-barrel{background:linear-gradient(90deg, color-mix(in srgb, var(--cable-color,#f5731f), black 25%) 0%, color-mix(in srgb, var(--cable-color,#f5731f), white 30%) 42%, var(--cable-color,#f5731f) 64%, color-mix(in srgb, var(--cable-color,#f5731f), black 30%) 100%);border-radius:7px 7px 9px 9px;width:28px;height:36px;position:absolute;top:26px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 1px #ffffff73,inset 0 -4px 6px #0000004d}.plug-barrel:before{content:"";opacity:.5;background:repeating-linear-gradient(90deg,#0000001f 0 2px,#ffffff1f 2px 4px);border-radius:4px;position:absolute;inset:7px 4px 9px}.cable-plug.is-seated .plug-tip{opacity:0}.cable-plug.is-seated .plug-ring{opacity:.85}.patch-module-frame{--tray-offset:-72px;--tray-pull-offset:0px;--joy-x-px:0px;--joy-y-px:0px;--joy-tilt-x:0deg;--joy-tilt-y:0deg;z-index:41;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;isolation:isolate;position:fixed;bottom:clamp(120px,20dvh,220px);right:max(20px,50vw - 330px)}.patch-module-frame.is-positioned{bottom:auto;right:auto}.patch-module-frame.is-dragging,.patch-module-frame.is-dragging .patch-module{cursor:grabbing}.patch-module{z-index:2;background:var(--module-bg,linear-gradient(180deg, #f3efe6 0%, #e7e0d2 100%));border-radius:16px;width:clamp(96px,8.5vw,116px);padding:12px 12px 14px;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffffb3,inset 0 -3px 6px #5a463224,inset 0 0 0 1px #785f4624,0 20px 40px -16px #3c2d1e73}.patch-module.is-pcb{background:radial-gradient(90% 40% at 50% 0%, #ffffff24, transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--module-board,#123f2d) 86%, #fff), var(--module-board,#123f2d) 64%, color-mix(in srgb, var(--module-board,#123f2d) 78%, #000));box-shadow:inset 0 2px 0 #ffffff2e, inset 0 -10px 22px #00000047, inset 0 0 0 1px color-mix(in srgb, var(--module-solder,#d9efdf) 20%, transparent), 0 20px 40px -16px #0f24188c}.patch-module.is-pcb[data-hardware=translucent-pcb]{background:var(--module-bg)}.patch-module.is-pcb:before{content:"";z-index:0;background:linear-gradient(90deg, transparent 0 18%, color-mix(in srgb, var(--module-trace,#dfa544) 62%, transparent) 18% 20%, transparent 20% 50%, color-mix(in srgb, var(--module-trace,#dfa544) 52%, transparent) 50% 52%, transparent 52%), linear-gradient(180deg, transparent 0 34%, color-mix(in srgb, var(--module-trace,#dfa544) 58%, transparent) 34% 36%, transparent 36% 72%, color-mix(in srgb, var(--module-trace,#dfa544) 48%, transparent) 72% 74%, transparent 74%), radial-gradient(circle at 18% 34%, var(--module-solder,#d9efdf) 0 2px, transparent 2.6px), radial-gradient(circle at 52% 34%, var(--module-solder,#d9efdf) 0 2px, transparent 2.6px), radial-gradient(circle at 80% 72%, var(--module-solder,#d9efdf) 0 2px, transparent 2.6px), linear-gradient(180deg, color-mix(in srgb, var(--module-board,#123f2d) 92%, #fff), var(--module-board,#123f2d));opacity:.72;border-radius:12px;position:absolute;inset:6px}.patch-module.is-pcb[data-hardware=translucent-pcb]:before{opacity:.84;filter:none}.patch-module:after{content:"";z-index:3;pointer-events:none;border-radius:inherit;opacity:.65;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px;position:absolute;inset:0}.patch-module.is-pcb:after{opacity:.42}.patch-module.is-pcb[data-hardware=translucent-pcb]:after{opacity:.18}.patch-module.is-pcb .patch-module-top,.patch-module.is-pcb .patch-label,.patch-module.is-pcb .patch-module-grille,.patch-module.is-pcb .patch-toggle{z-index:2;position:relative}.patch-module-top{z-index:2;margin-bottom:5px;display:block;position:relative}.patch-label{z-index:2;letter-spacing:.22em;color:var(--module-ink,#3c2d1e80);margin:0 0 7px 2px;font-family:Geist Mono,ui-monospace,monospace;font-size:9px;display:block;position:relative}.patch-readout{color:#f3ffe9;background:radial-gradient(circle at 50% 0,#6dff8f1f,#0000 52%),linear-gradient(#0b120d,#050705);border-radius:7px;width:100%;height:31px;padding:4px 5px 4px 16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000db,inset 0 0 0 1px #ffffff0d,0 1px #ffffff3d}.patch-readout:before,.patch-readout:after{content:"";pointer-events:none;position:absolute;inset:0}.patch-readout:before{z-index:3;opacity:.5;background:repeating-linear-gradient(#ffffff0a 0 1px,#0000003d 1px 2px)}.patch-readout:after{z-index:4;background:radial-gradient(120% 110%,#0000 55%,#00000080)}.patch-readout-mode{z-index:2;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em;color:#55e879;text-shadow:0 0 5px #54e07ab8;opacity:.9;font-size:6px;line-height:1;position:absolute;top:5px;left:5px}.patch-readout-lines{z-index:2;gap:1px;transition:opacity .12s;display:grid;position:relative}.patch-readout.is-booting .patch-readout-lines{opacity:.08}.patch-readout.is-dual{height:43px;padding:5px 6px}.patch-readout-dual{z-index:2;gap:3px;display:grid;position:relative}.patch-readout-row{letter-spacing:.08em;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:4px;min-width:0;font-size:7px;line-height:1;display:grid}.patch-readout-row-mode,.patch-readout-row-code{color:#62ec82;text-shadow:0 0 5px #54e07a9e}.patch-readout-row-name{text-overflow:ellipsis;white-space:nowrap;color:#f3ffe9;text-shadow:0 0 5px #e9ffde52;min-width:0;overflow:hidden}.patch-readout-name,.patch-readout-code{white-space:nowrap;min-width:0;display:block;overflow:hidden}.patch-readout-name{letter-spacing:.08em;text-shadow:0 0 5px #54e07a9e;font-size:8px;line-height:1.1}.patch-readout-code{color:#62ec82;opacity:.82;font-size:7px;line-height:1}.patch-readout-name .slot-text,.patch-readout-code .slot-text{flex-wrap:nowrap}.patch-readout-boot{z-index:2;letter-spacing:.12em;color:#ff8a3d;text-shadow:0 0 6px #ff7a1fb8;white-space:pre;gap:2px;font-size:8px;line-height:1;display:grid;position:absolute;top:5px;left:16px;right:5px}.patch-module-grille{background-color:var(--module-grille,#ded7c8);background-image:radial-gradient(#4637286b 1.1px,#0000 1.4px);background-position:2px 2px;background-size:9px 9px;border-radius:8px;height:30px;position:relative;box-shadow:inset 0 1px 2px #0000002e}.patch-module.is-pcb .patch-module-grille{background-color:color-mix(in srgb, var(--module-board,#123f2d) 90%, #000);background-image:linear-gradient(90deg, transparent 0 18%, color-mix(in srgb, var(--module-trace,#dfa544) 68%, transparent) 18% 21%, transparent 21% 74%, color-mix(in srgb, var(--module-trace,#dfa544) 58%, transparent) 74% 76%, transparent 76%), linear-gradient(180deg, transparent 0 28%, color-mix(in srgb, var(--module-trace,#dfa544) 58%, transparent) 28% 31%, transparent 31% 66%, color-mix(in srgb, var(--module-trace,#dfa544) 50%, transparent) 66% 68%, transparent 68%), radial-gradient(circle at 19% 30%, var(--module-solder,#d9efdf) 0 1.8px, transparent 2.3px), radial-gradient(circle at 75% 30%, var(--module-solder,#d9efdf) 0 1.8px, transparent 2.3px), radial-gradient(circle at 48% 68%, var(--module-solder,#d9efdf) 0 1.8px, transparent 2.3px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--module-trace,#dfa544) 36%, transparent), inset 0 10px 18px #ffffff0a, inset 0 -10px 18px #0000002e;background-size:auto;overflow:hidden}.patch-module.is-pcb .patch-module-grille:before{content:"";background:linear-gradient(180deg, #ffffff1f, transparent 40%), var(--module-chip,#171d22);border-radius:5px;width:38px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff14,0 5px 12px #00000047}.patch-module.is-pcb .patch-module-grille:after{content:"";background:repeating-linear-gradient(90deg, var(--module-solder,#d9efdf) 0 3px, transparent 3px 7px) top / 100% 4px no-repeat, repeating-linear-gradient(90deg, var(--module-solder,#d9efdf) 0 3px, transparent 3px 7px) bottom / 100% 4px no-repeat;opacity:.58;height:24px;position:absolute;top:calc(50% - 12px);left:calc(50% - 28px);right:calc(50% - 28px)}.patch-subthemer{--sub-dx:0px;--sub-dy:0px;z-index:3;width:78px;transform:translate(calc(-104px + var(--sub-dx)), calc(-6px + var(--sub-dy))) scale(.6);transform-origin:0%;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;transition:transform .46s cubic-bezier(.34,1.5,.5,1),opacity .26s;position:absolute;top:44px;left:calc(100% + 42px)}.patch-subthemer.is-deployed{transform:translate(var(--sub-dx), var(--sub-dy)) scale(1);opacity:1;pointer-events:auto}.patch-subthemer.is-sub-dragging{z-index:6;transition:none}.patch-subthemer-face{cursor:grab;touch-action:none}.patch-subthemer.is-sub-dragging .patch-subthemer-face{cursor:grabbing}.patch-subthemer-port{background:linear-gradient(#2a2622,#14110d);border-radius:3px;width:7px;height:11px;position:absolute;top:34px;right:-3px;box-shadow:inset 0 1px 1px #fff3,inset 0 0 0 1px #00000080,0 1px 2px #0006}.patch-subthemer-jack{background:linear-gradient(90deg, var(--cable-color,#f5731f), color-mix(in srgb, var(--cable-color,#f5731f) 55%, #000));border-radius:3px;width:9px;height:12px;margin-top:-6px;position:absolute;top:50%;left:-7px;box-shadow:inset 0 1px 1px #fff6,0 1px 2px #0006}.patch-subthemer-face{z-index:1;box-sizing:border-box;background:linear-gradient(180deg, #ffffff80, #0000000d 60%), color-mix(in srgb, var(--module-grille,#e7e1d4) 86%, #fff);box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -2px 3px #00000024, inset 0 0 0 1px #fff6, 0 0 0 1px color-mix(in srgb, var(--module-ink,#3c2d1e) 26%, transparent), 8px 12px 20px -14px #00000080;border-radius:15px;justify-items:center;gap:7px;padding:9px 7px 8px;display:grid;position:relative}.patch-subthemer-face:before,.patch-subthemer-face:after{content:"";background:radial-gradient(circle at 35% 30%,#fffc,#0000004d);border-radius:50%;width:3px;height:3px;position:absolute;top:5px;box-shadow:inset 0 0 0 .5px #0000004d}.patch-subthemer-face:before{left:6px}.patch-subthemer-face:after{right:6px}.patch-subthemer-display{width:100%;color:var(--subtheme-active-color,#9be15d);text-shadow:0 0 4px color-mix(in srgb, var(--subtheme-active-color,#9be15d) 70%, transparent);background:linear-gradient(#14160f,#0a0c07);border-radius:5px;justify-content:space-between;align-items:center;gap:4px;padding:3px 5px;font-family:Geist Mono,ui-monospace,monospace;font-size:7px;line-height:1;display:flex;box-shadow:inset 0 1px 2px #000000b3,inset 0 0 0 1px #00000080,0 1px #ffffff73}.patch-subthemer-ascii{letter-spacing:.06em}.patch-subthemer-ascii.is-boot{filter:brightness(1.35);animation:90ms steps(2,end) infinite patch-subthemer-boot}@keyframes patch-subthemer-boot{50%{opacity:.72}}.patch-subthemer-count{opacity:.85;letter-spacing:.04em}.patch-subthemer-dialwrap{place-items:center;width:52px;height:52px;display:grid;position:relative}.patch-subthemer-ticks{pointer-events:none;position:absolute;inset:0}.patch-subthemer-tick{--tick-radius:23px;background:color-mix(in srgb, var(--tick-color,#f5731f) 65%, #fff);opacity:.5;width:3px;height:3px;transform:rotate(var(--tick-angle,0deg)) translateY(calc(-1 * var(--tick-radius)));border-radius:50%;margin:-1.5px;transition:opacity .18s,box-shadow .18s;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 .5px #00000040}.patch-subthemer-tick.is-active{opacity:1;background:var(--tick-color,#f5731f);box-shadow:inset 0 0 0 .5px #00000040, 0 0 6px color-mix(in srgb, var(--tick-color,#f5731f) 70%, transparent)}.patch-subthemer-knob{z-index:1;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 32%,#ffffff8c,#fff0 55%),conic-gradient(#efe9dd,#cfc7b6 18%,#efe9dd 34%,#cfc7b6 52%,#efe9dd 68%,#cfc7b6 86%,#efe9dd);border:0;border-radius:50%;width:38px;height:38px;margin:0;padding:0;position:relative;box-shadow:inset 0 1px 1px #fffc,inset 0 -2px 3px #00000047,0 0 0 1px #0000002e,0 3px 6px -2px #00000080}.patch-subthemer-knob:focus-visible{outline:2px solid var(--subtheme-active-color,#f5731f);outline-offset:2px}.patch-subthemer-dial{background:radial-gradient(circle at 50% 38%, #fff6, #0000000f 60%), color-mix(in srgb, var(--module-grille,#e7e1d4) 70%, #fff);transform:rotate(var(--subtheme-angle,0deg));border-radius:50%;transition:transform .34s cubic-bezier(.34,1.5,.4,1);position:absolute;inset:4px;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 2px #0003}.patch-subthemer-pointer{background:linear-gradient(180deg, var(--subtheme-active-color,#f5731f), color-mix(in srgb, var(--subtheme-active-color,#f5731f) 55%, #000));width:3px;height:11px;box-shadow:0 0 5px color-mix(in srgb, var(--subtheme-active-color,#f5731f) 60%, transparent);border-radius:2px;margin-left:-1.5px;position:absolute;top:2px;left:50%}.patch-subthemer-label{letter-spacing:.24em;color:var(--module-ink,#3c2d1e99);opacity:.7;padding-left:.24em;font-family:Geist Mono,ui-monospace,monospace;font-size:7px;font-weight:600;line-height:1}.patch-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:50% 0;background:0 0;border:none;width:100%;max-height:60px;margin:12px 0 2px;padding:0;transition:transform .42s cubic-bezier(.18,1.5,.4,1),opacity .2s,max-height .34s cubic-bezier(.4,0,.2,1),margin .34s cubic-bezier(.4,0,.2,1),filter .18s;display:block;position:relative}.patch-toggle:disabled{cursor:not-allowed}.patch-toggle-cap{border-radius:16px;height:30px;display:block;position:relative;box-shadow:0 1px #ffffff8c}.patch-toggle-cap:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(180deg, color-mix(in srgb, var(--cable-color,#f5731f), white 22%), var(--cable-color,#f5731f));box-shadow:inset 0 2px 4px #0006, inset 0 -1px 0 #ffffff47, 0 0 14px -2px color-mix(in srgb, var(--cable-color,#f5731f), transparent 30%);filter:hue-rotate(160deg)saturate(1.05);transition:filter .28s;position:absolute;inset:0}.patch-toggle.is-themes .patch-toggle-cap:before{filter:none}.patch-toggle-tag{z-index:1;letter-spacing:.06em;white-space:nowrap;opacity:0;pointer-events:none;font-family:Geist Mono,ui-monospace,monospace;font-size:9px;font-weight:700;transition:opacity .2s,transform .28s cubic-bezier(.2,1.4,.4,1);position:absolute;top:50%}.patch-toggle-tag--sw{color:#ffffffeb;text-shadow:0 1px 2px #000000b3;left:11px;transform:translate(-7px,-50%)}.patch-toggle-tag--th{color:#281402eb;text-shadow:0 1px 1px #ffffff4d;right:11px;transform:translate(7px,-50%)}.patch-toggle:not(.is-themes) .patch-toggle-tag--sw,.patch-toggle.is-themes .patch-toggle-tag--th{opacity:1;transform:translateY(-50%)}.patch-toggle-knob{z-index:2;background:repeating-linear-gradient(90deg,#00000012 0 1px,#ffffff2e 1px 3px),linear-gradient(#fdfdfb,#cfc8ba);border-radius:50%;width:26px;height:26px;transition:left .24s cubic-bezier(.34,1.5,.5,1),transform .24s cubic-bezier(.34,1.5,.5,1);position:absolute;top:2px;left:calc(100% - 28px);box-shadow:inset 0 1px #ffffffe6,inset 0 -2px 3px #0003,0 2px 4px #00000073}.patch-toggle.is-themes .patch-toggle-knob{left:2px}.patch-toggle.is-idle{opacity:0;pointer-events:none;max-height:0;margin-top:0;margin-bottom:0;transform:translateY(-26px)scaleY(.4)}.patch-toggle.is-idle .patch-toggle-knob{left:calc(100% - 28px);transform:scale(.9)}.patch-joystick-tray{z-index:1;opacity:0;transform:translateY(var(--tray-offset));transform-origin:top;pointer-events:none;transition:transform .16s cubic-bezier(.16,1.75,.26,1),opacity .3s .26s;position:absolute;top:calc(100% - 8px);left:7px;right:7px}.patch-module-frame.is-aux-in .patch-joystick-tray,.patch-module-frame.is-aux-in .patch-tray-pull{opacity:1}.patch-module-frame.is-tray-peeking .patch-joystick-tray{pointer-events:auto}.patch-module-frame.is-tray-dragging .patch-joystick-tray,.patch-module-frame.is-tray-dragging .patch-tray-pull{transition:none}.patch-joystick-panel{box-sizing:border-box;background:linear-gradient(180deg, #ffffff38, #ffffff0f 28%, #00000014), color-mix(in srgb, var(--module-grille,#ded7c8) 78%, #fff);border-radius:0 0 15px 15px;height:72px;min-height:72px;padding:10px 8px 7px;box-shadow:inset 0 1px #ffffff73,inset 0 -3px 7px #46342833,inset 0 0 0 1px #785f4629,0 15px 26px -18px #261a128c}.patch-module.is-pcb+.patch-joystick-tray .patch-joystick-panel{background:linear-gradient(180deg, #ffffff1a, #00000029), color-mix(in srgb, var(--module-board,#123f2d) 86%, #000);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--module-trace,#dfa544) 28%, transparent), inset 0 1px 0 #ffffff1f, 0 15px 26px -18px #00000094}.patch-joystick-head{letter-spacing:.16em;color:var(--module-ink,#3c2d1e85);justify-content:space-between;align-items:center;margin-bottom:2px;font-family:Geist Mono,ui-monospace,monospace;font-size:6px;font-weight:700;line-height:1;display:flex}.patch-joystick-pad{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;place-items:center;width:54px;height:44px;margin:0 auto;display:grid;position:relative}.patch-joystick-pad.is-active{cursor:grabbing}.patch-joystick-pad:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--module-contrast,#1c1b1a) 76%, #fff), 0 0 13px color-mix(in srgb, var(--module-contrast,#1c1b1a) 58%, transparent);border-radius:50%}.patch-joystick-gate,.patch-joystick-thumb{border-radius:50%;position:absolute}.patch-joystick-gate{background:radial-gradient(circle at 40% 30%, #ffffff1a, transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--module-contrast,#1c1b1a) 30%, #fff) 0%, var(--module-contrast,#1c1b1a) 100%);width:42px;height:42px;box-shadow:inset 0 1px 1px #ffffff29, inset 0 -1px 2px color-mix(in srgb, var(--module-contrast,#1c1b1a) 18%, #000), 0 0 7px color-mix(in srgb, var(--module-contrast,#1c1b1a) 22%, transparent), 0 2px 4px #14101a29}.patch-joystick-thumb{width:30px;height:30px;transform:translate3d(var(--joy-x-px), var(--joy-y-px), 0) rotateX(var(--joy-tilt-y)) rotateY(var(--joy-tilt-x));background:radial-gradient(circle at 38% 30%, #ffffff1a, transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--module-contrast,#1c1b1a) 34%, #fff) 0%, var(--module-contrast,#1c1b1a) 100%);box-shadow:inset 0 1px 1px #ffffff29, inset 0 -1px 2px color-mix(in srgb, var(--module-contrast,#1c1b1a) 16%, #000), 0 0 7px color-mix(in srgb, var(--module-contrast,#1c1b1a) 26%, transparent), 0 2px 4px #14101a2e;transition:transform .16s cubic-bezier(.34,1.45,.58,1)}.patch-joystick-pad.is-active .patch-joystick-thumb{transition:none}.patch-tray-pull{z-index:4;cursor:grab;touch-action:none;background:linear-gradient(180deg, #ffffff2e, #0000000f), color-mix(in srgb, var(--module-grille,#ded7c8) 82%, #fff);opacity:0;width:42px;height:15px;transform:translate(-50%, var(--tray-pull-offset));-webkit-tap-highlight-color:transparent;border:0;border-radius:0 0 10px 10px;padding:0;transition:transform .16s cubic-bezier(.16,1.75,.26,1),background .2s,opacity .3s .26s;position:absolute;top:calc(100% - 8px);left:50%;box-shadow:inset 0 1px #ffffff6b,inset 0 -2px 3px #00000029,0 3px 6px #2a1d1238}.patch-tray-pull:active{cursor:grabbing}.patch-tray-pull:focus-visible{outline:2px solid color-mix(in srgb, var(--module-contrast,#1c1b1a) 78%, #fff);outline-offset:2px}.patch-tray-pull-grip{background:#48372757;border-radius:2px;width:20px;height:3px;transition:background .12s,box-shadow .12s,transform .12s;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:0 1px #ffffff57}.patch-tray-pull:hover .patch-tray-pull-grip,.patch-tray-pull:focus-visible .patch-tray-pull-grip,.patch-tray-pull:active .patch-tray-pull-grip,.patch-module-frame.is-tray-dragging .patch-tray-pull-grip{background:var(--module-contrast,#1c1b1a);box-shadow:0 0 6px color-mix(in srgb, var(--module-contrast,#1c1b1a) 78%, transparent), 0 0 15px color-mix(in srgb, var(--module-contrast,#1c1b1a) 52%, transparent), 0 1px 0 #ffffff57;transform:translate(-50%)scaleX(1.12)}@media (width<=520px){.patch-module-frame{right:calc(12px + env(safe-area-inset-right));bottom:calc(94px + env(safe-area-inset-bottom));top:auto}.patch-module{border-radius:14px;width:88px;padding:10px 10px 12px}.patch-module-grille{height:26px}.patch-readout{height:29px;padding-left:15px}.patch-readout.is-dual{height:40px;padding:5px}.patch-readout-name{font-size:7px}.patch-readout-code,.patch-readout-boot{font-size:6px}}.pegboard-mount{z-index:36;position:fixed;top:50%;left:clamp(8px,2.2vw,26px);transform:translateY(-50%)}.pegboard{background:linear-gradient(#f3efe6 0%,#e7e0d2 100%);border-radius:18px;flex-direction:column;width:132px;height:min(82vh,560px);padding:14px 12px;display:flex;position:relative;box-shadow:inset 0 2px #ffffffb3,inset 0 -3px 6px #5a463224,inset 0 0 0 1px #785f4624,0 22px 44px -18px #3c2d1e73}.pegboard:after{content:"";z-index:3;pointer-events:none;border-radius:inherit;opacity:.6;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150px 150px;position:absolute;inset:0}.pegboard-holes{opacity:.5;pointer-events:none;background-image:radial-gradient(circle at 50% 42%,#0000004d 0 1.5px,#0000 2.3px),radial-gradient(circle at 50% 60%,#ffffffb3 0 1.3px,#0000 2px);background-position:0 0,0 1px;background-size:19px 19px,19px 19px;border-radius:12px;position:absolute;inset:9px}.pegboard-label{z-index:2;text-align:center;letter-spacing:.28em;color:#3c2d1e80;margin-top:122px;font-family:Geist Mono,ui-monospace,monospace;font-size:9px;position:relative}.tool-hook{z-index:2;background:radial-gradient(circle at 50% 40%,#1a1a1d 0 38%,#3a3a40 58%,#d8d2c6 76%);border-radius:50%;width:14px;height:14px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 4px #0009,0 1px #fff9}.peg-slots{z-index:2;grid-template-columns:1fr 1fr;gap:10px;padding:10px 2px 4px;display:grid;position:relative}.pegboard-secret{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#433425b8;background:linear-gradient(#f4efe4f2,#d8cebcf2);border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;margin-bottom:2px;padding:8px 10px;transition:background .14s linear,color .14s linear,transform .14s ease-out;display:flex;position:relative;box-shadow:inset 0 1px #ffffffb8,inset 0 -2px 4px #5e48302e,0 7px 14px -10px #3c2d1e73}.pegboard-secret:hover,.pegboard-secret:focus-visible{transform:translateY(-1px)}.pegboard-secret.is-on{color:#efe48af2;background:linear-gradient(#177f7a,#0d6863)}.pegboard-secret-tag,.pegboard-secret-copy{letter-spacing:.18em;font-family:Geist Mono,ui-monospace,monospace;font-size:8px;font-weight:700;line-height:1}.pegboard-secret-tag{background:#2f221814;border-radius:999px;padding:4px 5px 3px;box-shadow:inset 0 0 0 1px #43342524}.pegboard-secret.is-on .pegboard-secret-tag{background:#efe48a29;box-shadow:inset 0 0 0 1px #efe48a47}.pegboard-secret-copy{margin-left:auto}.peg-slot{place-items:end center;height:48px;display:grid;position:relative}.peg-slot:before{content:"";opacity:0;border:1.5px dashed #5a463247;border-radius:9px;width:34px;height:34px;transition:opacity .2s;position:absolute;top:4px;left:50%;transform:translate(-50%)}.peg-slot:not(.is-filled):before{opacity:.55}.peg-shelf{background:linear-gradient(#d8d1c2,#b6ab95);border-radius:3px;height:7px;position:absolute;bottom:0;left:10%;right:10%;box-shadow:inset 0 1px #fff9,0 2px 3px #3c2d1e4d}.sticker-sheet{z-index:2;border-top:1px solid #5a463224;margin-top:10px;padding-top:10px;position:relative}.sticker-sheet-head{letter-spacing:.2em;color:#3c2d1e85;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-family:Geist Mono,ui-monospace,monospace;font-size:8px;font-weight:700;line-height:1;display:flex}.sticker-clear{color:#3c2d1ead;font:inherit;letter-spacing:.12em;cursor:pointer;background:#3c2d1e14;border:none;border-radius:999px;flex:none;padding:3px 5px;font-size:7px}.sticker-clear:disabled{cursor:default;opacity:.34}.sticker-palette{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:132px;padding:1px;display:grid;overflow:auto}.sticker-pick{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff5c,#fff0),#fffaee6b;border:none;border-radius:9px;place-items:center;height:38px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5a46321f,0 3px 6px -5px #3c2d1e6b}.sticker-pick:after{content:"";pointer-events:none;border:1px dashed #5a463229;border-radius:6px;position:absolute;inset:5px}.sticker-pick:active{cursor:grabbing}.peg-cap{z-index:1;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;margin-bottom:5px;position:relative}.peg-cap:active{cursor:grabbing}.mini-cap{background-clip:padding-box;border-radius:11px;width:46px;height:46px;position:relative;box-shadow:inset 0 2px #ffffff80,inset 0 -6px 9px #00000029,0 5px #00000029,0 7px 9px -5px #00000057;container-type:size}.mini-cap:after{content:"";pointer-events:none;border-radius:11px;position:absolute;inset:0;box-shadow:inset 0 0 0 1.2px #281c1847}.cap-floor-layer{z-index:37;pointer-events:none;position:fixed;inset:0}.cap-loose{pointer-events:auto;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;will-change:transform;width:46px;height:46px;position:fixed;top:0;left:0}.cap-loose:active{cursor:grabbing}.cap-held{z-index:61;pointer-events:none;will-change:transform;filter:drop-shadow(0 13px 15px #28190a66);width:46px;height:46px;position:fixed;top:0;left:0}.puller{z-index:60;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 6px 7px #28190a52);will-change:transform;width:44px;height:118px;position:fixed;top:0;left:0}.puller.is-held{cursor:grabbing}.puller-art{width:100%;height:100%;display:block;overflow:visible}.puller-grip{stroke:#f5731f}.puller-sheen{stroke:#ffd6aacc}.puller-sheen.dim{stroke:#ffd6aa73}.puller-prong{stroke:#cfd3da}@media (prefers-reduced-motion:reduce){.pegboard{transition:none}}.stage{isolation:isolate;background:#f4f4f4;place-items:center;width:100%;min-height:100vh;padding:48px 16px;transition:background .14s linear;display:grid;position:relative;overflow:hidden}.stage.dark{background:#141519}.stage.has-cutting-mat{background:linear-gradient(#178781 0%,#0f7470 56%,#0b605c 100%)}.stage.has-cutting-mat:before,.stage.has-cutting-mat:after{content:"";pointer-events:none;z-index:0;position:absolute}.stage.has-cutting-mat:before{background-image:linear-gradient(#ece17a29 1px,#0000 1px),linear-gradient(90deg,#ece17a29 1px,#0000 1px),linear-gradient(#ece17a52 1.4px,#0000 1.4px),linear-gradient(90deg,#ece17a52 1.4px,#0000 1.4px),linear-gradient(135deg,#0000 calc(50% - 1px),#ece17a38 50%,#0000 calc(50% + 1px)),linear-gradient(45deg,#0000 calc(50% - 1px),#ece17a2e 50%,#0000 calc(50% + 1px));background-size:24px 24px,24px 24px,96px 96px,96px 96px,100% 100%,100% 100%;border-radius:28px;inset:clamp(12px,2vw,24px);box-shadow:inset 0 0 0 2px #ece17a5c,inset 0 0 0 12px #0a585424,0 28px 60px -30px #072c2a99}.stage.has-cutting-mat:after{background:radial-gradient(circle at 18% 22%,#ffffff24,#0000 24%),radial-gradient(circle at 82% 76%,#ffffff14,#0000 18%),linear-gradient(#ffffff14,#0000 18% 82%,#00000014);inset:0}.stage-signature{z-index:4;letter-spacing:.02em;color:#1c1b1a75;text-shadow:0 1px #ffffff47;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;gap:2px;font-size:11px;line-height:1.25;animation:.52s cubic-bezier(.2,.8,.2,1) .16s both stage-signature-in;display:flex;position:fixed;bottom:14px;left:16px}.stage.dark .stage-signature,.stage.has-cutting-mat .stage-signature{color:#f4f4f48f;text-shadow:0 1px #0000005c}.stage-signature-name,.stage-signature-email{opacity:.88}.stage-signature-email{color:inherit;pointer-events:auto;text-decoration:none}.stage-signature-email:hover,.stage-signature-email:focus-visible{opacity:1;text-underline-offset:2px;text-decoration:underline}@keyframes stage-signature-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=430px){.stage{padding:28px 12px}.stage-signature{font-size:10px;bottom:10px;left:12px}.stage.has-cutting-mat:before{background-size:18px 18px,18px 18px,72px 72px,72px 72px,100% 100%,100% 100%;border-radius:18px;inset:10px}}
