#hardware-stage{position:relative;isolation:isolate;width:100%;height:100%;min-height:480px;overflow:visible;touch-action:pan-y}
#hardware-stage>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1}
#hardware-screen{--hardware-ui-width:800px;--hardware-ui-height:600px;position:absolute;left:0;top:0;width:var(--hardware-ui-width);height:var(--hardware-ui-height);transform-origin:0 0;z-index:3;border-radius:25px;overflow:hidden;opacity:0;pointer-events:auto;transition:opacity 240ms ease;will-change:transform}
#hardware-screen>#desktop{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;transform:none!important;border-radius:0!important;box-shadow:none!important;border:0!important;overflow:hidden}
#hardware-stage.hardware-ready #hardware-screen{opacity:1}
#hardware-stage.hardware-fallback{display:grid;place-items:center;padding:30px}
#hardware-stage.hardware-fallback #hardware-screen{position:relative;inset:auto;width:min(100%,800px);height:auto;aspect-ratio:800/600;transform:none!important;opacity:1;box-shadow:0 25px 60px #22252b24}
#hardware-stage.hardware-fallback #hardware-screen>#desktop{min-height:400px}
@media(max-width:950px){#hardware-stage{min-height:390px}#hardware-screen{--hardware-ui-width:560px;--hardware-ui-height:420px;border-radius:21px}#hardware-stage.hardware-fallback{padding:12px}#hardware-stage.hardware-fallback #hardware-screen>#desktop{min-height:420px}}
@media(prefers-reduced-motion:reduce){#hardware-screen{transition:opacity 100ms ease;will-change:auto}}

#hardware-stage{cursor:grab}#hardware-stage.hardware-dragging{cursor:grabbing}#hardware-screen{cursor:auto;box-shadow:inset 0 0 0 2px #0c191b90,inset 0 0 35px #172d2c38}#hardware-screen:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 24px #11272228;z-index:30}