.controller-demo[data-astro-cid-7ivqubo6],.controller-demo[data-astro-cid-7ivqubo6] [data-astro-cid-7ivqubo6],.controller-demo[data-astro-cid-7ivqubo6] [data-astro-cid-7ivqubo6]:before,.controller-demo[data-astro-cid-7ivqubo6] [data-astro-cid-7ivqubo6]:after{box-sizing:border-box}.controller-demo[data-astro-cid-7ivqubo6]{flex-direction:column;align-items:center;min-width:0;display:flex}.controller-board[data-astro-cid-7ivqubo6]{--ring-color:#69baff;z-index:0;user-select:none;-webkit-touch-callout:none;background:linear-gradient(135deg,#ffffffc2,#e5f5fa91 46%,#a1b5c280),linear-gradient(#abb3b8,#d1d6d8);border:1px solid #ffffffeb;border-radius:9.4%;width:min(100%,590px);position:relative;box-shadow:0 4px #9da7ac,0 22px 44px #00000057,inset 0 0 0 2px #ffffff6b,0 -2px 22px #7889ff2e,-12px -3px 26px #ff5f4321,12px -3px 26px #5067ff2b}.board-lighting[data-astro-cid-7ivqubo6]{z-index:-1;pointer-events:none;position:absolute;inset:-12%}.board-lighting-canvas[data-astro-cid-7ivqubo6]{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.board-lighting-core[data-astro-cid-7ivqubo6]{filter:blur(11px)}.board-lighting-wide[data-astro-cid-7ivqubo6]{opacity:.55;filter:blur(30px)}.controller-board[data-astro-cid-7ivqubo6]:after{content:"";pointer-events:none;width:100%;padding-top:100%;display:block}.controller-board[data-astro-cid-7ivqubo6]:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff,#e7ecee 55%,#d5dcdf);border:1px solid #1e2a301a;border-radius:7.2%;position:absolute;inset:2.6%;box-shadow:inset 1px 1px #ffffffd1,inset -1px -1px #ffffff7a}.controller-grid[data-astro-cid-7ivqubo6]{z-index:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:2.1%;display:grid;position:absolute;inset:5.8%}.controller-grid[data-astro-cid-7ivqubo6] button[data-astro-cid-7ivqubo6],.key-control[data-astro-cid-7ivqubo6]{-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-width:0;min-height:0;margin:0;padding:0;display:block;position:relative}.key-control[data-astro-cid-7ivqubo6]{cursor:pointer;touch-action:pan-y}.key-control[data-astro-cid-7ivqubo6] input[data-astro-cid-7ivqubo6]{z-index:4;cursor:pointer;opacity:.001;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.key-visual[data-astro-cid-7ivqubo6]{pointer-events:none;place-items:center;transition:transform 90ms,filter .18s,opacity .18s;display:grid;position:absolute;inset:0}.key-visual[data-astro-cid-7ivqubo6]:before{z-index:0;content:"";background:linear-gradient(135deg,#d2d7d9,#b3bdc1);border-radius:20%;position:absolute;inset:7.2% 0 0;box-shadow:1px 6px 7px #181f2333}.key-visual[data-astro-cid-7ivqubo6]:after{z-index:1;content:"";background:linear-gradient(135deg,#fff,#f0f3f4 59%,#d7dde0);border:1px solid #737e844d;border-radius:20%;position:absolute;inset:0 0 7.2%;box-shadow:inset 1px 1px 1px #fffffff5,inset -2px -2px 5px #808e961f,0 5px 8px #30393e2e}.acrylic-key[data-astro-cid-7ivqubo6]:after{background:linear-gradient(135deg,#ffffffed,#eef4f6db 57%,#c7d2d7d1),#ecf2f4eb;border-color:#ffffffeb}.key-dish[data-astro-cid-7ivqubo6]{z-index:2;background:radial-gradient(circle at 48% 47%,#18222808,#18222806 52%,#18222802 72%,#0000 90%);border-radius:50%;width:77.02%;height:77.02%;position:absolute;top:7.89%;left:11.49%;box-shadow:inset 5px 5px 9px #444e5321,inset -5px -5px 10px #ffffffc7}.key-control[data-astro-cid-7ivqubo6]:active .key-visual[data-astro-cid-7ivqubo6],.key-control[data-astro-cid-7ivqubo6] input[data-astro-cid-7ivqubo6]:active+.key-visual[data-astro-cid-7ivqubo6]{transform:translateY(2.5%)scale(.965)}.key-control[data-astro-cid-7ivqubo6] input[data-astro-cid-7ivqubo6]:focus-visible+.key-visual[data-astro-cid-7ivqubo6]{outline-offset:3px;border-radius:20%;outline:3px solid #7892ff}.acrylic-control[data-astro-cid-7ivqubo6]{--key-rgb:255,255,255;--key-strength:.22;--key-wall:.09;--key-soft:.1;--key-glow:.12}.acrylic-control[data-astro-cid-7ivqubo6][data-state=active],.acrylic-control[data-astro-cid-7ivqubo6][data-state=working]{--key-rgb:105,186,255;--key-strength:.48;--key-wall:.2;--key-soft:.22;--key-glow:.26}.acrylic-control[data-astro-cid-7ivqubo6][data-state=completed]{--key-rgb:99,227,181;--key-strength:.48;--key-wall:.2;--key-soft:.22;--key-glow:.26}.acrylic-control[data-astro-cid-7ivqubo6][data-state=attention]{--key-rgb:255,186,48;--key-strength:.48;--key-wall:.2;--key-soft:.22;--key-glow:.26}.acrylic-control[data-astro-cid-7ivqubo6][data-state=failed]{--key-rgb:255,117,128;--key-strength:.48;--key-wall:.2;--key-soft:.22;--key-glow:.26}.acrylic-control[data-astro-cid-7ivqubo6] .acrylic-key[data-astro-cid-7ivqubo6]:before{background:linear-gradient(135deg, rgba(var(--key-rgb), var(--key-wall)), #8e9ba0bd)}.acrylic-control[data-astro-cid-7ivqubo6] .acrylic-key[data-astro-cid-7ivqubo6]:after{background:radial-gradient(circle at 48% 43%, rgba(var(--key-rgb), var(--key-strength)), rgba(var(--key-rgb), var(--key-soft)) 42%, transparent 72%), linear-gradient(135deg, #fffffff0, #e2edf0d4 58%, #b8c7cdc7);box-shadow:inset 1px 1px 1px #fffffff5, inset -2px -2px 5px rgba(var(--key-rgb), .17), 0 5px 8px #30393e2e, 0 0 12px rgba(var(--key-rgb), var(--key-glow));border-color:#fffffff0}.acrylic-control[data-astro-cid-7ivqubo6].is-selected .acrylic-key[data-astro-cid-7ivqubo6]{filter:drop-shadow(0 0 7px rgba(var(--key-rgb), .74)) drop-shadow(0 0 15px rgba(var(--key-rgb), .36))}.task-glyph[data-astro-cid-7ivqubo6]{z-index:3;color:#303a407a;place-items:center;width:56%;height:56%;font:500 24px/1 ui-rounded,SF Pro Rounded,system-ui,sans-serif;display:grid;position:absolute;top:46.4%;left:50%;transform:translate(-50%,-50%)}.task-glyph[data-astro-cid-7ivqubo6][data-state=completed],.task-glyph[data-astro-cid-7ivqubo6][data-state=attention],.task-glyph[data-astro-cid-7ivqubo6][data-state=failed]{font-size:28px;font-weight:700}.task-glyph[data-astro-cid-7ivqubo6][data-state=working]:before{aspect-ratio:1;content:"";border:3px solid #26374033;border-top-color:#263740b8;border-radius:50%;width:25%;animation:.78s linear infinite task-spin}.task-glyph[data-astro-cid-7ivqubo6][hidden],.app-icon[data-astro-cid-7ivqubo6][hidden]{display:none!important}@keyframes task-spin{to{transform:rotate(360deg)}}.command-icon[data-astro-cid-7ivqubo6]{z-index:3;color:#3c4247;fill:none;stroke:currentColor;stroke-width:4.6px;stroke-linecap:round;stroke-linejoin:round;width:34%;position:absolute;top:46.4%;left:50%;transform:translate(-50%,-50%)}.command-control[data-astro-cid-7ivqubo6].is-unavailable{cursor:default}.command-control[data-astro-cid-7ivqubo6].is-unavailable .command-icon[data-astro-cid-7ivqubo6]{opacity:.24}.wide-control[data-astro-cid-7ivqubo6]{grid-column:span 2}.wide-control[data-astro-cid-7ivqubo6] .key-visual[data-astro-cid-7ivqubo6]:before,.wide-control[data-astro-cid-7ivqubo6] .key-visual[data-astro-cid-7ivqubo6]:after{border-radius:10%/20%}.wide-control[data-astro-cid-7ivqubo6] .pill-dish[data-astro-cid-7ivqubo6]{border-radius:999px;width:89.06%;height:77.02%;top:7.89%;left:5.47%}.wide-control[data-astro-cid-7ivqubo6] .mic-icon[data-astro-cid-7ivqubo6]{width:16%}.app-icon[data-astro-cid-7ivqubo6]{z-index:3;object-fit:contain;filter:drop-shadow(0 2px 3px #0000004d);user-select:none;-webkit-user-drag:none;width:48%;height:48%;display:block;position:absolute;top:46.4%;left:50%;transform:translate(-50%,-50%)}.dial-control[data-astro-cid-7ivqubo6],.joystick-control[data-astro-cid-7ivqubo6],.pixel-control[data-astro-cid-7ivqubo6]{touch-action:none}.dial-control[data-astro-cid-7ivqubo6]{cursor:ns-resize}.dial-control[data-astro-cid-7ivqubo6].is-unavailable{cursor:default;touch-action:pan-y}.dial-control[data-astro-cid-7ivqubo6].is-unavailable .stepped-dial[data-astro-cid-7ivqubo6],.dial-control[data-astro-cid-7ivqubo6].is-unavailable .dial-shadow[data-astro-cid-7ivqubo6]{opacity:.42;filter:grayscale(.55)}.joystick-control[data-astro-cid-7ivqubo6]{cursor:grab}.joystick-control[data-astro-cid-7ivqubo6].is-dragging{cursor:grabbing}.pixel-control[data-astro-cid-7ivqubo6]{cursor:pointer}.dial-shadow[data-astro-cid-7ivqubo6]{filter:blur(3px);background:#1d2022b3;border-radius:50%;position:absolute;inset:11% 7% 2%}.stepped-dial[data-astro-cid-7ivqubo6]{filter:drop-shadow(1px 6px 5px #1b1f2147);border-radius:50%;transition:transform 90ms ease-out;position:absolute;inset:5% 6% 10%;transform:rotate(30deg)}.stepped-dial[data-astro-cid-7ivqubo6]:before{content:"";background:linear-gradient(135deg,#ecebe6,#b9bab7);border:1px solid #8082803d;border-radius:50%;position:absolute;inset:5% 0 -3%;box-shadow:inset 2px 2px 4px #ffffff94,inset -2px -3px 5px #5052511f}.stepped-dial[data-astro-cid-7ivqubo6]:after{z-index:3;content:"";clip-path:polygon(2% 8%,98% 8%,94% 92%,6% 92%);background:linear-gradient(#b8b9b6,#999b99);border-top:1px solid #ffffff9e;border-bottom:1px solid #585a5933;width:100%;height:12%;position:absolute;top:43%;left:0}.stepped-dial[data-astro-cid-7ivqubo6] i[data-astro-cid-7ivqubo6],.stepped-dial[data-astro-cid-7ivqubo6] b[data-astro-cid-7ivqubo6]{z-index:2;background:linear-gradient(135deg,#fffefa,#f2f0eb 70%,#deddd8);border:1px solid #ffffffe0;border-radius:50%;position:absolute;inset:0;box-shadow:inset 3px 3px 5px #ffffffe6,inset -3px -3px 6px #7d7e7b1a}.stepped-dial[data-astro-cid-7ivqubo6] i[data-astro-cid-7ivqubo6]{clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);transform:translateY(3.5%)}.stepped-dial[data-astro-cid-7ivqubo6] b[data-astro-cid-7ivqubo6]{clip-path:polygon(0 0,100% 0,100% 50%,0 50%);transform:translateY(-4.5%)}.joystick-gate[data-astro-cid-7ivqubo6]{border:2px dashed #6a6d6e;border-radius:23%;position:absolute;inset:1%}.joystick-cap[data-astro-cid-7ivqubo6]{will-change:transform;background:radial-gradient(circle at 48% 47%,#161719 0 50%,#242628 76%,#303235);border:1px solid #000000e6;border-radius:50%;transition:transform .24s cubic-bezier(.22,1.42,.36,1),box-shadow .24s ease-out;position:absolute;inset:7.5%;box-shadow:inset 3px 3px 9px #000000b8,inset -3px -3px 6px #ffffff17,1px 4.5px 2.2px #00000057,1px 7.5px 5.5px #00000029}.joystick-control[data-astro-cid-7ivqubo6].is-dragging .joystick-cap[data-astro-cid-7ivqubo6]{transition:none}.joystick-cap[data-astro-cid-7ivqubo6] i[data-astro-cid-7ivqubo6],.joystick-cap[data-astro-cid-7ivqubo6] b[data-astro-cid-7ivqubo6]{background:#070708;border-radius:99px;width:54%;height:4%;position:absolute;top:48%;left:23%;box-shadow:0 1px #ffffff0f}.joystick-cap[data-astro-cid-7ivqubo6] i[data-astro-cid-7ivqubo6]{transform:rotate(45deg)}.joystick-cap[data-astro-cid-7ivqubo6] b[data-astro-cid-7ivqubo6]{transform:rotate(-45deg)}.pixel-bezel[data-astro-cid-7ivqubo6]{background:#060a0b;border:1px solid #7a8a8fd1;border-radius:20%;place-items:center;transition:transform 90ms;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 1px 2px 5px #000000db,0 2px 2px #ffffff6b}.pixel-control[data-astro-cid-7ivqubo6]:active .pixel-bezel[data-astro-cid-7ivqubo6]{transform:scale(.98)}.pixel-viewport[data-astro-cid-7ivqubo6]{aspect-ratio:1;width:78%;display:grid;overflow:hidden}.pixel-matrix[data-astro-cid-7ivqubo6]{aspect-ratio:1;grid-template-columns:repeat(13,1fr);gap:1.538%;width:100%;display:grid}.pixel-cell{aspect-ratio:1;background:#4f63692e;border-radius:20%;transition:background-color .11s,box-shadow .11s}.pixel-matrix[data-astro-cid-7ivqubo6].slide-forward{animation:.22s ease-out panel-forward}.pixel-matrix[data-astro-cid-7ivqubo6].slide-back{animation:.22s ease-out panel-back}@keyframes panel-forward{0%{opacity:.25;transform:translateY(28%)}to{opacity:1;transform:translateY(0)}}@keyframes panel-back{0%{opacity:.25;transform:translateY(-28%)}to{opacity:1;transform:translateY(0)}}.controller-board[data-astro-cid-7ivqubo6].is-switching .app-icon[data-astro-cid-7ivqubo6],.controller-board[data-astro-cid-7ivqubo6].is-switching .task-glyph[data-astro-cid-7ivqubo6],.controller-board[data-astro-cid-7ivqubo6].is-switching .command-icon[data-astro-cid-7ivqubo6]{animation:.22s ease-out control-content-in}@keyframes control-content-in{0%{opacity:.15;transform:translate(-50%,-46%)scale(.88)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.sr-only[data-astro-cid-7ivqubo6]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.key-visual[data-astro-cid-7ivqubo6],.stepped-dial[data-astro-cid-7ivqubo6],.joystick-cap[data-astro-cid-7ivqubo6],.pixel-bezel[data-astro-cid-7ivqubo6],.pixel-cell{transition:none}.pixel-matrix[data-astro-cid-7ivqubo6].slide-forward,.pixel-matrix[data-astro-cid-7ivqubo6].slide-back,.controller-board[data-astro-cid-7ivqubo6].is-switching .app-icon[data-astro-cid-7ivqubo6],.controller-board[data-astro-cid-7ivqubo6].is-switching .task-glyph[data-astro-cid-7ivqubo6],.controller-board[data-astro-cid-7ivqubo6].is-switching .command-icon[data-astro-cid-7ivqubo6],.task-glyph[data-astro-cid-7ivqubo6][data-state=working]:before{animation:none}}