/* iPear Custom Studio — photoreal preview overlay (Phase 3A, dev-flagged).
   Additive only: sits over the existing CSS mockup inside .ipear-phone-wrap.
   pointer-events:none so the real draggable image keeps receiving input.
   display is toggled by JS; hidden by default → CSS mockup shows through. */
.ipear-phone-wrap > .ipear-mk-preview-overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:none;
  pointer-events:none;
  z-index:6; /* above the CSS shell/screen, below any editing chrome/handles */
}