.document-viewport-stage{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;overflow:auto}.document-viewport-stage[data-design=true]{background:var(--app-panel,#f2f4f6);padding:12px}.document-viewport-display{margin-inline:auto;position:relative}.document-viewport-frame{transform-origin:0 0;background:var(--app-background,#fff);position:absolute;top:0;left:0;overflow:hidden}.document-viewport-stage[data-design=true] .document-viewport-frame{outline:1px solid var(--app-border,#dbe2ea)}.document-viewport-scroll{overscroll-behavior:contain;height:100%;overflow:auto}.document-viewport-scroll>.site-preview{height:100%}.document-viewport-scroll>iframe{border:0;width:100%;height:100%;display:block}.document-viewport-controls{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:5px;min-height:36px;padding:3px 7px;font-size:11px;display:flex}.document-viewport-controls>output{color:var(--app-muted,#64748b);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.document-viewport-controls button{font-size:inherit}