/*
 * Pages exported from Hotglue are composed on fixed desktop canvases.  Keep
 * that coordinate plane intact so asset positions never depend on a visitor's
 * viewport width.  We deliberately do not use transform/zoom here: several
 * pages use pixel-based dragging and collision detection.
 */
html[data-authored-canvas='1200'] { --authored-canvas-width: 1200px; }
html[data-authored-canvas='1920'] { --authored-canvas-width: 1920px; }

html[data-authored-canvas] {
  --authored-canvas-scale: 1;
  box-sizing: border-box;
  min-width: var(--authored-canvas-width);
  margin: 0;
  padding: 0;
  background-position: left top;
  background-repeat: no-repeat;
  zoom: var(--authored-canvas-scale);
}

html[data-authored-canvas] body {
  box-sizing: border-box;
  width: var(--authored-canvas-width);
  min-width: var(--authored-canvas-width);
  margin: 0;
  padding: 0;
}