.content-builder-editor,.content-builder-preview,.content-builder-page,.content-builder-tool,.page-builder{--cb-bg: var(--color-dark, #09090b);--cb-elevated: var(--color-mid-dark, #111113);--cb-panel: var(--color-mid-light, #1c1c1e);--cb-border: color-mix(in srgb, var(--color-primary, #00d4ff) 16%, #27272a);--cb-text: #f4f4f5;--cb-muted: var(--color-light, #a1a1aa);--cb-accent: var(--color-primary, #00d4ff);--cb-danger: var(--color-danger-foreground, #f46859)}.content-builder-editor,.content-builder-preview,.content-builder-page,.content-builder-tool,.content-builder-shell,.page-builder__preview{color-scheme:dark}.content-builder-shell{overflow:hidden;border:1px solid var(--cb-border);border-radius:1rem;background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--cb-accent) 14%,transparent),transparent 46%),radial-gradient(90% 70% at 100% 100%,color-mix(in srgb,var(--cb-accent) 7%,transparent),transparent 42%),var(--cb-elevated);box-shadow:0 0 0 1px color-mix(in srgb,var(--cb-accent) 6%,transparent),0 24px 60px -32px color-mix(in srgb,var(--cb-accent) 35%,transparent)}.content-builder-shell__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.25rem;padding:.85rem 1.1rem;border-bottom:1px solid color-mix(in srgb,var(--cb-accent) 12%,#27272a);background:color-mix(in srgb,var(--cb-bg) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.content-builder-shell__hint{margin:.25rem 0 0;max-width:36rem;font-size:.75rem;line-height:1.4;color:color-mix(in srgb,#a1a1aa 88%,white)}.content-builder-shell__label{display:flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cb-muted)}.content-builder-shell__label:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:var(--cb-accent);box-shadow:0 0 12px var(--cb-accent)}.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 .codex-editor{color:var(--cb-text);font-family:var(--font-sans, Outfit, sans-serif)}.content-builder-editor .ce-block__content,.content-builder-editor .ce-toolbar__content{max-width:44rem}.content-builder-editor .ce-block{margin:.15rem 0}.content-builder-editor .ce-block__content{padding:.15rem .35rem;border-radius:.75rem;transition:background .16s ease,box-shadow .16s ease}.content-builder-editor .ce-block--selected .ce-block__content,.content-builder-editor .ce-block--focused .ce-block__content{background:color-mix(in srgb,var(--cb-accent) 7%,transparent)!important;box-shadow:inset 3px 0 0 var(--cb-accent)}.content-builder-editor .ce-paragraph,.content-builder-editor .ce-header,.content-builder-editor .cdx-block,.content-builder-editor .cdx-list,.content-builder-editor .cdx-quote,.content-builder-editor .cdx-input,.content-builder-editor [contenteditable]{color:var(--cb-text);caret-color:var(--cb-accent)}.content-builder-editor .ce-paragraph{line-height:1.7}.content-builder-editor .ce-header{font-weight:600;letter-spacing:-.03em}.content-builder-editor .ce-paragraph[data-placeholder]:empty:before,.content-builder-editor .ce-paragraph[data-placeholder-active]:empty:before,.content-builder-editor [data-placeholder]:empty:before{color:color-mix(in srgb,var(--cb-muted) 80%,transparent)!important;font-weight:400}.content-builder-editor a{color:var(--cb-accent)}.content-builder-editor .ce-toolbar__plus,.content-builder-editor .ce-toolbar__settings-btn{width:2rem;height:2rem;color:var(--cb-accent)!important;background:color-mix(in srgb,var(--cb-accent) 10%,var(--cb-panel))!important;border:1px solid color-mix(in srgb,var(--cb-accent) 32%,transparent)!important;border-radius:.6rem!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--cb-accent) 8%,transparent),0 10px 24px -14px color-mix(in srgb,var(--cb-accent) 70%,transparent);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.content-builder-editor .ce-toolbar__plus:hover,.content-builder-editor .ce-toolbar__settings-btn:hover,.content-builder-editor .ce-toolbar__plus:focus,.content-builder-editor .ce-toolbar__settings-btn:focus{background:color-mix(in srgb,var(--cb-accent) 22%,var(--cb-panel))!important;box-shadow:0 0 22px color-mix(in srgb,var(--cb-accent) 35%,transparent);transform:translateY(-1px)}.content-builder-editor .ce-toolbar__plus svg,.content-builder-editor .ce-toolbar__settings-btn svg{color:var(--cb-accent);fill:currentColor}.content-builder-editor .ce-popover,.content-builder-editor .ce-popover__container,.content-builder-editor .ce-inline-toolbar,.content-builder-editor .ce-conversion-toolbar,.content-builder-editor .ce-settings,.content-builder-editor .cdx-notify{color:var(--cb-text)!important;background:color-mix(in srgb,var(--cb-elevated) 92%,black)!important;border:1px solid var(--cb-border)!important;border-radius:.9rem!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--cb-accent) 8%,transparent),0 24px 50px -20px #000000b3,0 0 40px -18px color-mix(in srgb,var(--cb-accent) 45%,transparent)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.content-builder-editor .ce-popover-item,.content-builder-editor .ce-inline-tool,.content-builder-editor .ce-conversion-tool,.content-builder-editor .ce-popover-item-html{color:var(--cb-text)!important;border-radius:.55rem!important}.content-builder-editor .ce-popover-item:hover,.content-builder-editor .ce-popover-item--focused,.content-builder-editor .ce-popover-item--active,.content-builder-editor .ce-inline-tool:hover,.content-builder-editor .ce-inline-tool--active,.content-builder-editor .ce-conversion-tool:hover,.content-builder-editor .ce-conversion-tool--focused{background:color-mix(in srgb,var(--cb-accent) 12%,transparent)!important;color:var(--cb-accent)!important}.content-builder-editor .ce-popover-item__title,.content-builder-editor .ce-popover-item__secondary-title,.content-builder-editor .ce-conversion-tool__label{color:inherit!important}.content-builder-editor .ce-popover-item__icon,.content-builder-editor .ce-inline-tool svg,.content-builder-editor .ce-conversion-tool__icon{background:color-mix(in srgb,var(--cb-accent) 10%,var(--cb-panel))!important;color:var(--cb-accent)!important;border-radius:.45rem!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cb-accent) 16%,transparent)}.content-builder-editor .cdx-search-field,.content-builder-editor .ce-inline-tool-input,.content-builder-editor .cdx-input,.content-builder-editor .cdx-button{color:var(--cb-text)!important;background:var(--cb-panel)!important;border:1px solid color-mix(in srgb,var(--cb-accent) 14%,#27272a)!important;border-radius:.6rem!important;box-shadow:none!important}.content-builder-editor .cdx-search-field__input,.content-builder-editor .cdx-input{color:var(--cb-text)!important}.content-builder-editor .cdx-search-field svg{color:var(--cb-muted)}.content-builder-editor .cdx-button:hover{background:color-mix(in srgb,var(--cb-accent) 12%,var(--cb-panel))!important;border-color:color-mix(in srgb,var(--cb-accent) 40%,transparent)!important;color:var(--cb-accent)!important}.content-builder-editor .cdx-quote{background:color-mix(in srgb,var(--cb-accent) 6%,var(--cb-panel));border-left:3px solid var(--cb-accent);border-radius:0 .75rem .75rem 0;padding:.75rem 1rem}.content-builder-editor .cdx-quote__text,.content-builder-editor .cdx-quote__caption{background:transparent!important;color:var(--cb-text)!important}.content-builder-editor .image-tool{border:1px dashed color-mix(in srgb,var(--cb-accent) 28%,transparent);border-radius:.9rem;background:color-mix(in srgb,var(--cb-accent) 4%,var(--cb-panel))}.content-builder-editor .image-tool--filled{border-style:solid;overflow:hidden}.content-builder-editor .image-tool__image-picture,.content-builder-editor .image-tool img{border-radius:.75rem}.content-builder-editor .ce-popover-item-separator{background:color-mix(in srgb,var(--cb-accent) 12%,transparent)!important}.content-builder-tool{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--cb-border);border-radius:.95rem;background:linear-gradient(180deg,color-mix(in srgb,var(--cb-accent) 6%,transparent),transparent 42%),var(--cb-panel);box-shadow:inset 0 1px color-mix(in srgb,white 6%,transparent)}.content-builder-tool label{display:grid;gap:.4rem;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cb-muted)}.content-builder-tool input[type=text],.content-builder-tool input[type=url],.content-builder-tool select,.content-builder-tool textarea,.content-builder-tool .cb-richtext{width:100%;border:1px solid color-mix(in srgb,var(--cb-accent) 12%,#27272a);border-radius:.6rem;background:var(--cb-elevated);padding:.6rem .8rem;font-size:.875rem;font-weight:400;color:var(--cb-text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.content-builder-tool input::placeholder,.content-builder-tool textarea::placeholder{color:color-mix(in srgb,var(--cb-muted) 75%,transparent)}.content-builder-tool input:focus,.content-builder-tool select:focus,.content-builder-tool textarea:focus,.content-builder-tool .cb-richtext:focus{border-color:color-mix(in srgb,var(--cb-accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-accent) 18%,transparent)}.content-builder-tool .cb-richtext{min-height:6rem;line-height:1.6}.content-builder-tool .cb-toolbar{display:flex;gap:.3rem}.content-builder-tool .cb-toolbar button,.content-builder-tool .cb-upload,.content-builder-tool input[type=file]::file-selector-button{border:1px solid color-mix(in srgb,var(--cb-accent) 22%,transparent);border-radius:.45rem;background:color-mix(in srgb,var(--cb-accent) 10%,var(--cb-elevated));padding:.28rem .6rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cb-accent);cursor:pointer}.content-builder-tool .cb-toolbar button:hover,.content-builder-tool input[type=file]::file-selector-button:hover{background:color-mix(in srgb,var(--cb-accent) 20%,var(--cb-elevated))}.content-builder-tool input[type=file]{color:var(--cb-muted);font-size:.8rem}.content-builder-tool .cb-preview{width:100%;max-height:14rem;object-fit:cover;border-radius:.75rem;border:1px solid var(--cb-border);box-shadow:0 12px 30px -18px #000c}.content-builder-tool .cb-row{display:grid;gap:.75rem}@media(min-width:640px){.content-builder-tool .cb-row{grid-template-columns:1fr 1fr}}.content-builder-preview{min-height:100vh;color:var(--cb-text);background:radial-gradient(90% 50% at 50% -10%,color-mix(in srgb,var(--cb-accent) 16%,transparent),transparent 50%),radial-gradient(60% 40% at 100% 100%,color-mix(in srgb,var(--cb-accent) 8%,transparent),transparent 45%),var(--cb-bg)}.content-builder-preview__header{border-bottom:1px solid color-mix(in srgb,var(--cb-accent) 12%,#27272a);background:color-mix(in srgb,var(--cb-elevated) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.content-builder-preview__kicker{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cb-accent)}.content-builder-preview__back{font-size:.875rem;font-weight:600;color:var(--cb-text)}.content-builder-preview__back:hover{color:var(--cb-accent)}.content-builder-page{color:var(--cb-text)}.content-builder-page h1,.content-builder-heading{color:#fff;letter-spacing:-.03em}.content-builder-paragraph,.content-builder-list,.content-builder-text-image__body{color:color-mix(in srgb,var(--cb-text) 78%,var(--cb-muted))}.content-builder-page a,.content-builder-paragraph a,.content-builder-text-image__body a{color:var(--cb-accent);text-underline-offset:3px}.content-builder-quote{border-inline-start:3px solid var(--cb-accent);padding-inline-start:1.25rem;color:color-mix(in srgb,var(--cb-text) 88%,white);font-size:1.125rem;line-height:1.8}.content-builder-quote figcaption,.content-builder-caption{margin-top:.75rem;font-size:.875rem;color:var(--cb-muted)}.content-builder-cta{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--cb-accent) 28%,transparent);border-radius:1.25rem;padding:2.25rem 1.75rem;background:radial-gradient(80% 80% at 100% 0%,color-mix(in srgb,var(--cb-accent) 18%,transparent),transparent 55%),var(--cb-panel);box-shadow:0 20px 50px -28px color-mix(in srgb,var(--cb-accent) 45%,transparent)}.content-builder-cta h2{color:#fff}.content-builder-cta p{color:color-mix(in srgb,var(--cb-text) 75%,var(--cb-muted))}.content-builder-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;padding:.65rem 1.05rem;font-size:.875rem;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.content-builder-button:hover{transform:translateY(-1px)}.content-builder-button--primary{color:#09090b;background:var(--cb-accent);box-shadow:0 10px 24px -12px color-mix(in srgb,var(--cb-accent) 80%,transparent)}.content-builder-button--secondary{color:var(--cb-text);background:transparent;border:1px solid color-mix(in srgb,var(--cb-accent) 30%,#3f3f46)}.content-builder-button--secondary:hover{border-color:var(--cb-accent);color:var(--cb-accent)}.content-builder-text-image img,.content-builder-page figure img{border:1px solid var(--cb-border);box-shadow:0 18px 40px -24px #000000d9}.ce-popover,.ce-popover__container,.ce-inline-toolbar,.ce-conversion-toolbar,.ce-settings{color:#f4f4f5!important;background:color-mix(in srgb,#111113 92%,black)!important;border:1px solid color-mix(in srgb,#00d4ff 16%,#27272a)!important;border-radius:.9rem!important;box-shadow:0 0 0 1px color-mix(in srgb,#00d4ff 8%,transparent),0 24px 50px -20px #000000b3!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ce-popover-item,.ce-inline-tool,.ce-conversion-tool{color:#f4f4f5!important}.ce-popover-item:hover,.ce-popover-item--focused,.ce-popover-item--active,.ce-inline-tool:hover,.ce-inline-tool--active,.ce-conversion-tool:hover{background:color-mix(in srgb,#00d4ff 12%,transparent)!important;color:#00d4ff!important}.ce-popover-item__icon,.ce-conversion-tool__icon{background:color-mix(in srgb,#00d4ff 10%,#1c1c1e)!important;color:#00d4ff!important}.cdx-search-field,.ce-inline-tool-input{color:#f4f4f5!important;background:#1c1c1e!important;border-color:color-mix(in srgb,#00d4ff 14%,#27272a)!important}.page-builder{display:grid;gap:1.25rem}.page-builder__toolbar{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.page-builder__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.page-builder__toggle{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;margin:.15rem 0 0;padding:.15rem;border:0;background:transparent;cursor:pointer}.page-builder__toggle:focus-visible{outline:2px solid var(--cb-accent, #00d4ff);outline-offset:4px;border-radius:.5rem}.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, #27272a);border-radius:1rem;background:#0c0c0e;box-shadow:0 0 0 1px color-mix(in srgb,#00d4ff 6%,transparent)}.page-builder__preview-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.25rem;padding:.85rem 1.1rem;border-bottom:1px solid color-mix(in srgb,#00d4ff 12%,#27272a);background:color-mix(in srgb,#09090b 72%,transparent)}.page-builder__chip{border:1px solid color-mix(in srgb,#00d4ff 18%,transparent);border-radius:999px;background:transparent;padding:.2rem .65rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#a1a1aa;cursor:pointer}.page-builder__chip[aria-pressed=true]{color:#09090b;background:#00d4ff;border-color:#00d4ff}.page-builder__frame-wrap{flex:1;display:flex;justify-content:center;min-height:0;padding:.75rem;background:linear-gradient(#1c1c1e 1px,transparent 1px),linear-gradient(90deg,#1c1c1e 1px,transparent 1px);background-size:24px 24px;background-color:#111113}.page-builder__frame-wrap iframe{width:100%;height:100%;min-height:0;border:0;border-radius:.75rem;background:#f4f6f8;box-shadow:0 18px 40px -24px #000c;transition:width .2s ease}.page-builder[data-preview-width=mobile] .page-builder__frame-wrap iframe{width:390px;max-width:100%}