:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{margin:0}:root{--chrome-bg:#f7f7f8;--chrome-surface:#fff;--chrome-border:#e2e2e6;--chrome-text:#1a1b1f;--chrome-muted:#6b6c74;--chrome-accent:#5b5bd6;--chrome-accent-text:#fff;--chrome-canvas-bg:#e9eaed}@media (prefers-color-scheme:dark){:root{--chrome-bg:#0f1013;--chrome-surface:#17181c;--chrome-border:#2a2b30;--chrome-text:#f0f0f2;--chrome-muted:#9a9ba3;--chrome-accent:#8080f0;--chrome-accent-text:#0f1013;--chrome-canvas-bg:#0a0b0d}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--chrome-bg);color:var(--chrome-text);margin:0;font-family:Inter,system-ui,sans-serif}.app-shell{background:var(--chrome-surface);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--chrome-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.topbar .site-name{min-width:120px;color:var(--chrome-text);background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 6px;font-size:14px;font-weight:600}.topbar .site-name:focus{border-color:var(--chrome-accent);background:var(--chrome-bg);outline:none}.topbar-link{color:var(--chrome-text);background:0 0;border:none;padding:6px 4px;font-size:13px;font-weight:600}.topbar-link:hover{color:var(--chrome-accent);background:0 0}.topbar-icon-button{justify-content:center;align-items:center;padding:6px;display:flex}.topbar-icon-button:disabled{opacity:.35;cursor:default}.topbar-icon-button:disabled:hover{background:var(--chrome-surface)}.status-pill{background:var(--chrome-bg);border:1px solid var(--chrome-border);color:var(--chrome-muted);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px}.status-pill.dirty{color:#9a6b00;background:#fff8e6;border-color:#e8c877}@media (prefers-color-scheme:dark){.status-pill.dirty{color:#f0c96a;background:#26200f;border-color:#5a4b1c}}.autosave-status{color:var(--chrome-muted);white-space:nowrap;min-width:0;font-size:12px}.autosave-status--idle{display:none}.autosave-status--error{color:#b3411f}.spacer{flex:1}button{font:inherit;cursor:pointer;border:1px solid var(--chrome-border);background:var(--chrome-surface);color:var(--chrome-text);border-radius:7px;padding:7px 12px;font-size:13px}button:hover{background:var(--chrome-bg)}.btn-primary{background:var(--chrome-accent);color:var(--chrome-accent-text);border-color:var(--chrome-accent);font-weight:600}.btn-primary:disabled{opacity:.5;cursor:default}.btn-danger{color:#fff;background:#b3411f;border-color:#b3411f;font-weight:600}.layout{flex:1;min-height:0;display:flex}.page-item{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:2px 2px 2px 8px;display:flex}.page-item:hover{background:var(--chrome-bg)}.page-item.active{border-color:var(--chrome-accent);background:var(--chrome-bg)}.page-item .page-title,.page-item .page-title-text{color:var(--chrome-text);background:0 0;border:none;flex:1;min-width:0;padding:6px 2px;font-size:12.5px}.page-item .page-title:focus{outline:none}.page-item .page-title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-item .rename,.page-item .rm,.page-item .dup,.page-item .seo,.page-item .move-up,.page-item .move-down{width:22px;height:22px;color:var(--chrome-muted);opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;display:flex}.page-item:hover .rename,.page-item:hover .rm,.page-item:hover .dup,.page-item:hover .seo,.page-item:hover .move-up,.page-item:hover .move-down,.page-item .rename:focus-visible,.page-item .rm:focus-visible,.page-item .dup:focus-visible,.page-item .seo:focus-visible,.page-item .move-up:focus-visible,.page-item .move-down:focus-visible{opacity:1}.page-item .seo[aria-expanded=true]{opacity:1;color:var(--chrome-accent)}.page-item .rename:hover,.page-item .dup:hover,.page-item .seo:hover,.page-item .move-up:hover,.page-item .move-down:hover{color:var(--chrome-text);background:var(--chrome-canvas-bg)}.page-item .rm:hover{color:#b3411f;background:var(--chrome-canvas-bg)}.page-item .move-up:disabled,.page-item .move-down:disabled{cursor:default;opacity:0!important}.page-item .home-badge{color:var(--chrome-muted);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.add-page-btn{width:100%;margin-top:8px;font-size:12px}.page-seo-panel{border:1px solid var(--chrome-border);background:var(--chrome-bg);cursor:default;border-radius:6px;flex-direction:column;gap:8px;margin:2px 0 6px 30px;padding:10px;display:flex}.page-seo-panel label{color:var(--chrome-muted);flex-direction:column;gap:3px;font-size:11px;display:flex}.page-seo-panel input,.page-seo-panel textarea{font:inherit;color:var(--chrome-text);background:var(--chrome-canvas-bg);border:1px solid var(--chrome-border);resize:vertical;border-radius:5px;padding:6px 8px;font-size:12.5px}.canvas-wrap{background:var(--chrome-canvas-bg);flex:1;padding:28px 20px;overflow-y:auto}.insert-point{max-width:var(--canvas-max-width,640px);margin:0 auto;position:relative}.insert-point-inline{display:none}.insert-arrow-connector{border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:7px solid var(--chrome-accent);width:0;height:0;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.insert-arrow-btn{background:var(--chrome-accent);width:26px;height:26px;color:var(--chrome-accent-text);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .12s;display:flex;position:absolute;top:50%;right:-42px;transform:translateY(-50%)}.insert-arrow-btn:hover{background:var(--chrome-accent)}.insert-point:hover .insert-arrow-btn{transform:translateY(-50%)scale(1.2)}.add-block-prominent{width:100%;color:var(--chrome-text);opacity:.7;background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:10px;font-size:13px;font-weight:600;transition:opacity .12s}.add-block-prominent:hover{opacity:1}.canvas-toolbar{flex-direction:column;align-items:center;gap:6px;margin-bottom:16px;display:flex}.width-toggle{border:1px solid var(--chrome-border);background:var(--chrome-surface);border-radius:7px;display:flex;overflow:hidden}.width-toggle button{border:none;border-radius:0;padding:6px 12px;font-size:12px}.width-toggle button.active{background:var(--chrome-accent);color:var(--chrome-accent-text)}.edit-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--chrome-muted);font-size:9.5px}.canvas{max-width:var(--canvas-max-width);background:var(--p-bg);border-radius:8px;margin:0 auto;transition:max-width .18s;box-shadow:0 4px 24px #0000001a}.canvas [contenteditable=true]:hover{outline:1.5px dashed color-mix(in srgb, var(--chrome-accent) 55%, transparent);outline-offset:2px;cursor:text}.canvas [contenteditable=true]:focus{outline:2px solid var(--chrome-accent);outline-offset:2px}.canvas-block{cursor:pointer;outline-offset:-2px;outline:2px solid #0000;transition:opacity .15s,outline-color .15s;position:relative}.canvas-block--dimmed{opacity:.4}.canvas-block--selected{outline-color:var(--chrome-accent)}.block-toolbar{z-index:5;background:#fff;border:1px solid #e2e2e2;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;top:8px;right:12px}.block-toolbar-toggle{border:1px solid var(--chrome-border);border-radius:6px;display:flex;overflow:hidden}.block-toolbar-toggle button{color:var(--chrome-accent);background:0 0;border:none;border-radius:0;padding:4px 8px;font-size:11px}.block-toolbar-toggle button:hover{filter:brightness(1.1)}.block-toolbar-toggle button.active{background:var(--chrome-accent);color:var(--chrome-accent-text)}.block-toolbar-divider{background:var(--chrome-border);align-self:stretch;width:1px}.block-toolbar-button{background:var(--chrome-accent);color:var(--chrome-accent-text);white-space:nowrap;border:none;border-radius:6px;padding:4px 8px;font-size:11px}.block-toolbar-button:hover{filter:brightness(1.1)}.block-toolbar-actions{gap:2px;display:flex}.block-toolbar-actions button{background:var(--chrome-accent);width:22px;height:22px;color:var(--chrome-accent-text);border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:12px;display:flex}.block-toolbar-actions button:hover:not(:disabled){filter:brightness(1.1)}.block-toolbar-actions button:disabled{opacity:.35;cursor:default}.mode-toggle{border:1px solid var(--chrome-border);border-radius:7px;margin-bottom:10px;display:flex;overflow:hidden}.mode-toggle button{border:none;border-radius:0;flex:1;padding:6px;font-size:12px}.mode-toggle button.active{background:var(--chrome-accent);color:var(--chrome-accent-text)}.color-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.color-row input[type=color]{border:1px solid var(--chrome-border);cursor:pointer;background:0 0;border-radius:7px;width:34px;height:34px;padding:0}.color-hex{color:var(--chrome-muted);font-variant-numeric:tabular-nums;font-size:12px}.style-label{text-transform:uppercase;letter-spacing:.05em;color:var(--chrome-muted);margin:12px 0 5px;font-size:10.5px}.hint{color:var(--chrome-muted);margin-top:8px;font-size:11.5px;line-height:1.5}.add-block-btn{width:100%;margin-top:6px;font-size:12px}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--chrome-surface);border:1px solid var(--chrome-border);border-radius:12px;flex-direction:column;width:100%;max-width:760px;max-height:min(680px,90vh);display:flex;box-shadow:0 20px 60px #0000004d}.modal-panel--picker{max-width:980px;height:min(680px,90vh)}.modal-header{border-bottom:1px solid var(--chrome-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header h2{color:var(--chrome-text);margin:0;font-size:15px}.modal-close{color:var(--chrome-muted);background:0 0;border:none;padding:4px 8px;font-size:14px}.modal-close:hover{color:var(--chrome-text)}.block-picker-body{flex:1;min-height:0;display:flex}.block-picker-list{border-right:1px solid var(--chrome-border);flex-direction:column;flex-shrink:0;gap:2px;width:200px;padding:8px;display:flex;overflow-y:auto}.block-picker-list-item{text-align:left;color:var(--chrome-text);background:0 0;border:none;border-radius:6px;padding:9px 10px;font-size:13px}.block-picker-list-item:hover{background:var(--chrome-bg)}.block-picker-list-item--selected{background:var(--chrome-accent);color:var(--chrome-accent-text);font-weight:600}.block-picker-list-item--selected:hover{background:var(--chrome-accent)}.block-picker-preview-pane{flex-direction:column;flex:1;min-width:0;display:flex}.block-picker-preview-scroll{background:var(--p-bg,var(--chrome-canvas-bg));flex:1;min-height:0;overflow-y:auto}.block-picker-preview-inert{pointer-events:none}.block-picker-preview-footer{border-top:1px solid var(--chrome-border);flex-shrink:0;justify-content:flex-end;padding:12px 16px;display:flex}.modal-panel--stock{max-width:720px;height:min(600px,85vh)}.stock-search-form{border-bottom:1px solid var(--chrome-border);flex-shrink:0;gap:8px;padding:14px 18px;display:flex}.stock-search-form input{border:1px solid var(--chrome-border);background:var(--chrome-bg);color:var(--chrome-text);font:inherit;border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.stock-photo-results{flex:1;padding:16px 18px;overflow-y:auto}.stock-photo-results .hint{margin-top:0;font-size:12.5px}.stock-photo-results .hint code{background:var(--chrome-bg);border-radius:4px;padding:1px 5px;font-size:11.5px}.stock-photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.stock-photo-card{border:1px solid var(--chrome-border);background:var(--chrome-surface);text-align:left;border-radius:8px;flex-direction:column;padding:0;display:flex;overflow:hidden}.stock-photo-card:hover{border-color:var(--chrome-accent)}.stock-photo-card img{object-fit:cover;width:100%;height:100px;display:block}.stock-photo-credit{color:var(--chrome-muted);padding:5px 8px;font-size:10.5px}.modal-panel--link{max-width:440px;height:min(520px,80vh)}.link-picker-body{flex:1;padding:16px 18px;overflow-y:auto}.link-picker-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--chrome-muted);margin:0 0 8px;font-size:10.5px}.link-picker-section-label+.link-picker-section-label{margin-top:18px}.link-picker-page-list{flex-direction:column;gap:4px;display:flex}.link-picker-page{border:1px solid var(--chrome-border);background:var(--chrome-surface);text-align:left;border-radius:7px;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.link-picker-page:hover{border-color:var(--chrome-accent)}.link-picker-page--selected{border-color:var(--chrome-accent);background:color-mix(in srgb, var(--chrome-accent) 10%, var(--chrome-surface))}.link-picker-page--selected:hover{background:color-mix(in srgb, var(--chrome-accent) 10%, var(--chrome-surface))}.link-picker-page-title{color:var(--chrome-text);font-size:13px}.link-picker-page-slug{color:var(--chrome-muted);flex-shrink:0;font-size:11px}.link-picker-external-form{gap:8px;display:flex}.link-picker-external-form input{border:1px solid var(--chrome-border);background:var(--chrome-bg);color:var(--chrome-text);font:inherit;border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.modal-panel--icons{max-width:480px;height:min(520px,80vh)}.icon-search-form{border-bottom:1px solid var(--chrome-border);flex-shrink:0;padding:14px 18px}.icon-search-form input{border:1px solid var(--chrome-border);background:var(--chrome-bg);width:100%;color:var(--chrome-text);font:inherit;border-radius:6px;padding:8px 10px;font-size:13px}.icon-picker-results{flex:1;padding:16px 18px;overflow-y:auto}.icon-picker-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.icon-picker-item{border:1px solid var(--chrome-border);background:var(--chrome-surface);color:var(--chrome-text);border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;display:flex}.icon-picker-item span{color:var(--chrome-muted);text-align:center;font-size:10.5px}.icon-picker-item:hover{border-color:var(--chrome-accent)}.icon-picker-item--selected{border-color:var(--chrome-accent);background:color-mix(in srgb, var(--chrome-accent) 10%, var(--chrome-surface))}.icon-picker-item--selected:hover{background:color-mix(in srgb, var(--chrome-accent) 10%, var(--chrome-surface))}.icon-picker-item--selected span{color:var(--chrome-text)}.modal-panel--confirm{max-width:380px}.confirm-body{padding:4px 18px 18px}.confirm-body p{color:var(--chrome-text);margin:0;font-size:13px;line-height:1.5}.change-password-form{flex-direction:column;gap:10px;padding:4px 18px 18px;display:flex}.change-password-form label{color:var(--chrome-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.change-password-form input{font:inherit;color:var(--chrome-text);background:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:6px;padding:8px 10px;font-size:13px}.change-password-error{color:#b3411f;margin:0;font-size:12.5px}.confirm-footer{border-top:1px solid var(--chrome-border);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.modal-panel--pages{max-width:420px;height:min(520px,80vh)}.pages-modal-body{flex:1;padding:10px;overflow-y:auto}.modal-panel--design{max-width:380px}.design-modal-body{padding:16px 18px}@media (width<=1440px){.insert-point{margin:18px auto 4px}.insert-point-inline{display:block}.insert-arrow-connector,.insert-arrow-btn{display:none}}.preview-overlay{z-index:200;background:var(--p-bg,var(--chrome-canvas-bg));position:fixed;inset:0;overflow-y:auto}.preview-chrome{z-index:1;background:var(--chrome-surface);border-bottom:1px solid var(--chrome-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.preview-close{font-size:13px;font-weight:600}.preview-page{max-width:var(--canvas-max-width);margin:0 auto}