.content-builder-shell,.page-builder{--cb-bg: #ffffff;--cb-surface: #fafafa;--cb-border: #e4e4e7;--cb-text: #18181b;--cb-muted: #71717a;--cb-accent: var(--color-primary, #00d4ff)}.dark .content-builder-shell,.dark .page-builder{--cb-bg: var(--color-mid-dark, #111113);--cb-surface: var(--color-dark, #09090b);--cb-border: var(--color-secondary, #27272a);--cb-text: #f4f4f5;--cb-muted: var(--color-light, #a1a1aa);color-scheme:dark}.content-builder-shell{overflow:hidden;border:1px solid var(--cb-border);border-radius:.75rem;background:var(--cb-bg)}.content-builder-shell__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--cb-border);background:var(--cb-surface)}.content-builder-shell__label{font-size:.75rem;font-weight:500;color:var(--cb-muted)}.content-builder-editor-wrap{display:flex;flex:1;flex-direction:column;min-height:0}.content-builder-editor{flex:1;min-height:18rem;padding:0;overflow:auto;color:var(--cb-text)}.content-builder-editor a{color:var(--cb-accent)}.page-builder{display:grid;gap:1.25rem}.page-builder__toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1.5rem}.page-builder__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto}.page-builder__preview-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--cb-text) 10%,transparent)}.page-builder__workspace{--page-builder-pane-height: 42rem;display:grid;gap:1rem}@media(min-width:1280px){.page-builder__workspace{grid-template-columns:minmax(0,1fr);align-items:stretch}.page-builder__workspace:has([data-preview-pane]:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.page-builder--preview-hidden .page-builder__workspace:not(:has([data-preview-pane]:not([hidden]))){grid-template-columns:minmax(0,1fr)}}.page-builder__editor,.page-builder__preview{display:flex;flex-direction:column;min-width:0;height:var(--page-builder-pane-height)}.page-builder__editor .content-builder-shell{display:flex;flex:1;flex-direction:column;min-height:0;height:100%}.page-builder__editor .content-builder-editor-mount,.page-builder__editor .content-builder-editor{flex:1;min-height:0;height:100%}.page-builder__editor .notion-like-editor-wrapper--embedded{position:relative;min-height:100%;height:100%}.page-builder__preview{overflow:hidden;border:1px solid var(--cb-border);border-radius:.75rem;background:var(--cb-bg)}.page-builder__preview-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--cb-border);background:var(--cb-surface)}.page-builder__chip{border:0;border-radius:.375rem;background:transparent;padding:.25rem .6rem;font-size:.75rem;font-weight:500;color:var(--cb-muted);cursor:pointer}.page-builder__chip:hover{color:var(--cb-text)}.page-builder__chip[aria-pressed=true]{color:var(--cb-text);background:color-mix(in srgb,var(--cb-text) 10%,transparent)}.page-builder__chip:focus-visible{outline:2px solid var(--cb-accent);outline-offset:2px}.page-builder__frame-wrap{flex:1;display:flex;justify-content:center;min-height:0;padding:.75rem;background:var(--cb-surface)}.page-builder__frame-wrap iframe{width:100%;height:100%;min-height:0;border:1px solid var(--cb-border);border-radius:.5rem;background:#f4f6f8;transition:width .2s ease}.page-builder[data-preview-width=mobile] .page-builder__frame-wrap iframe{width:390px;max-width:100%}