/* Mobile viewer fits the artwork, with its controls always inside safe bounds.
   Desktop retains the existing full-height viewer. */
@media (max-width:700px), (max-height:500px) and (pointer:coarse){
 :is(#zoom-dialog,.glass-copy[data-source-id="zoom-dialog"]){
  width:calc(100vw - 16px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));
  height:var(--mobile-viewer-height,auto);
  max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  margin:auto;
  inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);
 }
 :is(#zoom-dialog,.glass-copy[data-source-id="zoom-dialog"]) .zoom-scroll img{object-position:center center;}
}