/* Pages Runtime primitives. Values are structural; colors remain theme tokens. */
.pages-content { width: 100%; overflow: clip; color: rgb(var(--color-text-main-rgb)); }
.page-container {
    width: calc(100% - 2rem);
    max-width: var(--layout-max-width);
    margin-inline: auto;
}
.page-section { position: relative; padding-block: clamp(4rem, 10vw, 9rem); }
.page-hero { min-height: min(92svh, 60rem); display: grid; align-items: center; }
.page-display { font-size: clamp(3rem, 10vw, 9rem); line-height: .92; letter-spacing: -.07em; }
.page-image-cover { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.pages-html-workspace { width: 100%; display: grid; grid-template-columns: minmax(0, 3fr) minmax(20rem, 1fr); align-items: start; gap: 1rem; min-height: 70vh; overflow: visible; }
.pages-editor-preview { min-height: 100vh; }
.pages-editor-workspace { position: relative; display: grid; grid-template-columns: minmax(0, 3fr) minmax(20rem, 1fr); height: calc(100vh - 7rem); min-height: 40rem; overflow: hidden; }
.pages-editor-workspace__preview, .pages-editor-layer { min-width: 0; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.pages-editor-workspace__preview { overflow-x: hidden; }
.pages-editor-layer { position: relative; z-index: 30; background: rgb(var(--color-bg-card-rgb)); border-left: 1px solid rgb(var(--color-border-muted-rgb)); }
.pages-editor-layer__body { width: min(100%, var(--layout-max-width)); margin-inline: auto; padding: 1rem; }
.pages-editor-layer .pages-html-workspace { display: flex; flex-direction: column; height: 50vh; min-height: 50vh; }
.pages-editor-layer .pages-html-workspace textarea[data-pages-html-editor] { height: auto; min-height: 0; flex: 1 1 auto; }
.pages-editor-layer textarea[data-pages-html-editor] { min-height: 50vh; height: 50vh; overflow-y: auto; resize: vertical; }
.pages-editor-workspace__tabs { display: none; }
.pages-editor-layer #editor { max-height: 60vh; overflow-y: auto; }
.pages-editor-workspace.is-tiptap { display: block; height: auto; min-height: 0; overflow: visible; }
.pages-editor-workspace.is-tiptap .pages-editor-workspace__preview { display: none; }
.pages-editor-workspace.is-tiptap .pages-editor-layer { width: 100%; border-left: 0; overflow: visible; }
.pages-editor-workspace.is-tiptap .pages-editor-layer .pages-html-workspace { height: auto; min-height: 0; }
.pages-editor-workspace.is-tiptap { width: 100%; max-width: 100%; overflow-x: hidden; }
.pages-editor-workspace.is-tiptap .pages-editor-layer { max-width: 100%; overflow-x: hidden; overflow-y: auto; }
.pages-editor-workspace.is-tiptap .pages-editor-layer__body { width: 100%; max-width: 100%; }
.pages-editor-workspace.is-tiptap #tiptap-toolbar { max-width: 100%; overflow-x: auto; overflow-y: hidden; }
.pages-editor-workspace.is-tiptap #editor { max-width: 100%; min-height: 0; max-height: 60vh; overflow-x: auto; overflow-y: auto; }
.pages-editor-workspace.is-tiptap { height: auto; min-height: 0; overflow: visible; }
.pages-editor-workspace.is-tiptap .pages-editor-layer { height: auto; overflow: visible; }
[data-pages-editor-layer] .grid { grid-template-columns: minmax(0, 1fr); }
[data-pages-editor-layer] .lg\:flex-row { flex-direction: column; }
@media (min-width: 768px) and (max-width: 1023px) { .pages-editor-workspace { grid-template-columns: minmax(0, 2fr) minmax(20rem, 1fr); } }
@media (max-width: 767px) { .pages-editor-workspace { display: flex; width: max-content; height: calc(100vh - 7rem); min-height: 36rem; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; } .pages-editor-workspace__tabs { position: absolute; z-index: 2; top: 0; left: 0; display: flex; gap: .25rem; width: 100vw; padding: .5rem 1rem; background: rgb(var(--color-bg-base-rgb)); } .pages-editor-workspace__preview { flex: 0 0 80vw; width: 80vw; scroll-snap-align: start; } .pages-editor-layer { flex: 0 0 90vw; width: 90vw; scroll-snap-align: start; border-left: 1px solid rgb(var(--color-border-muted-rgb)); } .pages-editor-preview { padding: 2.75rem 1rem 0; min-height: 60vh; } .pages-editor-workspace.is-tiptap { display: block; width: 100%; height: auto; overflow: visible; } .pages-editor-workspace.is-tiptap .pages-editor-workspace__tabs, .pages-editor-workspace.is-tiptap .pages-editor-workspace__preview { display: none; } }
form[data-editor-type="html"] > :not(.pages-html-workspace) { width: min(100%, var(--layout-max-width)); margin-inline: auto; }
form[data-editor-type="html"] > .pages-html-workspace { width: 100%; }
.pages-html-workspace > [data-pages-preview] { grid-column: 1; grid-row: 1 / span 4; display: block; min-height: 70vh; border: 1px solid rgb(var(--color-border-muted-rgb)); border-radius: var(--radius-xl); }
.pages-html-workspace > [data-pages-preview] + * { grid-column: 2; }
[data-pages-preview] { --color-page-editor-guide-rgb: 0 107 255; }
[data-pages-preview-content] [data-pages-selected] { outline: 2px dashed rgb(var(--color-page-editor-guide-rgb)); outline-offset: 3px; }
[data-pages-preview-content] img[data-page-editor-drop-target] { outline: 3px dashed rgb(var(--color-page-editor-guide-rgb)); outline-offset: -3px; }
@media (max-width: 767px) { .pages-html-workspace { display: flex; flex-direction: column; } .pages-html-workspace > [data-pages-preview] { order: -1; width: 100%; min-height: 24rem; } }
[data-reveal] { transition: opacity .7s ease, transform .7s ease; }
.pages-runtime-ready [data-reveal="fade"] { opacity: .01; }
.pages-runtime-ready [data-reveal="up"] { opacity: .01; transform: translateY(2rem); }
.pages-runtime-ready [data-reveal="left"] { opacity: .01; transform: translateX(2rem); }
.pages-runtime-ready [data-reveal="right"] { opacity: .01; transform: translateX(-2rem); }
.pages-runtime-ready [data-reveal].is-revealed { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { [data-reveal] { opacity: 1; transform: none; transition: none; } }