.panel-surface{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4.4%;background-image:url(/v1/assets/control-panel-reference.jpeg);background-size:100% 100%;background-position:center;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 -12px 24px #00000040}:root{color:#e9edf3;background:#16181c;font-family:Inter,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 18%,#30343b 0,#1b1e23 36%,#101216)}button{font:inherit}.access-stage{min-height:100vh;display:grid;place-items:center;padding:24px}.access-panel{position:relative;width:min(430px,92vw);padding:28px 28px 22px;border:1px solid rgba(255,255,255,.26);border-radius:22px;background:linear-gradient(145deg,#15171b,#050608 72%);box-shadow:0 24px 56px #00000094,inset 0 1px #ffffff14;text-align:center}.access-display{display:grid;gap:10px;padding:20px;border:4px solid #dce9f0;border-radius:12px;color:#453b91;background:linear-gradient(100deg,#b8d7e6,#cce7f3 55%,#abc9e1);box-shadow:0 0 0 3px #15171b,inset 0 0 10px #29567833}.access-status{font-size:13px;letter-spacing:.04em;text-transform:uppercase}.access-display label{font-size:24px;line-height:1}.access-display input{width:100%;height:42px;border:2px solid rgba(69,59,145,.75);border-radius:4px;padding:5px 10px;color:#332b79;background:#ffffff4d;font-family:ui-monospace,Consolas,monospace;font-size:24px;letter-spacing:.12em;outline:none}.access-display input:focus{box-shadow:0 0 0 2px #453b9138}.access-display input[aria-invalid=true]{border-color:#9d2633}.access-submit{display:block;min-width:168px;min-height:44px;margin:22px auto 0;border:2px solid #35c86b;border-radius:12px;color:#eef5f1;background:#101713;cursor:pointer}.access-submit:hover,.access-submit:focus-visible{background:#15261b;box-shadow:0 0 0 3px #35c86b33;outline:none}.access-submit:active{transform:translateY(1px)}.access-error{position:absolute;top:calc(100% + 8px);left:0;right:0;min-height:18px;margin:0;color:#ff717b;font-size:13px}.prototype-stage{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;padding:clamp(18px,4vw,52px)}.panel-wrap{width:min(760px,92vw,calc(88vh * 81.3 / 72.2));aspect-ratio:81.3 / 72.2;filter:drop-shadow(0 24px 38px rgba(0,0,0,.52))}.panel-surface{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4.4%;background-image:url(/v2/assets/control-panel-reference.jpeg);background-size:100% 100%;background-position:center;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 -12px 24px #00000040}.lcd-bezel{position:absolute;left:calc(10.12 / 81.3 * 100% + 10px);top:calc(8.48 / 72.2 * 100% + 2px);width:calc(58.78 / 81.3 * 100%);height:calc(13.68 / 72.2 * 100%);border-radius:1.7%/8%;background:transparent}.lcd-bezel:before{content:"";position:absolute;top:0;right:-4px;bottom:0;left:-2px;border-radius:inherit;background:#dce9f0;box-shadow:0 0 0 3px #040508db,0 0 0 4px #ffffffb8,inset 0 0 10px #ffffffd1}.lcd-active{position:absolute;left:calc(.6 / 58.78 * 100% + 1px);top:calc(.9 / 13.68 * 100%);width:calc(57.58 / 58.78 * 100%);height:calc(11.88 / 13.68 * 100%);z-index:1;overflow:hidden;background:radial-gradient(circle at 55% 50%,rgba(255,255,255,.32),transparent 48%),linear-gradient(100deg,#b8d7e6,#cce7f3 55%,#abc9e1);box-shadow:inset 0 0 8px #29567833}.lcd-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 28%,rgba(51,79,136,.04));mix-blend-mode:screen}.lcd-active canvas{display:block;width:100%;height:100%;image-rendering:pixelated;opacity:.92;filter:blur(.08px)}.hotspot{position:absolute;translate:-50% -50%;border:0;border-radius:999px;padding:0;cursor:pointer;background:transparent;outline:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hotspot:focus-visible{box-shadow:0 0 0 3px #5bc8ffbf}.hotspot:active{background:#ffffff1a;box-shadow:inset 0 3px 10px #0000009e,0 0 0 2px #ffffff21;transform:scale(.975)}.hotspot-left,.hotspot-right{z-index:2}.hotspot-settings,.hotspot-copy,.hotspot-id-copy,.hotspot-scan,.hotspot-start{translate:-50% calc(-50% + 3px)}.hotspot-cancel{translate:calc(-50% + 3px) -50%}.hotspot-start{translate:calc(-50% + 5px) calc(-50% + 4px)}.hotspot-back{translate:calc(-50% - 3px) -50%}.hotspot-settings{translate:calc(-50% - 3px) calc(-50% + 4px)}.hotspot-ok{translate:calc(-50% + 2px) -50%}.hotspot-copy,.hotspot-scan{translate:-50% calc(-50% + 4px)}.prototype-caption{margin:0;color:#aeb6c2;font-size:12px;letter-spacing:.035em;text-align:center}@media(max-width:560px){.prototype-stage{padding:14px 10px}.panel-wrap{width:min(96vw,calc(90vh * 81.3 / 72.2))}.prototype-caption{max-width:88vw;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}