/* Builder 2.0 chrome only. Customer sites and preview documents do not import
   these tokens; the existing renderer remains responsible for their design. */
.svx-guided.svx-wizard {
  --blue:#3157e8;
  --ink:#142543;
  --muted:#53647c;
  --guided-border:#d5ddec;
  --wizard-ink:#243854;
  --wizard-navy:#101d38;
  --wizard-orange:#b94714;
  --wizard-selected:#edf1ff;
  --wizard-control:#7b859b;
  --pro-type-body-family:'Rubik',system-ui,sans-serif;
  --pro-type-heading-family:var(--pro-type-body-family);
  --pro-type-family:var(--pro-type-body-family);
  --pro-type-input-weight:450;
  --pro-type-input-line:1.5;
  --pro-focus-outline:2px solid #3157e8;
  --pro-focus-offset:2px;
  --pro-focus-visible-outline:3px solid #3157e8;
  --pro-focus-visible-offset:3px;
  width:min(1600px,calc(100% - 48px));
  padding-block:24px calc(var(--wizard-bar-height,88px) + var(--wizard-keyboard-inset,0px) + 28px);
  color:var(--wizard-ink);
}
html[lang='en'] .svx-guided.svx-wizard { --pro-type-body-family:'Inter',system-ui,sans-serif; }
html[lang='ar'] .svx-guided.svx-wizard { --pro-type-body-family:'Noto Sans Arabic',system-ui,sans-serif; }
body:has(.svx-wizard) { background:#f7f9ff; }
body:has(.svx-wizard) .top { background:#fff; backdrop-filter:none; }
html:has(.svx-wizard) { scroll-padding-block-start:calc(var(--wizard-header-height,80px) + 16px); }
html[lang="ar"] :is(.svx-guided,.svx-design-preview) { font-family:"Noto Sans Arabic",system-ui,sans-serif; }
html[lang="ar"] .svx-design-preview :is(button,input,select,textarea) { font-family:inherit; }
.svx-guided.svx-wizard .guided-workspace-header { padding-block-end:20px; margin-block-end:24px; border-block-end:1px solid var(--guided-border); }
.svx-guided.svx-wizard .guided-workspace-header h1 { font-size:24px; font-weight:650; margin:5px 0 0; }
.svx-guided.svx-wizard .guided-eyebrow { color:var(--muted); letter-spacing:0; font-weight:550; }
.svx-guided.svx-wizard .wizard-save-later { background:transparent; color:var(--muted); border-color:var(--guided-border); font-size:13px; font-weight:550; max-width:230px; }
.svx-guided.svx-wizard .wizard-workspace { display:grid; grid-template-columns:180px minmax(340px,440px) minmax(0,1fr); align-items:start; gap:24px; }
.svx-guided.svx-wizard .wizard-workspace > * { min-inline-size:0; }
.svx-guided.svx-wizard .wizard-workspace > [hidden] { display:none!important; }
.svx-guided.svx-wizard #guidedEditorPanel { container-type:inline-size; container-name:wizard-editor; }
.svx-guided.svx-wizard .wizard-pane-controls { display:none; }
.svx-guided.svx-wizard .wizard-pane-controls button { --pro-type-action-size:14px; --pro-type-action-weight:550; min-width:0; min-height:44px; flex:1 1 0; border:0; border-radius:7px; padding:9px 10px; background:transparent; color:var(--wizard-orange); font-size:14px; font-weight:550; line-height:1.5; cursor:pointer; overflow-wrap:anywhere; }
.svx-guided.svx-wizard .wizard-pane-controls [aria-pressed='true'] { background:var(--blue); color:#fff; font-weight:600; }
.svx-guided.svx-wizard #wizardProgress { position:sticky; top:calc(var(--wizard-header-height,80px) + 16px); margin:0; }
.svx-guided.svx-wizard .wizard-progress-label { font-size:12px; color:var(--muted); }
.svx-guided.svx-wizard .wizard-progress-label strong { font-weight:550; }
.svx-guided.svx-wizard .wizard-progress-track { height:5px; margin-block:12px 20px; background:#dfe5f3; border-radius:20px; overflow:hidden; }
.svx-guided.svx-wizard .wizard-progress-track > span { display:block; height:100%; background:var(--blue); border-radius:20px; transition:width .2s; }
.svx-guided.svx-wizard .wizard-steps { display:grid; gap:7px; list-style:none; margin:0; padding:0; }
.svx-guided.svx-wizard .wizard-steps button { display:flex; align-items:center; gap:12px; width:100%; border:1px solid transparent; border-radius:11px; background:transparent; color:var(--ink); padding:15px 11px; font-size:14px; font-weight:600; line-height:1.6; text-align:start; cursor:pointer; min-height:68px; }
.svx-guided.svx-wizard .wizard-steps button:hover { background:#edf1ff; }
.svx-guided.svx-wizard .wizard-steps button[aria-current] { background:var(--wizard-navy); border-color:var(--wizard-navy); color:#fff; box-shadow:0 5px 14px #101d3812; }
.svx-guided.svx-wizard .wizard-step-number { display:grid; place-items:center; border:1px solid var(--wizard-control); border-radius:50%; width:29px; height:29px; flex:0 0 29px; background:#fff; color:var(--muted); font-size:13px; font-weight:550; }
.svx-guided.svx-wizard [aria-current] .wizard-step-number { background:#e86a2c; color:#142543; border-color:#e86a2c; font-weight:700; }
.svx-guided.svx-wizard .wizard-rail-note { color:var(--muted); margin-block:24px 0; padding-block-start:18px; border-block-start:1px solid var(--guided-border); font-size:12px; line-height:1.8; }
.svx-guided.svx-wizard .wizard-card { padding:0; margin:0; max-width:none; background:transparent; border:0; box-shadow:none; min-width:0; }
.svx-guided.svx-wizard .wizard-step-tag { display:flex; align-items:center; gap:9px; font-size:12px; color:var(--wizard-orange); font-weight:550; }
.svx-guided.svx-wizard .wizard-step-tag::before { content:''; width:19px; height:3px; background:#e86a2c; }
.svx-guided.svx-wizard #wizardStepHeading h2 { font-size:32px; line-height:1.3; font-weight:650; margin:9px 0; letter-spacing:-.4px; }
.svx-guided.svx-wizard #wizardStepHeading > p { font-size:14px; margin:0 0 16px; line-height:1.75; max-width:760px; }
.svx-guided.svx-wizard #wizardStepHeading .wizard-requirements { font-size:12px; color:var(--muted); background:#edf1f9; padding:10px 13px; border:1px solid var(--guided-border); border-radius:9px; margin-block-end:20px; }
.svx-guided.svx-wizard #wizardStepTitle:focus { outline:none!important; }
.svx-guided.svx-wizard #stepHost > .subpanel,
.svx-guided.svx-wizard .wizard-group { background:#fff; border:1px solid var(--guided-border); border-radius:15px; box-shadow:0 5px 16px #101d3805; padding:20px 22px; margin-block:0 14px; }
.svx-guided.svx-wizard .wizard-group > summary { cursor:pointer; color:var(--ink); font-size:18px; font-weight:600; line-height:1.5; padding-block:1px; }
.svx-guided.svx-wizard .wizard-group > summary::marker { color:var(--blue); }
.svx-guided.svx-wizard .wizard-group[open] > summary { margin-block-end:16px; }
.svx-guided.svx-wizard .wizard-group > summary :is(small,.wizard-field-tag) { font-size:12px; font-weight:500; color:var(--muted); }
.svx-guided.svx-wizard .wizard-group-heading,
.svx-guided.svx-wizard .wizard-group > h3 { margin:0 0 16px; font-size:18px; font-weight:600; line-height:1.5; }
.svx-guided.svx-wizard .wizard-group-intro,
.svx-guided.svx-wizard .wizard-group-body > p:first-child { font-size:13px; color:var(--muted); line-height:1.8; margin:0 0 16px; }
.svx-guided.svx-wizard .wizard-group .subpanel { background:transparent; border:0; box-shadow:none; padding:0; margin-block:0; }
.svx-guided.svx-wizard .wizard-group .subpanel + .subpanel { margin-block-start:18px; }
.svx-guided.svx-wizard #stepHost .wizard-group-body > .hint:first-child { padding:0; border:0; background:transparent; }
.svx-guided.svx-wizard .wizard-group-tabs { display:flex; flex-wrap:wrap; gap:4px; padding:4px; margin-block:0 14px; background:#e9eef9; border:1px solid var(--guided-border); border-radius:10px; }
.svx-guided.svx-wizard .wizard-group-tabs button { --pro-type-nav-size:13px; --pro-type-nav-weight:550; --pro-type-nav-line:1.5; flex:1 1 130px; min-inline-size:0; min-height:44px; padding:8px 10px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-size:13px; font-weight:550; line-height:1.5; overflow-wrap:anywhere; }
.svx-guided.svx-wizard .wizard-group-tabs [aria-pressed='true'] { background:var(--blue); color:#fff; box-shadow:none; font-weight:600; }
.svx-guided.svx-wizard #stepHost .form-grid,
.svx-guided.svx-wizard #stepHost .social-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
.svx-guided.svx-wizard #stepHost :is(.field,.guided-field) { min-inline-size:0; margin-block:0 16px; gap:8px; }
.svx-guided.svx-wizard #stepHost :is(label,.field-label) { color:var(--wizard-ink); font-size:14px; line-height:1.6; }
.svx-guided.svx-wizard #stepHost .field > span { font-weight:600; }
.svx-guided.svx-wizard #stepHost :is(input,textarea,select):not([type='checkbox']):not([type='radio']):not([type='file']) { border:1px solid var(--wizard-control); border-radius:9px; background:#fff; color:var(--wizard-ink); font-size:16px; line-height:1.5; min-height:46px; padding:10px 12px; max-width:100%; }
.svx-guided.svx-wizard #stepHost :is(input,textarea)::placeholder { color:#647086; opacity:1; }
.svx-guided.svx-wizard #wizardAddressHost :is(input,textarea,select) { color:var(--wizard-ink); }
.svx-guided.svx-wizard :is(#stepHost,#wizardAddressHost) :is(input,textarea,select):not([type='checkbox']):not([type='radio']):not([type='file']):focus { border-color:var(--blue); box-shadow:0 0 0 3px #3157e810; }
.svx-guided.svx-wizard :is(button,select,input,textarea,summary):focus-visible { box-shadow:0 0 0 2px #fff; }
.svx-guided.svx-wizard :is(#stepHost,#wizardAddressHost) :is(input,textarea,select):not([type='checkbox']):not([type='radio']):not([type='file']):focus-visible { box-shadow:0 0 0 2px #fff; }
.svx-guided.svx-wizard :is(input,textarea,select,summary,[tabindex='-1']) { scroll-margin-block:calc(var(--wizard-header-height,80px) + 16px) calc(var(--wizard-bar-height,88px) + var(--wizard-keyboard-inset,0px) + 24px); }
.svx-guided.svx-wizard #stepHost :is(.hint,.tip,.preset-helper,.guided-field small) { font-size:13px; font-weight:450; line-height:1.75; color:var(--muted); }
.svx-guided.svx-wizard #stepHost .wizard-inline-note { border:0; background:transparent; padding:0; font-size:13px; line-height:1.75; }
.svx-guided.svx-wizard :is(#stepHost,#wizardAddressHost) .btn { --pro-type-action-size:14px; --pro-type-action-weight:550; --pro-type-action-line:1.35; border-radius:9px; }
.svx-guided.svx-wizard :is(#stepHost,#wizardAddressHost) .btn-light:not(:disabled) { background:#fff; color:var(--wizard-ink); border:1px solid var(--wizard-control); box-shadow:none; }
.svx-guided.svx-wizard #stepHost .pro-content-limit { display:block; margin-block-start:7px; color:var(--muted); font-size:12px; font-weight:500; line-height:1.7; }
.svx-guided.svx-wizard #stepHost .pro-content-limit[data-limit-reached='true'] { color:#b42332; font-weight:600; }
.svx-guided.svx-wizard .wizard-field-tag { color:var(--muted); background:#e8ecf4; font-size:12px; font-weight:500; border-radius:5px; padding:3px 7px; margin-inline-start:7px; display:inline-block; }
.svx-guided.svx-wizard .wizard-field-tag.is-required { color:var(--muted); }
.svx-guided.svx-wizard .wizard-disclosure:not(.wizard-group) { padding-block:16px 0; margin-block-start:16px; border-block-start:1px solid var(--guided-border); }
.svx-guided.svx-wizard .wizard-disclosure:not(.wizard-group) > summary { cursor:pointer; color:var(--ink); font-weight:600; font-size:14px; padding-block:4px 12px; }
.svx-guided.svx-wizard .wizard-disclosure:not(.wizard-group) > summary::marker { color:var(--blue); }
.svx-guided.svx-wizard #stepHost :is(.preset-service-row,[data-wizard-product]) { border:1px solid var(--guided-border); border-radius:11px; background:#fff; padding:0; margin-block:10px 0; overflow:hidden; }
.svx-guided.svx-wizard #stepHost :is(.preset-service-row,[data-wizard-product]) > summary { display:flex; align-items:center; gap:10px; min-height:60px; padding:13px 14px; font-size:15px; font-weight:600; line-height:1.6; color:var(--ink); }
.svx-guided.svx-wizard #stepHost :is(.preset-service-row,[data-wizard-product]) > summary::before { content:'+'; display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:7px; background:var(--wizard-selected); color:var(--blue); font-size:20px; font-weight:400; }
.svx-guided.svx-wizard #stepHost :is(.preset-service-row,[data-wizard-product])[open] > summary::before { content:'−'; }
.svx-guided.svx-wizard #stepHost :is(.preset-service-row,[data-wizard-product]) > summary > span { min-width:0; overflow-wrap:anywhere; }
.svx-guided.svx-wizard #stepHost :is(.preset-service-row,[data-wizard-product]) > summary > small { margin-inline-start:auto; color:var(--blue); font-size:12px; font-weight:550; flex-shrink:0; }
.svx-guided.svx-wizard #stepHost [data-wizard-product] > .item-row { margin:0; padding:0 14px 14px; background:transparent; border:0; border-radius:0; }
.svx-guided.svx-wizard #stepHost .preset-service-fields { padding:0 14px 14px; }
.svx-guided.svx-wizard #stepHost .wizard-template-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.svx-guided.svx-wizard .wizard-template { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--wizard-control); border-radius:12px; background:#fff; }
.svx-guided.svx-wizard .wizard-template.is-selected { border-color:var(--blue); box-shadow:0 0 0 1px var(--blue),0 4px 14px #3157e81a; }
.svx-guided.svx-wizard .wizard-template-choice { position:relative; flex:1; display:flex; flex-direction:column; width:100%; padding:0; margin:0; border:0; border-radius:0; background:#fff; color:var(--wizard-ink); text-align:start; cursor:pointer; }
.svx-guided.svx-wizard .wizard-template-choice[aria-pressed='true'] { background:var(--wizard-selected); }
.svx-guided.svx-wizard .wizard-template-choice:focus-visible { --pro-focus-visible-offset:-4px; }
.svx-guided.svx-wizard .wizard-template-choice > img { display:block; width:100%; height:auto; aspect-ratio:1.72; object-fit:cover; object-position:top; background:#f1f5f9; border-block-end:1px solid var(--guided-border); }
.svx-guided.svx-wizard .wizard-template-selected { position:absolute; inset-block-start:8px; inset-inline-end:8px; display:grid; place-items:center; width:25px; height:25px; border:2px solid #fff; border-radius:50%; background:var(--blue); color:#fff; font-size:15px; font-weight:650; box-shadow:0 2px 6px #101d3826; }
.svx-guided.svx-wizard .wizard-template-copy { display:flex; flex:1; flex-direction:column; gap:4px; width:100%; min-height:77px; padding:11px 10px; }
.svx-guided.svx-wizard .wizard-template-copy strong { color:var(--wizard-orange); font-size:13px; line-height:1.55; font-weight:600; overflow-wrap:anywhere; }
.svx-guided.svx-wizard .wizard-template-choice[aria-pressed='true'] .wizard-template-copy strong { color:var(--ink); }
.svx-guided.svx-wizard .wizard-template-copy > span { color:var(--muted); font-size:12px; line-height:1.6; }
.svx-guided.svx-wizard .wizard-template-preview { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:44px; border:0; border-block-start:1px solid var(--wizard-control); background:#fff; color:var(--blue); font-size:12px; font-weight:550; padding:9px 6px; line-height:1.5; cursor:pointer; }
.svx-guided.svx-wizard .wizard-template-preview svg { flex:0 0 16px; }
.svx-guided.svx-wizard .wizard-template-preview:hover { background:#f7f9ff; }
.svx-guided.svx-wizard .wizard-sample-note { color:var(--muted); font-size:13px; margin:0 0 16px; }
.svx-guided.svx-wizard .guided-choice-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.svx-guided.svx-wizard .guided-palettes { border:0; padding:0; }
.svx-guided.svx-wizard .guided-palettes .guided-card-preview { display:none; }
.svx-guided.svx-wizard .guided-palettes .guided-choice-body { padding:16px; }
.svx-guided.svx-wizard .guided-palettes .guided-component-heading p { font-size:14px; }
.svx-guided.svx-wizard .guided-palettes .current-design-summary { margin-block-end:12px; }
.svx-guided.svx-wizard #stepHost .guided-palette-choice { color:var(--wizard-ink); border-color:var(--wizard-control); background:#fff; }
.svx-guided.svx-wizard #stepHost .guided-palette-choice.is-selected { color:var(--blue); border-color:var(--blue); background:var(--wizard-selected); box-shadow:0 0 0 1px var(--blue); }
.svx-guided.svx-wizard #stepHost .guided-palette-choice .palette-choice-title { font-weight:400; }
.svx-guided.svx-wizard .preset-type { border-color:var(--wizard-control); font-size:13px; font-weight:500; line-height:1.5; }
.svx-guided.svx-wizard .guided-palette-choice:not(.is-selected) :is(h4,.palette-choice-title),
.svx-guided.svx-wizard .palette-filters [aria-pressed='false'],
.svx-guided.svx-wizard .preset-type[aria-pressed='false'],
.svx-guided.svx-wizard .preset-choice:not([aria-pressed='true']),
.svx-guided.svx-wizard .preset-choice:not([aria-pressed='true']) strong { color:var(--wizard-orange); }
.svx-guided.svx-wizard .preset-choice :is(span,small) { color:var(--muted); }
.svx-guided.svx-wizard .preset-type[aria-pressed='true'],
.svx-guided.svx-wizard .preset-choice[aria-pressed='true'],
.svx-guided.svx-wizard .guided-choice.is-selected { border-color:var(--blue); background:var(--wizard-selected); box-shadow:0 0 0 1px var(--blue); color:var(--blue); }
.svx-guided.svx-wizard .preset-choice[aria-pressed='true'] strong { color:var(--blue); }
.svx-guided.svx-wizard .guided-choice.is-selected :is(h4,.palette-choice-title) { color:var(--wizard-ink); }
.svx-guided.svx-wizard .wizard-language-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.svx-guided.svx-wizard [data-wizard-language] { position:relative; display:grid; justify-items:center; gap:3px; min-height:68px; padding:12px 7px; border:1px solid var(--wizard-control); border-radius:10px; color:var(--wizard-orange); background:#fff; cursor:pointer; font-size:15px; font-weight:500; line-height:1.5; }
.svx-guided.svx-wizard [data-wizard-language][aria-pressed='true'] { border-color:var(--blue); box-shadow:0 0 0 1px var(--blue),0 3px 8px #3157e80d; color:var(--blue); background:var(--wizard-selected); font-weight:600; }
.svx-guided.svx-wizard .preset-type[aria-pressed='true'] { font-weight:600; box-shadow:0 0 0 1px var(--blue),0 3px 8px #3157e80d; }
.svx-guided.svx-wizard [data-wizard-language] small { font-size:12px; color:var(--muted); }
.svx-guided.svx-wizard #wizardValidation,
.svx-guided.svx-wizard #errorBox { background:#fff0f1; color:#b42332; border:1px solid #e99ba4; padding:14px 16px; border-radius:10px; margin-block:0 16px; line-height:1.75; font-size:13px; }
.svx-guided.svx-wizard #successBox { background:#edf8f2; color:#176346; border:1px solid #9bc5b2; padding:14px 16px; border-radius:10px; margin-block:0 16px; font-size:13px; line-height:1.75; }
.svx-guided.svx-wizard #errorBox:empty,
.svx-guided.svx-wizard #successBox:empty { display:none; }
.svx-guided.svx-wizard .wizard-upload-control { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-block:12px; }
.svx-guided.svx-wizard .wizard-upload-control > span { font-size:13px; color:var(--muted); overflow-wrap:anywhere; }
.svx-guided.svx-wizard .upload-box { border:1px dashed var(--wizard-control); background:#f7f9ff; border-radius:10px; padding:16px; font-size:14px; line-height:1.7; }
.svx-guided.svx-wizard #stepHost [data-wizard-group='photos'] > .wizard-group-body > .subpanel > .notice { background:#f7f9ff; color:var(--muted); border:1px solid var(--guided-border); border-inline-start:3px solid var(--wizard-control); border-radius:9px; padding:12px 14px; font-size:13px; font-weight:450; line-height:1.8; }
.svx-guided.svx-wizard #stepHost .upload-box .thumb { width:124px; max-width:100%; height:96px; border-radius:9px; border:1px solid var(--guided-border); }
.svx-guided.svx-wizard #stepHost .upload-box .thumb img { width:100%; height:100%; object-fit:cover; }
.svx-guided.svx-wizard #stepHost .upload-box:has([data-upload='logo']) .thumb img { object-fit:contain; }
.svx-guided.svx-wizard #stepHost .upload-box:has([data-upload='hero']) .thumb { width:230px; height:auto; aspect-ratio:1.95; }
.svx-guided.svx-wizard #stepHost .thumbs { display:flex; flex-wrap:wrap; gap:10px; }
.svx-guided.svx-wizard #stepHost .thumb button { min-width:44px; min-height:44px; }
.svx-guided.svx-wizard #stepHost .hours-day { grid-template-columns:minmax(110px,1fr) auto repeat(2,minmax(100px,1fr)); gap:10px; align-items:center; border:1px solid var(--guided-border); border-radius:10px; background:#fff; padding:12px 14px; }
.svx-guided.svx-wizard #stepHost .hours-day > strong { font-size:14px; line-height:1.6; }
.svx-guided.svx-wizard [data-hours-enabled] { accent-color:var(--blue); }
.svx-guided.svx-wizard .wizard-preview-panel { border:1px solid var(--guided-border); border-radius:16px; overflow:hidden; background:#e9edf7; margin:0; }
.svx-guided.svx-wizard .wizard-live-panel { position:sticky; top:calc(var(--wizard-header-height,80px) + 16px); display:flex; flex-direction:column; block-size:clamp(420px,calc(100dvh - var(--wizard-header-height,80px) - var(--wizard-bar-height,88px) - 48px),900px); box-shadow:0 9px 26px #101d3806; }
.svx-guided.svx-wizard .guided-preview-toolbar { display:flex; flex-wrap:wrap; flex-shrink:0; gap:12px; background:#fff; padding:14px 16px; align-items:center; justify-content:space-between; font-size:13px; }
.svx-guided.svx-wizard .wizard-preview-caption { flex:1 1 240px; min-width:0; }
.svx-guided.svx-wizard #wizardPreviewTitle { --pro-type-card-size:16px; --pro-type-card-weight:600; --pro-type-card-line:1.5; margin:0 0 5px; color:var(--wizard-ink); font-size:16px; font-weight:600; line-height:1.5; }
.svx-guided.svx-wizard #wizardPreviewNote { --pro-type-body-size:12px; --pro-type-body-line:1.7; margin:0; color:var(--muted); font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.svx-guided.svx-wizard .wizard-device-controls { display:flex; flex-wrap:wrap; gap:4px; }
.svx-guided.svx-wizard [data-wizard-device] { --pro-type-action-size:13px; --pro-type-action-weight:550; min-height:44px; border:1px solid var(--wizard-control); border-radius:8px; background:#fff; color:var(--wizard-orange); padding:8px 12px; cursor:pointer; font-size:13px; font-weight:550; line-height:1.35; }
.svx-guided.svx-wizard [data-wizard-device][aria-pressed='true'] { background:var(--wizard-selected); border-color:var(--blue); color:var(--blue); box-shadow:inset 0 -2px var(--blue); }
.svx-guided.svx-wizard .wizard-preview-viewport { position:relative; flex:1 1 auto; min-block-size:200px; width:100%; overflow:hidden; margin-inline:auto; background:#fff; }
.svx-guided.svx-wizard #guidedPreviewFrame { position:absolute; top:0; left:0; display:block; border:0; width:1280px; max-inline-size:none; height:100%; min-block-size:0; transform-origin:top left; background:#fff; }
.svx-guided.svx-wizard .wizard-preview-panel[data-device='mobile'] .wizard-preview-viewport { max-width:390px; box-shadow:0 0 0 1px var(--guided-border); }
.svx-guided.svx-wizard .wizard-preview-panel[data-device='desktop'] .wizard-preview-viewport { max-width:none; }
.svx-guided.svx-wizard #guidedPreviewDesign { flex-shrink:0; overflow-wrap:anywhere; }
.svx-guided.svx-wizard #guidedPreviewDesign:empty { display:none; }
.svx-guided.svx-wizard #wizardPreviewConfirmation { margin:16px 0; }
.svx-guided.svx-wizard .wizard-preview-check { --pro-type-label-weight:500; --pro-type-label-line:1.8; display:flex; gap:12px; align-items:flex-start; padding:16px; background:var(--wizard-selected); border:1px solid var(--wizard-control); border-radius:12px; font-size:14px; font-weight:500; line-height:1.8; }
.svx-guided.svx-wizard .wizard-preview-check input { width:20px; height:20px; flex:none; margin-top:3px; accent-color:var(--blue); }
.svx-guided.svx-wizard #guidedPreviewStatus { display:flex; align-items:center; flex-wrap:wrap; flex-shrink:0; gap:8px; min-height:42px; padding:8px 16px; font-size:12px; line-height:1.6; color:var(--muted); }
.svx-guided.svx-wizard #guidedPreviewStatus[data-preview-state='error'] { background:#fff0f1; color:#b42332; }
.svx-guided.svx-wizard #guidedPreviewStatus button { min-height:44px; padding:8px 10px; border:1px solid currentColor; border-radius:8px; background:#fff; color:inherit; font-size:12px; font-weight:550; }
.svx-guided.svx-wizard #wizardAddressHost { margin-block-start:20px; }
.svx-guided.svx-wizard #wizardAddressHost { --pro-type-card-size:18px; --pro-type-card-weight:600; --pro-type-card-line:1.5; --pro-type-body-size:13px; --pro-type-body-line:1.75; }
.svx-guided.svx-wizard #wizardCompletionList ul { list-style:none; padding:0; margin:0; }
.svx-guided.svx-wizard #wizardCompletionList li + li { border-block-start:1px solid var(--guided-border); }
.svx-guided.svx-wizard #wizardCompletionList .guided-text-button { display:block; width:100%; text-align:start; padding:12px 0; color:var(--blue); line-height:1.6; }
.svx-guided.svx-wizard #wizardCompletionList .notice { margin:0; padding:12px 14px; border:0; border-radius:9px; background:#edf8f2; color:#176346; font-weight:550; }
.svx-guided.svx-wizard .guided-payment-summary { padding:18px; border:1px solid var(--guided-border); border-radius:11px; background:#f7f9ff; }
.svx-guided.svx-wizard .guided-price strong { font-size:32px; font-weight:650; line-height:1.3; }
.svx-guided.svx-wizard #wizardPublishHelp { --pro-type-body-size:13px; font-size:13px; line-height:1.8; color:var(--muted); margin-block:12px 0; padding-inline-start:12px; border-inline-start:3px solid var(--wizard-control); }
.svx-guided.svx-wizard .wizard-navigation { position:fixed; inset-inline:0; bottom:var(--wizard-keyboard-inset,0px); z-index:25; background:var(--wizard-navy); border-block-start:1px solid #384c71; box-shadow:0 -6px 24px #101d3812; color:#fff; }
.svx-guided.svx-wizard .wizard-action-inner { width:min(1280px,calc(100% - 48px)); min-height:88px; margin-inline:auto; padding-block:14px calc(14px + env(safe-area-inset-bottom,0px)); display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px; }
.svx-guided.svx-wizard .wizard-save-cluster,
.svx-guided.svx-wizard .wizard-action-controls { display:flex; align-items:center; gap:12px; min-width:0; }
.svx-guided.svx-wizard .wizard-save-cluster { flex:1; }
.svx-guided.svx-wizard .wizard-navigation .btn { min-height:46px; padding:11px 17px; border:1px solid #8896b0; background:transparent; color:#fff; box-shadow:none; border-radius:9px; font-size:14px; font-weight:600; }
.svx-guided.svx-wizard .wizard-navigation [data-wizard-action='next'] { min-width:120px; background:var(--blue); border-color:#7f98fa; box-shadow:0 3px 10px #0002; }
.svx-guided.svx-wizard .wizard-navigation [data-wizard-action='previous'] { background:#fff; border-color:#fff; color:var(--wizard-ink); }
.svx-guided.svx-wizard #saveStatus { display:flex; flex-wrap:nowrap; min-width:0; max-width:390px; height:48px; color:#c3ccde; font-size:12px; font-weight:500; line-height:1.65; gap:6px; }
.svx-guided.svx-wizard #saveStatus .guided-save-label { display:inline-block; min-width:0; color:inherit; padding:5px 8px; border-radius:6px; }
.svx-guided.svx-wizard #saveStatus .guided-text-button { flex-shrink:0; }
.svx-guided.svx-wizard #saveStatus [data-save-state='saved'] { color:#176346; background:#edf8f2; }
.svx-guided.svx-wizard #saveStatus [data-save-state='saving'] { color:var(--blue); background:var(--wizard-selected); }
.svx-guided.svx-wizard #saveStatus [data-save-state='dirty'] { color:var(--wizard-orange); background:#fff3ea; }
.svx-guided.svx-wizard #saveStatus :is([data-save-state='error'],[data-save-state='conflict']) { color:#b42332; background:#fff0f1; }
.svx-guided.svx-wizard #saveStatus .guided-text-button { color:#fff; font-size:12px; }
.svx-guided.svx-wizard button:disabled,
.svx-guided.svx-wizard #publishBtn:disabled,
.svx-guided.svx-wizard .wizard-navigation button:disabled { opacity:1; background:#e8ecf4; color:var(--muted); border:1px dashed #8b95aa; box-shadow:none; cursor:not-allowed; }
/* The shared typography layer uses important role declarations. Override its
   existing variables within this wizard, rather than changing shared rules or
   introducing competing important fonts. These match the sizes defined above. */
.svx-guided.svx-wizard {
  --pro-type-action-size:15px;
  --pro-type-action-weight:600;
  --pro-type-action-line:1.35;
  --pro-type-label-size:14px;
  --pro-type-label-line:1.6;
}
.svx-guided.svx-wizard .guided-workspace-header h1 { --pro-type-card-size:24px; --pro-type-card-weight:650; --pro-type-card-line:1.3; --pro-type-card-tracking:normal; }
.svx-guided.svx-wizard #wizardStepHeading h2 { --pro-type-card-size:32px; --pro-type-card-weight:650; --pro-type-card-line:1.3; --pro-type-card-tracking:-.4px; }
.svx-guided.svx-wizard #wizardStepHeading > p { --pro-type-body-size:14px; --pro-type-body-line:1.75; --pro-type-paragraph-weight:450; }
.svx-guided.svx-wizard #wizardStepHeading .wizard-requirements { --pro-type-body-size:12px; }
.svx-guided.svx-wizard .wizard-group { --pro-type-card-size:18px; --pro-type-card-weight:600; --pro-type-card-line:1.5; --pro-type-card-tracking:normal; }
.svx-guided.svx-wizard #stepHost :is(.hint,.tip,.preset-helper),
.svx-guided.svx-wizard .wizard-sample-note,
.svx-guided.svx-wizard .wizard-group-intro,
.svx-guided.svx-wizard .wizard-group-body > p:first-child { --pro-type-body-size:13px; --pro-type-body-line:1.75; --pro-type-paragraph-weight:450; }
.svx-guided.svx-wizard .wizard-rail-note { --pro-type-body-size:12px; --pro-type-body-line:1.8; }
.svx-guided.svx-wizard .wizard-steps button { --pro-type-nav-size:14px; --pro-type-nav-weight:600; --pro-type-nav-line:1.6; }
.svx-guided.svx-wizard .wizard-save-later { --pro-type-action-size:13px; --pro-type-action-weight:550; }
.svx-guided.svx-wizard .wizard-navigation { --pro-focus-visible-outline:3px solid #ffb58e; }
.svx-guided.svx-wizard .wizard-navigation :is(button,select):focus-visible { box-shadow:0 0 0 2px var(--wizard-navy); }
@media(hover:hover) {
  .svx-guided.svx-wizard :is(.preset-type,.preset-choice,[data-wizard-language]):not(:disabled):hover { background:var(--wizard-selected); border-color:var(--blue); box-shadow:0 4px 12px #3157e815; }
  .svx-guided.svx-wizard :is(#stepHost,#wizardAddressHost) :is(input,textarea,select):not(:focus):hover { border-color:#536582; }
  .svx-guided.svx-wizard .wizard-template-choice:hover { background:var(--wizard-selected); }
  .svx-guided.svx-wizard .wizard-template:has(.wizard-template-choice:hover) { border-color:var(--blue); box-shadow:0 5px 18px #101d3814; }
  .svx-guided.svx-wizard :is(.wizard-template-preview,.upload-box):hover { background:var(--wizard-selected); border-color:var(--blue); }
  .svx-guided.svx-wizard :is(#stepHost,#wizardAddressHost) .btn-light:not(:disabled):hover { background:var(--wizard-selected); border-color:var(--blue); }
  .svx-guided.svx-wizard .wizard-navigation [data-wizard-action='next']:not(:disabled):hover { background:#2444c7; border-color:#9badff; }
  .svx-guided.svx-wizard .wizard-navigation [data-wizard-action='previous']:not(:disabled):hover { background:var(--wizard-selected); color:var(--blue); }
  .svx-guided.svx-wizard .wizard-save-cluster .btn:not(:disabled):hover { background:#233657; border-color:#b4c3de; }
}
.svx-guided.svx-wizard button:not(:disabled):active { transform:translateY(1px); box-shadow:inset 0 2px 4px #101d381c; }
.svx-guided.svx-wizard .wizard-navigation [data-wizard-action='next']:not(:disabled):active { background:#1b349b; }
body:has(.svx-wizard) .legal-footer { background:#f7f9ff; color:#53647c; border-top:1px solid #d5ddec; padding:26px 24px calc(140px + env(safe-area-inset-bottom,0px)); margin-top:0; }
body:has(.svx-wizard) .legal-footer :is(a,.powered-link) { color:#35506e; }
body:has(.svx-wizard) .legal-copy { color:#53647c; font-size:12px; font-weight:400; max-width:700px; line-height:1.75; margin-inline:auto; }
@media(max-width:1199px) {
  .svx-guided.svx-wizard #stepHost .wizard-template-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1099px) {
  .svx-guided.svx-wizard .wizard-device-controls { display:none; }
  .svx-guided.svx-wizard .wizard-workspace { grid-template-columns:180px minmax(0,1fr); gap:22px; }
  .svx-guided.svx-wizard .wizard-pane-controls { display:flex; gap:4px; padding:4px; margin-block:0 24px; border:1px solid var(--wizard-control); border-radius:10px; background:#fff; box-shadow:0 2px 5px #101d3805; }
  .svx-guided.svx-wizard[data-wizard-pane='edit'] #guidedPreviewPanel { display:none; }
  .svx-guided.svx-wizard[data-wizard-pane='preview'] :is(#guidedEditorPanel,#wizardProgress) { display:none; }
  .svx-guided.svx-wizard[data-wizard-pane='preview'] .wizard-workspace { grid-template-columns:minmax(0,1fr); }
  .svx-guided.svx-wizard .wizard-live-panel { position:relative; top:auto; block-size:clamp(420px,calc(100dvh - var(--wizard-header-height,80px) - var(--wizard-bar-height,88px) - 140px),900px); }
  .svx-guided.svx-wizard .wizard-steps button { --pro-type-nav-size:13px; font-size:13px; gap:9px; padding-inline:8px; }
  .svx-guided.svx-wizard #stepHost .wizard-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .svx-guided.svx-wizard .guided-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .svx-guided.svx-wizard #stepHost .hours-day { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .svx-guided.svx-wizard { width:calc(100% - 28px); padding-block:18px calc(var(--wizard-bar-height,120px) + var(--wizard-keyboard-inset,0px) + 24px); }
  .svx-guided.svx-wizard .guided-workspace-header { gap:12px; padding-block-end:14px; margin-block-end:18px; align-items:flex-start; }
  .svx-guided.svx-wizard .guided-workspace-header h1 { --pro-type-card-size:19px; font-size:19px; overflow-wrap:anywhere; }
  .svx-guided.svx-wizard .guided-eyebrow { font-size:12px; }
  .svx-guided.svx-wizard .wizard-save-later { --pro-type-action-size:12px; max-width:135px; font-size:12px; min-height:44px; padding:8px; }
  .svx-guided.svx-wizard .wizard-workspace { display:block; }
  .svx-guided.svx-wizard #wizardProgress { position:static; margin-block-end:22px; }
  .svx-guided.svx-wizard .wizard-progress-track { margin-block:8px 12px; }
  .svx-guided.svx-wizard .wizard-steps { grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; }
  .svx-guided.svx-wizard .wizard-steps button { --pro-type-nav-size:10px; --pro-type-nav-line:1.55; flex-direction:column; align-items:center; justify-content:flex-start; gap:7px; padding:9px 3px; font-size:10px; line-height:1.55; text-align:center; min-height:99px; border-radius:8px; }
  .svx-guided.svx-wizard .wizard-step-number { width:25px; height:25px; flex-basis:25px; font-size:12px; }
  .svx-guided.svx-wizard .wizard-rail-note { display:none; }
  .svx-guided.svx-wizard #wizardStepHeading h2 { --pro-type-card-size:27px; --pro-type-card-line:1.35; font-size:27px; line-height:1.35; }
  .svx-guided.svx-wizard #wizardStepHeading > p { --pro-type-body-line:1.7; font-size:14px; }
  .svx-guided.svx-wizard .wizard-group,
  .svx-guided.svx-wizard #stepHost > .subpanel { padding:18px 16px; border-radius:14px; }
  .svx-guided.svx-wizard .wizard-group > summary,
  .svx-guided.svx-wizard .wizard-group-heading,
  .svx-guided.svx-wizard .wizard-group > h3 { --pro-type-card-size:18px; font-size:18px; }
  .svx-guided.svx-wizard #stepHost .form-grid,
  .svx-guided.svx-wizard #stepHost .social-grid { grid-template-columns:1fr; gap:12px; }
  .svx-guided.svx-wizard .wizard-group-tabs { gap:3px; padding:4px; }
  .svx-guided.svx-wizard .wizard-group-tabs button { --pro-type-nav-size:12px; flex-basis:90px; padding:8px 9px; font-size:12px; }
  .svx-guided.svx-wizard #stepHost .wizard-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .svx-guided.svx-wizard .wizard-template-copy { padding:10px; gap:5px; }
  .svx-guided.svx-wizard .wizard-template-copy strong { font-size:12px; }
  .svx-guided.svx-wizard .wizard-template-copy > span { font-size:12px; line-height:1.5; }
  .svx-guided.svx-wizard .wizard-template-preview { font-size:12px; gap:4px; }
  .svx-guided.svx-wizard #stepHost :is(.preset-service-row,[data-wizard-product]) > summary { padding:12px; gap:8px; font-size:14px; }
  .svx-guided.svx-wizard #stepHost :is(.preset-service-row,[data-wizard-product]) > summary::before { display:none; }
  .svx-guided.svx-wizard .guided-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .svx-guided.svx-wizard .guided-choice-body .guided-swatches { justify-content:center; }
  .svx-guided.svx-wizard .wizard-action-inner { width:calc(100% - 28px); padding-block:6px calc(8px + env(safe-area-inset-bottom,0px)); display:grid; grid-template-columns:1fr; gap:6px; }
  .svx-guided.svx-wizard .wizard-save-cluster { width:100%; justify-content:space-between; gap:8px; border-block-end:1px solid #384c71; padding-block-end:5px; }
  .svx-guided.svx-wizard .wizard-save-cluster .btn { --pro-type-action-size:12px; font-size:12px; min-height:44px; padding:8px; flex-shrink:0; }
  .svx-guided.svx-wizard #saveStatus { flex:1; max-width:none; height:44px; font-size:12px; line-height:1.5; justify-content:flex-end; }
  .svx-guided.svx-wizard #saveStatus .guided-save-label { padding:4px 6px; }
  .svx-guided.svx-wizard .wizard-action-controls { display:flex; gap:8px; }
  .svx-guided.svx-wizard .wizard-action-controls .btn { --pro-type-action-size:14px; flex:1 1 0; min-width:0; padding:10px 7px; font-size:14px; }
  .svx-guided.svx-wizard #publishBtn { --pro-type-action-size:14px; }
  .svx-guided.svx-wizard #stepHost .hours-day { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; }
  .svx-guided.svx-wizard .wizard-pane-controls { margin-block-end:18px; }
  .svx-guided.svx-wizard .guided-preview-toolbar { padding:12px; gap:10px; }
  .svx-guided.svx-wizard [data-wizard-device] { font-size:13px; }
  .svx-guided.svx-wizard #stepHost :is(.hint,.tip,.preset-helper),
  .svx-guided.svx-wizard .wizard-group-intro,
  .svx-guided.svx-wizard .wizard-group-body > p:first-child { --pro-type-body-line:1.7; line-height:1.7; }
  body:has(.svx-wizard) .legal-footer { padding-block-end:calc(190px + env(safe-area-inset-bottom,0px)); }
}
@media(max-width:359px) {
  .svx-guided.svx-wizard .wizard-group,
  .svx-guided.svx-wizard #stepHost > .subpanel { padding-inline:12px; }
  .svx-guided.svx-wizard #stepHost .wizard-template-grid { grid-template-columns:1fr; }
  .svx-guided.svx-wizard #saveStatus { height:64px; }
  .svx-guided.svx-wizard .wizard-language-choices { gap:6px; }
  .svx-guided.svx-wizard [data-wizard-language] { font-size:13px; padding-inline:4px; }
  .svx-guided.svx-wizard .wizard-action-controls .btn { --pro-type-action-size:11px; font-size:11px; padding-inline:4px; }
}
/* The editor keeps its existing cards while sharing a desktop row with the
   live site. Size their contents against the panel, not the browser window. */
@container wizard-editor (max-width:600px) {
  .svx-guided.svx-wizard #stepHost .wizard-template-grid,
  .svx-guided.svx-wizard .guided-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .svx-guided.svx-wizard #stepHost .hours-day { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container wizard-editor (max-width:520px) {
  .svx-guided.svx-wizard #stepHost .form-grid,
  .svx-guided.svx-wizard #stepHost .social-grid { grid-template-columns:1fr; gap:12px; }
}
@container wizard-editor (max-width:330px) {
  .svx-guided.svx-wizard #stepHost .wizard-template-grid,
  .svx-guided.svx-wizard .guided-choice-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  .svx-guided.svx-wizard .wizard-progress-track > span { transition:none; }
}