.website-builder-scope{
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}










.website-builder-scope{
  --background: #ffffff;
  --foreground: #202326;
  --card: #ffffff;
  --card-foreground: #171717;
  --popover: #ffffff;
  --popover-foreground: #171717;
  --primary: #4854ed;
  --primary-foreground: #ffffff;
  --secondary: #f1f3f8;
  --secondary-foreground: #171717;
  --muted: #f3f4f7;
  --muted-foreground: #727780;
  --accent: #eef1fd;
  --accent-foreground: #171717;
  --destructive: #e7000b;
  --border: #e4e6eb;
  --input: #dfe2e9;
  --ring: #4854ed;
  --chart-1: #f54900;
  --chart-2: #009689;
  --chart-3: #104e64;
  --chart-4: #ffb900;
  --chart-5: #fe9a00;
  --radius: 0.625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #171717;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}



.website-builder-scope{font-synthesis:none;color-scheme:light;--blue:#4854ed;--ink:#171922;--sub:#656b7d;--line:#e3e6ee;--lime:#e1f5a5}
.website-builder-scope{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}.website-builder-scope{background:#fcfcfd;color:var(--ink);font-size:16px}.website-builder-scope button,.website-builder-scope input,.website-builder-scope textarea,.website-builder-scope select{font:inherit}.website-builder-scope button,.website-builder-scope a,.website-builder-scope input,.website-builder-scope textarea{touch-action:manipulation}.website-builder-scope button{cursor:pointer}.website-builder-scope button:disabled{cursor:default;opacity:.45}.website-builder-scope button,.website-builder-scope a,.website-builder-scope input,.website-builder-scope textarea{outline-offset:4px}.website-builder-scope button:focus-visible,.website-builder-scope a:focus-visible{outline:3px solid #6275e9}.website-builder-scope input:focus,.website-builder-scope textarea:focus{outline:2px solid #7587ef;outline-offset:1px}.website-builder-scope a{text-decoration:none}.website-builder-scope h1,.website-builder-scope h2,.website-builder-scope h3,.website-builder-scope p{margin:0}.website-builder-scope button{transition:background .18s,color .18s,border-color .18s,transform .18s}.website-builder-scope .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;padding:11px 17px;border-radius:7px;font-size:14px;line-height:1.3;font-weight:600;min-height:42px;white-space:nowrap;transition:background .18s,transform .18s}.website-builder-scope .btn:hover:not(:disabled){transform:translateY(-1px)}.website-builder-scope .btn-primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 2px 3px #263cc418}.website-builder-scope .btn-primary:hover{background:#2136c0}.website-builder-scope .btn-secondary{background:white;color:#343a45;border-color:#dfe2e9;box-shadow:0 1px 2px #16213604}.website-builder-scope .btn-secondary:hover{background:#f5f6fa}.website-builder-scope .btn-dark{background:#242832;color:white}.website-builder-scope .btn-white{background:white;color:#252a34}.website-builder-scope .btn-danger{background:#b63839;color:white}.website-builder-scope .full{width:100%}.website-builder-scope .text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;color:#424954;font-size:14px;padding:6px 0}.website-builder-scope .text-button:hover{text-decoration:underline}.website-builder-scope .icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;width:36px;height:36px;border-radius:6px;flex-shrink:0;color:#656c77}.website-builder-scope .icon-button:hover{background:#edf0f6;color:#283bc7}.website-builder-scope .icon-button.small{width:28px;height:28px}.website-builder-scope .danger{color:#ad3537}.website-builder-scope .spin{animation:website-builder-spin 1s linear infinite}@keyframes website-builder-spin{to{transform:rotate(360deg)}}
.website-builder-scope .main-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:65px;padding:0 4.7%;background:white}.website-builder-scope .brand-button{border:0;background:none;padding:0}.website-builder-scope .brandmark{display:inline-flex;align-items:center;gap:10px;color:#23272e;font-weight:750;font-size:28px;letter-spacing:-1.2px;line-height:1}.website-builder-scope .brandmark img{width:32px;height:32px;border-radius:9px}.website-builder-scope .brand-dot{color:var(--blue)}.website-builder-scope .main-header nav{height:100%;display:flex;align-items:center}.website-builder-scope .main-nav{background:transparent!important;gap:13px;padding:0!important;height:82px!important;border-radius:0!important}.website-builder-scope .main-nav [role=tab]{height:82px!important;flex:none;padding:0 15px!important;font-size:14px;gap:8px;color:#757b84;border-radius:0;position:relative}.website-builder-scope .main-nav [role=tab][data-state=active]{color:var(--blue);box-shadow:none!important;background:transparent!important}.website-builder-scope .main-nav [role=tab][data-state=active]:after{content:'';height:3px;position:absolute;bottom:0;left:10px;right:10px;background:var(--blue);opacity:1}.website-builder-scope .count{background:#edf0fe;border-radius:4px;font-size:12px;min-width:20px;padding:3px}.website-builder-scope .header-right{display:flex;align-items:center;gap:26px;margin-left:auto}.website-builder-scope .help-button{display:flex;align-items:center;gap:7px;background:none;border:0;color:#666d78;font-size:14px}.website-builder-scope .help-button:hover{color:var(--blue)}.website-builder-scope .avatar{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e7edcb;border:3px solid white;outline:1px solid #d7dec3;color:#475633;font-size:12px;font-weight:700}.website-builder-scope .workspace-main{max-width:1500px;margin:auto;padding:36px 4.7% 24px;min-height:calc(100vh - 163px)}.website-builder-scope .workspace-eyebrow{display:flex;justify-content:space-between;align-items:center}.website-builder-scope .little-label{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#7d818a}.website-builder-scope .workspace-note{display:flex;align-items:center;gap:7px;font-size:12px;color:#6d747f}.website-builder-scope .green-check{background:#e1f5a5;border-radius:50%;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;color:#46662a}.website-builder-scope .intro-section{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 0 38px;border-bottom:1px solid var(--line);margin-bottom:30px}.website-builder-scope .intro-section h1{font-size:clamp(36px,3.25vw,48px);font-weight:550;line-height:1.08;letter-spacing:-1.85px}.website-builder-scope .intro-section h1 span{color:var(--blue)}.website-builder-scope .intro-section>div>p{font-size:15px;color:#717680;margin-top:18px;line-height:1.5}.website-builder-scope .three-steps{display:flex;align-items:center;gap:23px;padding:28px 32px;border:1px solid #e4e8ed;background:#f6f7f9;border-radius:10px}.website-builder-scope .three-steps>div{display:flex;gap:11px;align-items:flex-start}.website-builder-scope .three-steps>div>span{font-size:12px;line-height:23px;color:#7f8692;font-weight:500}.website-builder-scope .three-steps p{font-size:14px;line-height:1.6;color:#737b85}.website-builder-scope .three-steps strong{font-weight:550;color:#39404b}.website-builder-scope .three-steps>svg{color:#acb2bc}.website-builder-scope .templates-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.website-builder-scope .templates-heading h2{font-size:21px;font-weight:550;letter-spacing:-.45px}.website-builder-scope .templates-heading p{font-size:14px;color:#848a94;margin-top:8px}.website-builder-scope .search-box{display:flex;gap:9px;align-items:center;border:1px solid #e0e4eb;background:white;padding:11px 13px;width:285px;border-radius:7px;color:#828a97;flex-shrink:0}.website-builder-scope .search-box input{min-width:0;width:100%;border:0;outline:0;font-size:13px;background:transparent}.website-builder-scope .search-box:focus-within{border-color:#7687e5;box-shadow:0 0 0 2px #ebefff}.website-builder-scope .search-box button{background:none;border:0;color:#747b85;display:flex;padding:0}.website-builder-scope .filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.website-builder-scope .category-tabs{background:transparent!important;padding:0!important;gap:8px;height:auto!important;flex-wrap:wrap}.website-builder-scope .category-tabs [role=tab]{font-size:13px;min-height:35px;padding:9px 14px;border:1px solid #e4e7ed;border-radius:6px;background:white;color:#646b78;box-shadow:0 1px 1px #00000003;font-weight:500;flex:none}.website-builder-scope .category-tabs [role=tab][data-state=active]{background:#eaf0ff;color:#304bcf;border-color:#d0dafa;box-shadow:none}.website-builder-scope .result-count{font-size:12px;white-space:nowrap;color:#888e98}.website-builder-scope .template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:31px 26px}.website-builder-scope .template-card{min-width:0}.website-builder-scope .template-visual{position:relative;background:#f1f2ec;padding:24px 21px 0;border:1px solid #e3e4e0;border-radius:10px;height:240px;overflow:hidden;display:block;width:100%;text-align:left}.website-builder-scope .visual-juniper{background:#e8ece6}.website-builder-scope .visual-forma{background:#ece8e4}.website-builder-scope .visual-groundwork{background:#e7ebe2}.website-builder-scope .visual-ledger{background:#e5eaf7}.website-builder-scope .visual-sunday{background:#f4e4d4}.website-builder-scope .visual-haven{background:#e6ebf0}.website-builder-scope .mini-window{border-radius:5px 5px 0 0;overflow:hidden;background:white;box-shadow:0 10px 30px #3442391f;border:1px solid #36473115}.website-builder-scope .mini-bar{height:20px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:7px;color:#888d93;letter-spacing:.2px}.website-builder-scope .mini-bar>span:first-child{display:flex;gap:3px}.website-builder-scope .mini-bar>span:first-child i{display:block;width:4px;height:4px;border-radius:100%;background:#dfe2e5}.website-builder-scope .mini-bar>span:last-child{width:18px}.website-builder-scope .thumbnail{width:100%;height:260px;overflow:hidden;position:relative;pointer-events:none;background:#f7f7f2}.website-builder-scope .thumbnail iframe{border:0;transform-origin:top left;pointer-events:none;display:block;position:absolute;top:0;left:0}.website-builder-scope .template-overlay{position:absolute;inset:0;background:#17272b22;display:flex;justify-content:center;align-items:center;gap:8px;opacity:0;transition:opacity .2s;backdrop-filter:blur(2px)}.website-builder-scope .template-card:hover .template-overlay,.website-builder-scope .template-card:focus-within .template-overlay{opacity:1}.website-builder-scope .template-badge{position:absolute;left:11px;bottom:12px;font-size:11px;font-weight:600;padding:7px 10px;border-radius:5px;background:#e1f5a5;color:#334826;display:flex;gap:5px;align-items:center;box-shadow:0 1px 3px #28451814;pointer-events:none}.website-builder-scope .template-info{display:flex;justify-content:space-between;align-items:center;margin:17px 0 8px}.website-builder-scope .template-info h3,.website-builder-scope .project-name h3{font-size:17px;letter-spacing:-.3px;font-weight:600}.website-builder-scope .template-info p{font-size:12px;color:#898f99;margin-top:5px}.website-builder-scope .template-select{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4e7ec;width:33px;height:33px;border-radius:50%;color:#515963;background:white;flex-shrink:0}.website-builder-scope .template-select:hover{color:white;background:var(--blue);border-color:var(--blue)}.website-builder-scope .template-description{font-size:13px;line-height:1.6;color:#797f89}.website-builder-scope .template-footer{padding:28px 0 5px;margin-top:30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8b919a}.website-builder-scope .template-footer>span{display:flex;gap:8px;align-items:center}.website-builder-scope .app-footer{padding:27px 4.7%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;background:white}.website-builder-scope .app-footer .brandmark{font-size:20px;gap:7px;letter-spacing:-.7px}.website-builder-scope .app-footer .brandmark img{width:23px;height:23px;border-radius:5px}.website-builder-scope .app-footer>span{font-size:12px;color:#9a9fa7}.website-builder-scope .app-footer .text-button{font-size:12px;color:#717782}.website-builder-scope .sites-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 35px}.website-builder-scope .sites-heading h1{font-size:40px;letter-spacing:-1.5px;font-weight:550;margin-top:15px;line-height:1.2}.website-builder-scope .sites-heading p{font-size:15px;color:#7c838d;margin-top:12px}.website-builder-scope .blue-dot{color:var(--blue)}.website-builder-scope .project-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.website-builder-scope .project-card .template-visual{border:0;border-radius:0}.website-builder-scope .project-info{padding:22px 19px}.website-builder-scope .project-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.website-builder-scope .project-name h3{overflow-wrap:anywhere}.website-builder-scope .status-pill{padding:4px 7px;border-radius:4px;font-size:11px;background:#f0f2f6;color:#7b818a}.website-builder-scope .status-pill.published{background:#e9f4df;color:#42632d}.website-builder-scope .project-info>p{font-size:12px;color:#8a9099;margin-top:8px}.website-builder-scope .project-actions{display:flex;align-items:center;gap:5px;margin-top:20px}.website-builder-scope .project-actions>.btn{margin-right:auto}.website-builder-scope .project-actions .icon-button{width:31px}.website-builder-scope .empty-state{text-align:center;padding:60px 25px;background:#f7f8fb;border:1px dashed #dfe3eb;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.website-builder-scope .empty-state>svg{color:#7685d4}.website-builder-scope .empty-state h2{font-size:25px;letter-spacing:-.7px}.website-builder-scope .empty-state p{font-size:16px;line-height:1.65;color:#757e8a;max-width:490px}.website-builder-scope .empty-state .btn{margin-top:10px}.website-builder-scope .website-empty{min-height:420px}.website-builder-scope .empty-icon{display:grid;place-items:center;width:80px;height:80px;background:#eaf0ff;color:var(--blue);border-radius:22px;margin-bottom:4px}.website-builder-scope .loading-state{min-height:300px;display:flex;align-items:center;justify-content:center;gap:12px;color:#758092}.website-builder-scope .recovery-banner{display:flex;align-items:center;gap:20px;background:#eef1ff;border:1px solid #dce2ff;padding:13px 17px;font-size:14px;border-radius:7px;margin-bottom:25px}.website-builder-scope .recovery-banner>button:nth-child(2){display:flex;gap:5px;background:none;border:0;color:var(--blue);font-weight:600;margin-left:auto;white-space:nowrap}.website-builder-scope .recovery-banner>.icon-button{width:25px;height:25px}
.website-builder-scope .field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:14px;color:#3e454f}.website-builder-scope .field>span:first-child{font-weight:550;font-size:13px}.website-builder-scope .field input:not([type=color]),.website-builder-scope .field textarea{font-size:14px;border:1px solid #dde1e8;border-radius:6px;background:white;padding:10px 11px;width:100%;line-height:1.5;min-width:0;color:#343b46;box-shadow:0 1px 2px #00000003}.website-builder-scope .field textarea{resize:vertical;min-height:87px}.website-builder-scope .field input::placeholder,.website-builder-scope .field textarea::placeholder{color:#a1a7b0}.website-builder-scope .field small,.website-builder-scope .image-editor small{font-size:12px;line-height:1.55;color:#89909b;font-weight:400}.website-builder-scope .select-control{width:100%;height:42px!important;background:white;font-size:14px}.website-builder-scope .dialog-kicker{font-size:11px;letter-spacing:1.6px;color:#818896;font-weight:650;margin:5px 0 3px}.website-builder-scope [data-slot=dialog-content]{border-radius:15px!important;border-color:#e1e5ee!important;padding:30px!important;gap:16px!important;max-height:calc(100dvh - 32px);overflow-y:auto}.website-builder-scope [data-slot=dialog-title]{font-size:25px!important;font-weight:550!important;letter-spacing:-.65px;line-height:1.25!important}.website-builder-scope [data-slot=dialog-description]{font-size:14px!important;line-height:1.65!important;color:#808794!important}.website-builder-scope .selected-template-strip{display:flex;align-items:center;gap:12px;background:#f5f7fa;border:1px solid #e8ebef;padding:12px;border-radius:7px;margin:2px 0 7px}.website-builder-scope .selected-template-strip>span{display:grid;place-items:center;width:43px;height:43px;border-radius:6px;color:white}.website-builder-scope .selected-template-strip>div{display:flex;flex-direction:column;gap:4px}.website-builder-scope .selected-template-strip strong{font-size:14px;font-weight:600}.website-builder-scope .selected-template-strip small{font-size:12px;color:#8a919b}.website-builder-scope .selected-template-strip>svg{margin-left:auto;color:#5e7955}.website-builder-scope .dialog-footnote{font-size:12px;color:#8b929d;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px}.website-builder-scope .dialog-footnote svg{color:#6c8854}.website-builder-scope .preview-dialog[data-slot=dialog-content]{width:calc(100vw - 48px)!important;max-width:none!important;height:calc(100dvh - 48px);padding:0!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden}.website-builder-scope .preview-top{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;gap:20px;background:white;border-bottom:1px solid var(--line);flex-shrink:0}.website-builder-scope .preview-top [data-slot=dialog-title]{font-size:19px!important;margin-bottom:5px}.website-builder-scope .preview-top [data-slot=dialog-description]{font-size:12px!important}.website-builder-scope .preview-top>div:last-child{display:flex;gap:15px;align-items:center}.website-builder-scope .full-preview{background:#edf0f4;display:flex;justify-content:center;flex:1;min-height:0;padding:20px}.website-builder-scope .full-preview iframe{border:0;background:white;width:100%;height:100%;border-radius:4px;box-shadow:0 2px 10px #1b233115}.website-builder-scope .full-preview.mobile iframe{max-width:390px}.website-builder-scope .guide-steps{display:flex;flex-direction:column;gap:24px;margin:10px 0}.website-builder-scope .guide-steps>div{display:flex;gap:17px}.website-builder-scope .guide-steps>div>span{background:#eef1ff;color:var(--blue);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;flex-shrink:0}.website-builder-scope .guide-steps h3{font-size:15px;margin:3px 0 7px}.website-builder-scope .guide-steps p{font-size:14px;color:#828996;line-height:1.6}.website-builder-scope .panel-note{font-size:12px;line-height:1.65;color:#8c939e;margin:13px 0}.website-builder-scope .publish-checks{display:flex;flex-direction:column;gap:13px;margin:22px 0}.website-builder-scope .checkline{display:flex;align-items:center;gap:9px;font-size:13px;color:#67717e}.website-builder-scope .checkline svg{color:#5a7850;flex-shrink:0}.website-builder-scope .slug-input{display:flex;align-items:center;gap:8px;min-width:0}.website-builder-scope .slug-input>span{font-size:14px;color:#9299a4}.website-builder-scope .slug-input input{flex:1}.website-builder-scope .notice{background:#fdf6e3;border:1px solid #f0e3be;border-radius:5px;padding:11px 13px;font-size:13px;line-height:1.5;color:#867048}.website-builder-scope .error-message{background:#fff0f0;border:1px solid #f1d3d3;color:#a0393b;font-size:13px;border-radius:6px;padding:12px;line-height:1.5;margin-bottom:16px}.website-builder-scope .publish-dialog .btn-primary{margin-top:9px}.website-builder-scope .publish-existing{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:12px;color:#708095}.website-builder-scope .publish-existing a{display:flex;align-items:center;gap:6px}.website-builder-scope .publish-existing .text-button{font-size:12px}.website-builder-scope .success-symbol{background:#e5f4ca;color:#4c762e;display:grid;place-items:center;border-radius:50%;width:62px;height:62px;margin:0 auto 8px}.website-builder-scope .published-link{display:flex;gap:6px;align-items:center;padding:12px;background:#f1f4fa;border:1px solid #e1e7f2;border-radius:6px}.website-builder-scope .published-link code{font-size:12px;overflow-wrap:anywhere;line-height:1.6}.website-builder-scope .download-progress{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;display:flex;gap:10px;background:#252b38;color:white;border-radius:8px;padding:13px 20px;font-size:14px;box-shadow:0 5px 30px #0002}
.website-builder-scope .editor-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:white}.website-builder-scope .editor-header{display:flex;align-items:center;gap:16px;height:74px;flex-shrink:0;border-bottom:1px solid var(--line);padding:0 23px}.website-builder-scope .editor-logo{flex-shrink:0}.website-builder-scope .editor-logo img{border-radius:7px}.website-builder-scope .crumb-divider{color:#c2c8d0;font-weight:300}.website-builder-scope .editor-title{display:flex;flex-direction:column;gap:5px;min-width:0}.website-builder-scope .editor-title strong{font-size:14px;font-weight:600;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.website-builder-scope .editor-title span{font-size:11px;color:#9299a3}.website-builder-scope .save-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#949ba6;margin-left:16px}.website-builder-scope .save-indicator svg{color:#6d8d50}.website-builder-scope .editor-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.website-builder-scope .editor-header-actions .btn{min-height:38px;padding:9px 17px;font-size:13px}.website-builder-scope .editor-toolbar{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);padding:0 22px;background:#fff;flex-shrink:0}.website-builder-scope .toolbar-left{display:flex;align-items:center;gap:12px}.website-builder-scope .page-label{display:flex;align-items:center;gap:12px;font-size:12px;color:#454e5b}.website-builder-scope .page-label>span{color:#a0a6b0}.website-builder-scope .page-label>svg{color:#a3aab6}.website-builder-scope .device-tabs [role=tablist]{height:32px;background:#f0f2f6;padding:3px}.website-builder-scope .device-tabs [role=tab]{padding:4px 15px;min-width:46px}.website-builder-scope .device-tabs [role=tab][data-state=active]{background:white;color:#2e45d5;box-shadow:0 1px 3px #0001}.website-builder-scope .toolbar-actions{justify-self:end;display:flex;align-items:center;gap:7px}.website-builder-scope .toolbar-actions .icon-button{width:29px;height:29px}.website-builder-scope .toolbar-actions .text-button{font-size:12px;color:var(--blue);margin-left:5px}.website-builder-scope .toolbar-separator{height:18px;width:1px;background:#e6e9ef;margin:0 7px}.website-builder-scope .editor-body{display:flex;flex:1;min-height:0;overflow:hidden}.website-builder-scope .edit-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:0;border-right:1px solid var(--line);background:#fff;min-height:0}.website-builder-scope .panel-hidden .edit-panel{display:none}.website-builder-scope .editor-tabs{width:100%!important;border-radius:0!important;height:67px!important;background:white!important;border-bottom:1px solid var(--line);padding:0 12px!important;gap:8px;flex-shrink:0}.website-builder-scope .editor-tabs [role=tab]{flex-direction:column;gap:6px!important;font-size:11px;line-height:1.2;border-radius:0!important;padding:11px 5px!important;border-bottom:2px solid transparent;box-shadow:none!important;color:#8a929f}.website-builder-scope .editor-tabs [role=tab][data-state=active]{color:var(--blue);background:transparent;border-bottom:2px solid var(--blue)}.website-builder-scope .editor-tabs [role=tab] svg{width:18px;height:18px}.website-builder-scope .panel-scroll{overflow-y:auto;flex:1;min-height:0;padding:22px 20px 36px;scrollbar-width:thin;scrollbar-color:#d6dce6 transparent}.website-builder-scope .panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#6c7786}.website-builder-scope .panel-heading h2{font-size:15px;color:#343b46;font-weight:600;letter-spacing:-.2px}.website-builder-scope .panel-heading>span{font-size:11px;display:grid;place-items:center;width:22px;height:22px;background:#f0f2f7;border-radius:5px}.website-builder-scope .panel-description{font-size:12px;line-height:1.6;color:#9299a4;margin:0 0 20px}.website-builder-scope .section-list{display:flex;flex-direction:column;gap:6px}.website-builder-scope .section-row{display:flex;align-items:center;border:1px solid #e8ebf0;border-radius:6px;padding:3px 7px;gap:5px;min-height:41px;background:#fff}.website-builder-scope .section-row.active{background:#edf1ff;border-color:#d5defb;color:#3e52c7}.website-builder-scope .grip{color:#c4cad4;cursor:grab;flex-shrink:0}.website-builder-scope .section-select{padding:6px 2px;background:none;border:0;display:flex;align-items:center;gap:6px;flex:1;text-align:left;font-size:12px;font-weight:500}.website-builder-scope .section-select small{font-size:10px;color:#9aa3b1}.website-builder-scope .move-button{padding:4px;background:none;border:0;color:#8d98ac;display:flex}.website-builder-scope .move-button:hover{color:var(--blue)}.website-builder-scope .add-section{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px 6px;font-size:12px;color:#75839a;background:#fafbfe;border:1px dashed #d9e0ed;border-radius:6px;margin-top:10px}.website-builder-scope .add-section:hover{color:var(--blue);background:#f2f5ff;border-color:#c3cef2}.website-builder-scope .section-fields{margin-top:23px;padding-top:21px;border-top:1px solid var(--line)}.website-builder-scope .section-edit-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.website-builder-scope .section-edit-title h3{font-size:14px;color:#3f4856;font-weight:600}.website-builder-scope .panel-scroll .field{gap:8px;margin-bottom:18px}.website-builder-scope .panel-scroll .field>span:first-child{font-size:12px;color:#747e8c;font-weight:500}.website-builder-scope .panel-scroll .field input:not([type=color]),.website-builder-scope .panel-scroll .field textarea{font-size:13px;line-height:1.5;padding:9px 10px;border-color:#e2e6ec;border-radius:5px}.website-builder-scope .panel-scroll .field textarea{min-height:82px}.website-builder-scope .panel-scroll .field small{font-size:11px}.website-builder-scope .image-editor{display:flex;flex-direction:column;gap:9px}.website-builder-scope .image-editor>img{width:100%;max-height:140px;object-fit:cover;border-radius:5px;background:#f5f7fb}.website-builder-scope .image-editor .upload-button{font-size:12px;min-height:37px;width:100%;padding:8px}.website-builder-scope .image-editor small{font-size:10px;text-align:center}.website-builder-scope .image-editor .text-button{font-size:11px;padding:0}.website-builder-scope .item-editor{padding:14px;background:#f8f9fb;border:1px solid #e7ebf0;border-radius:7px;margin-bottom:14px}.website-builder-scope .item-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.website-builder-scope .item-heading strong{font-size:12px;font-weight:550;color:#657183}.website-builder-scope .item-editor .field:last-child{margin-bottom:0}.website-builder-scope .palettes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:3px 0 5px}.website-builder-scope .palette{display:flex;position:relative;border-radius:5px;overflow:hidden;height:41px;border:2px solid white;box-shadow:0 0 0 1px #e4e7ed;background:white;padding:0}.website-builder-scope .palette>span{height:100%;width:50%}.website-builder-scope .palette.active{box-shadow:0 0 0 2px #344bd7}.website-builder-scope .palette>svg{position:absolute;left:9px;top:12px;color:white}.website-builder-scope .color-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.website-builder-scope .color-input{display:flex;gap:6px;align-items:center;font-family:monospace;font-size:11px;padding:8px 6px;border:1px solid #e1e6ed;border-radius:5px;overflow:hidden}.website-builder-scope .color-input input{width:24px;height:25px;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}.website-builder-scope .font-sample{background:#f7f8fb;border:1px solid #e9ecf3;padding:22px 15px;font-size:25px;margin:-6px 0 22px;color:#495466;border-radius:6px;line-height:1.3}.website-builder-scope .font-sample.editorial{font-family:Georgia,serif}.website-builder-scope .font-sample.classic{font-family:Palatino,Georgia,serif}.website-builder-scope .font-sample small{display:block;font-size:10px;letter-spacing:1px;margin-top:20px;color:#8c96a6}.website-builder-scope .panel-rule{height:1px;background:var(--line);margin:24px 0}.website-builder-scope .settings-heading{font-size:15px;font-weight:600;margin-bottom:8px}.website-builder-scope .search-preview{padding:16px;border:1px solid #e4e8ef;border-radius:6px;background:#fafbfe;display:flex;flex-direction:column;gap:8px}.website-builder-scope .search-preview span{font-size:11px;color:#608054}.website-builder-scope .search-preview strong{font-size:17px;color:#344cbc;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.website-builder-scope .search-preview p{font-size:11px;line-height:1.6;color:#8691a1}.website-builder-scope .canvas-area{flex:1;min-width:0;background:#f0f2f5;display:flex;flex-direction:column;padding:22px 32px 15px;overflow:hidden}.website-builder-scope .canvas-caption{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;font-size:11px;color:#8893a3}.website-builder-scope .canvas-caption>span:last-child{font-size:10px;color:#9aa3b0}.website-builder-scope .canvas-window{height:100%;min-height:0;display:flex;flex-direction:column;align-self:center;width:100%;background:white;border:1px solid #e0e4eb;border-radius:7px;overflow:hidden;box-shadow:0 3px 7px #2d3a4810,0 13px 40px #2d3a4808;transition:max-width .25s}.website-builder-scope .canvas-browser{display:flex;align-items:center;justify-content:space-between;height:35px;flex-shrink:0;background:#fff;border-bottom:1px solid #e9ecf0;padding:0 13px;color:#949da9;font-size:10px}.website-builder-scope .canvas-browser>span:nth-child(2){display:flex;gap:7px;align-items:center;overflow:hidden;white-space:nowrap;max-width:70%}.website-builder-scope .canvas-browser>span:last-child{width:28px}.website-builder-scope .browser-dots{display:flex;gap:4px}.website-builder-scope .browser-dots i{background:#dce1e7;width:6px;height:6px;border-radius:50%}.website-builder-scope .canvas-window iframe{border:0;width:100%;flex:1;min-height:0;background:white}.website-builder-scope .canvas-area.mobile .canvas-window{max-width:390px;border-radius:14px;border:5px solid #3a4250}.website-builder-scope .canvas-area.mobile .canvas-browser{height:26px}.website-builder-scope .canvas-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:10px;line-height:1.5;color:#a0a8b4}
@media(min-width:1600px){.website-builder-scope .template-visual{height:280px}.website-builder-scope .thumbnail{height:300px}.website-builder-scope .workspace-main{padding-left:45px;padding-right:45px}.website-builder-scope .intro-section{padding:40px 0 50px;margin-bottom:35px}.website-builder-scope .template-grid{gap:35px 30px}.website-builder-scope .edit-panel{width:340px}.website-builder-scope .panel-scroll{padding:24px}}
@media(max-width:1150px){.website-builder-scope .main-header{gap:32px}.website-builder-scope .three-steps{padding:23px;gap:15px}.website-builder-scope .three-steps>div{gap:6px}.website-builder-scope .intro-section h1{font-size:40px}.website-builder-scope .three-steps p{font-size:12px}.website-builder-scope .template-visual{height:210px;padding:18px 15px 0}.website-builder-scope .template-description{font-size:12px}.website-builder-scope .category-tabs{gap:5px}.website-builder-scope .category-tabs [role=tab]{font-size:12px;padding:8px 11px}.website-builder-scope .templates-heading h2{font-size:19px}.website-builder-scope .search-box{width:260px}.website-builder-scope .canvas-area{padding:20px 23px 14px}.website-builder-scope .edit-panel{width:300px}.website-builder-scope .save-indicator{margin-left:5px;font-size:11px}.website-builder-scope .template-overlay{flex-direction:column}.website-builder-scope .template-overlay .btn{min-height:35px;font-size:12px;padding:10px 15px}}
@media(max-width:900px){.website-builder-scope .main-header{padding:0 25px;gap:25px}.website-builder-scope .main-nav{gap:0}.website-builder-scope .main-nav [role=tab]{padding:0 10px!important}.website-builder-scope .header-right{gap:14px}.website-builder-scope .help-button span{display:none}.website-builder-scope .workspace-main{padding:30px 25px 24px}.website-builder-scope .intro-section{gap:25px}.website-builder-scope .intro-section h1{font-size:37px}.website-builder-scope .intro-section>div>p{font-size:13px}.website-builder-scope .three-steps{gap:14px;padding:22px 18px}.website-builder-scope .three-steps>div{flex-direction:column;gap:7px}.website-builder-scope .three-steps>svg{width:12px}.website-builder-scope .three-steps>div>span{background:white;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:10px}.website-builder-scope .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-builder-scope .template-visual{height:235px;padding:24px 21px 0}.website-builder-scope .template-overlay{flex-direction:row}.website-builder-scope .templates-heading h2{font-size:18px}.website-builder-scope .templates-heading p{font-size:12px}.website-builder-scope .search-box{width:240px}.website-builder-scope .filter-row{align-items:flex-start}.website-builder-scope .category-tabs{gap:6px;justify-content:flex-start!important}.website-builder-scope .result-count{display:none}.website-builder-scope .app-footer{padding:24px 25px}.website-builder-scope .app-footer>span{font-size:11px}.website-builder-scope .edit-panel{width:280px}.website-builder-scope .panel-scroll{padding:20px 16px}.website-builder-scope .editor-header{padding:0 15px;gap:10px}.website-builder-scope .editor-toolbar{padding:0 16px}.website-builder-scope .save-indicator{display:none}.website-builder-scope .canvas-area{padding:15px}.website-builder-scope .page-label>span{display:none}.website-builder-scope .canvas-caption>span:last-child{display:none}.website-builder-scope .editor-title strong{max-width:230px}.website-builder-scope .preview-top{padding:16px}.website-builder-scope .preview-top [data-slot=dialog-description]{display:none}.website-builder-scope .full-preview{padding:10px}}
@media(max-width:650px){.website-builder-scope .main-header{height:70px;padding:0 18px;gap:10px;flex-wrap:wrap;position:relative}.website-builder-scope .brandmark{font-size:23px;gap:7px;letter-spacing:-1px}.website-builder-scope .brandmark img{width:27px;height:27px;border-radius:7px}.website-builder-scope .main-header nav{order:3;height:49px;width:calc(100% + 36px);margin:0 -18px;padding:0 15px;background:white;border-top:1px solid #f1f2f5;border-bottom:1px solid var(--line);position:absolute;left:18px;top:70px}.website-builder-scope .main-nav{height:49px!important}.website-builder-scope .main-nav [role=tab]{height:49px!important;font-size:12px;padding:0 16px!important}.website-builder-scope .header-right{margin-left:auto;gap:19px}.website-builder-scope .sign-in-link{min-height:34px;padding:8px 12px;font-size:12px}.website-builder-scope .workspace-main{padding:75px 18px 22px}.website-builder-scope .little-label{font-size:9px;letter-spacing:1.25px}.website-builder-scope .workspace-note{font-size:10px;gap:5px}.website-builder-scope .green-check{width:15px;height:15px}.website-builder-scope .intro-section{padding:24px 0 27px;margin-bottom:24px;display:block}.website-builder-scope .intro-section h1{font-size:39px;line-height:1.1;letter-spacing:-1.6px}.website-builder-scope .intro-section>div>p{font-size:13px;margin-top:17px}.website-builder-scope .three-steps{margin-top:23px;padding:15px 17px;justify-content:space-between;gap:8px}.website-builder-scope .three-steps>div{flex-direction:row;gap:7px;align-items:center}.website-builder-scope .three-steps p{font-size:10px;line-height:1.5}.website-builder-scope .three-steps>div>span{font-size:9px;width:22px;height:22px}.website-builder-scope .three-steps>svg{width:10px}.website-builder-scope .templates-heading{align-items:stretch;flex-direction:column;gap:18px;margin-bottom:17px}.website-builder-scope .templates-heading h2{font-size:19px;max-width:310px;line-height:1.4}.website-builder-scope .templates-heading p{font-size:13px;margin-top:6px}.website-builder-scope .search-box{width:100%;padding:11px 13px}.website-builder-scope .search-box input{font-size:14px}.website-builder-scope .category-tabs{row-gap:8px;column-gap:6px}.website-builder-scope .category-tabs [role=tab]{padding:7px 11px;min-height:32px;font-size:11px}.website-builder-scope .filter-row{margin-bottom:22px}.website-builder-scope .template-grid{grid-template-columns:1fr;gap:30px}.website-builder-scope .template-visual{height:250px;padding:24px 24px 0}.website-builder-scope .template-description{font-size:13px}.website-builder-scope .template-info{margin-top:15px}.website-builder-scope .template-info h3{font-size:18px}.website-builder-scope .template-info p{font-size:13px}.website-builder-scope .template-overlay{opacity:1;background:transparent;backdrop-filter:none;inset:auto 12px 11px auto;gap:5px}.website-builder-scope .template-overlay .btn-dark{padding:8px 10px;font-size:11px;min-height:32px}.website-builder-scope .template-overlay .btn-white{padding:8px 10px;font-size:11px;min-height:32px}.website-builder-scope .template-badge{top:12px;bottom:auto;left:12px;font-size:10px;padding:6px 8px}.website-builder-scope .template-footer{align-items:flex-start;flex-direction:column;gap:12px;font-size:11px}.website-builder-scope .template-footer>span{gap:8px}.website-builder-scope .app-footer{padding:22px 18px;gap:15px;flex-wrap:wrap}.website-builder-scope .app-footer>span{order:3;width:100%;font-size:11px}.website-builder-scope .app-footer>.text-button{margin-left:auto;font-size:12px}.website-builder-scope .sites-heading{margin:8px 0 25px;align-items:flex-start;flex-direction:column;gap:23px}.website-builder-scope .sites-heading h1{font-size:34px}.website-builder-scope .sites-heading p{font-size:13px}.website-builder-scope .sites-heading .btn{font-size:13px}.website-builder-scope .website-empty{min-height:350px;padding:40px 22px}.website-builder-scope .empty-state h2{font-size:23px}.website-builder-scope .empty-state p{font-size:14px}.website-builder-scope .empty-icon{width:67px;height:67px;border-radius:18px}.website-builder-scope .recovery-banner{flex-wrap:wrap;gap:9px;padding:13px;font-size:12px}.website-builder-scope .recovery-banner>span{width:100%}.website-builder-scope .recovery-banner>button:nth-child(2){margin-left:0}.website-builder-scope .recovery-banner>.icon-button{margin-left:auto}.website-builder-scope .editor-header{height:66px;padding:0 9px;gap:7px}.website-builder-scope .editor-header>.icon-button{width:29px}.website-builder-scope .editor-logo{display:none}.website-builder-scope .crumb-divider{display:none}.website-builder-scope .editor-title strong{font-size:12px;max-width:135px}.website-builder-scope .editor-title span{font-size:10px}.website-builder-scope .editor-header-actions{gap:6px}.website-builder-scope .editor-header-actions .btn{padding:8px 10px;min-height:34px;font-size:12px;gap:6px}.website-builder-scope .preview-button>span{display:none}.website-builder-scope .editor-toolbar{padding:0 10px;height:46px;grid-template-columns:1fr auto 1fr}.website-builder-scope .toolbar-left{gap:4px}.website-builder-scope .page-label{font-size:10px;gap:5px}.website-builder-scope .toolbar-actions{gap:3px}.website-builder-scope .toolbar-actions .text-button{font-size:11px}.website-builder-scope .toolbar-separator{display:none}.website-builder-scope .toolbar-actions .icon-button{width:26px}.website-builder-scope .toolbar-actions .icon-button[aria-label="Download website"]{display:none}.website-builder-scope .device-tabs [role=tab]{padding:4px 9px;min-width:32px}.website-builder-scope .device-tabs [role=tab] svg{width:14px}.website-builder-scope .editor-body{position:relative}.website-builder-scope .edit-panel{position:absolute;z-index:5;left:0;top:0;bottom:0;width:min(290px,80vw);box-shadow:8px 0 30px #16233824}.website-builder-scope .panel-hidden .edit-panel{display:none}.website-builder-scope .canvas-area{padding:12px 9px 9px;width:100%}.website-builder-scope .canvas-caption{font-size:10px;margin-bottom:9px}.website-builder-scope .canvas-window{border-radius:5px}.website-builder-scope .canvas-footer{font-size:9px}.website-builder-scope .editor-tabs{height:60px!important}.website-builder-scope .panel-scroll .field input:not([type=color]),.website-builder-scope .panel-scroll .field textarea{font-size:16px}.website-builder-scope .panel-scroll .field>span:first-child{font-size:13px}.website-builder-scope .panel-description{font-size:13px}.website-builder-scope .section-select{font-size:13px}.website-builder-scope .section-row{min-height:42px}.website-builder-scope .canvas-area.mobile .canvas-window{width:100%;max-width:390px}.website-builder-scope .preview-dialog[data-slot=dialog-content]{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-width:none!important}.website-builder-scope .preview-top{padding:14px 10px;gap:7px}.website-builder-scope .preview-top [data-slot=dialog-title]{font-size:16px!important;margin-bottom:0}.website-builder-scope .preview-top>div:last-child{gap:4px}.website-builder-scope .preview-top .btn{font-size:11px;padding:8px 10px;min-height:33px;gap:5px}.website-builder-scope .preview-top [role=tab]{padding:5px 8px}.website-builder-scope .preview-top [role=tab] svg{width:15px}.website-builder-scope .preview-top>div:nth-child(2){display:none}.website-builder-scope .full-preview{padding:0}.website-builder-scope .full-preview iframe{border-radius:0}.website-builder-scope .create-dialog[data-slot=dialog-content],.website-builder-scope .publish-dialog[data-slot=dialog-content],.website-builder-scope .help-dialog[data-slot=dialog-content]{padding:25px!important}.website-builder-scope [data-slot=dialog-title]{font-size:23px!important}.website-builder-scope .field input:not([type=color]),.website-builder-scope .field textarea{font-size:16px}.website-builder-scope .download-progress{bottom:15px;padding:12px 16px;font-size:12px;max-width:calc(100% - 30px);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.website-builder-scope *,.website-builder-scope *:before,.website-builder-scope *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Keep everyday controls readable at comfortable browser text sizes. */
.website-builder-scope .intro-section>div>p,.website-builder-scope .sites-heading p{font-size:16px}
.website-builder-scope .category-tabs [role=tab],.website-builder-scope .template-description,.website-builder-scope .template-info p,.website-builder-scope .search-box input{font-size:14px}
.website-builder-scope .little-label,.website-builder-scope .workspace-note,.website-builder-scope .result-count,.website-builder-scope .template-badge,.website-builder-scope .template-footer,.website-builder-scope .app-footer>span,.website-builder-scope .app-footer .text-button{font-size:12px}
.website-builder-scope .field>span:first-child,.website-builder-scope .panel-scroll .field>span:first-child,.website-builder-scope .section-select,.website-builder-scope .add-section,.website-builder-scope .panel-scroll .field input:not([type=color]),.website-builder-scope .panel-scroll .field textarea,.website-builder-scope .editor-tabs [role=tab],.website-builder-scope .panel-description,.website-builder-scope .item-heading strong,.website-builder-scope .section-edit-title h3,.website-builder-scope .image-editor .upload-button{font-size:14px}
.website-builder-scope .panel-scroll .field small,.website-builder-scope .image-editor small,.website-builder-scope .image-editor .text-button,.website-builder-scope .panel-note,.website-builder-scope .page-label,.website-builder-scope .editor-title span,.website-builder-scope .canvas-caption,.website-builder-scope .canvas-footer,.website-builder-scope .canvas-browser,.website-builder-scope .toolbar-actions .text-button,.website-builder-scope .save-indicator{font-size:12px}
.website-builder-scope .editor-tabs{height:72px!important}.website-builder-scope .section-row{min-height:45px}.website-builder-scope .template-info p{font-size:13px}.website-builder-scope .editor-header-actions .btn{font-size:14px}.website-builder-scope .checkline,.website-builder-scope .guide-steps p{font-size:14px}.website-builder-scope .mini-bar{font-size:8px}
@media(max-width:650px){.website-builder-scope .intro-section>div>p,.website-builder-scope .sites-heading p{font-size:16px}.website-builder-scope .category-tabs [role=tab]{font-size:14px}.website-builder-scope .workspace-eyebrow{gap:12px}.website-builder-scope .workspace-note{display:none}.website-builder-scope .little-label{font-size:12px}.website-builder-scope .three-steps p{font-size:12px}.website-builder-scope .three-steps>div>span{display:none}.website-builder-scope .three-steps{padding:16px 15px}.website-builder-scope .three-steps>svg{width:10px}.website-builder-scope .editor-header-actions .btn{font-size:13px}.website-builder-scope .editor-title strong{max-width:122px}.website-builder-scope .field input:not([type=color]),.website-builder-scope .field textarea,.website-builder-scope .panel-scroll .field input:not([type=color]),.website-builder-scope .panel-scroll .field textarea{font-size:16px}.website-builder-scope .canvas-footer{font-size:12px;gap:12px}.website-builder-scope .canvas-caption{font-size:12px}.website-builder-scope .canvas-browser{font-size:12px}.website-builder-scope .page-label{font-size:12px}.website-builder-scope .editor-tabs [role=tab]{font-size:14px}}

.website-builder-scope .scrollbar-thin{scrollbar-width:thin}
.website-builder-scope .scrollbar-none{scrollbar-width:none}
.website-builder-scope .scrollbar-none::-webkit-scrollbar{display:none}
.website-builder-scope .scrollbar-gutter-stable{scrollbar-gutter:stable}

/* LifeStarter Website Builder working surface. */
.website-builder-scope{--sub:#626a78;--blue:#3445d5;--line:#e4e7ed}
.website-builder-scope{font-size:16px;color:#222632}.website-builder-scope button,.website-builder-scope a,.website-builder-scope input,.website-builder-scope select,.website-builder-scope textarea{-webkit-tap-highlight-color:transparent}.website-builder-scope button:focus-visible,.website-builder-scope a:focus-visible{outline:3px solid #6675ee;outline-offset:4px}.website-builder-scope .btn{font-size:14px;min-height:42px}.website-builder-scope .icon-button{min-width:36px;min-height:36px}.website-builder-scope .field input:not([type=color]),.website-builder-scope .field textarea{font-size:16px}.website-builder-scope .field>span:first-child{font-size:14px}.website-builder-scope .field small,.website-builder-scope .panel-note,.website-builder-scope .image-editor small{color:#687180;font-size:13px}.website-builder-scope .small-badge{font-size:12px;padding:5px 9px;border-radius:5px;background:#f0f2f7;color:#616b7a;white-space:nowrap}
.website-builder-scope .release-workspace{background:#fafbfe;min-height:100vh}.website-builder-scope .main-header{padding:0 max(32px,calc((100vw - 1360px)/2));height:80px;gap:52px}.website-builder-scope .main-nav,.website-builder-scope .main-nav [role=tab]{height:80px!important}.website-builder-scope .main-nav [role=tab]{font-size:14px}.website-builder-scope .header-right{gap:22px}.website-builder-scope .avatar{border:none;cursor:pointer;width:38px;height:38px;outline:1px solid #d9dfcc}.website-builder-scope .account-email{font-size:13px;color:#636c7c;padding:4px 8px 10px}.website-builder-scope .workspace-main{max-width:1424px;padding:42px 32px 60px;min-height:calc(100vh - 160px)}.website-builder-scope .release-heading{display:flex;justify-content:space-between;gap:28px;align-items:center;margin:0 0 34px}.website-builder-scope .little-label{font-size:12px;letter-spacing:1.4px;color:#657080}.website-builder-scope .release-heading h1{font-size:clamp(32px,3vw,43px);line-height:1.12;letter-spacing:-1.6px;font-weight:650;margin:12px 0}.website-builder-scope .release-heading h1>span{color:var(--blue)}.website-builder-scope .release-heading p{font-size:16px;color:#687182;line-height:1.65}.website-builder-scope .new-website{min-height:46px;padding:12px 18px}.website-builder-scope .template-promise{display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.7;color:#66725f}.website-builder-scope .template-promise svg{color:#506c29}.website-builder-scope .template-promise strong{font-weight:500;color:#747d89}.website-builder-scope .workspace-overview{display:grid;grid-template-columns:200px 200px minmax(0,1fr);gap:18px;margin-bottom:36px}.website-builder-scope .workspace-overview>div{background:white;border:1px solid var(--line);border-radius:12px;padding:23px 24px;display:flex;flex-direction:column}.website-builder-scope .workspace-overview span{display:flex;gap:8px;align-items:center;color:#687384;font-size:14px}.website-builder-scope .workspace-overview strong{font-size:36px;line-height:1.1;font-weight:600;letter-spacing:-1px;margin:19px 0 9px}.website-builder-scope .workspace-overview small{font-size:12px;color:#6a7382;line-height:1.5}.website-builder-scope .workspace-overview .overview-guide{background:#ecf0ff;flex-direction:row;align-items:center;gap:20px;border-color:#dfe5fe}.website-builder-scope .overview-guide span{color:#526093}.website-builder-scope .overview-guide h2{font-size:22px;letter-spacing:-.5px;font-weight:600;margin:16px 0 8px}.website-builder-scope .overview-guide p{font-size:14px;color:#626e8c;line-height:1.6;max-width:420px}.website-builder-scope .overview-guide>.icon-button{margin-left:auto;color:var(--blue);border:1px solid #cdd6fa;border-radius:50%;min-width:42px;height:42px;background:white}.website-builder-scope .project-toolbar,.website-builder-scope .gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.website-builder-scope .gallery-toolbar{align-items:flex-start}.website-builder-scope .project-tabs{background:#edf0f6!important;border:1px solid #e5e9f0;padding:4px!important;height:auto!important;border-radius:8px!important}.website-builder-scope .project-tabs [role=tab]{font-size:14px;padding:9px 15px;height:auto}.website-builder-scope .project-tabs [role=tab][data-state=active]{background:white;color:#2d3953;box-shadow:0 1px 3px #1727420c}.website-builder-scope .search-box{border-color:#dfe4ee;padding:11px 13px;min-width:240px;max-width:285px}.website-builder-scope .search-box input{font-size:14px;color:#30394a}.website-builder-scope .search-box input::placeholder{color:#758092}.website-builder-scope .category-tabs{row-gap:8px;max-width:900px}.website-builder-scope .category-tabs [role=tab]{font-size:14px;min-height:40px;padding:10px 12px;border-color:#e0e5ed}.website-builder-scope .template-grid{gap:30px 24px}.website-builder-scope .template-visual{height:280px;padding:26px 22px 0;border-radius:12px;border-color:#e1e5df}.website-builder-scope .thumbnail{height:330px}.website-builder-scope .template-overlay{background:#19244320}.website-builder-scope .template-overlay .btn{font-size:14px}.website-builder-scope .template-info{margin-top:18px}.website-builder-scope .template-info h2,.website-builder-scope .project-name h2{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.5px}.website-builder-scope .template-info p{font-size:13px;color:#697383;margin-top:6px}.website-builder-scope .template-description{font-size:14px;line-height:1.65;color:#667080}.website-builder-scope .template-select{width:36px;height:36px}.website-builder-scope .project-card{border-radius:12px;border-color:#e0e5ed;box-shadow:0 3px 8px #17345103;transition:box-shadow .15s,transform .15s}.website-builder-scope .project-card:hover{box-shadow:0 10px 28px #1d335410;transform:translateY(-2px)}.website-builder-scope .project-card .template-visual{height:235px}.website-builder-scope .project-info{padding:22px}.website-builder-scope .project-name{align-items:flex-start;gap:10px}.website-builder-scope .project-name h2{font-size:18px;overflow-wrap:anywhere;max-width:75%}.website-builder-scope .status-pill{font-size:12px;background:#eef0f5;color:#606c7d;padding:5px 8px}.website-builder-scope .status-pill.published{background:#edf6df;color:#3d6230}.website-builder-scope .project-info>p{font-size:13px;color:#697386;display:flex;flex-wrap:wrap;gap:7px;line-height:1.6}.website-builder-scope .project-actions{gap:10px;margin-top:20px}.website-builder-scope .project-actions>.btn{font-size:14px;padding:10px 13px;min-height:40px}.website-builder-scope .project-actions .text-button{font-size:13px}.website-builder-scope .project-actions .icon-button{margin:0}.website-builder-scope .collection-note{display:flex;justify-content:center;gap:40px;border-top:1px solid var(--line);margin-top:44px;padding:28px 0 0;color:#667183}.website-builder-scope .collection-note span{display:flex;align-items:center;gap:9px;font-size:14px}.website-builder-scope .app-footer{max-width:none;padding:24px max(32px,calc((100vw - 1360px)/2));gap:20px}.website-builder-scope .app-footer>span{font-size:13px;color:#737d8e}.website-builder-scope .app-footer .text-button{font-size:13px}.website-builder-scope .empty-state{background:white;border-style:solid;box-shadow:0 3px 12px #1b386803}.website-builder-scope .empty-state h2{font-weight:600;letter-spacing:-.7px}.website-builder-scope .empty-state p{font-size:16px;color:#647080}.website-builder-scope .empty-state .empty-icon{background:#edf1ff}.website-builder-scope .recovery-stack{margin-bottom:28px}.website-builder-scope .recovery-banner{margin:0 0 10px;padding:16px;font-size:14px;gap:14px}.website-builder-scope .recovery-banner>span{display:block;flex:1}.website-builder-scope .recovery-banner small{display:block;color:#5e6a8a;font-size:12px;margin-top:5px}.website-builder-scope .recovery-banner>button{font-size:14px}.website-builder-scope .recovery-banner>button:nth-child(2){margin:0}.website-builder-scope .recovery-banner>button:not(.icon-button){display:flex;align-items:center;gap:7px;background:none;border:0;color:var(--blue);font-weight:600}.website-builder-scope .loading-state{font-size:16px;color:#626d7f}
.website-builder-scope [data-slot=dialog-content]{border-radius:14px!important;border-color:#dfe4ee!important;box-shadow:0 24px 100px #11234730!important;max-width:570px}.website-builder-scope [data-slot=dialog-title]{font-size:27px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.7px}.website-builder-scope [data-slot=dialog-description]{font-size:15px!important;color:#677386!important}.website-builder-scope .dialog-kicker{font-size:12px;color:#64718a;letter-spacing:1.3px}.website-builder-scope .dialog-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:20px}.website-builder-scope .dialog-actions .btn{flex:none}.website-builder-scope .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.website-builder-scope .setup-progress{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding-right:30px;font-size:12px;color:#8a92a0}.website-builder-scope .setup-progress>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.website-builder-scope .setup-progress>i{height:1px;flex:1;background:#dfe4ed}.website-builder-scope .setup-progress .step-active{color:var(--blue);font-weight:600}.website-builder-scope .setup-template{border:1px solid #e4e8f0;border-radius:8px;display:flex;align-items:center;gap:14px;padding:16px;background:#f8f9fc}.website-builder-scope .setup-template>span{width:38px;height:48px;border-radius:5px;flex-shrink:0}.website-builder-scope .setup-template strong{font-size:15px}.website-builder-scope .setup-template p{font-size:13px;color:#6d7888;margin-top:4px;line-height:1.5}.website-builder-scope .subform{padding:20px;background:#f6f8fc;border:1px solid #e4e8f0;border-radius:9px}.website-builder-scope .page-list{display:flex;flex-direction:column;gap:8px}.website-builder-scope .managed-page{display:flex;align-items:center;gap:5px;border:1px solid #e1e6ef;border-radius:8px;padding:9px 10px;min-width:0}.website-builder-scope .managed-page.active{border-color:#bfcbff;background:#f6f8ff}.website-builder-scope .managed-page>button:first-child{display:flex;flex-direction:column;text-align:left;gap:4px;border:0;background:none;padding:3px;flex:1;min-width:0}.website-builder-scope .managed-page strong{font-size:15px;overflow-wrap:anywhere}.website-builder-scope .managed-page span{font-size:12px;color:#6e798b}.website-builder-scope .managed-page .text-button{font-size:12px}.website-builder-scope .managed-page .icon-button{min-width:28px;width:28px;min-height:32px}.website-builder-scope .preview-pages{border-bottom:1px solid #e0e5ee;padding:10px 24px;background:white}.website-builder-scope .preview-pages .field{max-width:300px;flex-direction:row;align-items:center;gap:15px;margin:0}.website-builder-scope .preview-pages .field>span{white-space:nowrap}.website-builder-scope .preview-pages .select-control{min-width:150px}.website-builder-scope .preview-dialog[data-slot=dialog-content]{max-width:none}.website-builder-scope .preview-top [data-slot=dialog-description]{font-size:13px!important}.website-builder-scope .published-link input{font-size:14px;background:none;border:0;min-width:0;width:100%;color:#354977;outline:0}.website-builder-scope .launch-progress{height:5px;border-radius:5px;background:#eef0f6;overflow:hidden;margin:5px 0}.website-builder-scope .launch-progress>span{display:block;height:100%;background:#3445d5;border-radius:5px}.website-builder-scope .launch-list{display:flex;flex-direction:column;gap:0;max-height:280px;overflow:auto;margin-bottom:3px}.website-builder-scope .launch-list button{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;border:0;border-bottom:1px solid #edf0f5;background:white;padding:13px 2px;color:#8a7039}.website-builder-scope .launch-list button>svg{flex-shrink:0;margin-top:3px}.website-builder-scope .launch-list button>svg:last-child{margin-left:auto;color:#768195}.website-builder-scope .launch-list button>span{display:flex;flex-direction:column;gap:5px;flex:1}.website-builder-scope .launch-list strong{font-size:14px;color:#364153;font-weight:550;line-height:1.5}.website-builder-scope .launch-list small{font-size:13px;color:#6b7586;line-height:1.5}.website-builder-scope .launch-list .complete{color:#547a35}.website-builder-scope .launch-list button:hover{background:#f8faff}.website-builder-scope .release-publish .field{margin-top:10px}.website-builder-scope .notice{font-size:14px;line-height:1.6}.website-builder-scope .history-panel[data-slot=sheet-content]{width:min(460px,100vw);max-width:460px}.website-builder-scope .history-panel [data-slot=sheet-header]{padding:30px 26px 24px;border-bottom:1px solid #e6eaf1}.website-builder-scope .history-panel [data-slot=sheet-title]{font-size:24px;font-weight:600;letter-spacing:-.5px}.website-builder-scope .history-panel [data-slot=sheet-description]{font-size:14px;line-height:1.7;color:#667386}.website-builder-scope .history-content{padding:0 24px 30px;overflow:auto}.website-builder-scope .history-entry{padding:22px 0;border-bottom:1px solid #e5e9ef;display:flex;gap:18px;justify-content:space-between}.website-builder-scope .history-entry strong{font-size:15px}.website-builder-scope .history-entry p{font-size:13px;color:#6c7688;margin-top:7px}.website-builder-scope .history-entry small{display:block;font-size:12px;color:#758093;margin-top:6px}.website-builder-scope .history-actions{display:flex;flex-direction:column;gap:15px}.website-builder-scope .history-actions button{font-size:13px;color:var(--blue)}.website-builder-scope .history-content .notice{margin-top:22px}.website-builder-scope .help-facts{border-top:1px solid #e1e6ef;padding-top:20px}.website-builder-scope .help-facts h3{font-size:15px;font-weight:600;margin:0 0 7px}.website-builder-scope .help-facts p{font-size:14px;color:#667386;line-height:1.7;margin:0 0 18px}.website-builder-scope .guide-steps p{font-size:15px;color:#667386}.website-builder-scope .guide-steps h3{font-size:16px}
.website-builder-scope .editor-logo{background:none;border:0;padding:0}.website-builder-scope .editor-title span{font-size:12px;color:#637083}.website-builder-scope .editor-header{height:76px}.website-builder-scope .editor-title strong{max-width:290px;font-size:16px}.website-builder-scope .save-indicator{font-size:13px;color:#546174}.website-builder-scope .editor-toolbar{height:62px;padding:0 20px;grid-template-columns:minmax(280px,1fr) auto 1fr}.website-builder-scope .toolbar-left{min-width:0;gap:10px}.website-builder-scope .page-switcher{display:flex;align-items:center;gap:5px;min-width:0;width:280px}.website-builder-scope .page-switcher .field{margin:0;min-width:0;flex:1}.website-builder-scope .page-switcher .field>span{display:none}.website-builder-scope .page-switcher .select-control{width:100%;font-size:14px;background:#f8f9fc;border-color:#e4e8ef}.website-builder-scope .toolbar-actions{gap:7px}.website-builder-scope .toolbar-actions .icon-button{width:34px}.website-builder-scope .toolbar-actions .text-button{font-size:14px;margin-left:4px}.website-builder-scope .editor-tabs [role=tab]{font-size:14px}.website-builder-scope .edit-panel{width:336px;min-width:336px}.website-builder-scope .panel-heading h2{font-size:17px}.website-builder-scope .panel-description{font-size:14px;line-height:1.6;color:#647083}.website-builder-scope .section-select{font-size:14px}.website-builder-scope .section-row{min-height:43px}.website-builder-scope .section-row .move-button{width:27px;min-height:29px}.website-builder-scope .section-edit-title h3{font-size:17px}.website-builder-scope .section-fields{padding-top:21px}.website-builder-scope .section-fields .field>span,.website-builder-scope .panel-scroll .field>span{font-size:14px}.website-builder-scope .section-fields .field input,.website-builder-scope .section-fields .field textarea{font-size:15px}.website-builder-scope .canvas-caption{font-size:12px;color:#65738a}.website-builder-scope .canvas-caption>span:last-child{font-size:12px;color:#65738a}.website-builder-scope .canvas-footer{font-size:12px;color:#6e7c8f}.website-builder-scope .canvas-browser{font-size:12px;color:#647289}.website-builder-scope .canvas-area{background:#eef1f7;padding:24px 28px 16px}.website-builder-scope .canvas-window{box-shadow:0 5px 25px #19355a0f}.website-builder-scope .image-editor .upload-button{width:100%;font-size:14px}.website-builder-scope .add-section{font-size:14px}.website-builder-scope .mobile-editor-mode{display:none}.website-builder-scope .save-error-banner{position:fixed;z-index:40;bottom:14px;left:50%;transform:translateX(-50%);max-width:min(800px,calc(100vw - 24px));background:#fff8e9;border:1px solid #e5c986;border-radius:10px;padding:13px 17px;display:flex;gap:15px;align-items:center;box-shadow:0 5px 30px #17234419;font-size:14px;line-height:1.6;color:#755b26}.website-builder-scope .save-error-banner>span{flex:1}.website-builder-scope .save-error-banner button{border:0;background:none;color:#5148aa;font-weight:600;font-size:14px;white-space:nowrap;padding:5px}.website-builder-scope .upload-button:focus-visible{outline:3px solid #6775e8;outline-offset:3px}
@media(min-width:1600px){.website-builder-scope .template-visual{height:310px}.website-builder-scope .project-card .template-visual{height:260px}}
@media(max-width:1100px){.website-builder-scope .main-header{gap:24px;padding:0 28px}.website-builder-scope .workspace-overview{grid-template-columns:170px 170px 1fr}.website-builder-scope .workspace-overview>div{padding:21px 18px}.website-builder-scope .gallery-toolbar{flex-direction:column;align-items:stretch}.website-builder-scope .gallery-toolbar .search-box{align-self:flex-end}.website-builder-scope .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-builder-scope .template-visual{height:295px}.website-builder-scope .project-card .template-visual{height:255px}.website-builder-scope .edit-panel{width:310px;min-width:310px}.website-builder-scope .editor-toolbar{grid-template-columns:minmax(220px,1fr) auto auto;gap:12px}.website-builder-scope .page-switcher{width:220px}.website-builder-scope .canvas-area{padding:18px}.website-builder-scope .editor-header .save-indicator{display:flex;font-size:12px;max-width:130px;line-height:1.4}.website-builder-scope .editor-header{gap:12px}.website-builder-scope .editor-title strong{max-width:200px}.website-builder-scope .editor-header-actions{gap:8px}.website-builder-scope .editor-header-actions .btn{padding:10px 12px}.website-builder-scope .overview-guide h2{font-size:20px}}
@media(max-width:800px){.website-builder-scope .header-right{gap:13px}.website-builder-scope .main-header{gap:18px}.website-builder-scope .main-nav [role=tab]{padding:0 10px!important}.website-builder-scope .workspace-overview{grid-template-columns:1fr 1fr}.website-builder-scope .workspace-overview .overview-guide{grid-column:1/-1;padding:22px}.website-builder-scope .workspace-overview strong{margin-top:12px;font-size:31px}.website-builder-scope .template-promise{display:none}.website-builder-scope .collection-note{gap:20px;flex-wrap:wrap}.website-builder-scope .release-heading{margin-bottom:27px}.website-builder-scope .app-footer>span{display:none}.website-builder-scope .editor-header .save-indicator{display:none}.website-builder-scope .editor-title strong{max-width:170px}.website-builder-scope .page-switcher{width:185px}.website-builder-scope .editor-toolbar{grid-template-columns:1fr auto;gap:8px}.website-builder-scope .editor-toolbar>.device-tabs{display:none}.website-builder-scope .toolbar-actions .icon-button{min-width:31px;width:31px}.website-builder-scope .edit-panel{width:290px;min-width:290px}.website-builder-scope .canvas-area{padding:12px}.website-builder-scope .canvas-caption>span:last-child{display:none}}
@media(max-width:650px){.website-builder-scope .main-header{padding:0 18px;height:70px}.website-builder-scope .main-header nav{top:70px;left:18px;height:50px}.website-builder-scope .main-nav,.website-builder-scope .main-nav [role=tab]{height:50px!important}.website-builder-scope .main-nav [role=tab]{font-size:14px;padding:0 13px!important;gap:6px}.website-builder-scope .main-header .brandmark{font-size:24px}.website-builder-scope .header-right .help-button span{display:none}.website-builder-scope .header-right>.btn{min-height:38px;padding:9px 13px}.website-builder-scope .workspace-main{padding:82px 18px 36px}.website-builder-scope .release-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:25px}.website-builder-scope .release-heading h1{font-size:34px;margin:10px 0 11px;letter-spacing:-1.2px}.website-builder-scope .release-heading p{font-size:15px}.website-builder-scope .little-label{font-size:12px;letter-spacing:1.2px}.website-builder-scope .new-website{width:100%;justify-content:center;min-height:46px}.website-builder-scope .workspace-overview{gap:12px;margin-bottom:25px}.website-builder-scope .workspace-overview>div{padding:18px}.website-builder-scope .workspace-overview span{font-size:13px}.website-builder-scope .workspace-overview small{font-size:12px}.website-builder-scope .workspace-overview .overview-guide{padding:19px}.website-builder-scope .overview-guide p{font-size:14px}.website-builder-scope .overview-guide h2{font-size:21px;margin-top:13px}.website-builder-scope .project-toolbar{flex-direction:column;align-items:stretch;gap:15px}.website-builder-scope .project-toolbar .search-box,.website-builder-scope .gallery-toolbar .search-box{width:100%;max-width:none;align-self:stretch}.website-builder-scope .project-tabs{display:flex;width:100%;justify-content:space-between}.website-builder-scope .project-tabs [role=tab]{font-size:13px;padding:9px 11px;flex:1}.website-builder-scope .template-grid{grid-template-columns:1fr;gap:25px}.website-builder-scope .template-visual{height:290px;padding:24px 23px 0}.website-builder-scope .project-card .template-visual{height:245px}.website-builder-scope .template-overlay{inset:auto 13px 13px auto;gap:7px;background:none;backdrop-filter:none;opacity:1}.website-builder-scope .template-overlay .btn{font-size:13px;min-height:37px;padding:9px 12px}.website-builder-scope .template-info h2{font-size:21px}.website-builder-scope .template-description{font-size:15px}.website-builder-scope .template-info p{font-size:13px}.website-builder-scope .category-tabs [role=tab]{font-size:13px;min-height:38px;padding:8px 10px}.website-builder-scope .gallery-toolbar{gap:18px}.website-builder-scope .project-info{padding:20px}.website-builder-scope .project-name h2{font-size:20px}.website-builder-scope .project-info>p{font-size:13px}.website-builder-scope .project-actions>.btn{font-size:14px;min-height:42px}.website-builder-scope .collection-note{justify-content:flex-start;gap:18px;padding-top:24px;margin-top:32px}.website-builder-scope .collection-note span{font-size:14px}.website-builder-scope .app-footer{padding:24px 18px}.website-builder-scope .app-footer .text-button{font-size:13px}.website-builder-scope .recovery-banner{gap:10px;flex-wrap:wrap;padding:14px}.website-builder-scope .recovery-banner>span{width:auto;flex-basis:70%}.website-builder-scope .recovery-banner>button{font-size:14px}.website-builder-scope .recovery-banner>button:nth-child(3){margin-left:27px}.website-builder-scope .recovery-banner>button:last-child{margin-left:auto}.website-builder-scope .empty-state{padding:40px 22px}.website-builder-scope .empty-state h2{font-size:25px}.website-builder-scope .empty-state p{font-size:15px}.website-builder-scope .form-grid{grid-template-columns:1fr;gap:0}.website-builder-scope .setup-progress{gap:8px;font-size:12px}.website-builder-scope .setup-progress span span{font-size:12px}.website-builder-scope .dialog-actions .btn{flex:1}.website-builder-scope .managed-page{flex-wrap:wrap;gap:2px}.website-builder-scope .managed-page>button:first-child{flex-basis:45%}.website-builder-scope .managed-page .text-button{font-size:13px}.website-builder-scope .managed-page .icon-button{width:32px;min-width:32px}.website-builder-scope .preview-top [data-slot=dialog-description]{display:none}.website-builder-scope .preview-top>div:nth-child(2){display:block}.website-builder-scope .preview-top{gap:10px}.website-builder-scope .preview-top [data-slot=dialog-title]{font-size:16px!important;max-width:140px;overflow-wrap:anywhere}.website-builder-scope .preview-top .btn{min-height:38px;font-size:12px}.website-builder-scope .preview-pages{padding:8px 12px}.website-builder-scope .preview-pages .field{max-width:none}.website-builder-scope .launch-list{max-height:260px}.website-builder-scope .history-panel[data-slot=sheet-content]{width:100vw;max-width:100vw}.website-builder-scope .notice{font-size:14px}.website-builder-scope .editor-header{height:69px;gap:9px;padding:0 12px}.website-builder-scope .editor-header>.icon-button{min-width:32px;width:32px}.website-builder-scope .editor-title strong{font-size:14px;max-width:130px}.website-builder-scope .editor-title span{font-size:12px}.website-builder-scope .editor-header-actions{gap:6px}.website-builder-scope .editor-header-actions .btn{min-height:40px;padding:9px 11px;font-size:13px}.website-builder-scope .preview-button{width:40px;padding:8px!important}.website-builder-scope .editor-toolbar{padding:8px 12px;height:60px;grid-template-columns:minmax(0,1fr) auto}.website-builder-scope .toolbar-left>.icon-button{display:none}.website-builder-scope .page-switcher{width:auto;flex:1;max-width:220px}.website-builder-scope .page-switcher .select-control{height:42px!important;font-size:14px}.website-builder-scope .page-switcher>.icon-button{width:38px;min-width:38px}.website-builder-scope .toolbar-left{width:100%}.website-builder-scope .toolbar-actions{gap:3px}.website-builder-scope .toolbar-actions>.icon-button{width:36px;min-width:36px;min-height:42px}.website-builder-scope .toolbar-actions>.icon-button[aria-label="Download website"],.website-builder-scope .toolbar-actions>.icon-button[aria-label="Launch checklist"],.website-builder-scope .toolbar-actions>.text-button{display:none}.website-builder-scope .toolbar-separator{display:none}.website-builder-scope .mobile-editor-mode{height:48px;display:flex;gap:7px;align-items:center;padding:7px 12px;background:#f4f6fb;border-bottom:1px solid #e0e6ef;flex-shrink:0}.website-builder-scope .mobile-editor-mode>button{border:1px solid transparent;background:none;color:#697486;font-size:13px;padding:6px 9px;min-height:34px;border-radius:5px;white-space:nowrap}.website-builder-scope .mobile-editor-mode>button[aria-pressed=true]{background:white;border-color:#dce3ee;color:#3445d5;box-shadow:0 1px 3px #2333590b}.website-builder-scope .mobile-editor-mode>span{margin-left:auto;color:#5b697e;font-size:12px;line-height:1.3;max-width:95px}.website-builder-scope .editor-body{min-height:0}.website-builder-scope .edit-panel{position:static;width:100%;min-width:0;box-shadow:none;flex:1;border-right:0}.website-builder-scope .editor-body:not(.panel-hidden)>.canvas-area{display:none}.website-builder-scope .panel-hidden .edit-panel{display:none}.website-builder-scope .editor-tabs{height:57px!important;flex-shrink:0}.website-builder-scope .editor-tabs [role=tab]{font-size:14px}.website-builder-scope .panel-scroll{padding:20px}.website-builder-scope .panel-scroll .field input:not([type=color]),.website-builder-scope .panel-scroll .field textarea{font-size:16px}.website-builder-scope .section-row{min-height:46px}.website-builder-scope .section-select{font-size:15px}.website-builder-scope .section-row .move-button{width:40px;min-height:40px}.website-builder-scope .section-fields{margin-top:8px}.website-builder-scope .canvas-area{width:100%;padding:12px 9px}.website-builder-scope .canvas-caption{font-size:12px}.website-builder-scope .canvas-footer{font-size:12px}.website-builder-scope .canvas-browser{font-size:12px}.website-builder-scope .save-error-banner{bottom:10px;flex-wrap:wrap;font-size:13px;padding:12px 14px;gap:9px}.website-builder-scope .save-error-banner>span{flex-basis:100%}.website-builder-scope .save-error-banner button{font-size:13px}.website-builder-scope .download-progress{font-size:14px;white-space:normal;width:max-content;max-width:calc(100vw - 28px)}.website-builder-scope .icon-button{min-height:40px;min-width:40px}.website-builder-scope .editor-title{min-width:0}.website-builder-scope .full-preview.mobile iframe{max-width:390px}}
@media(prefers-reduced-motion:reduce){.website-builder-scope *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Clear controls and a compact editing flow. */
.website-builder-scope .field>label{font-size:14px;font-weight:550;color:#364153;line-height:1.5;display:block}
.website-builder-scope .field-support{display:flex;align-items:flex-start;gap:10px;line-height:1.5;min-width:0}
.website-builder-scope .field-support:empty{display:none}.website-builder-scope .field-support small{font-size:13px;line-height:1.5}
.website-builder-scope .field-support .field-count{margin-left:auto;white-space:nowrap;color:#788294;font-size:12px;flex-shrink:0}
.website-builder-scope .field:focus-within .field-count{color:var(--blue)}.website-builder-scope .field-invalid input,.website-builder-scope .field-invalid textarea{border-color:#be514e!important;background:#fffafa!important}
.website-builder-scope .field-error,.website-builder-scope .field-support .field-error{color:#a73535;font-size:14px;line-height:1.5}.website-builder-scope .field-invalid:focus-within input,.website-builder-scope .field-invalid:focus-within textarea{box-shadow:0 0 0 3px #be514e15}
.website-builder-scope .template-card{border:1px solid #e0e6f0;border-radius:14px;background:white;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 14px #20386005}
.website-builder-scope .template-card .template-visual{border:0;border-radius:0;height:235px}
.website-builder-scope .template-card .template-info{padding:0 20px;margin:20px 0 10px;gap:12px;align-items:flex-start}
.website-builder-scope .template-card .template-description{padding:0 20px;margin:0;flex:1;font-size:14px}
.website-builder-scope .template-card .template-style{font-size:12px;background:#f2f4f8;color:#657087;padding:6px 9px;border-radius:20px;line-height:1.5;max-width:130px;text-align:center}
.website-builder-scope .template-card-actions{display:flex;gap:10px;padding:20px;margin-top:2px}
.website-builder-scope .template-card-actions .btn{flex:1;font-size:14px;white-space:nowrap;min-height:44px;padding:10px 11px}
.website-builder-scope .template-card-actions .btn svg{width:15px}.website-builder-scope .template-promise strong{font-size:14px;color:#5b6674}
.website-builder-scope .friendly-editor .editor-header{padding:0 24px;gap:16px}
.website-builder-scope .friendly-editor .editor-title{margin-right:10px}.website-builder-scope .friendly-editor .editor-title span{font-size:12px}
.website-builder-scope .guest-save{border:0;border-bottom:1px solid #bdc6f0;background:none;color:#3545ba;padding:5px 0;font-size:14px;white-space:nowrap}
.website-builder-scope .friendly-editor .editor-toolbar{height:64px;display:flex;justify-content:space-between;gap:18px;padding:0 24px}
.website-builder-scope .friendly-editor .toolbar-left{gap:12px;flex:1;min-width:0}
.website-builder-scope .friendly-editor .page-switcher{width:auto;max-width:390px;flex:1;gap:12px}
.website-builder-scope .friendly-editor .page-switcher .field{max-width:245px;min-width:110px}
.website-builder-scope .friendly-editor .page-switcher .select-control{height:40px;padding:8px 13px;background:#f5f7fc}
.website-builder-scope .toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:transparent;border-radius:7px;min-height:40px;font-size:14px;color:#4d596d;padding:8px 10px;white-space:nowrap;flex-shrink:0}
.website-builder-scope .toolbar-button:hover:not(:disabled){background:#f0f3fa;color:#253fc0}.website-builder-scope .toolbar-button:disabled{opacity:.4;cursor:default}
.website-builder-scope .friendly-editor .pages-button{border-color:#dce2ee;background:white;color:#3445b5;padding:8px 12px}
.website-builder-scope .page-count{background:#eef1fc;border-radius:4px;min-width:19px;padding:1px 5px;font-size:12px;color:#4656b3}
.website-builder-scope .friendly-editor .device-tabs [role=tab]{gap:7px;padding:7px 12px;font-size:13px;min-height:34px}
.website-builder-scope .friendly-editor .toolbar-actions{margin-left:auto;gap:5px}.website-builder-scope .friendly-editor .more-button{border-color:#e0e5ed;padding:8px 12px}
.website-builder-scope .friendly-editor .edit-panel{width:355px;min-width:355px}.website-builder-scope .friendly-editor .editor-tabs{height:68px!important}
.website-builder-scope .friendly-editor .panel-scroll{padding:23px 24px 35px}.website-builder-scope .panel-scope{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}
.website-builder-scope .panel-scope>span{font-size:12px;color:#7b8495;letter-spacing:1px;font-weight:650}.website-builder-scope .panel-scope>strong{font-size:13px;background:#eef2fb;color:#526387;border-radius:5px;padding:5px 9px;max-width:160px;overflow-wrap:anywhere}
.website-builder-scope .section-picker{padding:0 0 17px;border-bottom:1px solid #e7eaf2}.website-builder-scope .section-picker .field{margin:0 0 11px}.website-builder-scope .section-picker .select-control{width:100%;min-height:44px;font-size:15px;background:#f8f9fd}
.website-builder-scope .section-picker .arrange-button{display:flex;align-items:center;gap:7px;font-size:13px;color:#62718a;padding:4px 0}
.website-builder-scope .section-arranger{border-bottom:1px solid #e6eaf2;padding:15px 0}.website-builder-scope .section-arranger>p{font-size:13px;color:#667386;line-height:1.6;margin:0 0 13px}.website-builder-scope .section-arranger .section-list{margin:0}.website-builder-scope .section-arranger .section-row{min-height:42px}
.website-builder-scope .friendly-editor .section-fields{border-top:0;margin-top:0;padding-top:21px}.website-builder-scope .friendly-editor .section-edit-title{margin-bottom:10px;gap:12px}.website-builder-scope .friendly-editor .section-edit-title h3{font-size:20px;line-height:1.3;letter-spacing:-.3px;white-space:nowrap}
.website-builder-scope .section-help{font-size:14px;line-height:1.65;color:#6b7689;margin:0 0 23px}.website-builder-scope .visibility-control{display:flex;align-items:center;gap:8px;font-size:12px;color:#738095;margin-left:auto}.website-builder-scope .visibility-control [role=switch]{flex-shrink:0}
.website-builder-scope .friendly-editor .section-fields .field{margin-bottom:20px}.website-builder-scope .friendly-editor .section-fields textarea{min-height:95px;line-height:1.6}.website-builder-scope .friendly-editor .section-fields input{min-height:44px}
.website-builder-scope .friendly-editor .add-section{margin-top:23px;border-style:solid;background:#f5f7ff;border-color:#dbe2fc;color:#3c51ba;padding:12px;min-height:45px;gap:8px;justify-content:center;display:flex}
.website-builder-scope .scope-notice{font-size:13px;line-height:1.6;background:#f0f4fb;border-left:3px solid #a2b4de;color:#61738e;padding:10px 12px;margin:18px 0 19px;border-radius:0 5px 5px 0}
.website-builder-scope .friendly-editor .canvas-area{padding:22px 26px 16px}.website-builder-scope .friendly-editor .canvas-caption{font-size:13px}.website-builder-scope .friendly-editor .canvas-caption>span:last-child{font-size:12px}
.website-builder-scope .return-review{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf2ff;border-bottom:1px solid #dce4fa;padding:10px 24px;color:#536487;font-size:14px;flex-shrink:0}
.website-builder-scope .return-review button{display:inline-flex;gap:7px;align-items:center;border:0;background:none;color:#3445bb;font-size:14px;font-weight:600;white-space:nowrap;min-height:28px}
.website-builder-scope .skip-setup{margin-right:auto;font-size:14px;color:#64718a;padding:9px 0;white-space:nowrap}.website-builder-scope .setup-progress .step-complete{color:#4b7239}.website-builder-scope .setup-dialog .dialog-actions{gap:12px}
.website-builder-scope .friendly-review[data-slot=dialog-content]{max-width:600px!important;gap:16px!important}.website-builder-scope .friendly-review [data-slot=dialog-title]{font-size:26px!important}
.website-builder-scope .review-summary{display:flex;gap:0;border:1px solid #e2e8f1;border-radius:9px;background:#f6f8fc;padding:13px 0}
.website-builder-scope .review-summary>span{flex:1;text-align:center;font-size:13px;color:#65738b;border-right:1px solid #dfe5ef;line-height:1.5}.website-builder-scope .review-summary>span:last-child{border:0}.website-builder-scope .review-summary strong{font-size:20px;font-weight:600;color:#334766;display:block;line-height:1.4}
.website-builder-scope .review-scroll{max-height:260px;overflow:auto;padding-right:6px}.website-builder-scope .review-group{margin:0 0 17px}.website-builder-scope .review-group h3{font-size:14px;font-weight:650;color:#3c4c65;display:flex;align-items:center;gap:9px;margin:5px 0 3px}
.website-builder-scope .review-group h3>span{font-size:12px;background:#f1f3f8;color:#7b8493;border-radius:4px;padding:3px 6px;font-weight:400}
.website-builder-scope .friendly-review .launch-list{max-height:none;overflow:visible;margin:0}.website-builder-scope .friendly-review .launch-list button{padding:12px 1px;gap:10px}
.website-builder-scope .friendly-review .launch-list .check-action{flex:none;display:flex;flex-direction:row;gap:5px;align-items:center;color:#4b62ba;font-size:12px;margin-top:2px}.website-builder-scope .friendly-review .required-check{color:#bc6054}.website-builder-scope .friendly-review .launch-list strong{font-size:14px}
.website-builder-scope .review-completed summary{display:flex;align-items:center;gap:7px;cursor:pointer;min-height:36px;font-size:14px;color:#627850;padding:4px 0}.website-builder-scope .review-completed summary:after{content:'+';margin-left:auto;font-size:18px;color:#8891a1}.website-builder-scope .review-completed[open] summary:after{content:'−'}
.website-builder-scope .friendly-review form .field{margin:0 0 14px}.website-builder-scope .friendly-review .publish-note{font-size:12px;line-height:1.65;text-align:center;margin:11px 0 0}.website-builder-scope .publish-explanation{font-size:14px;color:#a34f3a;margin:0 0 12px;line-height:1.5}
.website-builder-scope .back-review-button{white-space:nowrap}.website-builder-scope .friendly-review .publish-existing{margin-top:0}.website-builder-scope .friendly-editor .panel-description{margin-bottom:24px}
@media(max-width:1150px){.website-builder-scope .friendly-editor .editor-toolbar{gap:12px;padding:0 18px}.website-builder-scope .friendly-editor .edit-panel{width:320px;min-width:320px}.website-builder-scope .friendly-editor .panel-scroll{padding:20px}.website-builder-scope .friendly-editor .device-tabs [role=tab]>span{display:none}.website-builder-scope .friendly-editor .canvas-area{padding:18px}.website-builder-scope .friendly-editor .page-switcher{max-width:300px}.website-builder-scope .friendly-editor .editor-title strong{max-width:200px}.website-builder-scope .friendly-editor .editor-title span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-builder-scope .template-card-actions{padding:17px;gap:8px}.website-builder-scope .template-card-actions .btn{font-size:13px}.website-builder-scope .template-card .template-info{padding:0 17px}.website-builder-scope .template-card .template-style{max-width:110px}}
@media(max-width:800px){.website-builder-scope .friendly-editor .editor-header{padding:0 15px;gap:10px}.website-builder-scope .friendly-editor .guest-save{display:none}.website-builder-scope .friendly-editor .edit-panel{width:300px;min-width:300px}.website-builder-scope .friendly-editor .undo-button>span{display:none}.website-builder-scope .friendly-editor .toolbar-left{gap:5px}.website-builder-scope .friendly-editor .page-count{display:none}.website-builder-scope .friendly-editor .pages-button{gap:6px;padding:8px 10px}.website-builder-scope .friendly-editor .canvas-caption>span:last-child{display:none}.website-builder-scope .template-card .template-visual{height:250px}}
@media(max-width:650px){.website-builder-scope .friendly-editor .editor-header{height:74px;padding:0 10px;gap:6px}.website-builder-scope .friendly-editor .editor-title{margin:0;flex:1;min-width:0}.website-builder-scope .friendly-editor .editor-title strong{max-width:none;font-size:14px}.website-builder-scope .friendly-editor .editor-title span{font-size:12px;max-width:120px}.website-builder-scope .friendly-editor .editor-header-actions{gap:5px}.website-builder-scope .friendly-editor .editor-header-actions .review-button{font-size:12px;padding:8px;gap:5px}.website-builder-scope .friendly-editor .review-button>svg{display:none}.website-builder-scope .friendly-editor .editor-toolbar{height:59px;padding:0 11px;gap:7px}.website-builder-scope .friendly-editor .page-switcher{gap:6px;max-width:none}.website-builder-scope .friendly-editor .page-switcher .field{min-width:80px;max-width:150px}.website-builder-scope .friendly-editor .page-switcher .select-control{padding:8px;font-size:14px}.website-builder-scope .friendly-editor .pages-button{font-size:13px;padding:8px;min-height:41px}.website-builder-scope .friendly-editor .toolbar-actions{gap:1px}.website-builder-scope .friendly-editor .more-button{font-size:13px;padding:8px;min-height:41px;gap:4px}.website-builder-scope .friendly-editor .undo-button{padding:8px;width:32px}.website-builder-scope .friendly-editor .toolbar-actions>.icon-button{display:none}.website-builder-scope .friendly-editor .edit-panel{width:100%;min-width:0}.website-builder-scope .friendly-editor .editor-tabs{height:57px!important}.website-builder-scope .friendly-editor .panel-scroll{padding:21px 20px 35px}.website-builder-scope .friendly-editor .section-edit-title h3{font-size:21px}.website-builder-scope .friendly-editor .section-fields input,.website-builder-scope .friendly-editor .section-fields textarea{font-size:16px}.website-builder-scope .friendly-editor .canvas-area{padding:12px 9px}.website-builder-scope .return-review{padding:9px 13px;gap:9px;font-size:12px}.website-builder-scope .return-review>span{max-width:180px;line-height:1.5}.website-builder-scope .return-review button{font-size:13px}.website-builder-scope .template-card .template-info{padding:0 20px}.website-builder-scope .template-card .template-description{font-size:15px}.website-builder-scope .template-card-actions{padding:20px;gap:10px}.website-builder-scope .template-card-actions .btn{font-size:14px}.website-builder-scope .template-card .template-visual{height:260px}.website-builder-scope .template-card .template-style{max-width:125px}.website-builder-scope .friendly-review[data-slot=dialog-content]{padding:23px!important;gap:14px!important}.website-builder-scope .friendly-review [data-slot=dialog-title]{font-size:24px!important}.website-builder-scope .review-scroll{max-height:230px}.website-builder-scope .review-summary>span{font-size:12px}.website-builder-scope .review-summary strong{font-size:19px}.website-builder-scope .friendly-review .launch-list button{gap:8px}.website-builder-scope .friendly-review .launch-list .check-action{font-size:12px}.website-builder-scope .friendly-review .launch-list small{font-size:13px}.website-builder-scope .setup-dialog .dialog-actions{flex-wrap:wrap}.website-builder-scope .setup-dialog .skip-setup{flex:0 0 100%;text-align:left;order:3;margin:0;padding:10px 0 0}.website-builder-scope .back-review-button{font-size:12px!important;padding:8px!important}.website-builder-scope .back-review-button>svg{display:none}.website-builder-scope .preview-top .back-review-button~.icon-button{display:none}.website-builder-scope .preview-top:has(.back-review-button){flex-wrap:wrap}.website-builder-scope .preview-top:has(.back-review-button)>div:first-child{flex:1}.website-builder-scope .preview-top:has(.back-review-button) [data-slot=dialog-title]{max-width:170px!important}}
@media(max-width:380px){.website-builder-scope .friendly-editor .editor-title strong{font-size:13px}.website-builder-scope .friendly-editor .preview-button{width:34px;min-width:34px}.website-builder-scope .friendly-editor .editor-header-actions .review-button{font-size:11px}.website-builder-scope .friendly-editor .toolbar-left{min-width:0}.website-builder-scope .friendly-editor .pages-button svg{display:none}.website-builder-scope .friendly-editor .toolbar-actions .undo-button{display:none}}

.website-builder-scope .mobile-history-action{display:none}
@media(max-width:650px){.website-builder-scope .mobile-history-action{display:flex}}

/* Keep the next editing action in reach while long forms scroll. */
.website-builder-scope .friendly-editor .content-tab{display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:0;flex:1}
.website-builder-scope .friendly-editor .content-tab[data-state=inactive]{display:none}
.website-builder-scope .section-navigation{padding:16px 24px 10px;border-bottom:1px solid #e4e9f2;background:#fff;flex-shrink:0}
.website-builder-scope .section-controls{display:flex;gap:10px;align-items:flex-end}.website-builder-scope .section-controls>.field{flex:1;min-width:0;margin:0;gap:8px}
.website-builder-scope .section-controls .select-control{width:100%;min-height:44px;background:#f7f9fd;font-size:15px}
.website-builder-scope .section-controls .add-section-control{height:44px;min-width:70px;border-color:#d9e1f8;background:#f3f6ff;color:#3448b9;font-size:14px}
.website-builder-scope .section-nav-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:6px;min-height:32px}
.website-builder-scope .section-nav-actions .arrange-button{display:flex;align-items:center;gap:5px;font-size:14px;color:#536581;min-height:32px;padding:3px 0}
.website-builder-scope .section-nav-actions>span{font-size:12px;color:#788396;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
.website-builder-scope .friendly-editor .content-tab>.panel-scroll{padding-top:0;scroll-padding-top:18px}
.website-builder-scope .friendly-editor .section-arranger{padding-top:18px}.website-builder-scope .field-invalid .select-control{border-color:#be514e;background:#fffafa}
.website-builder-scope .button-destination{background:#f7f9fd;border:1px solid #e1e7f2;border-radius:9px;padding:16px 14px;margin-bottom:16px}
.website-builder-scope .button-destination .field:last-of-type{margin-bottom:0}.website-builder-scope .button-destination .field>span{line-height:1.5}
.website-builder-scope .button-destination .select-control{white-space:normal;min-height:44px;height:auto;text-align:left;padding-top:10px;padding-bottom:10px;line-height:1.5}
.website-builder-scope .button-destination .select-control [data-slot=select-value]{white-space:normal}.website-builder-scope .button-destination .field-error{font-size:14px}
.website-builder-scope .button-destination-summary{display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.5;color:#426652;margin-top:13px;overflow-wrap:anywhere}
.website-builder-scope .button-destination-summary svg{flex-shrink:0;margin-top:2px}.website-builder-scope .button-destination-summary>span{flex:1}
.website-builder-scope .focused-pages[data-slot=dialog-content]{gap:18px!important}.website-builder-scope .pages-back{display:flex;align-items:center;gap:7px;width:fit-content;min-height:34px;color:#526480;font-size:14px;padding:0 28px 0 0}
.website-builder-scope .focused-pages .page-list{max-height:44vh;overflow:auto;padding-right:3px}.website-builder-scope .focused-pages .managed-page{padding:10px 12px;gap:15px;min-height:70px}
.website-builder-scope .focused-pages .managed-page>button:first-child{min-height:46px;justify-content:center}.website-builder-scope .focused-pages .managed-page strong{font-size:16px}.website-builder-scope .focused-pages .managed-page span{font-size:13px}
.website-builder-scope .page-options{min-height:44px;padding:8px 10px;font-size:14px;border-color:#dce3ee;background:white}.website-builder-scope .page-options:hover{border-color:#bac7e3}
.website-builder-scope .pages-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e5eaf2;padding-top:17px}.website-builder-scope .pages-footer>span{font-size:14px;color:#6f7d90}
.website-builder-scope .page-form .field{margin-bottom:22px}.website-builder-scope .page-form .field input{min-height:46px;font-size:16px}.website-builder-scope .page-form .dialog-actions{border-top:1px solid #e5eaf2;padding-top:20px;margin-top:25px}
.website-builder-scope .page-address-details{border:1px solid #e0e6ef;border-radius:8px;background:#f8fafd;padding:0 15px}.website-builder-scope .page-address-details>summary{cursor:pointer;font-size:14px;color:#53647d;min-height:48px;line-height:1.6;padding:12px 0;overflow-wrap:anywhere}
.website-builder-scope .page-address-details>summary>span{font-size:13px;color:#7a8699;margin-left:13px}.website-builder-scope .page-address-details>.field{margin:3px 0 18px}.website-builder-scope .page-removal>p{font-size:15px;line-height:1.7;color:#607087}
@media(max-width:1150px){.website-builder-scope .section-navigation{padding:15px 20px 10px}.website-builder-scope .section-nav-actions>span{max-width:94px}.website-builder-scope .section-nav-actions .arrange-button{font-size:13px}}
@media(max-width:650px){.website-builder-scope .section-navigation{padding:12px 20px 8px}.website-builder-scope .section-nav-actions .arrange-button{font-size:14px}.website-builder-scope .section-nav-actions>span{max-width:145px}.website-builder-scope .focused-pages .managed-page{padding:9px 10px;gap:10px}.website-builder-scope .focused-pages .page-list{max-height:41vh}.website-builder-scope .focused-pages .page-options{font-size:14px;padding:8px}.website-builder-scope .focused-pages .page-form .dialog-actions>.btn{flex:1}.website-builder-scope .page-address-details>summary>span{display:block;margin-left:15px}.website-builder-scope .button-destination{padding:16px}}

/* Honest recovery status and a clear route back into unfinished work. */
.website-builder-scope .recovery-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.website-builder-scope .recovery-heading h2{font-size:20px;font-weight:600;color:#34445f;margin:0 0 7px;letter-spacing:-.4px}.website-builder-scope .recovery-heading p{font-size:14px;color:#65768e;line-height:1.6;margin:0;max-width:650px}.website-builder-scope .recovery-heading>span{font-size:13px;white-space:nowrap;border:1px solid #dbe4f3;background:#f4f7fd;color:#5c6e8b;padding:6px 10px;border-radius:16px}
.website-builder-scope .recovery-stack .recovery-banner{margin-bottom:10px}.website-builder-scope .recovery-stack .recovery-banner>span{min-width:0;overflow-wrap:anywhere}.website-builder-scope .recovery-more{min-height:40px;font-size:14px;color:#4058b3;padding:4px 0;margin-top:2px}
.website-builder-scope .recovery-warning{display:flex;align-items:center;gap:18px;padding:11px 24px;background:#fff6e3;color:#795924;font-size:14px;line-height:1.5;border-bottom:1px solid #ebd6a6;flex-shrink:0}.website-builder-scope .recovery-warning>span{flex:1}.website-builder-scope .recovery-warning button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:#624391;font-weight:600;min-height:32px}
@media(max-width:650px){.website-builder-scope .recovery-heading{gap:12px}.website-builder-scope .recovery-heading h2{font-size:19px}.website-builder-scope .recovery-heading p{font-size:14px}.website-builder-scope .recovery-heading>span{font-size:12px}.website-builder-scope .recovery-warning{padding:10px 15px;gap:12px;font-size:13px}.website-builder-scope .recovery-warning button{font-size:13px}}

/* Keep the exact field in view when returning from publication review. */
.website-builder-scope [data-editor-field]{scroll-margin-block:24px}
.website-builder-scope .friendly-editor [data-editor-field]:focus-within>label{color:#3045b9}
.website-builder-scope .friendly-review .launch-list .check-action{min-width:57px;justify-content:flex-end;font-size:13px}
.website-builder-scope .friendly-review .launch-list button:disabled{opacity:.6;cursor:wait}
.website-builder-scope .friendly-review .field-invalid input{border-color:#b44842}

/* Save feedback belongs to the editor, never over the field being edited. */
.website-builder-scope .friendly-editor{height:100dvh;min-height:0}
.website-builder-scope .friendly-editor .save-error-banner{position:static;transform:none;max-width:none;width:100%;border-width:0 0 1px;border-radius:0;box-shadow:none;flex-shrink:0;padding:10px 24px;gap:12px;margin:0}
.website-builder-scope .friendly-editor .save-error-banner>span{min-width:0;overflow-wrap:anywhere}
.website-builder-scope .friendly-editor .save-error-banner button{min-height:40px;padding:8px 12px;border:1px solid #d8c393;border-radius:6px;background:#fffdf7;font-size:14px}
.website-builder-scope .friendly-editor .save-error-banner button:disabled{opacity:.5;cursor:wait}
@media(max-width:650px){.website-builder-scope .friendly-editor .save-error-banner{padding:9px 14px;gap:6px 10px;font-size:14px}.website-builder-scope .friendly-editor .save-error-banner>span{flex-basis:100%}.website-builder-scope .friendly-editor .save-error-banner button{min-height:40px;font-size:14px;flex:1}.website-builder-scope .friendly-editor .editor-header-actions .review-button{font-size:14px}.website-builder-scope .friendly-editor .more-button,.website-builder-scope .friendly-editor .pages-button{font-size:14px}.website-builder-scope .mobile-editor-mode>button{font-size:14px}.website-builder-scope .friendly-editor .editor-toolbar{height:auto;min-height:59px;flex-wrap:wrap;padding-block:8px}.website-builder-scope .friendly-editor .toolbar-left{flex:1 1 170px;width:auto}.website-builder-scope .friendly-editor .toolbar-actions{flex-shrink:0}}

/* The page is the primary editing surface. */
.website-builder-scope .friendly-editor .canvas-caption{min-height:24px;align-items:center;gap:16px}
.website-builder-scope .friendly-editor .canvas-caption>span:last-child{font-size:14px;color:#52618b;text-align:right}
.website-builder-scope .canvas-photo-dialog[data-slot=dialog-content]{max-width:470px!important;max-height:90dvh;overflow:auto}
.website-builder-scope .canvas-photo-dialog .image-editor>img{width:100%;max-height:230px;object-fit:contain;background:#f2f4fa;border-radius:9px}
.website-builder-scope .canvas-photo-dialog .image-editor{margin:8px 0 0;display:flex;flex-direction:column;align-items:stretch;gap:12px}
.website-builder-scope .canvas-photo-dialog .image-editor small{font-size:13px;color:#6b7589;line-height:1.5}
@media(max-width:800px){.website-builder-scope .friendly-editor .canvas-caption>span:first-child{display:none}.website-builder-scope .friendly-editor .canvas-caption>span:last-child{display:block;text-align:left;font-size:13px}.website-builder-scope .friendly-editor .canvas-footer{font-size:12px;gap:8px}}

.website-builder-scope .gallery-editor .item-editor{margin-bottom:22px}.website-builder-scope .gallery-editor-photo{width:100%;height:150px;object-fit:cover;border-radius:8px;margin:0 0 14px}.website-builder-scope .gallery-editor .btn{margin-bottom:18px}.website-builder-scope .collection-actions{display:flex;gap:2px}.website-builder-scope .gallery-editor .item-heading{margin-bottom:15px}.website-builder-scope .canvas-photo-dialog .gallery-editor .item-editor{padding:0;border:0}.website-builder-scope .canvas-photo-dialog .gallery-editor-photo{height:230px;object-fit:contain;background:#f2f4fa}

/* Actual website previews make design decisions easier to compare. */
.website-builder-scope .design-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 18px}
.website-builder-scope .design-choice-grid>button{border:1px solid #dce3ef;border-radius:8px;padding:0;background:#fff;text-align:left;overflow:hidden;cursor:pointer;min-width:0}
.website-builder-scope .design-choice-grid>button:hover{border-color:#8c9ae0;box-shadow:0 3px 12px #31448810}
.website-builder-scope .design-choice-grid>button.selected{border:2px solid #4254d6;box-shadow:0 0 0 2px #4254d615}
.website-builder-scope .design-choice-grid>button:focus-visible{outline:3px solid #6679de;outline-offset:3px}
.website-builder-scope .design-choice-preview{height:115px;overflow:hidden;background:#eef1f6}
.website-builder-scope .design-choice-preview .thumbnail{height:115px}
.website-builder-scope .design-choice-grid>button>span{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:9px 10px;font-size:14px;color:#53627a}
.website-builder-scope .design-choice-grid>button.selected>span{color:#3546c6;font-weight:600}
.website-builder-scope .design-options{margin:8px 0 22px;border:1px solid #dfe5ef;border-radius:8px;padding:0 14px;background:#fbfcfe}
.website-builder-scope .design-options [data-slot=accordion-trigger]{font-size:14px;color:#415272;min-height:52px;align-items:center}
.website-builder-scope .design-options [data-slot=accordion-content]{font-size:14px}
@media(max-width:650px){.website-builder-scope .design-choice-preview,.website-builder-scope .design-choice-preview .thumbnail{height:140px}.website-builder-scope .design-choice-grid{gap:14px}.website-builder-scope .design-choice-grid>button>span{font-size:15px;min-height:44px}}

.website-builder-scope .release-workspace{background:#f8f9fc}.website-builder-scope .release-workspace .main-header{height:82px;background:#fff;padding-inline:max(28px,calc((100vw - 1490px)/2));gap:55px}.website-builder-scope .release-workspace .main-nav [role=tab]{padding-inline:21px!important;font-size:15px!important}.website-builder-scope .release-workspace .main-header .brandmark{font-size:29px}.website-builder-scope .release-workspace .workspace-main{max-width:1490px;padding:48px 28px 60px}.website-builder-scope .release-workspace:has(.catalog-page) .workspace-main{padding-top:38px}.website-builder-scope .release-workspace .help-button{font-size:14px}.website-builder-scope .catalog-intro{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-bottom:38px}.website-builder-scope .catalog-eyebrow{display:block;color:#4654b7;font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:14px}.website-builder-scope .catalog-intro h1{font-size:clamp(36px,3.8vw,56px);font-weight:650;line-height:1.06;letter-spacing:-2px;color:#18202f;margin:0}.website-builder-scope .catalog-intro p{font-size:17px;color:#687184;margin:18px 0 0;line-height:1.6}.website-builder-scope .catalog-facts{display:flex;flex-direction:column;gap:13px;padding-right:22px;color:#526078;font-size:14px}.website-builder-scope .catalog-facts>span{display:flex;align-items:center;gap:10px}.website-builder-scope .catalog-facts svg{color:#4454d8}.website-builder-scope .catalog-layout{display:grid;grid-template-columns:207px minmax(0,1fr);gap:35px}.website-builder-scope .catalog-sidebar{padding-top:7px}.website-builder-scope .catalog-sidebar-heading{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#67738a}.website-builder-scope .catalog-sidebar-heading h2{font-size:14px;font-weight:600;margin:0;color:#273248}.website-builder-scope .catalog-category-list{display:flex;flex-direction:column;gap:4px}.website-builder-scope .catalog-category-list>button{border:0;background:transparent;border-radius:7px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;width:100%;min-height:42px;padding:9px 12px;font-size:14px;color:#657087;cursor:pointer}.website-builder-scope .catalog-category-list>button>span:last-child{font-size:12px;opacity:.72}.website-builder-scope .catalog-category-list>button:hover{background:#edf0f7;color:#263956}.website-builder-scope .catalog-category-list>button.active{background:#e9edff;color:#3544d1;font-weight:600}.website-builder-scope .catalog-support{margin-top:30px;padding:21px 13px 0;border-top:1px solid #dfe5ef}.website-builder-scope .catalog-support strong{font-size:14px;color:#354156;line-height:1.5;display:block}.website-builder-scope .catalog-support p{font-size:14px;line-height:1.65;color:#788295;margin-top:9px}.website-builder-scope .catalog-controls{display:flex;align-items:center;gap:14px;margin-bottom:22px}.website-builder-scope .catalog-search{display:flex;align-items:center;gap:12px;flex:1;border:1px solid #dce2ee;background:#fff;border-radius:8px;padding:13px 16px;color:#8390a5;min-width:0}.website-builder-scope .catalog-search:focus-within{border-color:#6d7cfa;box-shadow:0 0 0 3px #5d72e512}.website-builder-scope .catalog-search input{border:0;background:transparent;outline:0;width:100%;min-width:0;font-size:15px;line-height:1.5;color:#263449}.website-builder-scope .catalog-search input::placeholder{color:#8a94a8}.website-builder-scope .catalog-search button{display:grid;place-items:center;border:0;background:none;color:#7c899c;padding:3px;cursor:pointer}.website-builder-scope .catalog-select{border:1px solid #dce2ee;background:#fff;border-radius:8px;padding:7px 12px;min-width:190px;display:flex;flex-direction:column;gap:2px}.website-builder-scope .catalog-select>span{color:#8490a3;font-size:12px}.website-builder-scope .catalog-select select{border:0;background:transparent;font-size:14px;font-weight:500;outline:0;color:#334055;line-height:1.7;max-width:100%;padding-right:5px}.website-builder-scope .catalog-result-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:14px;color:#768195}.website-builder-scope .catalog-result-bar p strong{color:#273348;font-weight:600}.website-builder-scope .catalog-result-bar>div{display:flex;gap:16px;align-items:center}.website-builder-scope .catalog-result-bar label{display:flex;gap:10px;align-items:center;white-space:nowrap}.website-builder-scope .catalog-result-bar select{background:transparent;border:0;font-size:14px;color:#334055;font-weight:500;max-width:170px;outline-color:#5a6ae5}.website-builder-scope .catalog-result-bar .text-button{font-size:14px}.website-builder-scope .catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}.website-builder-scope .catalog-card{border:1px solid #e0e5ee;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #1d355d03;min-width:0;transition:box-shadow .2s,border-color .2s}.website-builder-scope .catalog-card:hover{border-color:#c7d0e9;box-shadow:0 12px 32px #24396612}.website-builder-scope .catalog-preview{border:0;display:block;width:100%;height:235px;overflow:hidden;padding:21px 19px 0;position:relative;cursor:pointer;text-align:left;background:#e9ecf2}.website-builder-scope .catalog-window{border:1px solid #ffffff55;box-shadow:0 4px 12px #00000012;border-radius:5px 5px 0 0;background:#fff;height:100%;overflow:hidden}.website-builder-scope .catalog-window-bar{display:flex;justify-content:space-between;align-items:center;gap:7px;height:19px;padding:0 7px;font:8px/1 Arial;color:#8792a6;background:#fff;border-bottom:1px solid #edf0f5}.website-builder-scope .catalog-window-bar>span:first-child{display:flex;gap:3px;min-width:22px}.website-builder-scope .catalog-window-bar>span:last-child{min-width:22px}.website-builder-scope .catalog-window-bar i{display:block;width:3px;height:3px;border-radius:50%;background:#dce1e8}.website-builder-scope .catalog-window .thumbnail{height:230px;background:inherit}.website-builder-scope .catalog-window .thumbnail iframe{pointer-events:none;transform-origin:top left;border:0}.website-builder-scope .thumbnail-placeholder{height:100%;background:linear-gradient(120deg,#edf0f5,#f9faff)}.website-builder-scope .catalog-preview-hint{position:absolute;bottom:13px;left:50%;transform:translate(-50%,6px);border:1px solid #ffffff88;background:#ffffffec;backdrop-filter:blur(7px);color:#2a3650;padding:9px 13px;border-radius:6px;font-size:13px;white-space:nowrap;box-shadow:0 4px 25px #10172725;opacity:0;transition:opacity .15s,transform .15s}.website-builder-scope .catalog-preview:hover .catalog-preview-hint,.website-builder-scope .catalog-preview:focus-visible .catalog-preview-hint{opacity:1;transform:translate(-50%,0)}.website-builder-scope .catalog-card-content{padding:19px 18px 17px}.website-builder-scope .catalog-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.website-builder-scope .catalog-card-title h2{margin:0;font-size:19px;letter-spacing:-.45px;font-weight:650;color:#253047}.website-builder-scope .catalog-card-title>span{font-size:11px;background:#f2f4f8;padding:5px 7px;border-radius:4px;white-space:nowrap;color:#78849a;max-width:120px;overflow:hidden;text-overflow:ellipsis}.website-builder-scope .catalog-card-content>p{font-size:14px;color:#657188;line-height:1.5;margin:0 0 16px}.website-builder-scope .catalog-card-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#8893a7;margin-bottom:18px}.website-builder-scope .catalog-card-meta>span+span{padding-left:10px;border-left:1px solid #dfe4ee;white-space:nowrap}.website-builder-scope .catalog-card-buttons{display:grid;grid-template-columns:1fr 1.2fr;gap:9px}.website-builder-scope .catalog-card-buttons .btn{font-size:13px;padding:10px 8px;min-height:42px;white-space:nowrap;border-radius:6px}.website-builder-scope .catalog-card-buttons .btn-primary{background:#3945d7;border-color:#3945d7;box-shadow:0 2px 3px #1e2b850e}.website-builder-scope .catalog-more{text-align:center;margin-top:36px}.website-builder-scope .catalog-more p{font-size:14px;color:#7b889d;margin-bottom:16px}.website-builder-scope .catalog-more .btn{padding-inline:28px;font-size:14px;min-height:45px}.website-builder-scope .catalog-empty{background:#fff;border:1px solid #dfe5ef;border-radius:10px;padding:70px 24px;text-align:center;color:#77869d}.website-builder-scope .catalog-empty>svg{margin:0 auto 20px}.website-builder-scope .catalog-empty h2{font-size:24px;color:#263449;margin:0 0 12px}.website-builder-scope .catalog-empty p{font-size:16px;margin:0 0 24px}.website-builder-scope .catalog-bottom{margin-top:48px;padding-top:32px;border-top:1px solid #dfe5ef;text-align:center}.website-builder-scope .catalog-bottom strong{font-size:18px;color:#35435a}.website-builder-scope .catalog-bottom p{font-size:15px;color:#748198;margin-top:9px}.website-builder-scope .project-manage{order:3;margin-left:auto;font-size:14px;min-height:43px}.website-builder-scope .project-toolbar .search-box{margin-left:auto}.website-builder-scope .workspace-overview{display:none!important}.website-builder-scope .publish-access-note{font-size:14px;line-height:1.6;color:#63718a;background:#f5f7fc;border:1px solid #dfe6f3;border-radius:8px;padding:14px 16px}.website-builder-scope .publish-access-note strong{font-size:14px;display:block;color:#334665;margin-bottom:4px}.website-builder-scope .export-alternative{border-top:1px solid #e1e6ef;padding-top:18px;margin-top:8px;display:flex;align-items:flex-start;gap:18px}.website-builder-scope .export-alternative strong{font-size:14px;color:#334665}.website-builder-scope .export-alternative p{font-size:13px;color:#6e7d93;line-height:1.6;margin-top:5px}.website-builder-scope .export-alternative .btn{font-size:13px;white-space:nowrap;padding:10px 12px}.website-builder-scope .preview-photo-error{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:12px 15px;background:#fff6e5;color:#735223;font-size:14px;border:1px solid #eedbb9;border-radius:7px;margin-bottom:12px}.website-builder-scope .preview-photo-error button{padding:5px 8px;color:#725011;font-weight:600;white-space:nowrap;background:transparent;border:0;cursor:pointer}.website-builder-scope .friendly-review[data-slot=dialog-content]{max-height:94dvh;overflow-y:auto}.website-builder-scope .release-workspace .project-toolbar{flex-wrap:wrap}
@media(min-width:1700px){.website-builder-scope .catalog-preview{height:260px}.website-builder-scope .catalog-window .thumbnail{height:255px}}
@media(max-width:1200px){.website-builder-scope .catalog-layout{grid-template-columns:180px minmax(0,1fr);gap:22px}.website-builder-scope .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.website-builder-scope .catalog-preview{height:265px}.website-builder-scope .catalog-window .thumbnail{height:260px}.website-builder-scope .catalog-card-buttons .btn{font-size:14px}.website-builder-scope .catalog-card-title>span{font-size:12px}.website-builder-scope .catalog-card-meta{font-size:13px}}
@media(max-width:900px){.website-builder-scope .release-workspace .main-header{gap:26px}.website-builder-scope .catalog-layout{grid-template-columns:160px minmax(0,1fr);gap:20px}.website-builder-scope .catalog-intro{gap:25px}.website-builder-scope .catalog-facts{padding:0;min-width:200px}.website-builder-scope .catalog-search{padding:12px}.website-builder-scope .catalog-search input{font-size:14px}.website-builder-scope .catalog-select{min-width:155px}.website-builder-scope .catalog-card-content{padding:17px 14px}.website-builder-scope .catalog-preview{height:230px;padding:17px 14px 0}.website-builder-scope .catalog-window .thumbnail{height:220px}.website-builder-scope .catalog-card-title>span{display:none}.website-builder-scope .catalog-grid{gap:20px 16px}.website-builder-scope .catalog-card-meta{flex-wrap:wrap}.website-builder-scope .catalog-card-buttons{gap:7px}.website-builder-scope .catalog-card-buttons .btn{font-size:13px}}
@media(max-width:700px){.website-builder-scope .release-workspace .main-header{padding:0 18px;height:72px;gap:12px}.website-builder-scope .release-workspace .main-header .brandmark{font-size:26px}.website-builder-scope .release-workspace .main-header nav{height:48px}.website-builder-scope .release-workspace .main-nav [role=tab]{font-size:14px!important;height:48px!important;min-height:48px!important;padding:0 19px!important}.website-builder-scope .release-workspace .workspace-main,.website-builder-scope .release-workspace:has(.catalog-page) .workspace-main{padding:78px 18px 36px}.website-builder-scope .catalog-intro{display:block;margin-bottom:25px}.website-builder-scope .catalog-intro h1{font-size:42px;letter-spacing:-1.5px}.website-builder-scope .catalog-intro p{font-size:16px;margin-top:16px}.website-builder-scope .catalog-eyebrow{font-size:12px;margin-bottom:12px}.website-builder-scope .catalog-facts{flex-direction:row;flex-wrap:wrap;gap:10px 18px;font-size:13px;margin-top:20px}.website-builder-scope .catalog-facts>span:last-child{display:none}.website-builder-scope .catalog-facts svg{width:14px}.website-builder-scope .catalog-layout{display:block}.website-builder-scope .catalog-sidebar{padding:0;margin:0 -18px 23px}.website-builder-scope .catalog-sidebar-heading{display:none}.website-builder-scope .catalog-category-list{flex-direction:row;overflow-x:auto;padding:0 18px 7px;gap:8px;scrollbar-width:thin}.website-builder-scope .catalog-category-list>button{width:auto;min-height:40px;flex-shrink:0;padding:9px 13px;border:1px solid #e0e5ef;background:#fff;font-size:14px;white-space:nowrap;gap:8px}.website-builder-scope .catalog-category-list>button.active{border-color:#cdd5ff}.website-builder-scope .catalog-support{display:none}.website-builder-scope .catalog-controls{gap:10px;align-items:stretch;margin-bottom:17px}.website-builder-scope .catalog-search{padding:11px 12px}.website-builder-scope .catalog-search input{font-size:16px}.website-builder-scope .catalog-search input::placeholder{font-size:14px}.website-builder-scope .catalog-select{min-width:125px;max-width:155px;padding:6px 9px}.website-builder-scope .catalog-select select{font-size:13px}.website-builder-scope .catalog-result-bar{font-size:13px;align-items:flex-start;gap:12px}.website-builder-scope .catalog-result-bar label{gap:5px}.website-builder-scope .catalog-result-bar label>span{display:none}.website-builder-scope .catalog-result-bar>div{gap:8px}.website-builder-scope .catalog-result-bar select{font-size:13px;width:130px}.website-builder-scope .catalog-result-bar .text-button{font-size:12px}.website-builder-scope .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.website-builder-scope .catalog-preview{height:165px;padding:11px 9px 0}.website-builder-scope .catalog-window .thumbnail{height:160px}.website-builder-scope .catalog-card-content{padding:14px 11px}.website-builder-scope .catalog-card-title{margin-bottom:5px}.website-builder-scope .catalog-card-title h2{font-size:17px}.website-builder-scope .catalog-card-content>p{font-size:13px;margin-bottom:12px}.website-builder-scope .catalog-card-meta{font-size:12px;gap:6px;line-height:1.5;margin-bottom:13px}.website-builder-scope .catalog-card-meta>span+span{padding-left:7px}.website-builder-scope .catalog-card-buttons{display:flex;flex-direction:column;gap:7px}.website-builder-scope .catalog-card-buttons .btn{font-size:13px;min-height:40px;padding:9px}.website-builder-scope .catalog-more{margin-top:25px}.website-builder-scope .catalog-bottom{text-align:left;margin-top:32px;padding-top:24px}.website-builder-scope .catalog-bottom strong{font-size:17px}.website-builder-scope .catalog-bottom p{font-size:14px;line-height:1.65}.website-builder-scope .export-alternative{display:block}.website-builder-scope .export-alternative .btn{margin-top:12px;width:100%;font-size:14px}.website-builder-scope .project-manage{font-size:13px}.website-builder-scope .project-toolbar .search-box{min-width:0;flex:1}.website-builder-scope .preview-photo-error{font-size:13px}.website-builder-scope .release-workspace .app-footer{padding:23px 18px}}
@media(max-width:380px){.website-builder-scope .catalog-grid{grid-template-columns:1fr}.website-builder-scope .catalog-preview{height:240px}.website-builder-scope .catalog-window .thumbnail{height:235px}.website-builder-scope .catalog-card-content{padding:18px}.website-builder-scope .catalog-card-title h2{font-size:21px}.website-builder-scope .catalog-card-content>p{font-size:14px}.website-builder-scope .catalog-card-buttons{display:grid}.website-builder-scope .catalog-select{max-width:126px}.website-builder-scope .catalog-controls{gap:7px}}

.website-builder-scope .catalog-recovery{display:flex;align-items:center;gap:12px;font-size:14px;color:#667388;background:#eef1ff;border:1px solid #e0e6fc;border-radius:7px;padding:12px 16px;margin-bottom:25px}.website-builder-scope .catalog-recovery>span{flex:1}.website-builder-scope .catalog-recovery strong{font-weight:600;color:#465578}.website-builder-scope .catalog-recovery .text-button{font-size:14px;white-space:nowrap}@media(max-width:700px){.website-builder-scope .catalog-recovery{font-size:13px;padding:10px 12px;gap:9px;line-height:1.5}.website-builder-scope .catalog-recovery>svg{display:none}.website-builder-scope .catalog-recovery .text-button{font-size:13px;padding:7px 0}}

.website-builder-scope .photo-library-dialog[data-slot=dialog-content]{width:calc(100vw - 36px);max-width:820px;max-height:90dvh}.website-builder-scope .photo-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow-y:auto;max-height:55dvh;padding:2px}.website-builder-scope .photo-library-grid button{border:1px solid #dfe5ef;border-radius:8px;padding:0;overflow:hidden;background:white;text-align:left;cursor:pointer}.website-builder-scope .photo-library-grid button:hover{border-color:#6778dd}.website-builder-scope .photo-library-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.website-builder-scope .photo-library-grid span{display:block;padding:9px 10px;color:#66758e;font-size:13px}.website-builder-scope .stock-photo-button{margin:10px 0 15px}@media(max-width:650px){.website-builder-scope .photo-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.website-builder-scope .photo-library-dialog[data-slot=dialog-content]{padding:23px!important}}

.website-builder-scope .catalog-select:focus-within{border-color:#6d7cfa;box-shadow:0 0 0 3px #5d72e51c}.website-builder-scope .catalog-card-meta{color:#67758b}.website-builder-scope .catalog-card-title>span{color:#626f84}.website-builder-scope .catalog-result-bar select:focus-visible{outline:2px solid #6678df;outline-offset:3px}.website-builder-scope .catalog-recovery strong{overflow-wrap:anywhere}

.website-builder-scope .thumbnail-surface{position:absolute;top:0;left:0;width:1100px;height:1000px;transform-origin:top left;pointer-events:none;overflow:hidden}
.website-builder-scope .thumbnail-photo-notice{position:absolute;bottom:10px;left:10px;right:10px;padding:8px 10px;background:#ffffffed;color:#43516a;border:1px solid #dbe2ee;border-radius:5px;font-size:12px;line-height:1.4;text-align:center}

/* Bring the actual design collection into the first screen. */
.website-builder-scope .release-workspace:has(.catalog-page) .workspace-main{padding-top:28px}
.website-builder-scope .catalog-intro{align-items:flex-end;gap:28px;margin-bottom:28px}
.website-builder-scope .catalog-intro h1{font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-1.5px}
.website-builder-scope .catalog-intro p{font-size:16px;margin-top:12px}
.website-builder-scope .catalog-eyebrow{font-size:12px;margin-bottom:10px}
.website-builder-scope .catalog-facts{gap:10px;padding-bottom:3px;font-size:14px}
.website-builder-scope .catalog-preview{height:270px;padding:18px 16px 0}
.website-builder-scope .catalog-window .thumbnail{height:270px}
.website-builder-scope .catalog-card-content{padding:18px}
.website-builder-scope .catalog-card-title>span{font-size:12px}
.website-builder-scope .catalog-card-meta{font-size:13px}
.website-builder-scope .catalog-card-buttons .btn{font-size:14px;min-height:44px}
.website-builder-scope .catalog-search input{font-size:16px}
.website-builder-scope .catalog-controls{margin-bottom:16px}
.website-builder-scope .catalog-select>span{font-size:13px}
.website-builder-scope .catalog-sidebar{position:sticky;top:100px;align-self:start;max-height:calc(100dvh - 120px);overflow-y:auto;scrollbar-width:thin}
@media(max-width:1200px){.website-builder-scope .catalog-preview{height:280px}.website-builder-scope .catalog-window .thumbnail{height:280px}}
@media(max-width:900px){.website-builder-scope .catalog-facts{display:none}.website-builder-scope .catalog-preview{height:245px}.website-builder-scope .catalog-window .thumbnail{height:245px}}
@media(max-width:700px){.website-builder-scope .release-workspace:has(.catalog-page) .workspace-main{padding-top:76px}.website-builder-scope .catalog-intro{margin-bottom:22px}.website-builder-scope .catalog-intro h1{font-size:34px;letter-spacing:-1px}.website-builder-scope .catalog-intro p{font-size:16px}.website-builder-scope .catalog-sidebar{position:static;max-height:none;overflow:visible}.website-builder-scope .catalog-preview{height:220px}.website-builder-scope .catalog-window .thumbnail{height:220px}.website-builder-scope .catalog-recovery{flex-wrap:wrap}.website-builder-scope .catalog-recovery>span{flex-basis:65%}.website-builder-scope .catalog-recovery .text-button{font-size:14px}.website-builder-scope .catalog-card-content>p{font-size:14px}.website-builder-scope .catalog-card-buttons .btn{font-size:14px}.website-builder-scope .catalog-card-title h2{font-size:20px}}
@media(max-width:580px){.website-builder-scope .catalog-grid{grid-template-columns:1fr;gap:22px}.website-builder-scope .catalog-preview{height:280px;padding:18px 18px 0}.website-builder-scope .catalog-window .thumbnail{height:280px}.website-builder-scope .catalog-card-content{padding:20px}.website-builder-scope .catalog-card-buttons{display:grid;grid-template-columns:1fr 1.2fr}.website-builder-scope .catalog-card-title>span{display:block}.website-builder-scope .catalog-select{min-width:125px}.website-builder-scope .catalog-intro h1{font-size:32px}.website-builder-scope .catalog-card-meta{font-size:14px}}

/* LifeStarter Website Builder theme. Customer websites retain their own design system. */
.website-builder-scope{
 --brand-accent:#4854ed; --brand-ink:#171922; --brand-muted:#656b7d;
 --brand-surface:#f5f6fa; --brand-soft:#edf0ff; --brand-border:#e3e6ee;
 --blue:var(--brand-accent); --ink:var(--brand-ink); --sub:var(--brand-muted); --line:var(--brand-border);
 --primary:var(--brand-accent); --primary-foreground:#fff; --foreground:var(--brand-ink);
 --secondary:var(--brand-surface); --secondary-foreground:var(--brand-ink);
 --muted:var(--brand-surface); --muted-foreground:var(--brand-muted);
 --accent:var(--brand-soft); --accent-foreground:#343fbd; --border:var(--brand-border);
 --input:var(--brand-border); --ring:var(--brand-accent);
}
.website-builder-scope{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; color:var(--brand-ink); background:#fff}
.website-builder-scope button:focus-visible,.website-builder-scope a:focus-visible{outline-color:var(--brand-accent)}
.website-builder-scope input:focus,.website-builder-scope textarea:focus{outline-color:var(--brand-accent)}
.website-builder-scope .btn{border-radius:9px; min-height:44px; font-size:14px; font-weight:600; box-shadow:none; transition:background .18s,border-color .18s}
.website-builder-scope .btn:hover:not(:disabled){transform:none}
.website-builder-scope .btn-primary,.website-builder-scope .catalog-card-buttons .btn-primary{background:var(--brand-accent); border-color:var(--brand-accent); color:white; box-shadow:none}
.website-builder-scope .btn-primary:hover:not(:disabled){background:#3542d6; border-color:#3542d6}
.website-builder-scope .btn-secondary{background:#fff; color:#303643; border-color:#dce0e9; box-shadow:none}
.website-builder-scope .btn-secondary:hover:not(:disabled){background:#f5f6fb; border-color:#bdc4d5}
.website-builder-scope .btn-dark{background:#171922}
.website-builder-scope .text-button,.website-builder-scope .icon-button{color:var(--brand-muted)}
.website-builder-scope .icon-button:hover{background:var(--brand-soft); color:var(--brand-accent)}
.website-builder-scope .danger,.website-builder-scope .field .field-error{color:#b23838}
.website-builder-scope .brandmark{gap:10px; font-size:28px; font-weight:780; letter-spacing:-1.3px; color:var(--brand-ink); white-space:nowrap}
.website-builder-scope .brandmark img{width:35px; height:35px; border-radius:9px; flex-shrink:0}
.website-builder-scope .brand-wordmark{line-height:1.2}
.website-builder-scope .release-workspace{background:#fff}
.website-builder-scope .release-workspace .main-header{height:76px; padding-inline:max(32px,calc((100vw - 1480px)/2)); gap:55px; border:0; background:#171922; color:#fff}
.website-builder-scope .release-workspace .main-header .brandmark{font-size:27px; color:#fff}
.website-builder-scope .release-workspace .main-header nav{height:100%}
.website-builder-scope .release-workspace .main-nav{height:76px!important; gap:7px}
.website-builder-scope .release-workspace .main-nav [role=tab]{height:42px!important; min-height:42px; padding:0 17px!important; border-radius:8px!important; font-size:14px!important; color:#b9bdcf}
.website-builder-scope .release-workspace .main-nav [role=tab][data-state=active]{background:#2d3142!important; color:#fff; font-weight:600}
.website-builder-scope .release-workspace .main-nav [role=tab][data-state=active]:after{display:none}
.website-builder-scope .header-right{gap:25px}
.website-builder-scope .release-workspace .header-right .help-button{color:#c6c9d7; font-size:14px}
.website-builder-scope .release-workspace .header-right .help-button:hover{color:white}
.website-builder-scope .release-workspace .header-right .btn-secondary{background:#ffffff0d; border-color:#484c5e; color:white}
.website-builder-scope .release-workspace .header-right .btn-secondary:hover{background:#ffffff18}
.website-builder-scope .release-workspace .main-header button:focus-visible,.website-builder-scope .release-workspace .main-header a:focus-visible{outline-color:#aeb7ff}
.website-builder-scope .avatar{width:36px; height:36px; border:0; outline:0; background:#3c466f; color:#e8ebff}
.website-builder-scope .release-workspace .workspace-main,.website-builder-scope .release-workspace:has(.catalog-page) .workspace-main{max-width:1480px; padding:42px 32px 64px}
.website-builder-scope .catalog-intro{display:flex; gap:32px; align-items:flex-end; padding:0; border:0; margin-bottom:30px}
.website-builder-scope .catalog-eyebrow{display:block; color:#686f85; font-size:12px; font-weight:650; letter-spacing:.07em; margin-bottom:14px}
.website-builder-scope .catalog-intro h1{font-family:inherit; font-size:clamp(36px,3.7vw,54px); font-weight:780; letter-spacing:-2.3px; line-height:1.08; color:#171922; margin:0; max-width:1050px}
.website-builder-scope .catalog-intro h1>span{color:var(--brand-accent)}
.website-builder-scope .catalog-intro p{margin-top:16px; color:var(--brand-muted); font-size:16px; line-height:1.6}
.website-builder-scope .catalog-facts{display:flex; flex-direction:column; padding:0 0 3px; gap:12px; font-size:13px; color:#656b7d; flex-shrink:0}
.website-builder-scope .catalog-facts>span{gap:9px}
.website-builder-scope .catalog-facts svg{color:#727995}
.website-builder-scope .catalog-layout{display:block}
.website-builder-scope .catalog-sidebar{position:static; max-height:none; overflow:visible; padding:0; margin:0 0 22px}
.website-builder-scope .catalog-sidebar-heading{display:flex; align-items:center; gap:8px; margin:0 0 13px; color:#6f7588}
.website-builder-scope .catalog-sidebar-heading h2{font-size:14px; font-weight:600; color:#343948}
.website-builder-scope .catalog-industry-picker{display:flex; align-items:center; gap:10px; margin-left:auto; font-size:13px; color:#656b7d}
.website-builder-scope .catalog-industry-picker select{max-width:210px; color:#3c4356; background:#fff; border:1px solid #e0e4ed; border-radius:7px; font-size:14px; padding:8px 10px; min-height:40px}
.website-builder-scope .catalog-category-list{display:flex; flex-direction:row; gap:8px; overflow-x:auto; padding:8px 0 10px; scroll-padding-inline:12px; scrollbar-width:thin; scrollbar-color:#cfd4e3 transparent}
.website-builder-scope .catalog-category-list>button{width:auto; min-height:42px; flex-shrink:0; display:flex; align-items:center; gap:8px; padding:10px 13px; border:1px solid #e6e8ef; border-radius:8px; background:#f7f8fb; color:#596174; font-size:14px; white-space:nowrap; font-weight:500}
.website-builder-scope .catalog-category-list>button>span:first-child{display:flex; align-items:center; gap:8px}
.website-builder-scope .catalog-category-list>button svg{width:16px; color:#858da3; stroke-width:1.8}
.website-builder-scope .catalog-category-list>button>span:last-child{font-size:12px; color:#6b7489; opacity:1}
.website-builder-scope .catalog-category-list>button:focus-visible{outline:3px solid var(--brand-accent); outline-offset:-4px}
.website-builder-scope .catalog-category-list>button.active:focus-visible{outline-color:#fff}
.website-builder-scope .catalog-category-list>button:hover{background:#edf0ff; border-color:#cdd3fa; color:#3b46c3}
.website-builder-scope .catalog-category-list>button.active{background:var(--brand-accent); border-color:var(--brand-accent); color:white}
.website-builder-scope .catalog-category-list>button.active svg,.website-builder-scope .catalog-category-list>button.active>span:last-child{color:#e4e7ff}
.website-builder-scope .catalog-controls{display:flex; align-items:stretch; gap:12px; margin-bottom:18px}
.website-builder-scope .catalog-search{border-color:#e0e4ed; border-radius:9px; background:#fff; color:#8189a0; padding:12px 16px; min-height:52px}
.website-builder-scope .catalog-search input{font-size:16px; color:#202638}
.website-builder-scope .catalog-search input::placeholder{font-size:14px; color:#737c91}
.website-builder-scope .catalog-search:focus-within,.website-builder-scope .catalog-select:focus-within{border-color:var(--brand-accent); box-shadow:0 0 0 2px var(--brand-accent)}
.website-builder-scope .catalog-select{border-color:#e0e4ed; border-radius:9px; background:#fff; min-width:190px; padding:7px 12px}
.website-builder-scope .catalog-select>span{font-size:12px; color:#6d768b}
.website-builder-scope .catalog-select select{font-size:14px; color:#30394d}
.website-builder-scope .catalog-result-bar{font-size:14px; color:#687185; margin-bottom:20px}
.website-builder-scope .catalog-result-bar p strong{font-weight:650; color:#293149}
.website-builder-scope .catalog-result-bar label>span{color:#747d91}
.website-builder-scope .catalog-result-bar select{color:#3c465e; font-size:14px; outline-color:var(--brand-accent)}
.website-builder-scope .catalog-result-bar select:focus-visible{outline-color:var(--brand-accent)}
.website-builder-scope .catalog-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px 28px}
.website-builder-scope .catalog-card{border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; min-width:0}
.website-builder-scope .catalog-card:hover{border:0; box-shadow:none}
.website-builder-scope .catalog-preview{height:330px; padding:22px 22px 0; border:1px solid #e1e5ed; border-radius:12px; overflow:hidden; transition:border-color .2s,box-shadow .2s}
.website-builder-scope .catalog-preview:hover{border-color:#abb5e7; box-shadow:0 8px 30px #28335b10}
.website-builder-scope .catalog-window{height:100%; border:0; border-radius:6px 6px 0 0; background:white; box-shadow:0 3px 16px #121b3f18; overflow:hidden}
.website-builder-scope .catalog-window .thumbnail{height:330px}
.website-builder-scope .catalog-preview-hint{font-size:14px; color:#283356; border-radius:8px; padding:10px 15px; background:#fffefef0; border:1px solid #fff; box-shadow:0 4px 20px #171d3920}
.website-builder-scope .catalog-card-content{padding:17px 0 0}
.website-builder-scope .catalog-card-title{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:7px}
.website-builder-scope .catalog-card-title h2{font-size:21px; font-weight:700; color:#242b3d; letter-spacing:-.5px}
.website-builder-scope .catalog-card-title>span{font-size:12px; padding:5px 8px; border-radius:6px; color:#616b81; background:#f1f3f8; max-width:140px}
.website-builder-scope .catalog-card-content>p{font-size:14px; color:#657088; margin:0 0 12px; line-height:1.5}
.website-builder-scope .catalog-card-meta{font-size:13px; color:#69738b; gap:10px; margin-bottom:17px}
.website-builder-scope .catalog-card-meta>span+span{border-color:#dfe4ef; padding-left:10px}
.website-builder-scope .catalog-card-buttons{display:grid; grid-template-columns:1fr 1.25fr; gap:10px}
.website-builder-scope .catalog-card-buttons .btn{min-height:44px; font-size:14px; border-radius:8px}
.website-builder-scope .catalog-more{margin-top:44px}
.website-builder-scope .catalog-more p{font-size:14px; color:#69748c}
.website-builder-scope .catalog-bottom{border-color:#e4e8f0; margin-top:44px; padding-top:28px; text-align:center}
.website-builder-scope .catalog-bottom strong{font-family:inherit; color:#303a52; font-size:20px; font-weight:650}
.website-builder-scope .catalog-bottom p{font-size:14px; color:#6c768d; line-height:1.7}
.website-builder-scope .catalog-empty{background:#f9faff; border-color:#e1e6f3; color:#6a758e}
.website-builder-scope .catalog-empty h2{color:#283651}
.website-builder-scope .catalog-recovery,.website-builder-scope .recovery-banner{background:#f1f3ff; border-color:#dce2ff; color:#596a8d}
.website-builder-scope .catalog-recovery strong{color:#3c4e93}
.website-builder-scope .release-workspace .app-footer{border:0; background:#171922; padding:28px max(32px,calc((100vw - 1416px)/2)); gap:25px}
.website-builder-scope .app-footer .brandmark{color:#fff; font-size:22px; gap:8px}
.website-builder-scope .app-footer .brandmark img{width:28px; height:28px; border-radius:8px}
.website-builder-scope .app-footer>span{font-family:inherit; font-size:14px; font-style:normal; color:#b3bacc}
.website-builder-scope .app-footer .text-button{color:#c8cfdf; font-size:13px}
.website-builder-scope .little-label{color:#69748d}
.website-builder-scope .release-heading h1{font-family:inherit; font-size:42px; font-weight:750; color:#232d44; letter-spacing:-1.6px}
.website-builder-scope .release-heading h1>span{color:var(--brand-accent)}
.website-builder-scope .release-heading p{color:#65718b}
.website-builder-scope .project-card{border-color:#e2e7f1; border-radius:13px; box-shadow:0 3px 20px #28395b06; background:#fff}
.website-builder-scope .project-name h2,.website-builder-scope .empty-state h2{color:#283753}
.website-builder-scope .project-info>p,.website-builder-scope .empty-state p{color:#65738d}
.website-builder-scope .empty-state{background:#fafbff; border-color:#dee5f3}
.website-builder-scope .empty-icon{background:#edf1ff; color:var(--brand-accent)}
.website-builder-scope .project-tabs [role=tab][data-state=active]{background:#eef1ff!important; border-color:#d3dcfd!important; color:#4555c9!important}
.website-builder-scope .status-pill{background:#f1f4fa; color:#67738b}
.website-builder-scope .status-pill.published{background:#eaf4ee; color:#3e7253}
.website-builder-scope .search-box{border-color:#dfe5ef; background:#fff}
.website-builder-scope .search-box:focus-within{border-color:#7e92e3; box-shadow:0 0 0 2px #4854ed10}
/* The editor keeps the actual website as its largest surface. */
.website-builder-scope .friendly-editor .editor-header{height:74px; background:#171922; border:0; gap:16px}
.website-builder-scope .editor-logo{display:inline-flex; border:0; border-right:1px solid #3e4355; background:none; padding:0 18px 0 0; cursor:pointer}
.website-builder-scope .editor-logo .brandmark{color:#fff; font-size:22px; gap:8px; letter-spacing:-.8px}
.website-builder-scope .editor-logo .brandmark img{width:30px; height:30px; border-radius:8px}
.website-builder-scope .editor-title strong{color:#fff}
.website-builder-scope .editor-title span,.website-builder-scope .save-indicator{color:#b7bfd2}
.website-builder-scope .save-indicator svg{color:#9bcea8}
.website-builder-scope .guest-save{background:#303852; border-color:#48536f; color:#d3ddff}
.website-builder-scope .editor-header .btn-secondary{background:#ffffff0d; color:#fff; border-color:#4a5269}
.website-builder-scope .editor-header .btn-secondary:hover{background:#ffffff18}
.website-builder-scope .editor-header .icon-button{color:#d4dcee}
.website-builder-scope .editor-header .icon-button:hover{background:#303748; color:#fff}
.website-builder-scope .editor-header button:focus-visible{outline-color:#aeb7ff}
.website-builder-scope .friendly-editor .editor-toolbar{background:#fff; border-color:#e2e6f0}
.website-builder-scope .toolbar-button{color:#5e6c88}
.website-builder-scope .toolbar-button:hover{background:#edf1ff; color:#4555c9}
.website-builder-scope .toolbar-separator{background:#e1e6f1}
.website-builder-scope .page-switcher .select-control{background:#f6f8fc; border-color:#e0e6f1; color:#42516e}
.website-builder-scope .page-count{background:#eaf0ff; color:#566fc2}
.website-builder-scope .device-tabs [data-slot=tabs-list]{background:#f0f3f9}
.website-builder-scope .device-tabs [role=tab]{color:#626f87}
.website-builder-scope .device-tabs [role=tab][data-state=active]{background:#fff!important; color:#4556c5; box-shadow:0 1px 4px #253a6318}
.website-builder-scope .friendly-editor .edit-panel{width:340px; min-width:340px; border-color:#e2e7f0; background:white}
.website-builder-scope .friendly-editor .editor-tabs{height:64px!important; padding:10px!important; gap:4px; background:#fff!important; border-color:#e2e7f0}
.website-builder-scope .friendly-editor .editor-tabs [role=tab]{font-size:14px; flex-direction:row; gap:6px!important; padding:10px 7px!important; border-radius:8px!important; border-bottom:0; color:#616d83}
.website-builder-scope .friendly-editor .editor-tabs [role=tab][data-state=active]{background:#edf1ff!important; border-bottom:0; color:#4558c8}
.website-builder-scope .section-navigation{background:#f9faff; border-color:#e4e9f4}
.website-builder-scope .section-nav-actions>span{color:#6b7894}
.website-builder-scope .section-nav-actions .arrange-button{color:#596bb1}
.website-builder-scope .panel-scroll{scrollbar-color:#d5dcec transparent}
.website-builder-scope .panel-description,.website-builder-scope .panel-note,.website-builder-scope .field small,.website-builder-scope .image-editor small{color:#616f86}
.website-builder-scope .field,.website-builder-scope .field>label,.website-builder-scope .field>span:first-child,.website-builder-scope .section-edit-title h3,.website-builder-scope .item-heading strong{color:#405471}
.website-builder-scope .field input:not([type=color]),.website-builder-scope .field textarea,.website-builder-scope .select-control{border-color:#dce4ef; color:#3b4f6b; background:#fff; border-radius:7px}
.website-builder-scope .friendly-editor [data-editor-field]:focus-within>label{color:#4558c8}
.website-builder-scope .field .field-error{color:#b23838}
.website-builder-scope .panel-hint,.website-builder-scope .editing-hint{background:#f1f5ff; border-color:#dfe7fb; color:#566d90}
.website-builder-scope .canvas-area{background:#eef2f8}
.website-builder-scope .canvas-caption,.website-builder-scope .friendly-editor .canvas-caption>span:last-child,.website-builder-scope .canvas-footer{color:#5a6b87}
.website-builder-scope .canvas-window{border-color:#dce4f1; border-radius:8px; box-shadow:0 5px 24px #20355712}
.website-builder-scope .canvas-area.mobile .canvas-window{border-color:#283550; border-radius:18px}
.website-builder-scope .design-choice-grid>button{border-color:#dce4f1; border-radius:9px}
.website-builder-scope .design-choice-grid>button:hover{border-color:#8293d6; box-shadow:0 3px 12px #283a6010}
.website-builder-scope .design-choice-grid>button.selected{border-color:#4d62d5; box-shadow:0 0 0 2px #4d62d515}
.website-builder-scope .design-choice-grid>button:focus-visible{outline-color:var(--brand-accent)}
.website-builder-scope .design-choice-grid>button>span{color:#5e7191}
.website-builder-scope .design-choice-grid>button.selected>span{color:#475bca}
.website-builder-scope .design-options{background:#fbfcff; border-color:#e0e7f3}
.website-builder-scope .design-options [data-slot=accordion-trigger]{color:#4c6188}
.website-builder-scope .mobile-editor-mode{background:#f3f6fc; border-color:#e1e8f4}
.website-builder-scope .mobile-editor-mode>button[aria-pressed=true]{background:#fff; border-color:#cad7ef; color:#475bc9}
.website-builder-scope [data-slot=dialog-content]{background:#fff; border-color:#e0e7f3!important; border-radius:16px!important}
.website-builder-scope [data-slot=dialog-title]{color:#293f61; font-weight:650!important}
.website-builder-scope [data-slot=dialog-description]{color:#5f6f88!important}
.website-builder-scope .dialog-kicker,.website-builder-scope .dialog-footnote{color:#6c80a1}
.website-builder-scope .preview-top{background:#fff; border-color:#dfe7f3}
.website-builder-scope .full-preview{background:#edf2f9}
.website-builder-scope .full-preview iframe{box-shadow:0 4px 16px #19335314}
.website-builder-scope .selected-template-strip,.website-builder-scope .page-address-details,.website-builder-scope .button-destination,.website-builder-scope .publish-access-note{background:#f6f9ff; border-color:#dfe8f5; color:#5e769b}
.website-builder-scope .publish-access-note strong,.website-builder-scope .export-alternative strong,.website-builder-scope .help-facts h3{color:#345783}
.website-builder-scope .help-facts p,.website-builder-scope .export-alternative p,.website-builder-scope .guide-steps p{color:#5d718e}
.website-builder-scope .guide-steps>div>span{background:#eef3ff; color:#4b67c9; border-radius:9px}
.website-builder-scope .guide-steps h3{color:#3b5375}
.website-builder-scope .published-link{background:#f0f5ff; border-color:#dce8f9}
.website-builder-scope .managed-page{background:#fff; border-color:#dce7f5}
.website-builder-scope .managed-page.selected{background:#f5f8ff; border-color:#879fd8}
.website-builder-scope .pages-footer,.website-builder-scope .export-alternative{border-color:#dfe8f4}
.website-builder-scope .pages-footer>span,.website-builder-scope .photo-library-grid span{color:#5d718e}
.website-builder-scope .photo-library-grid button{border-color:#dce6f4; border-radius:9px}
.website-builder-scope .photo-library-grid button:hover{border-color:#829dd6}
/* Responsive surfaces share one navigation breakpoint. */
@media(min-width:1700px){.website-builder-scope .catalog-preview,.website-builder-scope .catalog-window .thumbnail{height:350px}}
@media(max-width:1200px){.website-builder-scope .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 26px}.website-builder-scope .catalog-facts{display:none}.website-builder-scope .catalog-intro h1{font-size:47px}.website-builder-scope .catalog-preview,.website-builder-scope .catalog-window .thumbnail{height:350px}}
@media(max-width:1100px){.website-builder-scope .editor-logo .brand-wordmark{display:none}.website-builder-scope .editor-logo{padding-right:13px}}
@media(max-width:900px){.website-builder-scope .release-workspace .main-header{padding-inline:24px; gap:28px}.website-builder-scope .release-workspace .workspace-main,.website-builder-scope .release-workspace:has(.catalog-page) .workspace-main{padding-inline:24px}.website-builder-scope .catalog-preview,.website-builder-scope .catalog-window .thumbnail{height:310px}.website-builder-scope .catalog-intro h1{font-size:43px}.website-builder-scope .friendly-editor .edit-panel{width:300px; min-width:300px}}
@media(max-width:700px){
 .website-builder-scope .release-workspace .main-header{height:120px; padding:0 20px 48px; gap:12px; position:relative; flex-wrap:nowrap}
 .website-builder-scope .release-workspace .main-header .brandmark{font-size:25px; gap:8px}.website-builder-scope .release-workspace .main-header .brandmark img{width:32px; height:32px}
 .website-builder-scope .release-workspace .main-header nav{position:absolute; top:72px; left:0; height:48px; width:100%; margin:0; padding:0 16px; background:#171922; border:0; border-top:1px solid #303547; order:initial}
 .website-builder-scope .release-workspace .main-nav{height:48px!important; gap:8px}.website-builder-scope .release-workspace .main-nav [role=tab]{height:42px!important; min-height:42px!important; padding:0 14px!important; font-size:14px!important}
 .website-builder-scope .header-right{gap:13px; flex-shrink:0}.website-builder-scope .header-right .btn{font-size:14px; padding:9px 12px}.website-builder-scope .header-right .help-button span{display:none}
 .website-builder-scope .release-workspace .workspace-main,.website-builder-scope .release-workspace:has(.catalog-page) .workspace-main{padding:30px 20px 40px}
 .website-builder-scope .catalog-intro{margin-bottom:25px}.website-builder-scope .catalog-eyebrow{font-size:12px; margin-bottom:12px}.website-builder-scope .catalog-intro h1{font-size:39px; line-height:1.1; letter-spacing:-1.5px}.website-builder-scope .catalog-intro h1>span{display:block}.website-builder-scope .catalog-intro p{font-size:16px; margin-top:14px; max-width:410px}
 .website-builder-scope .catalog-sidebar{margin:0 0 18px; position:static; max-height:none; overflow:visible}.website-builder-scope .catalog-sidebar-heading{margin-bottom:13px}.website-builder-scope .catalog-sidebar-heading>svg,.website-builder-scope .catalog-sidebar-heading h2{display:none}.website-builder-scope .catalog-industry-picker{width:100%; margin:0; justify-content:space-between}.website-builder-scope .catalog-industry-picker>span{font-size:14px}.website-builder-scope .catalog-industry-picker select{font-size:14px; max-width:63%; min-height:44px}
 .website-builder-scope .catalog-category-list{margin:0 -20px; padding:8px 20px 10px; gap:8px; flex-direction:row}.website-builder-scope .catalog-category-list>button{font-size:14px; min-height:44px; padding:10px 12px}
 .website-builder-scope .catalog-controls{gap:10px; margin-bottom:18px}.website-builder-scope .catalog-search{padding:11px 12px}.website-builder-scope .catalog-search input{font-size:16px}.website-builder-scope .catalog-search input::placeholder{font-size:14px}.website-builder-scope .catalog-select{min-width:155px; max-width:170px}
 .website-builder-scope .catalog-grid{gap:32px 20px}.website-builder-scope .catalog-preview,.website-builder-scope .catalog-window .thumbnail{height:270px}.website-builder-scope .catalog-preview{padding:18px 16px 0}.website-builder-scope .catalog-card-title h2{font-size:21px}.website-builder-scope .catalog-card-title>span{display:none}.website-builder-scope .catalog-card-buttons .btn{font-size:14px}
 .website-builder-scope .catalog-bottom{margin-top:34px; text-align:left}.website-builder-scope .release-workspace .app-footer{padding:26px 20px; flex-wrap:wrap; gap:18px}.website-builder-scope .app-footer .text-button{margin-left:auto}.website-builder-scope .release-heading h1{font-size:36px}
}
@media(max-width:650px){
 .website-builder-scope .friendly-editor .editor-header{height:72px; padding:0 10px; gap:6px}.website-builder-scope .friendly-editor .editor-logo{display:inline-flex; align-items:center; padding-right:7px; margin-right:1px}.website-builder-scope .editor-logo .brandmark img{width:26px; height:26px}
 .website-builder-scope .friendly-editor .editor-header-actions .review-button{font-size:13px; padding:9px; gap:5px}.website-builder-scope .friendly-editor .editor-tabs{height:58px!important}.website-builder-scope .friendly-editor .edit-panel{width:100%; min-width:0}.website-builder-scope .friendly-editor .editor-tabs [role=tab]{font-size:14px}.website-builder-scope .canvas-window{border-radius:7px}
}
@media(max-width:580px){
 .website-builder-scope .catalog-grid{grid-template-columns:1fr; gap:32px}.website-builder-scope .catalog-preview,.website-builder-scope .catalog-window .thumbnail{height:330px}.website-builder-scope .catalog-preview{padding:22px 20px 0}.website-builder-scope .catalog-card-content{padding:18px 0 0}.website-builder-scope .catalog-card-title h2{font-size:23px}.website-builder-scope .catalog-card-title>span{display:block; max-width:135px; font-size:12px}.website-builder-scope .catalog-card-meta{font-size:14px}.website-builder-scope .catalog-card-buttons .btn{min-height:46px; font-size:14px}
 .website-builder-scope .catalog-controls{flex-wrap:wrap}.website-builder-scope .catalog-search{flex-basis:100%}.website-builder-scope .catalog-select{min-width:100%; max-width:none; min-height:46px; flex-direction:row; align-items:center; justify-content:space-between; padding:9px 13px}.website-builder-scope .catalog-select>span,.website-builder-scope .catalog-select select{font-size:14px}.website-builder-scope .catalog-select select{text-align:right}.website-builder-scope .catalog-result-bar{font-size:14px; flex-wrap:wrap; gap:12px}.website-builder-scope .catalog-result-bar>div{width:100%; justify-content:space-between}.website-builder-scope .catalog-result-bar select{width:140px; font-size:14px}
}
@media(prefers-reduced-motion:reduce){.website-builder-scope .catalog-preview,.website-builder-scope .btn,.website-builder-scope button{transition:none}}
/* Expanded page composition controls. */
.website-builder-scope .section-design-panel{margin-top:22px; padding-top:18px; border-top:1px solid #e2e7f0; font-size:14px}
.website-builder-scope .section-design-panel>summary{min-height:44px; display:list-item; cursor:pointer; color:#405471; font-weight:600; padding:10px 0}
.website-builder-scope .section-design-panel>summary:focus-visible{outline:2px solid #4854ed; outline-offset:2px}
.website-builder-scope .section-design-panel[open]>summary{margin-bottom:12px}
.website-builder-scope .section-design-panel .visibility-control{display:flex; justify-content:space-between; gap:20px; margin-block:20px}
.website-builder-scope .section-design-panel .text-button,.website-builder-scope .color-reset{font-size:14px; min-height:44px; text-align:left; margin-bottom:14px}
.website-builder-scope .composition-controls{margin-top:25px}
.website-builder-scope .font-sample.geometric{font-family:'Avenir Next',Avenir,'Century Gothic',sans-serif}
.website-builder-scope .font-sample.grotesque{font-family:'Arial Black','Helvetica Neue',Arial,sans-serif}
.website-builder-scope .font-sample.humanist{font-family:'Trebuchet MS','Segoe UI',sans-serif}
.website-builder-scope .font-sample.mono{font-family:'Courier New',Courier,monospace}
@media(max-width:900px){.website-builder-scope .catalog-controls{flex-wrap:wrap}.website-builder-scope .catalog-search{flex-basis:100%}.website-builder-scope .catalog-select{flex:1; min-width:0; max-width:none}}
@media(max-width:580px){.website-builder-scope .catalog-controls .catalog-select{min-width:0; width:calc(50% - 5px); max-width:calc(50% - 5px); flex-direction:column; align-items:flex-start; padding:10px 12px}.website-builder-scope .catalog-controls .catalog-select select{width:100%; text-align:left; font-size:14px; min-height:30px}}

/* Compact product identity fits the existing workspace navigation. */
.website-builder-scope .brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;white-space:nowrap;line-height:1.05;letter-spacing:-.7px;font-size:23px}
.website-builder-scope .brand-wordmark small{font-size:12px;font-weight:500;letter-spacing:.2px;line-height:1.2}
.website-builder-scope .builder-download-destination{display:flex;flex-direction:column;gap:12px}
@media(max-width:700px){.website-builder-scope .main-header .brandmark{font-size:23px}.website-builder-scope .main-header .brand-wordmark{font-size:21px}.website-builder-scope .brand-wordmark small{font-size:11px}}
@media(max-width:380px){.website-builder-scope .release-workspace .main-header{padding-inline:12px}.website-builder-scope .main-header .brandmark img{width:26px;height:26px}.website-builder-scope .main-header .brand-wordmark{font-size:18px}.website-builder-scope .header-right{gap:8px}}