:root{--ink:#101b34;--muted:#627b9c;--line:#dce7f280;--accent:#2678ff;--panel:#f8fcffb5;--soft:#edf5fbb8;--shadow:0 4px 18px #4a759c06;--radius:18px;--sans:Inter,"Segoe UI",Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 8% 0%,#8daec3 0,transparent 45%),radial-gradient(ellipse at 80% 0%,#fafcfe 0,transparent 55%),linear-gradient(125deg,#c8deeb,#e2eff8 65%,#d2e5ef);background-attachment:fixed;font:14px/1.5 var(--sans);min-height:100vh}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button,.button{border:1px solid #ffffff60;border-radius:10px;padding:10px 16px;background:var(--accent);color:white;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:550;box-shadow:0 3px 10px #1769ff13;transition:background .15s,transform .15s}button:hover,.button:hover{filter:brightness(.97)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost,.button.ghost,.icon-button{background:var(--panel);color:var(--ink);border:1px solid var(--line)}button.danger,.button.danger{background:#fff0f2;color:#e33e58;border-color:#ffd5dc}button.success{background:#00b987}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2678ff88;outline-offset:3px}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.icon-button{width:39px;height:39px;padding:8px;border-radius:12px}.shell{display:grid;grid-template-columns:246px minmax(0,1fr);gap:26px;padding:26px;min-height:100vh}.side{position:sticky;top:26px;height:calc(100dvh - 52px);display:flex;flex-direction:column;border:1px solid #ffffff38;border-radius:23px;padding:20px 11px;background:linear-gradient(145deg,#ffffff55,#f5fbff38);box-shadow:inset 0 1px 2px #ffffff50;backdrop-filter:blur(22px);overflow-y:auto;scrollbar-width:thin}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 32px;gap:8px}.brand{display:flex;align-items:center;gap:13px;color:#071323;white-space:nowrap}.brand span{font-size:12px;line-height:.95;font-weight:850;letter-spacing:-.5px}.brand i{font-size:16px;font-style:normal}.brand strong{font-size:20px;font-weight:850;letter-spacing:-.8px}.collapse-nav{width:27px;height:29px;padding:5px;border-radius:9px;flex-shrink:0}.side nav{display:flex;flex-direction:column;gap:5px}.side nav a,.side-account>a{display:flex;gap:18px;align-items:center;color:#435d7d;padding:12px 13px;border-radius:15px;white-space:nowrap}.side nav a:hover{background:#ffffff48}.side nav a[aria-current]{background:#fbfdfff2;color:#101a30;font-weight:650;box-shadow:0 1px 6px #fff4}.side-account{margin-top:auto;padding:17px 8px 0}.account-heading{display:flex;gap:12px;align-items:center;padding:10px 4px}.account-heading strong{font-size:12px}.account-heading small{display:block;color:var(--muted);font-size:11px}.avatar{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#b6d9ef,#6e92ae);color:#fff;width:42px;height:42px;border-radius:50%;border:2px solid #fff8;font-weight:700}.side-account>a{font-size:13px;padding:10px 5px}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;min-height:52px;margin-bottom:26px}.top-actions{margin-left:auto;display:flex;gap:12px}.top-actions .icon-button{border-radius:50%;width:43px;height:43px}.global-search{position:relative;width:min(550px,70%);display:flex;align-items:center;gap:10px;border-radius:40px;padding:9px 14px;background:#f9fcff9c;border:6px solid #ffffff4a;box-shadow:0 1px 1px #fff6}.global-search>.icon{color:#7692b1;width:17px}.global-search input{width:100%;border:0!important;padding:0!important;background:transparent!important;outline:none}.search-results{position:absolute;z-index:20;top:54px;left:0;right:0;background:#f6fbff;box-shadow:0 12px 35px #365b7840;border-radius:14px;padding:8px}.search-results a{display:flex;padding:12px;gap:12px;border-radius:10px;color:var(--ink)}.search-results a:hover{background:#dfedff}.main{min-width:0;flex:1}.main>h1{margin:0 0 5px}h1{font-size:29px;font-weight:750;letter-spacing:-1px;line-height:1.25}h2{font-size:18px;letter-spacing:-.45px;margin:0 0 8px;font-weight:700}h3{font-size:15px;letter-spacing:-.2px;margin:12px 0 6px}p{margin:0 0 15px}.lede,.muted,small{color:var(--muted)}.lede{font-size:13px;margin-bottom:24px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:4px 0 22px;flex-wrap:wrap}.page-heading h1{margin:0}.page-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stats.six{grid-template-columns:repeat(6,minmax(0,1fr))}.stat,.card,.panel{background:var(--panel);border:1px solid #ffffff70;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.stat{min-height:148px}.stat .stat-icon{display:inline-flex;background:#dcecff;color:var(--accent);border-radius:13px;padding:10px;margin-bottom:12px}.stat:nth-child(3n) .stat-icon{background:#e0f7f2;color:#04ad88}.stat:nth-child(5n) .stat-icon{background:#fce7ee;color:#ff4c73}.stat b{display:block;font-size:26px;letter-spacing:-.8px;line-height:1.3}.stat span:not(.stat-icon){font-size:12px;color:var(--muted)}.grid,.cards{display:grid;gap:16px}.cards{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}.two-col{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;margin:18px 0}.two-col.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{margin:18px 0}.two-col>.panel,.cards>.panel{margin:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.row,.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar{margin:18px 0}.toolbar input{width:min(270px,100%)}.toolbar select{width:auto}.toolbar .push{margin-left:auto}label{display:grid;gap:7px;margin:0 0 15px;font-size:12px;font-weight:550}input,select,textarea{width:100%;background:#fafdffb0;border:1px solid #d4e2ef;border-radius:8px;padding:10px 12px;min-width:0;outline:none}input::placeholder,textarea::placeholder{color:#7e94ae}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}input[type=color]{height:40px;padding:4px}textarea{resize:vertical;min-height:95px}form.panel{max-width:none!important}form .row label{flex:1;min-width:140px}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid #ffffff60;border-radius:15px;overflow:hidden;font-size:13px}th,td{text-align:left;padding:15px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;color:var(--muted);font-weight:550;background:#f5faff66}tr:last-child td{border-bottom:0}td form{margin:0}td button{padding:7px 10px;font-size:12px}tbody tr:hover{background:#e9f3ff88}.table-scroll{overflow-x:auto;border-radius:15px}.table-scroll table{min-width:590px}.badge{display:inline-block;border-radius:8px;padding:4px 9px;background:#e0edff;color:#2678ff;font-size:11px}.badge.green{background:#d8f8ec;color:#009f75}.badge.orange{background:#fff0d7;color:#bc730d}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty h3{color:var(--ink);font-size:16px}.empty p{max-width:330px;margin:8px auto 0;font-size:12px;line-height:1.7}.empty-icon{display:inline-flex;width:60px;height:60px;background:#e5f0fc;align-items:center;justify-content:center;border-radius:18px;color:#3882dc}.empty-icon .icon{width:28px;height:28px}.quick-action{display:flex;align-items:center;gap:13px;padding:12px;border-radius:13px;background:#f9fcff90;margin:7px 0;color:var(--ink);font-size:12px}.quick-action>.icon{color:var(--accent);background:#e2eeff;box-sizing:content-box;padding:10px;border-radius:50%}.quick-action span{flex:1}.quick-action small{display:block;margin-top:3px}.website-card{display:flex;flex-direction:column;gap:13px}.website-visual{height:115px;border-radius:11px;background:linear-gradient(145deg,#c7deee,#edf7fd);display:flex;align-items:center;justify-content:center;color:#779dbb}.website-visual .icon{width:38px;height:38px}.website-card p{font-size:12px;word-break:break-word}.toast{padding:14px 18px;border-radius:12px;background:#def8ed;border:1px solid #b5e7d6;margin-bottom:18px;overflow-wrap:anywhere}.toast.is-error{background:#ffedef;border-color:#ffc6cd;color:#a83144}.app-footer{display:flex;justify-content:space-between;margin-top:40px;font-size:11px;color:#7690a7}.skip{position:fixed;top:-60px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.mobile-nav,.nav-backdrop{display:none}dialog{max-width:min(700px,calc(100vw - 32px));width:650px;max-height:90dvh;overflow:auto;border:1px solid #fff;border-radius:20px;padding:26px;background:#f4faff;color:var(--ink);box-shadow:0 25px 70px #182d4650}dialog::backdrop{background:#17304b60;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth>.panel{width:min(440px,100%);padding:35px}.auth form{width:100%}.auth h1{font-size:28px}.auth button[type=submit]{width:100%}.media-thumb{width:100%;height:155px;object-fit:cover;border-radius:12px;background:#e4eef5}.card strong{display:block}.card{overflow:hidden}.card a.button{width:100%}.upload-zone{border:2px dashed #adcbea;background:#f8fcff77;border-radius:15px;padding:24px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:10px;flex-wrap:wrap}.tabs button{background:transparent;color:var(--muted);box-shadow:none;border:0}.tabs button[aria-selected=true]{background:#e2efff;color:var(--accent)}.popup-preview{padding:30px;border-radius:13px;background:linear-gradient(145deg,#b7cfe1,#e0eef7);display:grid;place-items:center;min-height:250px}.popup-preview article{padding:24px;background:white;color:#17243a;border-radius:12px;max-width:330px;width:100%;box-shadow:0 12px 30px #23456720;overflow-wrap:anywhere}.popup-preview p{white-space:pre-wrap}.collapsed .shell{grid-template-columns:82px minmax(0,1fr)}.collapsed .brand,.collapsed .side nav span,.collapsed .side-account span:not(.avatar),.collapsed .account-heading div{display:none}.collapsed .brand-row{justify-content:center}.collapsed .side nav a{justify-content:center}.collapsed .side-account{padding:10px 0}.collapsed .side-account>a{justify-content:center}.collapsed .collapse-nav{transform:rotate(180deg)}.dark{--ink:#edf5ff;--muted:#9bb1ca;--panel:#182b42e8;--soft:#243b53;--line:#526b8344;background:radial-gradient(ellipse at top left,#2b526c,transparent 70%),#102033;color-scheme:dark}.dark .side{background:#19334acc}.dark .brand,.dark .side a{color:#e1edfa}.dark .side nav a[aria-current]{background:#375570}.dark input,.dark select,.dark textarea,.dark .global-search{background:#1c334b;color:#e2edfa}.dark .ghost,.dark .icon-button{background:#263f56;color:#e6f2ff}.dark dialog,.dark .search-results{background:#19324a}.dark .empty-icon,.dark .stat-icon{background:#244568}.dark th{background:#20394f}.dark tr:hover{background:#24435c}.dark .quick-action{background:#243d53}.dark .tabs button[aria-selected=true]{background:#294767}.dark .search-results a:hover{background:#284861}
@media(min-width:1600px){.shell{grid-template-columns:265px minmax(0,1fr);gap:30px;padding:30px}.side{top:30px;height:calc(100dvh - 60px)}.side nav{gap:8px}.side nav a{padding:14px}.main{padding:0 5px}}
@media(max-width:1250px){.shell{grid-template-columns:220px minmax(0,1fr);gap:18px;padding:18px}.side{top:18px;height:calc(100dvh - 36px)}.brand{gap:9px}.brand strong{font-size:18px}.brand span{font-size:10px}.side nav a{gap:12px;font-size:12px}.stats.six{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1000px){.two-col{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.side nav a{padding:10px}.brand-row{padding-bottom:20px}.side-account{padding-top:12px}.two-col.equal{grid-template-columns:1fr}}
@media(max-width:760px){.shell,.collapsed .shell{display:block;padding:16px}.side{position:fixed;left:12px;top:12px;width:255px;height:calc(100dvh - 24px);z-index:60;background:#e8f3fcf5;transform:translateX(-285px);transition:transform .2s}.nav-open .side{transform:translateX(0)}.nav-open .nav-backdrop{display:block;position:fixed;inset:0;border:0;border-radius:0;background:#15375265;z-index:50}.mobile-nav{display:inline-flex}.collapse-nav{display:none}.topbar{gap:9px;margin-bottom:25px}.global-search{width:auto;flex:1;border-width:3px;padding:8px 10px}.global-search input{font-size:12px}.top-actions{gap:5px}.top-actions .icon-button{width:35px;height:35px}.top-actions a{display:none}.page-heading{align-items:flex-start}.page-heading h1,h1{font-size:25px}.page-heading>.button{font-size:12px;padding:9px 12px}.stats,.stats.six{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:15px;min-height:130px}.stat b{font-size:24px}.panel{padding:16px}.two-col{gap:14px}.app-footer{font-size:10px}.row>input,.row>select{max-width:none!important}.collapsed .brand,.collapsed .side nav span,.collapsed .account-heading div{display:initial}.collapsed .side nav a{justify-content:initial}.collapsed .brand{display:flex}.collapsed .side-account span{display:initial}.collapsed .side-account>a{justify-content:initial}.collapsed .brand-row{justify-content:space-between}.dark .side{background:#19324af5}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.eyebrow{font-size:11px!important;margin-bottom:7px!important}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px;margin:0 0 10px;gap:10px;flex-wrap:wrap}.editor-toolbar select{width:180px;font-size:12px}.editor-toolbar button{font-size:12px;padding:9px}.editor-toolbar .selected{background:#e5f0ff;color:#2678ff;border-color:#a4c9ff}.editor-workbench{display:grid;grid-template-columns:210px minmax(0,1fr) 260px;gap:12px;min-height:72vh;position:relative}.editor-structure,.editor-inspector{background:var(--panel);padding:16px;border-radius:13px;min-width:0;overflow:auto;max-height:80vh;position:sticky;top:10px}.editor-structure input{margin-bottom:15px}.editor-structure>#add-bottom{margin-top:15px;width:100%;font-size:12px}.editor-stage{min-width:0;overflow:auto;padding:0 0 30px;background:#cddde966;border-radius:12px}.document-canvas{width:100%;max-width:100%;min-height:68vh;margin:0 auto;background:#fff;color:#17243a;border-radius:4px;box-shadow:0 2px 12px #19385610;padding:22px;transition:width .2s}.document-block{position:relative;border:1px solid transparent;min-height:35px;overflow-wrap:anywhere}.document-block:hover{outline:1px dashed #8fb9f2}.document-block.is-selected{outline:2px solid #2678ff;z-index:1}.document-block>[contenteditable]{outline:none;margin:0;min-height:1em;white-space:pre-wrap;cursor:text}.document-block img,.document-block video{max-width:100%;height:auto;display:block}.document-block .block-image-placeholder{border:2px dashed #d5e1ed;border-radius:8px;min-height:145px;display:grid;place-items:center;color:#6b87a4;background:#eff6fb}.document-block h1{font-size:36px}.document-block h2{font-size:28px}.document-block h3{font-size:22px}.document-block .cms-button{background:#2678ff;color:white;padding:11px 20px;display:inline-block;border-radius:7px}.document-block blockquote{border-left:3px solid #2678ff;margin:0;padding-left:20px;font-size:21px}.block-children.columns,.block-children.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tree-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:1px solid transparent;box-shadow:none;color:var(--ink);font-size:12px;padding:11px 8px;margin:4px 0}.tree-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-item.selected{background:#e3efff;border-color:#d2e5ff;color:#1566e2}.tree-item .drag-handle{color:#8ca3b9}.tree-item.drop-target{border-top:3px solid #2678ff}.block-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.block-palette button{flex-direction:column;background:#eaf2fa;color:#193852;border:0;padding:20px 8px;font-size:12px}.block-palette b{font-size:23px}.editor-inspector h3{margin-top:0}.editor-inspector .row{margin:15px 0}.editor-inspector .row button{padding:7px 10px}.editor-inspector label{font-size:11px}.editor-inspector hr{border:0;border-top:1px solid var(--line);margin:20px 0}#site-preview{width:100%;height:75vh;background:white;border:0;margin:auto;display:block}#site-preview[hidden]{display:none}#editor-status{font-size:11px;color:var(--muted);max-width:260px}#editor-status.error{color:#ce3650}.editor-workbench.hide-tree{grid-template-columns:minmax(0,1fr) 260px}.hide-tree .editor-structure{display:none}.editor-workbench.hide-inspector{grid-template-columns:210px minmax(0,1fr)}.hide-inspector .editor-inspector{display:none}.editor-workbench.hide-tree.hide-inspector{grid-template-columns:1fr}.preview-mode .document-block{outline:0!important}.preview-mode [contenteditable]{pointer-events:none}.media-choice{padding:8px;background:#edf5fb;border:1px solid #d6e4f0;color:#17243a;flex-direction:column}.media-choice img{width:100%;height:100px;object-fit:cover}.media-choice span{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.field-card{margin-bottom:15px;padding:20px;background:#f8fbff;border:1px solid #dce9f4;border-radius:8px}.field-card small{display:block;color:#6c84a1;margin-bottom:10px}.field-card p{margin:0;white-space:pre-wrap}.field-card.is-selected{outline:2px solid #2678ff}
@media(max-width:1300px){.editor-workbench{grid-template-columns:165px minmax(0,1fr) 215px}.editor-workbench.hide-tree{grid-template-columns:minmax(0,1fr) 215px}.editor-workbench.hide-inspector{grid-template-columns:165px minmax(0,1fr)}.editor-structure,.editor-inspector{padding:12px}.document-canvas{padding:15px}}
@media(max-width:1050px){.editor-workbench,.editor-workbench.hide-tree{grid-template-columns:minmax(0,1fr) 215px}.editor-structure{display:none}.editor-workbench.show-tree .editor-structure{display:block;position:absolute;z-index:10;left:0;top:0;width:230px;background:#f1f8ff;box-shadow:0 8px 30px #1234}.editor-workbench.hide-inspector{grid-template-columns:1fr}}
@media(max-width:760px){.editor-workbench,.editor-workbench.hide-tree{display:block}.editor-inspector{display:none}.editor-workbench.show-inspector .editor-inspector{display:block;position:fixed;z-index:45;right:12px;top:90px;bottom:18px;width:min(300px,calc(100vw - 24px));max-height:none;background:#eff7ff;box-shadow:0 10px 40px #2345}.document-canvas{min-height:60vh;padding:12px}.editor-toolbar{padding:10px}.editor-toolbar .row{gap:5px}.editor-toolbar select{width:135px}.editor-toolbar button{padding:8px}.block-palette{grid-template-columns:repeat(2,1fr)}.page-heading #editor-status{width:100%;max-width:none}.block-children.columns{grid-template-columns:1fr}.dark .editor-inspector{background:#19324a!important}}

.mobile-panel-close,.mobile-tree-close{display:none}@media(max-width:760px){.mobile-panel-close{display:flex;margin:0 0 12px auto}}@media(max-width:1050px){.mobile-tree-close{display:flex;margin:0 0 12px auto}}

.builder-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:12px}
.builder-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.builder-title h1{margin:0}
.crumbs{margin:0 0 4px;color:#60758c;font-size:13px}
.crumbs a{color:inherit;text-decoration:none}
.badge.is-live{background:#e5f6ea;color:#157a3a}
.section-plus{display:flex;width:28px;height:28px;margin:8px auto;border:0;border-radius:999px;background:#2f6bff;color:#fff;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 6px 16px #2f6bff55}
.document-block{position:relative;border:1px solid transparent;border-radius:12px;margin:4px 0}
.document-block.is-selected{border-color:#8eb6ff;box-shadow:0 0 0 3px #2f6bff22}
.document-block.is-group{padding:8px}
.section-kicker{margin:0 0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7c90}
.block-toolbar{position:absolute;left:50%;top:-18px;transform:translateX(-50%);display:flex;gap:2px;padding:4px;background:#fff;border-radius:10px;box-shadow:0 8px 24px #10204022;z-index:3}
.block-toolbar .icon-button{width:28px;height:28px;border:0;background:transparent}
.block-more{position:absolute;top:36px;right:0;background:#fff;border-radius:10px;box-shadow:0 8px 24px #10204022;padding:6px;display:grid;gap:4px}
.tree-item{display:flex;gap:8px;align-items:center;width:100%}
.drag-handle{cursor:grab;color:#8aa}
.inspector-card{padding:12px 0;border-top:1px solid #e4eef6}
.inspector-card h3{margin:0 0 8px;font-size:14px}
.featured-preview img{width:100%;border-radius:8px;max-height:140px;object-fit:cover}
.google-preview{background:#fff;border-radius:10px;padding:10px}
.google-preview strong{display:block;color:#1a0dab}
.seo-score{margin:0 0 8px}
.cms-button{display:inline-block;padding:8px 14px;border-radius:999px;background:#e10600;color:#fff}
dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
dialog,dialog *{pointer-events:auto}
.site-frame{display:block;width:100%;height:78vh;min-height:640px;border:0;background:#fff;border-radius:8px}