:root{--ui-theme-surface:#fff;--ui-theme-ink:#514464;--ui-theme-line:#e3d9ee;--ui-theme-hover:#f1e9fb;--ui-theme-muted:#796984;--ui-theme-accent:#7654b8}
:root[data-ui-theme=dark]{--ui-theme-surface:#251e32;--ui-theme-ink:#eee7f8;--ui-theme-line:#4b3a60;--ui-theme-hover:#3b2d4d;--ui-theme-muted:#bcaecc;--ui-theme-accent:#c1a7fa}
.ui-theme-button{height:35px;min-width:35px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;border:1px solid var(--ui-theme-line);border-radius:9px;background:var(--ui-theme-surface);color:var(--ui-theme-ink);padding:7px 10px;font:600 11px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
.ui-theme-button:hover,.ui-theme-button[aria-expanded=true]{background:var(--ui-theme-hover)}.ui-theme-button:focus-visible,.ui-theme-menu button:focus-visible{outline:3px solid #b99ade;outline-offset:3px}.ui-theme-button svg,.ui-theme-menu svg{flex-shrink:0;display:block}
.ui-theme-menu{position:fixed;z-index:12000;width:210px;max-width:calc(100vw - 16px);max-height:calc(100svh - 16px);overflow-y:auto;background:var(--ui-theme-surface);color:var(--ui-theme-ink);border:1px solid var(--ui-theme-line);border-radius:13px;padding:8px;box-shadow:0 14px 42px #140c232d;font:13px/1.4 Arial,Helvetica,sans-serif;user-select:none}
.ui-theme-menu-title{margin:6px 9px 7px;color:var(--ui-theme-muted);font-size:9px;font-weight:700;letter-spacing:1.3px}.ui-theme-menu button{width:100%;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 10px;border-radius:7px;cursor:pointer;font:inherit}.ui-theme-menu button:hover,.ui-theme-menu button:focus-visible{background:var(--ui-theme-hover)}.ui-theme-menu button[aria-checked=true]{color:var(--ui-theme-accent);background:var(--ui-theme-hover);font-weight:700}.ui-theme-check{margin-left:auto;opacity:0}.ui-theme-menu button[aria-checked=true] .ui-theme-check{opacity:1}.ui-theme-menu-note{margin:9px 9px 5px;color:var(--ui-theme-muted);font-size:10px;line-height:1.5}
.landing-header-actions{display:flex;align-items:center;gap:13px;flex-shrink:0}.landing-header-actions .landing-account{margin-left:0}.gate-theme{position:absolute;top:24px;right:24px}.gate{position:relative}
@media(max-width:760px){.ui-theme-button{height:32px;min-width:32px;padding:6px 7px}.ui-theme-label{display:none}.landing-header-actions{gap:8px}.gate-theme{top:16px;right:16px}.ui-theme-menu{width:198px}}
@media(prefers-reduced-motion:reduce){.ui-theme-button,.ui-theme-menu{transition:none;animation:none}}

/* Interface only. This stylesheet is never injected into a canvas or publication. */
:root[data-ui-theme=dark]{color-scheme:dark;--ink:#eee8f8;--muted:#bdb0cd;--accent:#b79cf4;--accent-hover:#c9b4ff;--line:#47394f;--soft:#2c2239;--bg:#17131f;--white:#251e30;--red:#ffadbb;--green:#82d6b2;background:#17131f;color:#eee8f8}
:root[data-ui-theme=dark] body{background:#17131f;color:#eee8f8}
:root[data-ui-theme=dark] :is(.landing-header,.landing-footer,.app-header,.editor-sidebar,.inspector,.canvas-toolbar,.canvas-bottom,.preview-header,.website-card,.account-card,.modal,.preview-modal,.gate-card,.item-fields,.editor-context-menu,.landing-context-menu,.canvas-area-label,.gutter-plus){background:#251e30;border-color:#47394f;color:#eee8f8}
:root[data-ui-theme=dark] :is(.how-section,.closing-section){background:#211a2c;border-color:#47394f}
:root[data-ui-theme=dark] :is(.closing-section h2,.how-grid h3,.brand,.brand-by,.quiet-button,.landing-account,.app-brand,.header-location,.project-name,.website-card-title,.account-profile,.account-detail,.inspector-heading,.panel-heading h2,.modal-heading h2,.item-heading,.field-label,.sidebar-tabs button,.canvas-page-name,.canvas-area-label,.layer-name,.page-row>button,.inspector-group>summary,.sidebar-foot,.dashboard-footer,.template-name){color:#eee8f8}
:root[data-ui-theme=dark] :is(.hero-intro,.login-note,.section-top p,.how-grid p,.landing-footer p,.eyebrow,.dashboard-top p,.dashboard-note,.website-card-info>p,.account-heading p,.account-profile p,.account-wide p,.account-card .panel-tip,.account-detail,.storage-meter>div,.storage-meter strong,.save-status,.panel-tip,.panel-heading p,.inspector-empty p,.modal-description,.template-description,.field small,.field-label small,.sidebar-foot,.canvas-hint,.canvas-bottom,.zoom-label,.item-heading span,.html-fit-option,.html-inspector p){color:#bdb0cd}
:root[data-ui-theme=dark] :is(.quiet-button,.landing-account,.account-nav):hover{background:#3a2c4d;color:#f3edfb}
:root[data-ui-theme=dark] :is(.primary-button,.button.primary,.skip-link){background:#b79cf4;color:#21152f;border-color:#b79cf4}
:root[data-ui-theme=dark] :is(.primary-button,.button.primary):hover{background:#c9b4ff;color:#21152f}
:root[data-ui-theme=dark] :is(.button.ghost,.icon-button,.button.small.ghost,.canvas-size-presets button,.align-tools button,.layer-order-controls .button){color:#d4c2ee;border-color:#51405f}
:root[data-ui-theme=dark] :is(.button.ghost,.icon-button,.device-button,.canvas-size-presets button,.align-tools button):hover{background:#3a2c4d;color:#f4ecff}
:root[data-ui-theme=dark] :is(.shape-palette>button,.canvas-layer,.page-row,.canvas-size-presets button,.align-tools button,.template-option,.template-search input,.layout-switch,.zoom-label select,.field input,.field textarea,.field select,.html-code-editor,.publish-address,.published-summary,.export-summary,.preview-badge,.cursor-swatch,.asset-empty){background:#1e1828;color:#e2d6ee;border-color:#4b3b5c}
:root[data-ui-theme=dark] :is(.shape-palette>button:hover,.shape-palette>button:focus-visible,.canvas-layer.active,.sidebar-tabs button.active,.page-row.active,.device-button.active,.layout-switch>button.active,.template-option:has(input:checked)){background:#3a2c4d;color:#ceb6ff;border-color:#8a6aaf}
:root[data-ui-theme=dark] :is(.shape-palette span,.layer-name>svg,.canvas-size-presets button,.zoom-label,.beta-pill){color:#c5b1df}
:root[data-ui-theme=dark] :is(.shape-palette>button,.shape-palette>button svg){color:#c3a8f1}
:root[data-ui-theme=dark] :is(.canvas-stage,.preview-stage){background:#120f19}
:root[data-ui-theme=dark] :is(.device-switch,.avatar,.large-avatar,.beta-pill,.storage-meter progress){background:#3a2c4d;color:#d9c8f4;border-color:#51405f}
:root[data-ui-theme=dark] :is(.button.danger,.danger-hover:hover,.form-error,.toast-error,.login-error){background:#39212c;color:#ffb4c3;border-color:#733d54}
:root[data-ui-theme=dark] :is(.toast,.publish-info,.legacy-recovery-note,.retained-sections-note,.recovery-message){background:#2b2238;color:#e1d2f2;border-color:#59436d}
:root[data-ui-theme=dark] :is(.available,.name-status.available,.published-dot){color:#8ae0b5}
:root[data-ui-theme=dark] :is(.taken,.name-status.taken,.danger-text,.save-failed){color:#ffb2c3}
:root[data-ui-theme=dark] :is(.editor-context-menu button,.landing-context-menu button){color:#eee8f8}
:root[data-ui-theme=dark] :is(.editor-context-menu button,.landing-context-menu button):hover{background:#3a2c4d}
:root[data-ui-theme=dark] :is(.studio-illustration,.illustration-toolbar,.illustration-sidebar,.floating-note){background:#292033;border-color:#51405f;color:#e9ddf5}
:root[data-ui-theme=dark] :is(.illustration-brand,.illustration-saved,.illustration-section,.sidebar-label,.illustration-add,.floating-note b){color:#d9c7ef}
:root[data-ui-theme=dark] .illustration-section.active{background:#403051;color:#eadcff}

:root[data-ui-theme=dark] :is(.brand-symbol,.hero-copy h1 span,.step-number,.gutter-plus){color:#c5acff}

/* Complete the interface states without changing authored website previews. */
:root[data-ui-theme=light] :is(.field small,.shape-palette span,.panel-heading p,.panel-tip,.sidebar-foot,.account-heading p:not(.eyebrow),.account-profile p,.account-wide p,.account-detail,.storage-meter>div,.storage-meter strong,.template-search>span,.cursor-swatch,.cursor-test,.canvas-appearance>summary,.inspector-group>summary,.editor-context-menu>p,.publish-name>span,.landing-context-menu button){color:#756582}
:root[data-ui-theme=light] :is(.field input,.field textarea,.template-search input)::placeholder{color:#756582}
:root[data-ui-theme=light] :is(.landing-context-menu button,.editor-context-menu>button):is(:hover,:focus-visible){color:#6952d9}
:root[data-ui-theme=dark] :is(.empty-dashboard,.canvas-appearance){background:#251e30;border-color:#47394f;color:#eee8f8}
:root[data-ui-theme=dark] .empty-window{background:#30243e;border-color:#64507d;color:#eee8f8}
:root[data-ui-theme=dark] :is(.canvas-appearance>summary,.template-search>span,.editor-context-menu>p){color:#bdb0cd}
:root[data-ui-theme=dark] :is(.cursor-test,.palette-pointer-ghost,.publish-name>span){background:#30243e;border-color:#64507d;color:#e9ddf5}
:root[data-ui-theme=dark] .palette-pointer-ghost.valid-drop{background:#403051;color:#e3cbff;border-color:#b59cde}
:root[data-ui-theme=light] .palette-pointer-ghost{color:#705481}
:root[data-ui-theme=dark] .published-summary>a{color:#9be0b8}
:root[data-ui-theme=dark] :is(.editor-context-menu button,.landing-context-menu button):is(:hover,:focus-visible){background:#3a2c4d;color:#eee8f8}
:root[data-ui-theme=dark] .context-divider{background:#51405f}
:root[data-ui-theme=dark] .board-resize>span{background:#3a2c4d;border-color:#b99adc}
:root[data-ui-theme=dark] .board-resize:is(:hover,:focus-visible)>span{background:#51405f;border-color:#d5baf8}
:root[data-ui-theme=light] .board-resize>span{border-color:#8b65b3}
.thumbnail-browser,.template-preview:not(.template-creator){color:#29263d}
:root[data-ui-theme=dark] :is(.button.ghost,.sidebar-tabs button,.quiet-button,.landing-account){background:#251e30;border-color:#51405f;color:#eee8f8}
:root[data-ui-theme=dark] :is(.button.ghost,.sidebar-tabs button,.quiet-button,.landing-account):is(:hover,:focus-visible){background:#3a2c4d;color:#f3edfb}
:root[data-ui-theme=dark] :is(.sidebar-tabs button.active,.device-button.active){background:#51405f;color:#f3edfb}
.illustration-canvas{--ink:#29263d;--accent:#6952d9;color:#29263d}
.sample-nav>span{color:#736582}
.shape-palette span{font-size:11px}.canvas-area-label{font-size:10px}
:root[data-ui-theme=light] .canvas-area-label{color:#756582}
.canvas-area-guide{opacity:1}.canvas-area-guide>span{opacity:.38}
.canvas-area-guide:has(button:hover)>span,.canvas-area-guide:has(button:focus-visible)>span{opacity:1}

/* One continuous public-page backdrop; constrained wrappers carry no paint. */
:root[data-ui-theme=light]{--landing-glow:#6952d90b;--landing-band:#ffffff99}
:root[data-ui-theme=dark]{--landing-glow:#a67cf510;--landing-band:#34273f70}
:root[data-ui-theme] body:has(>.landing-header){min-height:100svh;background:radial-gradient(ellipse 900px 650px at 75% 20%,var(--landing-glow),transparent 75%) no-repeat,var(--bg)}
:root[data-ui-theme] :is(.landing-header,.landing-footer,.closing-section){background:transparent}
:root[data-ui-theme] .how-section{background:linear-gradient(to bottom,transparent,var(--landing-band) 64px,var(--landing-band) calc(100% - 64px),transparent);border-top:0;border-bottom:0}
:root[data-ui-theme=dark] .step-number{background:#3a2c4d;color:#d4c2ee}
.vortex-account-menu{position:fixed;z-index:23000;width:250px;max-width:calc(100vw - 16px);max-height:calc(100svh - 16px);overflow-y:auto;padding:8px;background:var(--ui-theme-surface);color:var(--ui-theme-ink);border:1px solid var(--ui-theme-line);border-radius:13px;box-shadow:0 14px 42px #140c232d;font:12px/1.4 Arial,Helvetica,sans-serif;user-select:none}.vortex-account-menu-name{margin:6px 10px 9px;padding-bottom:11px;border-bottom:1px solid var(--ui-theme-line);color:var(--ui-theme-muted);font-size:11px;overflow-wrap:anywhere}.vortex-account-menu :is(a,button){display:block;width:100%;padding:12px 10px;text-align:left;color:inherit;background:transparent;border:0;border-radius:7px;font:inherit;cursor:pointer;text-decoration:none}.vortex-account-menu :is(a,button):is(:hover,:focus-visible){background:var(--ui-theme-hover);color:var(--ui-theme-accent)}.vortex-account-menu :is(a,button):focus-visible{outline:2px solid #b99ade;outline-offset:0}.landing-account[type=button]{font-family:inherit;cursor:pointer}