/* V698: reserve the three mandatory width/height/depth rows before JS fills
   the mobile dimension HUD. Existing rows are 28px with two 5px gaps. This is
   their actual height, not a fixed height for the variable parameter panel. */
@media (max-width: 980px) {
  html body.builder-page #constructor-workspace #dimension-hud-grid {
    min-height: 94px !important;
  }
}

/* Stage is first in DOM so the mobile visual order is present while parsing.
   Desktop grid keeps its existing left settings / right viewport arrangement. */
@media (min-width:981px) {
  body.builder-page #constructor-workspace > .builder-sidebar { order:0; }
  body.builder-page #constructor-workspace > .builder-stage { order:1; }
}

body.builder-page #builder-load-status {
  grid-area:viewer; align-self:start; justify-self:center; position:relative;
  z-index:4; pointer-events:none; margin:12px; padding:8px 12px;
  max-width:calc(100% - 24px); border-radius:12px; background:#152033;
  color:#f8fafc; font:500 13px/1.4 system-ui,sans-serif;
}
body.builder-page #builder-load-status[hidden] {display:none !important;}