/* Offline clone: sin RM boot el artboard queda en 1024×zoom fijo.
   Escala con transform (CSS zoom en Chromium/Electron altera left/right
   sin reescalar el layout y empuja widgets fuera del viewport).
   overflow-x solo en html/body para no recortar el diseño. */

html,
body {
  overflow-x: hidden !important;
}

.mag .mag-pages-container .container,
.mag .mag-pages-container .container .page {
  width: var(--rm-page-w, 100%) !important;
}

.mag .mag-pages-container .container .page.prev-page {
  -webkit-transform: translateX(calc(-1 * var(--rm-page-w, 100vw))) !important;
  transform: translateX(calc(-1 * var(--rm-page-w, 100vw))) !important;
}

.mag .mag-pages-container .container .page.center-page {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}

.mag .mag-pages-container .container .page.next-page {
  -webkit-transform: translateX(var(--rm-page-w, 100vw)) !important;
  transform: translateX(var(--rm-page-w, 100vw)) !important;
}

/* Anula zoom inline del snapshot; escala el artboard completo una sola vez */
.mag .page-content-container {
  zoom: 1 !important;
  left: 50% !important;
  margin-left: -512px !important;
  -webkit-transform: scale(var(--rm-zoom, 1)) !important;
  transform: scale(var(--rm-zoom, 1)) !important;
  -webkit-transform-origin: top center !important;
  transform-origin: top center !important;
}

/* No recortar widgets al reescalar (viewer.css usa overflow:hidden) */
.mag .mag-pages-container .container .page .content-scroll-wrapper .content-bounds,
.mag .mag-pages-container .container .page .fixed-position-container,
.mag .mag-pages-container .container .page .fixed-position-container-top,
.mag .mag-pages-container .above-pages-container {
  overflow: visible !important;
}

/*
  Fixed / above: un solo scale en el contenedor (artboard 1024),
  alineado al viewport. Sin zoom por widget → no doble escala.
*/
.mag .mag-pages-container .container .page .fixed-position-container,
.mag .mag-pages-container .container .page .fixed-position-container-top,
.mag .mag-pages-container .above-pages-container {
  width: 1024px !important;
  left: 50% !important;
  right: auto !important;
  margin-left: calc(var(--rm-page-w, 100vw) / -2) !important;
  -webkit-transform: scale(var(--rm-zoom, 1)) !important;
  transform: scale(var(--rm-zoom, 1)) !important;
  -webkit-transform-origin: top left !important;
  transform-origin: top left !important;
}

.mag .fixed-position-container .rmwidget,
.mag .fixed-position-container-top .rmwidget,
.mag .above-pages-container .rmwidget {
  zoom: 1 !important;
}