/* Aperçus JPG/WebP : canvases centrés comme sur l’optimiseur PNG stable. */
.comparison-layer canvas {
  position:absolute;
  left:calc(50% + var(--pan-x));
  top:calc(50% + var(--pan-y));
  display:block;
  width:auto;
  height:auto;
  max-width:calc(100% - 28px);
  max-height:calc(100% - 28px);
  object-fit:contain;
  image-rendering:auto;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(var(--zoom));
  transform-origin:center center;
  will-change:left, top, transform;
}
.comparison-layer canvas[hidden] { display:none; }