.remote.svelte-194swxq{background:linear-gradient(165deg,#343c60f2 0%,#0e101efa 100%);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:16px 12px;display:flex;position:relative;box-shadow:0 18px 40px #000000b3,inset 0 1px #ffffff0f}.remote.svelte-194swxq:before{content:"";background:linear-gradient(90deg,#0000,#00d8f580,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.dpad.svelte-194swxq{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px);gap:5px;display:grid}.dkey.up.svelte-194swxq{grid-area:1/2}.dkey.left.svelte-194swxq{grid-area:2/1}.dkey.right.svelte-194swxq{grid-area:2/3}.dkey.down.svelte-194swxq{grid-area:3/2}.dkey.svelte-194swxq{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(165deg,#2f3858 0%,#181c30 100%);border:none;border-radius:9px;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .1s,box-shadow .18s,background .18s;display:flex;box-shadow:0 2px 4px #00000080,inset 0 1px #ffffff12}.dkey.svelte-194swxq:hover{background:linear-gradient(165deg,#3a4570 0%,#1e2440 100%)}.dkey.svelte-194swxq:focus-visible{box-shadow:0 2px 4px #00000080,0 0 0 2px #00d8f599}.dkey.pressed.svelte-194swxq,.dkey.svelte-194swxq:active{box-shadow:inset 0 2px 6px #00000073, 0 0 16px var(--glow-c), 0 0 30px #00d8f540;background:linear-gradient(165deg,#00d8f5 0%,#0a93b8 100%);transform:translateY(2px)}.chev.svelte-194swxq{fill:none;width:18px;height:18px;stroke:var(--cyan);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s}.dkey.down.svelte-194swxq .chev:where(.svelte-194swxq){transform:rotate(180deg)}.dkey.left.svelte-194swxq .chev:where(.svelte-194swxq){transform:rotate(-90deg)}.dkey.right.svelte-194swxq .chev:where(.svelte-194swxq){transform:rotate(90deg)}.dkey.pressed.svelte-194swxq .chev:where(.svelte-194swxq),.dkey.svelte-194swxq:active .chev:where(.svelte-194swxq){stroke:#06212b}.okkey.svelte-194swxq{width:40px;height:40px;color:var(--cyan);font-family:var(--font);letter-spacing:.06em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(165deg,#36406a 0%,#161a2e 100%);border:none;border-radius:50%;outline:none;grid-area:2/2;place-self:center;padding:0;font-size:12px;font-weight:800;transition:transform .1s,box-shadow .18s,background .18s,color .18s;box-shadow:0 2px 5px #0000008c,inset 0 1px #ffffff14,inset 0 0 0 1px #00d8f538}.okkey.svelte-194swxq:hover{background:linear-gradient(165deg,#404c80 0%,#1c2238 100%)}.okkey.svelte-194swxq:focus-visible{box-shadow:0 2px 5px #0000008c,0 0 0 2px #00d8f599}.okkey.pressed.svelte-194swxq,.okkey.svelte-194swxq:active{color:#06212b;box-shadow:inset 0 2px 6px #00000073, 0 0 16px var(--glow-c), 0 0 30px #00d8f540;background:linear-gradient(165deg,#00d8f5 0%,#0a93b8 100%);transform:translateY(2px)}.divider.svelte-194swxq{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);align-self:stretch;height:1px}.colours.svelte-194swxq{grid-template-columns:repeat(1,44px);gap:16px;display:grid}.ckey.svelte-194swxq{--glow:#00d8f599;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;outline:none;width:44px;height:44px;padding:0;transition:transform .1s,box-shadow .18s,filter .15s;box-shadow:0 3px 6px #0000008c,inset 0 3px 5px #fff6,inset 0 -4px 7px #00000073}.ckey.svelte-194swxq:hover{filter:brightness(1.12)}.ckey.svelte-194swxq:focus-visible{box-shadow:0 3px 6px #0000008c,inset 0 3px 5px #fff6,inset 0 -4px 7px #00000073,0 0 0 3px #00d8f599}.ckey.pressed.svelte-194swxq,.ckey.svelte-194swxq:active{box-shadow:0 3px 6px #0000008c, inset 0 3px 5px #fff6, inset 0 -4px 7px #00000073, 0 0 22px var(--glow);transform:translateY(2px)}.ckey.red.svelte-194swxq{--glow:#ff3c4be6;background:radial-gradient(circle at 36% 30%,#ff7a7a,#d11f2f 72%)}.ckey.green.svelte-194swxq{--glow:#32dc5ad9;background:radial-gradient(circle at 36% 30%,#69e88c,#1d9b3d 72%)}.ckey.yellow.svelte-194swxq{--glow:#ffd23ce6;background:radial-gradient(circle at 36% 30%,#ffe784,#e3a900 72%)}.ckey.blue.svelte-194swxq{--glow:#4696ffe6;background:radial-gradient(circle at 36% 30%,#79b8ff,#1f6fd1 72%)}.layout-demo.svelte-18o3chm{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.demo-heading.svelte-18o3chm{text-shadow:0 0 20px #ffffff4d;margin-bottom:3rem;font-size:4rem}.demo-row.svelte-18o3chm{align-items:center;gap:6rem;display:flex}.demo-qr-card.svelte-18o3chm{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;flex-direction:column;align-items:center;padding:2.5rem;display:flex;box-shadow:0 20px 40px #0000004d}.demo-qr-wrap.svelte-18o3chm{background:#fff;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.demo-qr-img.svelte-18o3chm{width:250px;height:250px;display:block}.demo-code.svelte-18o3chm{letter-spacing:2px;color:#fff;font-family:monospace;font-size:2.5rem;font-weight:700}.demo-devices.svelte-18o3chm{flex-direction:column;align-items:center;display:flex}.demo-instructions.svelte-18o3chm{color:#ffffffd9;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;max-width:26rem;margin:0 0 2.5rem;padding:1.25rem 1.5rem;font-size:1.15rem;font-weight:300;line-height:1.5}.onelink-accent.svelte-18o3chm{color:var(--cyan);font-weight:600}.demo-devices-label.svelte-18o3chm{color:#ffffffb3;text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem;font-size:2rem;font-weight:300}.demo-count.svelte-18o3chm{text-shadow:0 0 30px #00ffcc80;background:linear-gradient(135deg,#0fc,#08f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:10rem;font-weight:700;line-height:1}.btn-start-demo.svelte-18o3chm{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#0fc,#08f);border:none;border-radius:3rem;margin-top:5rem;padding:1.2rem 3rem;font-size:1.8rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px #00ffcc4d}.btn-start-demo.svelte-18o3chm:hover{transform:scale(1.05);box-shadow:0 15px 40px #00ffcc80}.demo-stage.svelte-18o3chm{align-items:center;gap:30px;display:flex}.demo-stage-item.svelte-18o3chm{flex-direction:column;align-items:center;gap:16px;display:flex}.demo-stage-label.svelte-18o3chm{text-transform:uppercase;letter-spacing:4px;color:#fff;margin:0;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700}.iframe-container.svelte-18o3chm{background:#000;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px #000000bf,0 0 0 1px #00d8f526,0 0 44px #00d8f517}.demo-iframe.svelte-18o3chm{border:none;display:block}.demo-restart.svelte-18o3chm{margin:0;position:absolute;bottom:18px;left:20px}#techBg.svelte-1252j0f{z-index:0;pointer-events:none;background:#05050a;position:fixed;inset:0}
