html,
body,
body.view-output,
body.view-output #appRoot {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.view-output {
  width: 1920px;
  height: 1080px;
}

body.view-output {
  position: relative;
  overflow: hidden;
}

body.view-output #appRoot {
  position: fixed;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1080px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/*
  Display DOM contract:
  - html/body/appRoot/output-render-root are transparent
  - output view renders no designer or operator chrome
  - appRoot mounts only the fixed logical output root in output mode
  - fixed logical render size is 1920x1080 for browser-source workflows
*/
.output-render-root {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1080px;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent !important;
  pointer-events: none;
}

.output-render-root .stage-viewport {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1080px;
  overflow: visible;
}

.output-render-root .graphic-stage {
  transform: none;
  transform-origin: top left;
}