/* Page shells for the LegalFrame views (public fill page, admin editor and preview embeds). The element carries lf-shell--fill or lf-shell--editor to pick a layout. */ /* Fill and preview: the root is bounded to the viewport so the form and document panels each scroll independently (.client-form-body / .client-doc-scroll) instead of the whole page scrolling as one. */ html.lf-shell--fill, html.lf-shell--fill body { height: 100%; margin: 0; background: var(--paper); overflow: hidden; } html.lf-shell--fill #root { display: flex; flex-direction: column; width: 100%; height: 100vh; height: 100svh; overflow: hidden; } /* Admin editor embed. */ html.lf-shell--editor, html.lf-shell--editor body { height: 100%; margin: 0; overflow: hidden; } html.lf-shell--editor #root { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; min-width: 0; height: 100%; min-height: 100svh; max-height: 100%; background: var(--paper); } html.lf-shell--editor #root > .topbar-stack { flex: 0 0 auto; } html.lf-shell--editor #root > .stage { flex: 1 1 0; min-height: 0; overflow: hidden; position: relative; }