/* WebGL geometry + a synchronized live DOM display, not a transformed photo. */
.device-stage{position:relative;width:400px;max-width:100%;height:700px;isolation:isolate;cursor:grab;touch-action:pan-y}
.device-stage.dragging{cursor:grabbing}.device-webgl,.device-dom{position:absolute;inset:0;width:100%;height:100%}.device-webgl{z-index:0;filter:drop-shadow(16px 28px 24px #071b354d)}.device-dom{z-index:1;pointer-events:none}.device-face{position:absolute;transform-style:flat;will-change:transform;background:#264e70;border-radius:20px;overflow:hidden;backface-visibility:hidden;pointer-events:auto;cursor:auto}.device-face .device-display-content{position:absolute;contain:paint;isolation:isolate;transform-style:flat;inset:0;width:100%;height:100%;border-radius:20px;box-shadow:none}.device-camera-hole{position:absolute;top:11px;left:calc(50% - 4.5px);width:9px;height:9px;background:#04080e;border-radius:50%;box-shadow:inset 0 0 0 2px #172533;z-index:8;pointer-events:none}
@media(max-width:600px){.device-stage{height:650px;width:min(360px,calc(100vw - 32px))}}