efficient-web-builder 0.9.0 → 0.10.0

package/dist/chunks/chunk-Y4CZD2YY.js

@@ -0,0 +1,230 @@
+import{a as lt,b as dt,c as ct,d as pt,e as ut,f as ft,l as gt,m as bt,p as yt,q as wt,t as kt,v as Pt,w as It,y as Tt}from"./chunk-H7O6ZYX6.js";import{Aa as ze,Ca as De,Dg as at,Fc as V,H as Me,Jc as Ve,Jh as ht,Kd as Ze,Nh as vt,Oe as Je,P as He,Q as R,R as ce,Ua as Ke,Va as pe,Wa as N,Wf as tt,Xf as me,Ya as $,Za as $e,Zh as St,_a as qe,_h as Et,bb as Ue,bf as Qe,cb as Ge,cf as et,ed as fe,eg as nt,fb as Ye,jf as J,ld as Z,ma as K,og as ot,pe as je,ph as mt,qa as Be,sa as We,ud as j,vg as rt,ya as _,yg as he,zg as ge}from"./chunk-BJOS4Y35.js";import{b as ue}from"./chunk-HVOO2GNE.js";import{B as Xe,La as X,Oa as it,Pa as st}from"./chunk-IFRGL3GL.js";import{d as de}from"./chunk-6CP4D6VJ.js";import{InspectorHead as cn,InspectorIconButton as Nt}from"efficient-easel/chrome";import{jsx as Rt,jsxs as dn}from"react/jsx-runtime";function Q({side:e}){return dn("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,children:[Rt("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),Rt("path",{d:e==="left"?"M9 4v16":"M15 4v16"})]})}import{Fragment as Ct,jsx as P,jsxs as xt}from"react/jsx-runtime";function pn({icon:e,title:t,context:n,actions:o,side:s="left",onHide:r}){return P(cn,{icon:e,name:t,kind:n,actions:o||r?xt(Ct,{children:[o,r?P(ee,{side:s,onHide:r,divider:!!o}):null]}):void 0})}function ee({side:e,onHide:t,divider:n=!1}){return xt(Ct,{children:[n?P("span",{className:"sf-head-divider","aria-hidden":"true"}):null,P(Nt,{label:`Hide the ${e} panel`,title:"Hide panel",onClick:t,children:P(Q,{side:e})})]})}function _o({side:e,onShow:t}){return P("div",{className:`es-sidepanel es-sidepanel--${e} sf-panel-strip`,children:P(Nt,{label:`Show the ${e} panel`,title:"Show panel",onClick:t,children:P(Q,{side:e})})})}function Mo({label:e,onClick:t,description:n}){return P("button",{type:"button",className:"es-btn-ghost sf-head-textbtn",onClick:t,title:n,children:e})}var te="Flex",un={FooterMenu:"MenuBlock",FooterEmailSignup:"EmailFormBlock",FooterSocial:"SocialLogosBlock"},fn=e=>{let{id:t,...n}=e;return n},Ot=e=>typeof e=="string"?e:"";function Lt(e,t){let n=e.props??{},o=un[e.type];if(o)return[t(o,fn(n))];switch(e.type){case"FooterLogo":{let s=t("LogoBlock",n.reverse?{reverse:n.reverse}:{}),r=Ot(n.tagline).trim();return r?[s,t("Text",{text:r,tone:"dim",align:n.align==="center"?"center":"left"})]:[s]}case"FooterText":return[t("Text",{text:Ot(n.text),tone:typeof n.tone=="string"?n.tone:"default"})];case"FooterDivider":return[t("Divider")];case"FooterGroup":{let s=Array.isArray(n.blocks)?n.blocks:[];return[t(te,{direction:n.direction==="horizontal"?"row":"column",content:s.flatMap(r=>Lt(r,t))})]}default:return[]}}function At(e,t,n){let s=(e&&Array.isArray(e.props?.blocks)?e.props.blocks:[]).flatMap(p=>{let d=Lt(p,t);return d.length<=1?d:[t(te,{direction:"column",content:d})]}),r=t(te,{direction:"row",wrap:!0,share:"equal",content:s}),l=t(te,{direction:"column",content:[t("LegalLineBlock")]});return Be(K,n,[r,l])}import{MediaPanelHead as mn,mediaPickKind as hn}from"efficient-easel/chrome";import{Fragment as bn,jsx as be,jsxs as yn}from"react/jsx-runtime";function gn({panel:e,pick:t,onHide:n}){let o=yt();return yn(bn,{children:[be(mn,{context:o,pick:t?{kind:hn(t.accept),field:t.title||void 0}:null,onCancel:()=>t&&fe(t.requestId,null),onHide:n}),be("div",{className:"sf-media-panel",children:be(e,{pick:t,onPick:s=>t&&fe(t.requestId,s)})})]})}import{DEFAULT_PANEL_W as wn,clampPanelWidth as vn}from"efficient-easel/chrome";import{MAX_PANEL_W as Jo,MIN_PANEL_W as Qo,panelWidthVars as er}from"efficient-easel/chrome";var Yo="sf-editor-panel-widths",Xo={...wn},Vo=e=>vn(e);import{useState as so}from"react";import{useEasel as ao}from"efficient-easel/easel";import{InspectorHead as lo,InspectorIconButton as qt}from"efficient-easel/chrome";import{DuplicateIcon as co,TrashIcon as po}from"efficient-easel/icons";function Ft(e,t){if(!t)return null;let n=e.components?.[t.type],o=n?.fields??null;if(!o||typeof n?.resolveFields!="function")return o;try{let s=n.resolveFields({type:t.type,props:t.props},{fields:o,lastFields:o,lastData:null,changed:{},parent:null,appState:{}});return!s||typeof s.then=="function"?o:s}catch{return o}}import{useEffect as kn,useId as Sn,useState as En}from"react";import{SettingsField as Pn,SettingsSwitch as In}from"efficient-easel/panel";import{TypeIcon as Tn}from"efficient-easel/icons";import{Fragment as xn,jsx as v,jsxs as _t}from"react/jsx-runtime";var Rn="Chat with us",Nn="We usually reply within a few minutes",Cn="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function ye({label:e,value:t,placeholder:n,onCommit:o,multiline:s=!1}){let[r,l]=En(t);kn(()=>l(t),[t]);let p=()=>{r!==t&&o(r)};return v(Pn,{label:e,icon:v(Tn,{}),children:s?v("textarea",{value:r,placeholder:n,rows:3,onChange:d=>l(d.target.value),onBlur:p,"aria-label":e}):v("input",{type:"text",value:r,placeholder:n,onChange:d=>l(d.target.value),onBlur:p,onKeyDown:d=>{d.key==="Enter"&&d.currentTarget.blur()},"aria-label":e,autoComplete:"off"})})}function we(){let{chat:e,setChat:t}=rt(),n=Sn();return _t(xn,{children:[_t("div",{className:"sf-field sf-field--row",children:[v("span",{id:n,className:"sf-field-label sf-field-label--inline",children:"Show the chat bubble"}),v(In,{checked:e.enabled,onChange:o=>t({enabled:o}),ariaLabelledBy:n})]}),v("p",{className:"sf-field-hint",children:e.enabled?"The floating chat bubble shows in the corner of every page.":"The chat bubble is hidden across the whole site."}),v(J,{label:"Wording"}),v(ye,{label:"Title",value:e.title,placeholder:Rn,onCommit:o=>t({title:o})}),v(ye,{label:"Subtitle",value:e.subtitle,placeholder:Nn,onCommit:o=>t({subtitle:o})}),v(ye,{label:"Greeting message",value:e.greeting,placeholder:Cn,onCommit:o=>t({greeting:o}),multiline:!0}),v("p",{className:"sf-field-hint",children:"Leave a field blank to use the built-in wording."})]})}import{useEffect as On,useId as Mt,useState as Ht}from"react";import{SettingsField as Ln}from"efficient-easel/panel";import{Fragment as ve,jsx as x,jsxs as Bt}from"react/jsx-runtime";var An={instagram:"instagram.com/yourshop",facebook:"facebook.com/yourshop",tiktok:"tiktok.com/@yourshop",youtube:"youtube.com/@yourshop",x:"x.com/yourshop",linkedin:"linkedin.com/company/yourshop",pinterest:"pinterest.com/yourshop",whatsapp:"wa.me/61400000000"};function Fn({platform:e}){let{rows:t,saveLink:n}=he(),{value:o,error:s}=t[e],[r,l]=Ht(o),[p,d]=Ht(!1),h=Mt(),i=Mt();On(()=>l(o),[o]);let f=async()=>{if(r.trim()===o){r!==o&&l(o);return}d(!0),await n(e,r),d(!1)},b=st[e];return Bt(ve,{children:[x(Ln,{label:b,htmlFor:h,icon:x(vt,{platform:e,iconStyle:"outline",size:18}),children:x("input",{id:h,type:"text",inputMode:"url",value:r,placeholder:An[e],onChange:g=>l(g.target.value),onBlur:()=>{f()},onKeyDown:g=>{g.key==="Enter"&&g.currentTarget.blur(),g.key==="Escape"&&(l(o),g.currentTarget.blur())},"aria-invalid":s?!0:void 0,"aria-describedby":s?i:void 0,"aria-busy":p||void 0,autoComplete:"off",spellCheck:!1})}),s&&x("p",{id:i,className:"sf-note sf-note--error",role:"alert",children:s})]})}function ke({unavailable:e}){let{canSave:t}=he();return!t&&e?x(ve,{children:e}):Bt(ve,{children:[x("p",{className:"sf-field-hint",children:"Paste a link to each profile. A platform left empty shows nothing on the site."}),it.map(n=>x(Fn,{platform:n},n))]})}import{useId as _n,useMemo as Mn}from"react";import{useEasel as Hn}from"efficient-easel/easel";import{SettingsField as Bn,SettingsSwitch as Wn}from"efficient-easel/panel";import{jsx as M,jsxs as Wt}from"react/jsx-runtime";var zn="root:default-zone";function Se({heroId:e}){let{appState:t,dispatch:n}=Hn(i=>i),o=t.data.content??[],s=o.findIndex(i=>i.props.id===e),r=s>=0?o[s]:null,l=r?r.props.showTicker??!0:!0,p=Mn(()=>{let i=r?.props.tickerItems;return Array.isArray(i)?i:ht.map(f=>({text:f}))},[r]),d=_n();if(!r)return M("div",{className:"sf-field",style:{color:"var(--sf-muted)",fontSize:12},children:"This ticker\u2019s hero is no longer on the page."});let h=i=>n({type:"replace",destinationZone:zn,destinationIndex:s,data:{...r,props:{...r.props,...i}}});return Wt("div",{children:[M(J,{label:"Ticker"}),Wt("div",{className:"sf-field sf-field--row",children:[M("span",{id:d,className:"sf-field-label sf-field-label--inline",children:"Show ticker"}),M(Wn,{checked:l,onChange:i=>h({showTicker:i}),ariaLabelledBy:d})]}),M(Bn,{label:me.label,icon:me.icon,children:M(tt,{items:p,placeholder:"item",onChange:i=>h({tickerItems:i}),markup:!0})})]})}import{useCallback as Dn,useEffect as Kn,useRef as $n,useState as H}from"react";import{createPortal as qn}from"react-dom";import{InspectorIconButton as Un}from"efficient-easel/chrome";import{CopyToPageIcon as Gn}from"efficient-easel/icons";import{Fragment as zt,jsx as S,jsxs as ne}from"react/jsx-runtime";function Ee({node:e,currentSlug:t,siteId:n,tokenRef:o,runAuthed:s,onNotify:r}){let[l,p]=H(!1),[d,h]=H(null),i=V(),[f,b]=H(!1),[g,y]=H(null),O=$n(null),[T,re]=H(null),[a,U]=H(null),ie=Dn(async()=>{if(i.usesBridgedToken&&!o.current){b(!0);return}try{h(await de(i).pages.list(n?{siteId:n}:void 0))}catch{b(!0)}},[o,n,i]),E=()=>{if(l){p(!1);return}let u=O.current?.getBoundingClientRect();u&&re({top:u.bottom+6,right:Math.max(8,window.innerWidth-u.right)}),U(O.current?.closest(".sf-editor")??document.body),h(null),b(!1),ie(),p(!0)};Kn(()=>{if(!l)return;let u=m=>{m.key==="Escape"&&p(!1)};return window.addEventListener("keydown",u),()=>window.removeEventListener("keydown",u)},[l]);let G=(d??[]).filter(u=>u.slug!==t),se=async u=>{if(g)return;y(u.slug);let m=kt(e),w=i.documentHooks?.storedNode?.(m)??m,W=de(i).pages,z=await s(async()=>{let L=await W.load({id:u.id});if(!L)throw new Error(`Page "${u.slug}" no longer exists.`);let A=L.layout??{},F=Array.isArray(A.content)?[...A.content]:[],Y=F.findIndex(ae=>ae?.type===R);F.splice(Y===-1?F.length:Y,0,w),await W.save(u.id,{layout:{root:{},zones:{},...A,content:F}},{version:L.version,clientId:""})});y(null),p(!1),r?.(z?`Duplicated to \u201C${u.label}\u201D`:"Couldn\u2019t duplicate the section \u2014 please retry",z?"success":"error")};return ne(zt,{children:[S(Un,{buttonRef:O,label:"Duplicate to another page",hasPopup:"menu",expanded:l,onClick:E,children:S(Gn,{size:15})}),l&&T&&a&&qn(ne(zt,{children:[S("div",{className:"sf-dupmenu-backdrop",onClick:()=>p(!1)}),ne("div",{className:"sf-dupmenu",role:"menu",style:{top:T.top,right:T.right},children:[S("div",{className:"sf-dupmenu-head",children:"Duplicate to page\u2026"}),f?S("div",{className:"sf-dupmenu-empty",children:"Couldn\u2019t load pages"}):d===null?S("div",{className:"sf-dupmenu-empty",children:"Loading\u2026"}):G.length===0?S("div",{className:"sf-dupmenu-empty",children:"No other pages"}):G.map(u=>ne("button",{type:"button",role:"menuitem",className:"sf-dupmenu-item",disabled:g!==null,onClick:()=>se(u),children:[S("span",{className:"sf-dupmenu-name",children:u.label}),g===u.slug?S("span",{className:"sf-note",children:"Copying\u2026"}):u.draft&&S("span",{className:"sf-note",children:"draft"})]},u.id))]})]}),a)]})}import{SettingsDrill as Yn}from"efficient-easel/panel";import{jsx as q,jsxs as Zn}from"react/jsx-runtime";var Xn="Not shown on the page";function Vn({part:e,onOpen:t}){return q(Yn,{name:e.label,preview:e.offPage?Xn:e.preview||"Empty",offPage:e.offPage,status:e.hidden?q("span",{className:"sf-entry-eye",role:"img","aria-label":"Hidden on the page",children:q(je,{name:"eye-off",size:14})}):void 0,onOpen:()=>t(e.key)})}function Dt({parts:e,onOpen:t}){let n=e.filter(o=>!o.identifier);return n.length?Zn("div",{className:"sf-entries",children:[q("h3",{className:"sf-entries-head",children:"Text"}),n.map(o=>q(Vn,{part:o,onOpen:t},o.key))]}):null}import{useState as jn}from"react";import{createNode as Jn,newId as Qn}from"efficient-easel/data";import{useEasel as eo}from"efficient-easel/easel";import{jsx as oe,jsxs as Kt}from"react/jsx-runtime";function Pe(){let{appState:e,dispatch:t,config:n}=eo(i=>i),{readOnly:o}=Z(),[s,r]=jn(!1),l=e.data.content;if(o||l.some(i=>i.type===K))return null;let p=l.find(i=>i.type===R)??null,d=(i,f)=>Jn(n,i,f);return Kt("div",{className:"sf-box-footer-switch",children:[oe("p",{className:"sf-box-footer-switch-text",children:"Build this footer out of Boxes and blocks, like a page: the same menus, signup, social links and logo, with the copyright as a Legal Line. Your current footer is kept."}),s?Kt("div",{className:"sf-box-footer-switch-row",children:[oe("button",{type:"button",className:"es-btn-primary",onClick:()=>{let i=At(p,d,Qn(K));t({type:"setData",data:f=>({...f,content:[...We(f.content,i)]}),recordHistory:!0}),r(!1)},children:"Switch now"}),oe("button",{type:"button",className:"es-btn-ghost",onClick:()=>r(!1),children:"Cancel"})]}):oe("button",{type:"button",className:"es-btn-ghost",onClick:()=>r(!0),children:"Switch to Box footer"})]})}import{useState as to}from"react";import{useSelectedFields as no}from"efficient-easel/easel";import{Inspector as oo,planFields as ro}from"efficient-easel/fields";import{jsx as $t}from"react/jsx-runtime";var Ie=new Map,io=Object.fromEntries(nt.map(e=>{let t=Qe[e];return[e,$t(t,{},e)]}));function Te({entries:e}){let{id:t,fields:n,values:o,readOnly:s,onChange:r}=no(),[l,p]=to(()=>Ie.get(t)),d=Ie.get(t),h=ro(n).buckets,i=d&&h.includes(d)?d:l&&h.includes(l)?l:h[0],f=i===void 0||et(h,i)!==!0;return $t(oo,{fields:n,values:o,onChange:r,readOnly:s,tab:i,onTab:b=>{Ie.set(t,b),p(b)},tabIcons:io,idPrefix:t,ariaLabel:"Section settings",children:f?e:null})}import{SettingsSwitch as uo}from"efficient-easel/panel";import{Fragment as Re,jsx as c,jsxs as I}from"react/jsx-runtime";var Ne={kind:"puck"},Fi={kind:"header"},_i={kind:"website"},Mi={kind:"chat"},Hi={kind:"social"},B="Part";function fo(e,t,n){let o=e.describeNode(t);return{name:n,kindLabel:o?`${B} of ${o.label}`:B}}function Ut({what:e}){return I("div",{className:"sf-note",children:[c("p",{children:I("strong",{children:[e," settings belong to a website."]})}),I("p",{children:["A template is a blueprint \u2014 it has no website of its own, so there is nothing here to change. Each website created from this template sets its own ",e.toLowerCase()," afterwards."]})]})}var mo={header:{name:"Header",kindLabel:"Site settings",icon:"header",render:(e,t)=>{let n=t.hostPanels?.header;return n?c(n,{placeholderMode:t.capabilities.placeholderFrames,tokenRef:t.tokenRef,siteId:t.siteId,websiteName:t.websiteName,onOpenWebsiteSettings:t.onOpenWebsiteSettings,onAuthExpired:()=>t.notifyParent("storefront-editor:auth-expired")}):null}},website:{name:"Appearance",kindLabel:"Site settings",icon:"website",render:(e,t)=>c(wt,{themeFromDocument:!t.capabilities.hasSiteTheme,tokenRef:t.tokenRef,siteId:t.siteId,onNotify:t.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>c(we,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>c(ke,{unavailable:c(Ut,{what:"Social link"})})},ticker:{name:ge,kindLabel:B,icon:"ticker",head:(e,t)=>e.kind==="ticker"?fo(t,e.heroId,ge):null,render:e=>c(Se,{heroId:e.kind==="ticker"?e.heroId:""})},part:{name:B,kindLabel:B,icon:"Text",head:(e,t)=>{if(e.kind!=="part")return null;let n=t.describeNode(e.nodeId);if(!n)return null;let{key:o,row:s}=De(e.propKey),r=s?lt(n.fields[o],s):n.fields[o],l=Ke(Ge(Ue(r??{},o)),s);return{name:t.styleNameOfPart(e.nodeId,e.propKey)??l,kindLabel:`${B} of ${n.label}`}},render:(e,t)=>e.kind==="part"?c(ft,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>t.onSelectNode(e.nodeId),onEditStyle:t.onOpenSiteStyles}):null}},ho=new Set(["header","website","chat"]);function go(e,t){if(e==="puck")return null;let n=mo[e];return ho.has(e)&&!t.hasSiteSettings?{...n,kindLabel:"Not part of a template",render:()=>c(Ut,{what:n.name})}:n}function bo({mode:e,onOpenWebsiteSettings:t,onOpenSiteStyles:n,onSelectNode:o,hideNodeActions:s=!1,onNotify:r,onHidePanel:l}){let{capabilities:p,tokenRef:d,notifyParent:h,currentSlug:i,siteId:f,runAuthed:b}=Z(),{websiteName:g,fonts:y}=X(),{partStyle:O}=ze(),T=j(),{select:re}=_(),{selectedItem:a,getItemById:U,getSelectorForId:ie,config:E,appState:G}=ao(k=>k),se=Ft(E,a?{type:a.type,props:a.props}:null),u=k=>E.components[k]?.label??k,m=a?ie(a.props.id):void 0,w=go(e.kind,p),W=V(),z=W.chrome?.panels?.chromePage,L={capabilities:p,tokenRef:d,hostPanels:W.chrome?.panels,describeNode:k=>{let C=U(k);if(!C)return null;let D=E.components[C.type];return{type:C.type,label:D?.label??C.type,fields:D?.fields??{}}},styleNameOfPart:(k,C)=>{let D=U(k);if(!D)return null;let an=$(k,C),ln=O?.partId===an?O:null;return pt(D.props,C,ln,y)},siteId:f,websiteName:g??null,notifyParent:h,onNotify:r,onOpenWebsiteSettings:t,onOpenSiteStyles:n,onSelectNode:o},A=w?.head?.(e,L)??null,F=A?.name??(w?w.name:a?u(a.type):"Page settings"),Y=A?.kindLabel??(w?w.kindLabel:a?m&&m.zone!==ce?"Block":"Section":"Page"),ae=w?w.icon:a?a.type:"page",Oe=w?null:a?E.components[a.type]?.fields??null:E.root?.fields??null,Qt=Oe?ot(Oe):2,Le=e.kind==="puck"&&a?ct(a.type):null,en=!!a&&!!m&&m.zone===ce&&a.type!==R&&a.type!==He,le=Me(G?.data,a),tn=()=>{le||m&&T.duplicateComponent(m.zone,m.index)},nn=()=>{m&&(T.removeComponent(m.zone,m.index),T.select(null))},on=a?E.components[a.type]?.defaultProps?.previewHover:void 0,Ae=e.kind==="puck"&&!!a&&!!m&&on!==void 0,Fe=Ae&&a.props.previewHover===!0,rn=()=>{!a||!m||T.replaceComponent(m.zone,m.index,{...a,props:{...a.props,previewHover:!Fe}})},[_e,sn]=so(gt);return I("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${_e?"":" sf-hints-folded"}`,children:[c(lo,{icon:c(at,{type:ae,size:15}),name:F,kind:Y,actions:!s&&e.kind==="puck"&&a&&a.type!==R?I(Re,{children:[c(qt,{label:"Duplicate section",title:le??void 0,disabled:le!==null,onClick:tn,children:c(co,{size:15})}),en&&p.hasSiteSettings&&c(Ee,{node:a,currentSlug:i,siteId:f??void 0,tokenRef:d,runAuthed:b,onNotify:r}),c(qt,{label:"Remove section",danger:!0,onClick:nn,children:c(po,{size:15})}),l?c(ee,{side:"right",onHide:l,divider:!0}):null]}):l?c(ee,{side:"right",onHide:l}):void 0}),Ae&&I("div",{className:"sf-preview-pin",children:[I("div",{className:"sf-preview-pin-text",children:[c("span",{className:"sf-preview-pin-label",children:"Preview hover state"}),c("span",{className:"sf-preview-pin-hint",children:"not shown live"})]}),c(uo,{checked:Fe,onChange:rn,ariaLabel:"Preview hover state"})]}),c(Je,{tier:Qt,children:c("div",{className:"sf-insp-body sf-scroll",children:w?w.render(e,L):a?I(Re,{children:[c(Ze,{children:c(Te,{entries:c(Dt,{parts:Ye(se??E.components[a.type]?.fields,a.props),onOpen:k=>re($(a.props.id,k))})})}),a.type===R&&p.hasSiteSettings&&c(Pe,{}),Le&&c(ut,{source:Le,slug:dt(a?.props)}),c(bt,{shown:_e,onChange:sn})]}):I(Re,{children:[c(Te,{}),i===Ve&&p.hasSiteSettings&&z&&c(z,{})]})})})]})}import{useCallback as Gt,useEffect as Yt}from"react";import{useEasel as yo}from"efficient-easel/easel";function Gi({mode:e,setMode:t,onOpenPart:n}){let{getSelectorForId:o}=yo(i=>i),s=j(),{setSelectedPartId:r,setSelectHandler:l}=_(),p=Gt(i=>{let f=$e(i);if(!f)return;let{nodeId:b,propKey:g}=f;if(!g){t(y=>y.kind==="part"?Ne:y);return}t(y=>y.kind==="part"&&y.nodeId===b&&y.propKey===g?y:{kind:"part",nodeId:b,propKey:g}),n?.(b)},[t,n]);Yt(()=>{l(p)},[l,p]);let d=e.kind==="part"?$(e.nodeId,e.propKey):null;return Yt(()=>{r(d)},[d,r]),{selectNode:Gt(i=>{t(()=>Ne);let f=o(i);f&&s.select(f)},[t,o,s]),openPartId:d}}import{useEffect as Xt,useState as wo}from"react";import{bindUndoKeys as vo,useEaselApi as ko}from"efficient-easel/easel";function So(e){let t=ue(),[n,o]=wo(null);return Xt(()=>o(e.current),[e]),t.ownsDocument?typeof document>"u"?null:document:n}function ji(e){let t=ue(),n=ko(),o=So(e);Xt(()=>{if(!(t.ownsDocument||!o))return vo(o,n)},[t,n,o])}import{EaselCanvas as Co}from"efficient-easel/easel";import{useEffect as Zt,useLayoutEffect as Io}from"react";var Eo=String.raw`(function (doc) {
+  if (doc.__sfFitWords) return;
+  var win = doc.defaultView;
+  var SELECTOR = "h1,h2,h3,h4,h5,h6,[class*='font-heading'],[class*='font-display']";
+  var MIN_SCALE = 0.3, MIN_PX = 16, SLACK = 1;
+
+  function measure(el) {
+    var widest = 0, current = 0, last = null, split = false, lastBlock = null;
+    function blockOf(n) {
+      for (var p = n.parentElement; p && p !== el; p = p.parentElement) {
+        var d = win.getComputedStyle(p).display;
+        if (d.indexOf("inline") !== 0 && d !== "contents") return p;
+      }
+      return el;
+    }
+    function close() { if (current > widest) widest = current; current = 0; last = null; }
+    var walker = doc.createTreeWalker(el, 5), range = doc.createRange(), node;
+    while ((node = walker.nextNode())) {
+      if (node.nodeType === 1) {
+        if (node.tagName === "BR" || node.tagName === "WBR") close();
+        continue;
+      }
+      var block = blockOf(node);
+      if (block !== lastBlock) close();
+      lastBlock = block;
+      var re = /(\S+)|(\s+)/g, m;
+      while ((m = re.exec(node.data))) {
+        if (m[2]) { close(); continue; }
+        range.setStart(node, m.index);
+        range.setEnd(node, m.index + m[0].length);
+        var rects = range.getClientRects();
+        for (var i = 0; i < rects.length; i++) {
+          var r = rects[i];
+          if (r.width <= 0) continue;
+          current += r.width;
+          if (last && r.top > last.top + last.height / 2) split = true;
+          last = r;
+        }
+      }
+    }
+    close();
+    return { widest: widest, split: split };
+  }
+
+  function lineWidth(el) {
+    var cs = win.getComputedStyle(el);
+    return el.getBoundingClientRect().width - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight)
+      - parseFloat(cs.borderLeftWidth) - parseFloat(cs.borderRightWidth);
+  }
+
+  // ⚠️ THE HEADING ELEMENT IS NEVER TOUCHED — no style="", no data-*. This
+  // runs before React hydrates, and React 19 in development reports ANY
+  // attribute that differs from what it rendered ("a tree hydrated but some
+  // attributes didn't match"): first our inline font-size on the hero (which
+  // React owns via --heading-size), then, when that moved to a data-sf-fit
+  // attribute, the attribute itself. So the fitted size lives only in this
+  // script's own stylesheet, in <head>, addressed to each heading by its
+  // POSITION (":root>*:nth-child(2)>…"). A position goes stale when the page's
+  // structure changes, so the rules are rewritten in the MutationObserver
+  // callback, which runs before the next paint. !important so the size also
+  // beats a part's own inline size.
+  var head = doc.head || doc.documentElement;
+  var fitEl = doc.createElement("style");
+  fitEl.id = "storefront-fit-words-sizes";
+  head.appendChild(fitEl);
+  var fitted = new Map(); // heading -> fitted size, e.g. "43.8px"
+
+  function pathOf(el) {
+    var parts = [];
+    for (var e = el; e && e.parentElement; e = e.parentElement) {
+      var i = 1, s = e;
+      while ((s = s.previousElementSibling)) i++;
+      parts.unshift("*:nth-child(" + i + ")");
+    }
+    return ":root>" + parts.join(">");
+  }
+  function writeRules() {
+    var css = "";
+    fitted.forEach(function (size, el) {
+      if (!el.isConnected) { fitted.delete(el); return; }
+      css += pathOf(el) + "{font-size:" + size + " !important}";
+    });
+    if (fitEl.textContent !== css) fitEl.textContent = css;
+  }
+
+  function unfit(el) {
+    if (fitted.delete(el)) writeRules();
+  }
+
+  function fits(el) {
+    var m = measure(el);
+    return !m.split && m.widest <= lineWidth(el) + SLACK;
+  }
+
+  function fit(el) {
+    unfit(el);
+    if (lineWidth(el) <= 0) return; // hidden, or not laid out yet
+    if (fits(el)) return;
+    var set = parseFloat(win.getComputedStyle(el).fontSize);
+    if (!set) return;
+    var floor = Math.max(set * MIN_SCALE, MIN_PX);
+    if (floor >= set) return;
+    function size(px) { return Math.floor(px * 10) / 10 + "px"; }
+    // The SEARCH tries sizes on the element's own style and then puts that
+    // attribute back byte for byte (or removes it, if it had none), so nothing
+    // is left for React to see. A trial in a stylesheet instead restyles the
+    // whole page per step: a full pass on the Hartes home took 75–160ms at 4x
+    // CPU that way.
+    var hadStyle = el.hasAttribute("style"), origStyle = el.getAttribute("style");
+    function attempt(px) { el.style.setProperty("font-size", size(px), "important"); }
+    function done() { if (hadStyle) el.setAttribute("style", origStyle); else el.removeAttribute("style"); }
+    attempt(floor);
+    if (!fits(el)) { done(); return; } // even the floor does not fit: leave it as set
+    var lo = floor, hi = set;
+    for (var i = 0; i < 8; i++) {
+      var mid = (lo + hi) / 2;
+      attempt(mid);
+      if (fits(el)) lo = mid; else hi = mid;
+    }
+    done();
+    fitted.set(el, size(lo));
+    writeRules();
+  }
+
+  // What each heading measured right after we last fitted it, so the
+  // ResizeObserver below can tell a real change (a font swap, a rotate, a
+  // container that moved) from the size change our own write just caused.
+  var seen = new WeakMap();
+  function remember(el) {
+    var b = el.getBoundingClientRect();
+    seen.set(el, b.width + "x" + b.height);
+  }
+  function fitAndRemember(el) { fit(el); remember(el); }
+
+  // ⚠️ A ResizeObserver, NOT fonts.ready or a resize event, and the reason is
+  // WHEN it runs: after layout, BEFORE paint. The web font arriving re-wraps a
+  // fitted heading, and fonts.ready resolves only after that frame is painted —
+  // measured on the Hartes hero: a 42px jump in 2 of 3 loads. A size change
+  // reported here is fitted in the same frame, so the broken state is never
+  // drawn. It also covers a container that resizes.
+  var ro = new win.ResizeObserver(function (entries) {
+    for (var i = 0; i < entries.length; i++) {
+      var el = entries[i].target;
+      var b = el.getBoundingClientRect();
+      if (seen.get(el) === b.width + "x" + b.height) continue; // our own write
+      fitAndRemember(el);
+    }
+  });
+  function watch(el) { if (!seen.has(el)) { remember(el); ro.observe(el); } }
+
+  function fitAll() {
+    var els = doc.querySelectorAll(SELECTOR);
+    for (var i = 0; i < els.length; i++) { fitAndRemember(els[i]); watch(els[i]); }
+  }
+
+  var queued = 0, all = false, touched = new Set();
+  function run() {
+    queued = 0;
+    if (all) { all = false; touched.clear(); fitAll(); return; }
+    var els = Array.from(touched);
+    touched.clear();
+    for (var i = 0; i < els.length; i++) if (els[i].isConnected) { fitAndRemember(els[i]); watch(els[i]); }
+  }
+  function schedule() { if (!queued) queued = win.requestAnimationFrame(run); }
+  function scheduleAll() { all = true; schedule(); }
+
+  fitAll();
+  // A backstop only: a font that changes widths without changing any
+  // heading's box is not seen by the ResizeObserver.
+  if (doc.fonts && doc.fonts.ready) doc.fonts.ready.then(scheduleAll, function () {});
+
+  // …and the viewport WIDTH, which the ResizeObserver cannot stand in for: a
+  // heading sized to its own text (fit-content, a flex item) keeps the SAME box
+  // when the phone turns to 844, so nothing reports a change and it would stay
+  // shrunk. The probe's rotate check caught exactly that.
+  var lastWidth = win.innerWidth;
+  function onResize() {
+    if (win.innerWidth === lastWidth) return; // a phone's toolbar changing HEIGHT is not our business
+    lastWidth = win.innerWidth;
+    scheduleAll();
+  }
+  win.addEventListener("resize", onResize);
+
+  var mo = new win.MutationObserver(function (records) {
+    // Positions first: a node added or removed anywhere can shift the
+    // nth-child path of a fitted heading, and this callback runs before paint.
+    if (fitted.size) {
+      for (var q = 0; q < records.length; q++) if (records[q].type === "childList") { writeRules(); break; }
+    }
+    for (var i = 0; i < records.length; i++) {
+      var r = records[i];
+      var target = r.target.nodeType === 1 ? r.target : r.target.parentElement;
+      var own = target && target.closest(SELECTOR);
+      if (own) touched.add(own);
+      for (var j = 0; j < r.addedNodes.length; j++) {
+        var n = r.addedNodes[j];
+        if (n.nodeType !== 1) continue;
+        if (n.matches(SELECTOR)) touched.add(n);
+        var inner = n.querySelectorAll(SELECTOR);
+        for (var k = 0; k < inner.length; k++) touched.add(inner[k]);
+      }
+    }
+    if (touched.size) schedule();
+  });
+  mo.observe(doc.body, { childList: true, subtree: true, characterData: true });
+
+  doc.__sfFitWords = function stop() {
+    win.removeEventListener("resize", onResize);
+    ro.disconnect();
+    mo.disconnect();
+    if (queued) win.cancelAnimationFrame(queued);
+    fitted.clear();
+    fitEl.remove();
+    delete doc.__sfFitWords;
+  };
+  // For the probe and for debugging: which headings are fitted, at what size,
+  // and the sheet that holds it (disable it to read a heading's set size).
+  doc.__sfFitWords.fitted = fitted;
+  doc.__sfFitWords.sheet = fitEl;
+})(document);`,Po="storefront-fit-words";function Vt(e){let t=e.createElement("script");return t.id=Po,t.textContent=Eo,(e.head??e.documentElement).appendChild(t),()=>{e.__sfFitWords?.(),t.remove()}}import{Fragment as Ro,jsx as jt,jsxs as No}from"react/jsx-runtime";var To=`
+[${pe}][${pe}] { cursor: text; }
+[${N}][${N}][${N}] {
+  outline: 1px solid ${mt.accent};
+  outline-offset: 2px;
+}
+[${N}][${N}]:has([${N}]),
+[data-puck-overlay-portal][data-puck-overlay-portal]:has([${N}]) {
+  outline: none;
+}
+`;function Ce({children:e,document:t}){let{theme:n,themeMode:o,themeSwitchShown:s}=X(),r=Xe(n);return Zt(()=>{if(t)return St(t,{mode:o,switchShown:s})},[t,o,s]),Zt(()=>{if(t)return Et(t,r)},[t,r]),Io(()=>{if(t)return Vt(t)},[t]),No(Ro,{children:[jt(It,{}),jt("style",{children:To}),e]})}import{Fragment as Jt,jsx as xe}from"react/jsx-runtime";function xo({children:e,componentId:t}){let{selectedPartId:n}=_();return qe(n,t)?xe(Jt,{}):xe(Jt,{children:e})}function gs(e){let{mirrorHostStyles:t}=Pt(),n=Tt();return xe(Co,{...e,metadata:e.metadata??n,height:"fill",mirrorStyles:t,frameWrapper:Ce,overlay:xo})}export{pn as a,_o as b,Mo as c,At as d,gn as e,Yo as f,Xo as g,Vo as h,Jo as i,Qo as j,er as k,Ft as l,Ne as m,Fi as n,_i as o,Mi as p,Hi as q,bo as r,Gi as s,So as t,ji as u,gs as v};

package/dist/chunks/{chunk-MEIUD5LJ.js → chunk-YVQUISDX.js}

@@ -1 +1 @@
-import{xg as l,zg as p}from"./chunk-TUB4O4RZ.js";import{Fragment as r,useState as d}from"react";import{Fragment as b,jsx as s,jsxs as o}from"react/jsx-runtime";function g({choices:m,onPick:c,open:i,onToggle:u}){let[f,a]=d(!1),n=i??f;return o(b,{children:[o("button",{type:"button",className:"sf-add-card","aria-expanded":n,onClick:u??(()=>a(e=>!e)),children:[s("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add block"]}),n&&s("div",{className:"sf-blockmenu",role:"menu",children:p(m).map(e=>o(r,{children:[e.group&&o("div",{className:"sf-menugroup-head",role:"presentation",children:[s("span",{className:"sf-menugroup-title",children:e.group}),s("span",{className:"sf-menugroup-count",children:e.items.length})]}),e.items.map(t=>o("button",{type:"button",className:"sf-blockmenu-item",role:"menuitem",onClick:()=>{a(!1),c(t.type)},children:[s("span",{className:"sf-chip",children:s(l,{type:t.type,size:13})}),s("span",{className:"sf-row-name",children:t.label})]},t.type))]},e.group??"all"))})]})}export{g as a};
+import{Dg as l,Fg as p}from"./chunk-BJOS4Y35.js";import{Fragment as r,useState as d}from"react";import{Fragment as b,jsx as s,jsxs as o}from"react/jsx-runtime";function g({choices:m,onPick:c,open:i,onToggle:u}){let[f,a]=d(!1),n=i??f;return o(b,{children:[o("button",{type:"button",className:"sf-add-card","aria-expanded":n,onClick:u??(()=>a(e=>!e)),children:[s("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add block"]}),n&&s("div",{className:"sf-blockmenu",role:"menu",children:p(m).map(e=>o(r,{children:[e.group&&o("div",{className:"sf-menugroup-head",role:"presentation",children:[s("span",{className:"sf-menugroup-title",children:e.group}),s("span",{className:"sf-menugroup-count",children:e.items.length})]}),e.items.map(t=>o("button",{type:"button",className:"sf-blockmenu-item",role:"menuitem",onClick:()=>{a(!1),c(t.type)},children:[s("span",{className:"sf-chip",children:s(l,{type:t.type,size:13})}),s("span",{className:"sf-row-name",children:t.label})]},t.type))]},e.group??"all"))})]})}export{g as a};

package/dist/chunks/{render-client-VMLB4BTY.js → render-client-YGYDU3K2.js}

@@ -1 +1 @@
-"use client";import{W as R}from"./chunk-2XX3N727.js";import"./chunk-J5WPJJCW.js";import"./chunk-MEIUD5LJ.js";import{F as g,G as m,J as d,S as T,V as h,dd as A}from"./chunk-TUB4O4RZ.js";import"./chunk-HVOO2GNE.js";import"./chunk-EKKAVQJX.js";import"./chunk-7QXLVNFD.js";import"./chunk-RRHBLOH4.js";import"./chunk-FU5UZ4UY.js";import"./chunk-6CP4D6VJ.js";import"./chunk-Y6SLVHK3.js";import{Render as S}from"efficient-easel/render";function L(e){return Array.isArray(e)&&e.length>0&&e.every(t=>!!t&&typeof t=="object"&&typeof t.type=="string")}function u(e){let t=e.props;if(!t)return e;let o=t,i=!1;for(let[c,r]of Object.entries(t)){if(!L(r))continue;let n=r.map(u),s=e.type===d&&n.every(p=>p.type===g)?m(n):n;(s.length!==r.length||s.some((p,a)=>p!==r[a]))&&(o===t&&(o={...t}),o[c]=s,i=!0)}return i?{...e,props:o}:e}function k(e){let t=e;if(!t||typeof t!="object")return e;let o=!1,i={...e};if(Array.isArray(t.content)){let c=t.content.map(u);c.some((r,n)=>r!==t.content[n])&&(i.content=c,o=!0)}if(t.zones&&typeof t.zones=="object"){let c=!1,r=Object.fromEntries(Object.entries(t.zones).map(([n,s])=>{if(!Array.isArray(s))return[n,s];let p=s.map(u);return p.some((a,f)=>a!==s[f])&&(c=!0),[n,p]}));c&&(i.zones=r,o=!0)}return o?i:e}var _=["DocMasthead","AlloyWheelsListing"],O="titleLevel";function N(e){let t=e;if(!t?.content?.length)return e;let o=!1,i=!1,c=t.content.map(r=>_.includes(r?.type??"")?o?(i=!0,{...r,props:{...r.props??{},[O]:2}}):(o=!0,r):r);return i?{...t,content:c}:e}var x=["GalleryB"];function E(e){let t=e.content;if(!Array.isArray(t))return e;let o=!1,i=t.map(n=>{let s=n?.type;if(!s||!x.includes(s))return n;let p=h[s];if(!p?.legacy)return n;let a=n.props??{},f=a[p.slot];if(Array.isArray(f)&&f.length>0)return n;let y=p.legacy(a);if(!y.length)return n;o=!0;let w=String(a.id??s),b=y.map((P,D)=>({type:p.childType,props:{id:`${p.childType}-${w}-${D}`,...P}}));return{...n,props:{...a,[p.slot]:b}}}),c=new Set(T(i)),r=c.size?i.filter((n,s)=>!c.has(s)):i;return c.size&&(o=!0),o?{...e,content:r}:e}import{jsx as z}from"react/jsx-runtime";function l({config:e,data:t}){return z(S,{config:e,data:N(k(A(E(t))))})}import{jsx as H}from"react/jsx-runtime";function G({data:e}){return H(l,{config:R,data:e})}export{G as default};
+"use client";import{W as R}from"./chunk-EIXUXJQ5.js";import"./chunk-S6SXIMIG.js";import"./chunk-YVQUISDX.js";import{F as g,G as m,J as d,S as T,V as h,jd as A}from"./chunk-BJOS4Y35.js";import"./chunk-HVOO2GNE.js";import"./chunk-SNH7IFTZ.js";import"./chunk-7QXLVNFD.js";import"./chunk-RRHBLOH4.js";import"./chunk-IFRGL3GL.js";import"./chunk-6CP4D6VJ.js";import"./chunk-Y6SLVHK3.js";import{Render as S}from"efficient-easel/render";function L(e){return Array.isArray(e)&&e.length>0&&e.every(t=>!!t&&typeof t=="object"&&typeof t.type=="string")}function u(e){let t=e.props;if(!t)return e;let o=t,i=!1;for(let[c,r]of Object.entries(t)){if(!L(r))continue;let n=r.map(u),s=e.type===d&&n.every(p=>p.type===g)?m(n):n;(s.length!==r.length||s.some((p,a)=>p!==r[a]))&&(o===t&&(o={...t}),o[c]=s,i=!0)}return i?{...e,props:o}:e}function k(e){let t=e;if(!t||typeof t!="object")return e;let o=!1,i={...e};if(Array.isArray(t.content)){let c=t.content.map(u);c.some((r,n)=>r!==t.content[n])&&(i.content=c,o=!0)}if(t.zones&&typeof t.zones=="object"){let c=!1,r=Object.fromEntries(Object.entries(t.zones).map(([n,s])=>{if(!Array.isArray(s))return[n,s];let p=s.map(u);return p.some((a,f)=>a!==s[f])&&(c=!0),[n,p]}));c&&(i.zones=r,o=!0)}return o?i:e}var _=["DocMasthead","AlloyWheelsListing"],O="titleLevel";function N(e){let t=e;if(!t?.content?.length)return e;let o=!1,i=!1,c=t.content.map(r=>_.includes(r?.type??"")?o?(i=!0,{...r,props:{...r.props??{},[O]:2}}):(o=!0,r):r);return i?{...t,content:c}:e}var x=["GalleryB"];function E(e){let t=e.content;if(!Array.isArray(t))return e;let o=!1,i=t.map(n=>{let s=n?.type;if(!s||!x.includes(s))return n;let p=h[s];if(!p?.legacy)return n;let a=n.props??{},f=a[p.slot];if(Array.isArray(f)&&f.length>0)return n;let y=p.legacy(a);if(!y.length)return n;o=!0;let w=String(a.id??s),b=y.map((P,D)=>({type:p.childType,props:{id:`${p.childType}-${w}-${D}`,...P}}));return{...n,props:{...a,[p.slot]:b}}}),c=new Set(T(i)),r=c.size?i.filter((n,s)=>!c.has(s)):i;return c.size&&(o=!0),o?{...e,content:r}:e}import{jsx as z}from"react/jsx-runtime";function l({config:e,data:t}){return z(S,{config:e,data:N(k(A(E(t))))})}import{jsx as H}from"react/jsx-runtime";function G({data:e}){return H(l,{config:R,data:e})}export{G as default};

package/dist/editor.css

@@ -1 +1 @@
-.sf-embedded{height:100%;min-height:0}.sf-embedded .sf-editor{height:100%}.sf-editor{--sf-accent: var(--es-accent);--sf-accent-tint: var(--es-accent-tint);--sf-accent-tint-strong: var(--es-accent-tint-strong);--sf-accent-text: var(--es-accent-text);--sf-accent-ring: var(--es-accent-ring);--sf-accent-shadow: var(--es-accent-shadow);--sf-on-accent: var(--es-on-accent);--sf-app-bg: var(--es-app-bg);--sf-preview-bg: var(--es-preview-bg);--sf-panel: var(--es-panel);--sf-raised: var(--es-raised);--sf-frame-bg: var(--es-frame-bg);--sf-hover: var(--es-hover);--sf-hatch: var(--es-hatch);--sf-addcard-veil: var(--es-addcard-veil);--sf-field-bg: var(--es-field-bg);--sf-track-bg: var(--es-track-bg);--sf-input-border: var(--es-input-border);--sf-field-text: var(--es-field-text);--sf-field-placeholder: var(--es-field-placeholder);--sf-knob: var(--es-knob);--sf-text: var(--es-text);--sf-text-strong: var(--es-text-strong);--sf-text-secondary: var(--es-text-secondary);--sf-muted: var(--es-muted);--sf-icon: var(--es-icon);--sf-disabled: var(--es-disabled);--sf-divider: var(--es-divider);--sf-line: var(--es-line);--sf-btn-border: var(--es-btn-border);--sf-btn-text: var(--es-btn-text);--sf-chip-bg: var(--es-chip-bg);--sf-chip-fg: var(--es-chip-fg);--sf-device-border: var(--es-device-border);--sf-toast-bg: var(--es-toast-bg);--sf-scrollbar: var(--es-scrollbar);--sf-scrollbar-hover: var(--es-scrollbar-hover);--sf-danger: var(--es-danger);--sf-danger-strong: var(--es-danger-strong);--sf-danger-tint: var(--es-danger-tint);--sf-warning: var(--es-warning);--sf-preview-tint: var(--es-preview-tint);--sf-panel-radius: 0;--sf-row-radius: var(--es-row-radius);--sf-field-radius: var(--es-field-radius);--sf-panel-gap: 0px;--sf-topbar-h: 52px;--sf-content-x: var(--sf-panel-gap);--sf-panel-shadow: none;--sf-font: var(--es-font);width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--sf-app-bg);color:var(--sf-text);font-family:var(--sf-font);font-size:14px;-webkit-font-smoothing:antialiased}.sf-editor *,.sf-editor *:before,.sf-editor *:after{box-sizing:border-box}.sf-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sf-scroll::-webkit-scrollbar{width:11px;height:11px}.sf-scroll::-webkit-scrollbar-thumb{background:var(--sf-scrollbar);border-radius:8px;border:3px solid transparent;background-clip:content-box}.sf-scroll::-webkit-scrollbar-thumb:hover{background:var(--sf-scrollbar-hover);background-clip:content-box}.sf-scroll::-webkit-scrollbar-track{background:transparent}.sf-actions-slot>button{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--sf-btn-border);background:var(--sf-panel);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--sf-btn-text)}.sf-actions-slot>button:hover{background:var(--sf-hover)}.sf-section-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px}.sf-body{flex:1;display:flex;gap:var(--sf-panel-gap);padding:var(--sf-panel-gap);min-height:0;position:relative}.sf-panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 11px;flex:none}.sf-panel-title{font-size:13px;font-weight:600;color:var(--sf-text);margin:0}.sf-panel-heading{display:flex;align-items:baseline;gap:6px;min-width:0}.sf-panel-site{margin:0;min-width:0;overflow:hidden;font-size:11px;font-weight:500;color:var(--sf-muted);white-space:nowrap;text-overflow:ellipsis}.sf-panel-site:before{content:"\b7";margin-right:6px}.sf-panel-title--btn{appearance:none;border:0;background:transparent;font-family:inherit;cursor:pointer;text-align:left;padding:5px 8px;margin:-5px -8px;border-radius:var(--sf-row-radius);transition:background .12s}.sf-panel-title--btn:hover{background:var(--sf-hover)}.sf-panel-title--btn.is-selected{color:var(--sf-accent-text);background:var(--sf-accent-tint);box-shadow:inset 2px 0 0 var(--sf-accent)}.sf-x{width:24px;height:24px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--sf-muted);display:flex;align-items:center;justify-content:center;font-size:14px}.sf-x:hover{background:var(--sf-hover)}.sf-tree{flex:1;overflow-y:auto;padding:0 11px 10px 8px;--es-rhythm-group: 10px;--es-rhythm-between: 6px}.sf-tree>.sf-row+.sf-row,.sf-tree>.sf-subtree+.sf-row{margin-top:var(--es-rhythm-between)}.sf-row{display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:var(--sf-row-radius);cursor:pointer;transition:background .12s;position:relative;--sf-row-scrim: var(--sf-panel)}.sf-row:hover{--sf-row-scrim: var(--sf-hover);background:var(--sf-row-scrim)}.sf-row.is-selected{--sf-row-scrim: var(--sf-accent-tint);background:var(--sf-row-scrim);box-shadow:inset 2px 0 0 var(--sf-accent)}.sf-row.is-selected .sf-chip{background:var(--sf-raised);color:var(--sf-accent)}.sf-row.is-selected .sf-row-name{color:var(--sf-accent-text);font-weight:600}.sf-chip{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;flex:none;background:transparent;color:var(--sf-icon)}.sf-row-name{flex:1;font-size:12px;font-weight:500;color:var(--sf-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-gap{position:relative;display:block;width:100%;height:9px;margin:-2px 0;padding:0;border:0;background:transparent;cursor:pointer;z-index:1}.sf-gap-line{position:absolute;left:12px;right:12px;top:50%;height:2px;transform:translateY(-50%);border-radius:2px;background:var(--sf-accent);opacity:0;transition:opacity .12s}.sf-gap-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);width:18px;height:18px;border-radius:50%;background:var(--sf-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;box-shadow:0 0 0 2px var(--sf-panel);opacity:0;transition:opacity .12s,transform .12s}.sf-gap:hover .sf-gap-line,.sf-gap:focus-visible .sf-gap-line{opacity:1}.sf-gap:hover .sf-gap-plus,.sf-gap:focus-visible .sf-gap-plus{opacity:1;transform:translate(-50%,-50%) scale(1)}.sf-subtree{margin:var(--es-rhythm-between) 0 var(--es-rhythm-between) 16px;padding-left:9px;border-left:1px solid var(--sf-line);display:flex;flex-direction:column;gap:var(--es-rhythm-between)}.sf-add-card{display:flex;align-items:center;gap:8px;width:100%;padding:6px 9px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--sf-accent);font-size:12px;font-weight:500}.sf-add-card:hover{background:var(--sf-accent-tint)}.sf-add-card .sf-plus{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none;background:var(--sf-accent-tint)}.sf-blockmenu{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px;padding:4px;border:1px solid var(--sf-line);border-radius:8px;background:var(--sf-panel);box-shadow:0 6px 18px #00000014}.sf-blockmenu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--sf-text, var(--sf-text));font-size:12.5px;text-align:left}.sf-blockmenu-item:hover{background:var(--sf-accent-tint);color:var(--sf-accent)}.sf-menugroup-head{display:flex;align-items:baseline;gap:8px;padding:9px 9px 5px}.sf-menugroup-head:first-child{padding-top:4px}.sf-menugroup-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--sf-muted)}.sf-menugroup-count{font-size:11px;color:var(--sf-field-placeholder)}.sf-addside{flex:1;min-height:0;overflow-y:auto;padding:0 14px 16px}.sf-addside .es-add-tile-cover{border:1px solid #edeff4}.sf-media-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sf-addside-sitewide{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px;border:1px solid var(--sf-divider);border-radius:10px}.sf-addside-sitewide-glyph{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--sf-hover);color:var(--sf-muted)}.sf-addside-sitewide-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0;border:0;background:none;font:600 12.5px/1.3 var(--sf-font);color:var(--sf-text);text-align:left;cursor:pointer}.sf-addside-sitewide-name:hover{color:var(--sf-accent)}.sf-addside-sitewide-desc{font-weight:400;font-size:11.5px;color:var(--sf-muted)}.sf-box-footer-switch{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:18px 0 6px;padding:12px;border:1px solid var(--sf-divider);border-radius:10px}.sf-box-footer-switch-text{margin:0;font-size:12px;line-height:1.45;color:var(--sf-muted)}.sf-box-footer-switch-row{display:flex;gap:8px}.sf-thumb{--sf-thumb-card: #ffffff;--sf-thumb-thumb-bg: #fcfdff;--sf-thumb-thumb-border: #edeff4;--sf-thumb-block: #e9ebf0;--sf-thumb-bar-light: #dde1e8;--sf-thumb-bar-dark: #c3c9d3;--sf-thumb-hatch1: #e2e5ec;--sf-thumb-hatch2: #edeff4;--sf-thumb-accent: #2f6bed;--sf-thumb-accent-tint: #e6edfd;--sf-thumb-border: #e7eaf1;--sf-thumb-ink: #1b2027;--sf-thumb-ink-2: #39434f;--sf-thumb-ink-soft: #2c3540;--sf-thumb-ink-soft-2: #4a5763;--sf-thumb-paper: #f4f1ed;--sf-thumb-paper-2: #cfc8bf;--sf-thumb-warm: #e7c26a;--sf-thumb-rust: #b4652a;--sf-thumb-on-ink: #ffffff;--sf-thumb-scene-text: #171412;--sf-thumb-scene-muted: #6b7280;--sf-thumb-scene-rule: #eceef1;--sf-thumb-mark-1: #c8ccd1;--sf-thumb-mark-2: #8e9aa6;--sf-thumb-scrim: rgba(0, 0, 0, .55)}@keyframes sf-thumb-marquee{0%{transform:translate(0)}to{transform:translate(-33.34%)}}.sf-cleardlg-veil{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--sf-addcard-veil)}.sf-cleardlg{width:100%;max-width:360px;box-sizing:border-box;padding:20px;border:1px solid var(--sf-line);border-radius:9px;background:var(--sf-panel);color:var(--sf-text);box-shadow:0 20px 50px var(--sf-accent-shadow)}.sf-cleardlg-title{margin:0;font-size:15px;font-weight:600;color:var(--sf-text)}.sf-cleardlg-body{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--sf-muted)}.sf-cleardlg-final{margin:8px 0 0;font-size:13px;line-height:1.6;font-weight:500;color:var(--sf-text)}.sf-cleardlg-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.sf-cleardlg-btn{font-family:var(--sf-font);font-size:13px;padding:7px 14px;border-radius:var(--sf-field-radius);border:1px solid var(--sf-btn-border);background:var(--sf-panel);color:var(--sf-btn-text);cursor:pointer}.sf-cleardlg-btn:hover{background:var(--sf-hover)}.sf-cleardlg-btn--danger{font-weight:600;border-color:var(--sf-danger-strong);background:var(--sf-danger-strong);color:var(--sf-on-accent)}.sf-cleardlg-btn--danger:hover{filter:brightness(.94)}.sf-addcard-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--sf-addcard-veil);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .15s;pointer-events:none}.sf-addcard:hover .sf-addcard-overlay,.sf-addcard:focus-visible .sf-addcard-overlay{opacity:1}.sf-addcard-addbtn{display:inline-flex;align-items:center;gap:6px;background:var(--sf-accent);color:#fff;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:600;box-shadow:0 4px 12px var(--sf-accent-shadow)}.sf-addcard-plus{font-size:15px;line-height:1;margin-top:-1px}.sf-addcard-meta{display:flex;flex-direction:column;gap:2px;padding:0 2px 2px}.sf-addcard-name{font-size:12.5px;font-weight:600;color:var(--sf-text)}.sf-addcard-desc{font-size:10.5px;line-height:1.35;color:var(--sf-muted)}.sf-addempty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:64px 20px;text-align:center;color:var(--sf-muted)}.sf-addempty-icon{display:flex;color:var(--sf-field-placeholder)}.sf-addempty-icon svg{width:30px;height:30px}.sf-addempty-title{font-size:14px;font-weight:600;color:var(--sf-text)}.sf-addempty-sub{font-size:12.5px}.sf-toast{position:absolute;left:50%;bottom:34px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:11px 17px;border-radius:11px;background:var(--sf-toast-bg);color:#fff;font-size:13px;box-shadow:0 12px 30px #0f172a4d}.sf-toast-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--sf-accent);color:#fff;font-size:11px;flex:none}.sf-toast--error .sf-toast-check{background:var(--sf-danger)}.sf-center{flex:1;min-width:0;min-height:0;background:var(--sf-preview-bg);border-radius:var(--sf-panel-radius);box-shadow:var(--sf-panel-shadow);overflow:hidden;display:flex;justify-content:safe center;align-items:safe center;padding:0}.sf-frame{width:100%;height:100%;max-height:100%;background:var(--sf-frame-bg);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 12px 36px #0000001a;transition:width .25s ease;display:flex;flex-direction:column;min-height:0}.sf-frame-scaler{flex:none;position:relative}.sf-frame--tablet,.sf-frame--mobile{align-self:stretch}.sf-frame--tablet{width:800px;border-radius:18px;outline:1px solid var(--sf-device-border);outline-offset:-1px}.sf-frame--mobile{width:390px;border-radius:18px;outline:1px solid var(--sf-device-border);outline-offset:-1px}.sf-preview-host{flex:1;min-height:0;position:relative}.sf-preview-host>div,.sf-preview-host iframe{width:100%!important;height:100%!important;border:0}.sf-center>.sf-preview-host{align-self:stretch}[data-puck-entry] .es-zone:empty:not(.is-area-selected):not(.is-hovering-area:not(.is-root)){outline:none}[data-puck-entry] .es-zone.is-area-selected:not(.is-root),[data-puck-entry] .es-zone.is-hovering-area:not(.is-root){outline:none}[data-puck-entry] .es-zone:empty:is(.is-area-selected,.is-hovering-area:not(.is-root)){outline:1px solid var(--es-accent-line, #bfdbfe)}[data-puck-overlay-portal]:hover{outline:1px solid var(--es-accent-tint-strong, #dbeafe);outline-offset:2px}[data-puck-overlay-portal],[data-puck-overlay-portal] *{pointer-events:auto!important}[data-puck-overlay-portal]:focus-within{outline:2px solid var(--es-accent-line, #bfdbfe);outline-offset:2px}[data-puck-overlay-portal]:hover:has([data-puck-overlay-portal]:hover){outline:none}.sf-preview-gaps{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:6}.sf-preview-gap{position:absolute;left:0;right:0;height:24px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;pointer-events:none}.sf-preview-gap-line{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--sf-accent);opacity:0;pointer-events:none;transition:opacity .12s}.sf-preview-gap-pill{position:relative;display:inline-flex;align-items:center;padding:4px;border-radius:999px;background:var(--sf-toast-bg);color:#fff;font-family:var(--sf-font);font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 10px #00000047;opacity:0;cursor:pointer;pointer-events:auto;transition:opacity .12s,padding .12s}.sf-preview-gap-pill:hover{opacity:1;padding:4px 12px 4px 4px}.sf-preview-gap-plus{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--sf-accent);color:#fff;font-size:13px;line-height:1;flex:none}.sf-preview-gap-label{max-width:0;margin-left:0;overflow:hidden;opacity:0;transition:max-width .14s,margin-left .14s,opacity .12s}.sf-preview-gap-pill:hover .sf-preview-gap-label{max-width:140px;margin-left:6px;opacity:1}.sf-preview-gap:has(.sf-preview-gap-pill:hover) .sf-preview-gap-line{opacity:1}.sf-insp-body{flex:1;overflow-y:auto;scrollbar-gutter:stable;--sf-insp-pad-x: 14px;padding:4px var(--sf-insp-pad-x) 18px;--sf-select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>")}@container (width < 280px){.sf-insp-body{--sf-insp-pad-x: 8px}}.sf-dupmenu-backdrop{position:fixed;inset:0;z-index:1000}.sf-dupmenu{position:fixed;z-index:1001;display:flex;flex-direction:column;gap:1px;min-width:200px;max-width:280px;max-height:60vh;overflow:auto;padding:4px;border:1px solid var(--sf-line);border-radius:8px;background:var(--sf-panel);box-shadow:0 8px 24px #0000001f}.sf-dupmenu-head{padding:6px 9px 4px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--sf-muted)}.sf-dupmenu-empty{padding:8px 9px;font-size:13px;color:var(--sf-muted)}.sf-dupmenu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:13px;text-align:left;color:var(--sf-text)}.sf-dupmenu-item:hover:not(:disabled){background:var(--sf-accent-tint);color:var(--sf-accent)}.sf-dupmenu-item:disabled{cursor:default;opacity:.6}.sf-dupmenu-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-dupmenu-item>.sf-note{padding:0;flex:none;line-height:inherit}.sf-insp-body input[type=text],.sf-insp-body input[type=number],.sf-insp-body input:not([type]),.sf-insp-body textarea{width:100%;border:1px solid var(--sf-input-border);background:var(--sf-field-bg);border-radius:var(--sf-field-radius);padding:8px 11px;font-size:13px;color:var(--sf-field-text);font-family:var(--sf-font)}.sf-insp-body input::placeholder,.sf-insp-body textarea::placeholder{color:var(--sf-field-placeholder);opacity:1}.sf-insp-body textarea{min-height:74px;line-height:1.45;resize:vertical}.sf-insp-body input[type=text]:focus,.sf-insp-body input:not([type]):focus,.sf-insp-body textarea:focus{outline:none;border-color:var(--sf-accent);box-shadow:0 0 0 3px var(--sf-accent-ring)}.sf-insp-body input[aria-invalid=true]{border-color:var(--sf-danger)}.sf-insp-body select{width:100%;border:1px solid var(--sf-input-border);background-color:var(--sf-field-bg);appearance:none;-webkit-appearance:none;background-image:var(--sf-select-arrow);background-size:12px;background-repeat:no-repeat;background-position:calc(100% - 12px) calc(50% + 3px);border-radius:var(--sf-field-radius);padding:8px 11px;font-size:13px;color:var(--sf-field-text);cursor:pointer}.sf-editor .sf-body .sf-panel .sf-insp-body select:hover{background-color:var(--sf-hover);background-image:var(--sf-select-arrow);border-color:var(--sf-input-border)}.sf-insp-body input[type=range]{accent-color:var(--sf-accent)}.sf-multi-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--sf-input-border);background:var(--sf-field-bg);border-radius:var(--sf-field-radius);padding:8px 11px;font-size:13px;font-family:var(--sf-font);color:var(--sf-field-text);text-align:left;cursor:pointer}.sf-multi-btn:focus-visible{outline:none;border-color:var(--sf-accent);box-shadow:0 0 0 3px var(--sf-accent-ring)}.sf-multi-caret{font-size:10px;color:var(--sf-text-secondary);flex:none}.sf-multi-menu{margin:6px 0 0;padding:4px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);display:flex;flex-direction:column}.sf-secttheme-btn{display:block;width:100%}.sf-secttheme-btn:focus-within{outline:none;border-color:var(--sf-accent);box-shadow:0 0 0 3px var(--sf-accent-ring)}.sf-secttheme-btn .sf-theme-pick:focus-visible,.sf-secttheme-btn .sf-theme-edit:focus-visible{outline:none}.sf-secttheme-caret{flex:none;border:0;background:none;padding:3px 2px 3px 6px;font:inherit;line-height:1;color:var(--sf-text-secondary);cursor:pointer}.sf-secttheme-oncard{margin:0;padding:5px 4px 7px;font-size:11px;line-height:1.4;color:var(--sf-text-secondary)}.sf-secttheme-nopreview{display:block;height:74px;background:var(--sf-field-bg);border-bottom:1px dashed var(--sf-input-border)}.sf-secttheme-chip{width:30px;height:20px;flex:none;display:flex;overflow:hidden;border-radius:4px;border:1px solid rgba(0,0,0,.14)}.sf-secttheme-chip i{display:block;height:100%;flex:1 1 auto}.sf-secttheme-chip i.sf-secttheme-chip-accent{flex:0 0 40%}.sf-secttheme-chip--none{background:var(--sf-field-bg);border-style:dashed}.sf-secttheme-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1 1 auto;min-width:0}.sf-secttheme-menu{display:flex;flex-direction:column;padding:4px;gap:8px;background:var(--sf-accent-tint)}.sf-secttheme-menu>.sf-secttheme-item{flex:none}.sf-secttheme-item{display:flex;align-items:center;gap:9px;width:100%;padding:6px 7px;border:0;background:transparent;border-radius:max(calc(var(--sf-field-radius) - 2px),2px);font-size:13px;font-family:var(--sf-font);color:var(--sf-field-text);text-align:left;cursor:pointer}.sf-secttheme-item:hover{background:var(--sf-accent-ring)}.sf-secttheme-item.is-active{background:var(--sf-accent-ring);font-weight:600}.sf-secttheme-item:focus-visible,.sf-secttheme-done:focus-visible{outline:2px solid var(--sf-accent);outline-offset:-2px;border-radius:4px}.sf-secttheme-sep{height:1px;margin:3px 0;background:var(--sf-input-border)}.sf-secttheme-sheet{margin-top:6px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);overflow:hidden}.sf-secttheme-sheet-head{display:flex;align-items:center;padding:6px 9px;background:var(--sf-field-bg);border-bottom:1px solid var(--sf-input-border);font-size:12px;font-weight:600;color:var(--sf-field-text)}.sf-secttheme-done{margin-left:auto;padding:2px 4px;border:0;background:transparent;color:var(--sf-text-secondary);font-size:11px;font-family:var(--sf-font);cursor:pointer}.sf-secttheme-rows{padding:0 12px 12px}.sf-secttheme-rows>.es-field:first-child{margin-top:var(--es-rhythm-group-first)}.sf-secttheme-warn{margin:0;padding:7px 9px;border-top:1px solid var(--sf-input-border);background:var(--sf-accent-ring);font-size:11px;line-height:1.4;color:var(--sf-text-secondary)}.sf-msg{padding:24px;font-size:13px;color:var(--sf-icon)}.sf-msg--error{color:var(--sf-danger)}.sf-panel--hidden{display:none}.sf-editor .es-rail{--es-rail-fg: var(--sf-muted);--es-rail-hover-bg: var(--sf-hover);--es-rail-hover-fg: var(--sf-text);--es-rail-accent: var(--sf-accent);--es-rail-accent-tint: var(--sf-accent-tint)}.sf-rail-plus{font-size:20px;line-height:1}.sf-pages,.sf-styles{display:flex;flex-direction:column;min-height:0;height:100%}.sf-pages-search{flex:none;display:flex;align-items:center;gap:7px;margin:0 12px 8px;padding:7px 10px;background:var(--sf-track-bg);border-radius:8px;color:var(--sf-muted)}.sf-pages-search-input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--sf-font);font-size:13px;color:var(--sf-text);outline:none}.sf-pages-search-input::placeholder{color:var(--sf-muted)}.sf-pages-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 8px}.sf-pages-list>.sf-note{padding:10px 12px}.sf-pages-list>.sf-note--error{margin:4px 4px 0}.sf-pgroup{margin-top:2px}.sf-pgroup-head{width:100%;display:flex;align-items:center;gap:7px;padding:8px 8px 6px;border:none;background:transparent;cursor:pointer;color:var(--sf-muted)}.sf-pgroup-head:hover{color:var(--sf-text)}.sf-pgroup-label{flex:1;text-align:left;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.sf-pgroup-count{flex:none;font-size:11px;font-weight:600;color:var(--sf-muted);background:var(--sf-track-bg);border-radius:999px;padding:1px 7px}.sf-pgroup-body{display:flex;flex-direction:column}.sf-prow{text-decoration:none;color:inherit}.sf-page-draft{flex:none;font-size:10px;font-weight:600;color:var(--sf-muted);text-transform:uppercase;letter-spacing:.3px}.sf-badge-dynamic,.sf-badge-lightbox{flex:none;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 7px;border-radius:999px}.sf-badge-dynamic{color:var(--sf-accent-text);background:var(--sf-accent-tint)}.sf-badge-lightbox{color:#047857;background:#ecfdf5}.sf-page-edit{flex:none;width:24px;height:24px;border:none;background:transparent;border-radius:6px;color:var(--sf-muted);display:none;align-items:center;justify-content:center;cursor:pointer}.sf-row:hover .sf-page-edit,.sf-row:focus-within .sf-page-edit{display:flex}.sf-page-edit:hover{background:var(--sf-hover);color:var(--sf-text)}.sf-page-edit--danger:hover{background:var(--sf-danger-tint);color:var(--sf-danger)}.sf-page-edit--danger:disabled{opacity:.5;cursor:default}.sf-badge-preview{flex:none;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 7px;border-radius:999px;color:var(--sf-warning);background:var(--sf-preview-tint)}.sf-pages-new{flex:none;margin:6px 10px 10px;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border:1px dashed var(--sf-line);border-radius:var(--sf-row-radius);background:transparent;color:var(--sf-accent-text);font-family:var(--sf-font);font-size:13px;font-weight:600;cursor:pointer}.sf-pages-new:hover{background:var(--sf-hover)}.sf-row-del{width:22px;height:22px;border:none;background:transparent;border-radius:5px;cursor:pointer;color:var(--sf-danger);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;flex:none;transition:opacity .12s,background .12s,color .12s}.sf-row:hover .sf-row-del,.sf-row:focus-within .sf-row-del{opacity:.7;pointer-events:auto}.sf-row-del:hover{opacity:1;background:var(--sf-danger-tint);color:var(--sf-danger-strong)}.sf-panel-head-actions{display:flex;align-items:center;gap:2px}.sf-tree-tool{margin-top:14px;padding:10px 0 0 11px}.sf-insp-body .es-insp-tabs{padding:0;position:sticky;top:0;z-index:2;background:var(--sf-panel);box-shadow:0 -16px 0 0 var(--sf-panel)}.sf-field{margin-top:var(--es-rhythm-between)}.sf-insp-body .es-insp-row:has(.es-group-sub),.sf-theme-colours .es-group-sub,.sf-secttheme-rows .es-group-sub{border-top:1px solid var(--sf-line);margin-top:30px;padding-top:30px;margin-left:calc(var(--sf-insp-pad-x) * -1);margin-right:calc(var(--sf-insp-pad-x) * -1);padding-left:var(--sf-insp-pad-x);padding-right:var(--sf-insp-pad-x)}.sf-insp-body .es-insp-row:has(.es-group-sub) .es-group-sub{margin-top:0}.sf-insp-body .es-insp-row:nth-child(1 of:not([hidden],:empty,:has(>[data-sf-device-hidden],>[data-sf-no-control]))):has(.es-group-sub){border-top:0;margin-top:0;padding-top:var(--es-rhythm-group-first)}.sf-field--row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:var(--es-rhythm-between-tight)}.sf-insp-body .es-insp-row:has(.es-group-sub)+.es-insp-row .sf-field,.sf-insp-body .es-insp-row:has(.es-group-head)+.es-insp-row .sf-field{margin-top:var(--es-rhythm-group-first)}.sf-field-label{display:block;font-size:12px;font-weight:500;color:var(--sf-text-secondary);margin-bottom:var(--es-rhythm-within)}.sf-field-label--inline{margin-bottom:0}.sf-field-hint{margin-top:6px;margin-bottom:0;font-size:11px;color:var(--sf-muted)}.sf-panel--right.sf-hints-folded .es-field-hint,.sf-field-hint--while-typing{display:none}.sf-field:focus-within>.sf-field-hint--while-typing{display:block}.es-insp-row:has(>[data-sf-device-hidden]){display:none!important}.es-insp-row:has(>[data-sf-no-control]){display:none!important}.sf-device-scope{margin:8px 0 2px;padding:7px 10px;border-radius:7px;background:var(--sf-chip-bg);font-size:11.5px;line-height:1.35;color:var(--sf-muted)}.sf-inherit{flex:none;display:inline-flex;align-items:center;gap:4px;max-width:55%;padding:2px 6px;border:1px solid transparent;border-radius:999px;font-family:var(--sf-font);font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--sf-chip-bg);color:var(--sf-chip-fg)}.sf-inherit--following{cursor:pointer;transition:background .12s,color .12s}.sf-inherit--following:hover{background:var(--sf-hover);color:var(--sf-text-secondary)}.sf-inherit--over{background:var(--sf-accent-tint);border-color:var(--sf-accent-tint-strong);color:var(--sf-accent-text);cursor:pointer;transition:background .12s,border-color .12s}.sf-inherit--over:hover{background:var(--sf-accent-tint-strong)}.sf-inherit-revert{font-size:11px;line-height:1}.sf-field-readonly{border:1px solid var(--sf-input-border);background:var(--sf-chip-bg);border-radius:var(--sf-field-radius);padding:8px 11px;font-size:13px;color:var(--sf-text-secondary);font-family:var(--sf-font);cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-field-head{display:flex;align-items:center;gap:8px;margin-bottom:var(--es-rhythm-within)}.sf-field-type{flex:none;color:var(--sf-muted)}.sf-field-head .sf-field-label{flex:1;min-width:0;margin-bottom:0}.sf-field-eye{flex:none;width:22px;height:22px;border:none;background:transparent;border-radius:5px;cursor:pointer;color:var(--sf-muted);display:flex;align-items:center;justify-content:center;opacity:.6;transition:background .12s,color .12s,opacity .12s}.sf-field-eye:hover{background:var(--sf-hover);opacity:1;color:var(--sf-text-secondary)}.sf-field.is-hidden .sf-field-label{color:var(--sf-muted);text-decoration:line-through}.sf-field.is-hidden .sf-field-eye{opacity:1;color:var(--sf-text-secondary)}.sf-field.is-hidden input,.sf-field.is-hidden textarea{opacity:.5}.sf-copybox>.es-copy-bar,.sf-textlist>.es-copy-bar{display:flex;align-items:center;gap:2px;margin-bottom:0}.sf-copybox>.es-copy-bar,.sf-textlist>.es-copy-bar{flex-wrap:wrap;row-gap:2px}.sf-markup-btn,.sf-copybox .es-copy-mark.has-glyph,.sf-textlist .es-copy-mark.has-glyph{width:24px}.sf-copybox .es-copy-mark:not(.has-glyph),.sf-textlist .es-copy-mark:not(.has-glyph){padding:0 6px;font-size:11px;line-height:1;white-space:nowrap}.sf-markup-btn,.sf-copybox .es-copy-mark,.sf-textlist .es-copy-mark{height:22px;border:none;background:transparent;border-radius:5px;cursor:pointer;color:var(--sf-icon);display:flex;align-items:center;justify-content:center;opacity:.75;transition:background .12s,color .12s,opacity .12s}.sf-markup-btn:hover:not(:disabled),.sf-copybox .es-copy-mark:hover:not(:disabled),.sf-textlist .es-copy-mark:hover:not(:disabled){background:var(--sf-hover);color:var(--sf-text-secondary);opacity:1}.sf-markup-btn:active:not(:disabled),.sf-copybox .es-copy-mark:active:not(:disabled),.sf-textlist .es-copy-mark:active:not(:disabled){background:var(--sf-accent-tint);color:var(--sf-accent-text)}.sf-markup-btn:disabled,.sf-copybox .es-copy-mark:disabled,.sf-textlist .es-copy-mark:disabled{color:var(--sf-disabled);cursor:default}.sf-copybox>.es-copy-bar>.es-copy-bar-split,.sf-textlist>.es-copy-bar>.es-copy-bar-split{margin-left:auto;height:14px}.sf-copybox>.es-copy-bar>.sf-markup-clear,.sf-textlist>.es-copy-bar>.sf-markup-clear{margin-left:auto}.sf-copybox>.es-copy-bar>.es-copy-bar-split,.sf-textlist>.es-copy-bar>.es-copy-bar-split{align-self:center;margin-right:2px}.sf-field.is-hidden .es-copy-bar{opacity:.5}.sf-copybox{border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);overflow:hidden}.sf-copybox:focus-within{border-color:var(--sf-accent);box-shadow:0 0 0 3px var(--sf-accent-ring)}.sf-copybox>.es-copy-bar{margin-bottom:0;padding:3px 6px;border-bottom:1px solid var(--sf-input-border);background:var(--sf-hover)}.sf-copybox:not(:focus-within)>.es-copy-bar{display:none}.sf-copybox .es-copy-mark.is-active,.sf-copybox .es-copy-mark.is-active:hover:not(:disabled),.sf-textlist .es-copy-mark.is-active,.sf-textlist .es-copy-mark.is-active:hover:not(:disabled){background:var(--sf-accent-tint);color:var(--sf-accent-text)}.sf-copybox>input,.sf-copybox>textarea,.sf-insp-body .sf-copybox>input[type=text],.sf-insp-body .sf-copybox>input:not([type]),.sf-insp-body .sf-copybox>textarea{border:none;border-radius:0;background:transparent;display:block;width:100%}.sf-copybox>input:focus,.sf-copybox>textarea:focus,.sf-insp-body .sf-copybox>input[type=text]:focus,.sf-insp-body .sf-copybox>input:not([type]):focus,.sf-insp-body .sf-copybox>textarea:focus{box-shadow:none}.sf-swatches{display:flex;align-items:center;gap:10px}.sf-swatch{width:26px;height:26px;border-radius:7px;border:none;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #0000002e}.sf-swatch.is-active{box-shadow:0 0 0 2px var(--sf-panel),0 0 0 4px var(--sf-accent)}.sf-swatch-hex{font-size:11px;color:var(--sf-muted);font-variant-numeric:tabular-nums;margin-left:2px}.es-field-head:has(>.es-pick-colour),.sf-field--row:has(>.es-pick-colour){flex-wrap:wrap}.es-field-head>.es-pick-colour,.sf-field--row>.es-pick-colour{display:contents}.es-field-head>.es-pick-colour>.es-pick-colour-row,.sf-field--row>.es-pick-colour>.es-pick-colour-row{margin-left:auto}.es-field-head>.es-pick-colour>.es-pick-window,.sf-field--row>.es-pick-colour>.es-pick-window{flex:1 0 100%;min-width:0}.sf-insp-body input[type=text].es-pick-hex{width:var(--es-pick-readout-w);border:1px solid transparent;background:transparent;border-radius:6px;padding:4px 6px;font-size:12px;color:var(--es-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex:none}.sf-insp-body input[type=text].es-pick-hex:hover{border-color:var(--es-input-border)}.sf-insp-body input[type=text].es-pick-hex:focus{outline:none;border-color:var(--es-accent);box-shadow:none;background:var(--es-panel)}.sf-chooser{display:flex;width:100%;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);color:var(--sf-field-text);font-size:13px;text-align:left;cursor:pointer}.sf-chooser:hover{background:var(--sf-hover)}.sf-chooser-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-chooser-meta{flex:none;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--sf-disabled)}.sf-chooser-caret{flex:none;color:var(--sf-disabled)}.sf-chooser-menu{position:absolute;left:0;z-index:50;margin-top:4px;width:100%;overflow:hidden;padding:4px 0;border:1px solid var(--sf-divider);border-radius:var(--sf-field-radius);background:var(--sf-panel);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.sf-chooser-menu--tall{max-height:256px;overflow:hidden auto}.sf-chooser-item{display:flex;width:100%;align-items:center;gap:8px;padding:6px 10px;border:0;background:none;text-align:left;font-size:13px;color:var(--sf-text-secondary);cursor:pointer}.sf-chooser-item:hover{background:var(--sf-hover)}.sf-chooser-item.is-active{font-weight:600;color:var(--sf-text)}.sf-chooser-add{color:var(--sf-accent-text);font-weight:500}.sf-chooser-add:hover{background:var(--sf-hover)}.sf-rungs{display:flex;width:100%;gap:4px}.sf-rung{flex:1;padding:4px 8px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);color:var(--sf-text-secondary);font-size:12px;cursor:pointer}.sf-rung:hover:not(.is-active){background:var(--sf-hover)}.sf-rung.is-active{border-color:var(--sf-disabled);background:var(--sf-chip-bg);color:var(--sf-text);font-weight:600}.sf-shadow-chip{display:block;flex:none;box-sizing:border-box;width:16px;height:11px;border:1px solid var(--sf-disabled);background:var(--sf-field-bg)}.sf-hints{display:flex;margin-top:28px}.sf-hints-toggle{display:inline-flex;flex:none;align-items:center;gap:5px;color:var(--sf-muted)}.sf-hints-toggle svg{flex:none}.sf-scale-a{flex:none;font-size:11px;line-height:1;color:var(--sf-disabled)}.sf-scale-a--lg{font-size:15px;color:var(--sf-muted)}.sf-auto-reset{padding:2px 6px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);font-size:11px;color:var(--sf-text-secondary);cursor:pointer}.sf-auto-reset:hover{background:var(--sf-hover)}#sf-site-styles-tabpanel>:first-child{margin-top:var(--es-rhythm-group-first)}.sf-style-list{display:flex;flex-direction:column}.sf-style-head{display:flex;width:100%;align-items:center;gap:8px;padding:10px 0;background:none;border:0;text-align:left;cursor:pointer}.sf-style-head:hover .sf-style-sample{color:var(--sf-text)}.sf-style-caret{display:inline-flex;flex:none;align-items:center;color:var(--sf-disabled);transition:transform .12s ease}.sf-style-row.is-open .sf-style-caret{transform:rotate(90deg)}.sf-style-name{flex:none;font-size:11px;font-weight:600;color:var(--sf-muted)}.sf-style-sample{min-width:0;margin-left:auto;overflow:hidden;color:var(--sf-text);text-overflow:ellipsis;white-space:nowrap}.sf-style-slot{display:inline-flex;flex:none;width:14px;height:14px;align-items:center;justify-content:center;color:var(--sf-muted);opacity:0;transform:scale(.6);transition:opacity .16s ease,transform .16s ease}.sf-style-slot.is-saved{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.sf-style-slot{transition:none}}.sf-style-body{padding:2px 0 12px}.sf-select{padding:5px 8px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);color:var(--sf-text);font-size:12px;cursor:pointer}.sf-rung--glyph{flex:0 0 34px;font-size:13px;line-height:18px;text-align:center}.sf-rung--glyph:disabled{color:var(--sf-disabled);cursor:not-allowed}.sf-rung--glyph:disabled:hover{background:var(--sf-field-bg)}.sf-theme-list{display:flex;flex-direction:column;gap:8px;margin-top:max(var(--es-row-gap),var(--es-rhythm-group-first))}.sf-theme-card,.sf-secttheme-btn{border:1px solid var(--sf-input-border);border-radius:9px;overflow:hidden;background:var(--sf-panel)}.sf-theme-card:hover,.sf-secttheme-btn:hover{border-color:var(--sf-muted)}.sf-theme-card.is-selected{border-color:var(--sf-accent);box-shadow:0 0 0 2px var(--sf-accent-ring)}.sf-theme-pick{display:block;width:100%;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}.sf-theme-page{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.sf-theme-eyebrow{font-size:7.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1}.sf-theme-headline{font-size:14px;font-weight:750;letter-spacing:-.01em;line-height:1.1}.sf-theme-body{font-size:9.5px;line-height:1.4;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-theme-row{display:flex;align-items:center;gap:7px;margin-top:1px}.sf-theme-btn{font-size:8.5px;font-weight:700;letter-spacing:.02em;padding:5px 11px;border-radius:4px;white-space:nowrap;flex:none}.sf-theme-mini{flex:1;min-width:0;height:22px;border-radius:3px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:7.5px;font-weight:600;opacity:.75}.sf-theme-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px 6px 12px;background:var(--sf-hover)}.sf-theme-card.is-selected .sf-theme-foot{color:var(--sf-accent-text)}.sf-theme-name{font-size:11px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-theme-warn{flex:none;margin-left:auto;font-size:10px;font-weight:700;color:#b45309;white-space:nowrap}.sf-theme-warn+.sf-theme-edit{margin-left:8px}.sf-theme-name{margin-right:auto}.sf-theme-edit{flex:none;border:1px solid var(--sf-input-border);background:var(--sf-panel);border-radius:4px;font:inherit;font-size:10px;font-weight:700;letter-spacing:.03em;color:var(--sf-text-secondary);padding:3px 8px;line-height:1.3;cursor:pointer}.sf-theme-edit:hover{border-color:var(--sf-muted);color:var(--sf-text)}.sf-theme-edit.is-open{background:var(--sf-accent);border-color:var(--sf-accent);color:#fff}.sf-theme-colours{padding:0 12px 12px}.sf-theme-colours[hidden]{display:none}.sf-theme-colours>.es-field:first-child{margin-top:var(--es-rhythm-group-first)}.sf-theme-reset{width:100%;margin-top:var(--es-rhythm-between-tight);border:0;background:none;font:inherit;font-size:10.5px;font-weight:600;color:var(--sf-accent-text);padding:0;cursor:pointer;text-align:left}.sf-theme-reset:disabled{color:var(--sf-muted);cursor:default}.sf-theme-add{display:flex;align-items:center;gap:6px;margin-top:8px;border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--sf-accent-text);padding:4px 0;cursor:pointer}.sf-theme-add:hover{text-decoration:underline}.sf-colour-lede{margin-top:-3px;margin-bottom:10px}.sf-colour-pair{border:1px solid var(--sf-divider);border-radius:var(--sf-row-radius);padding:2px 11px 11px;background:var(--sf-app-bg)}.sf-colour-row{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sf-colour-mode{font-size:12px;font-weight:500;color:var(--sf-text-secondary)}.sf-colour-mode small{display:block;margin-top:1px;font-size:11px;font-weight:400;color:var(--sf-muted)}.sf-readability{margin-top:10px;padding:11px 12px 12px;border:1px solid var(--sf-divider);border-radius:var(--sf-row-radius)}.sf-readability-head{margin-bottom:7px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-muted)}.sf-readability-row{display:flex;align-items:center;gap:9px;padding:4px 0;font-size:12px}.sf-readability-who{flex:1;color:var(--sf-text-secondary)}.sf-readability-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--sf-disabled)}.sf-readability-val{color:var(--sf-muted)}.sf-readability-dot.is-good{background:var(--sf-muted)}.sf-readability-dot.is-large-only{background:var(--sf-warning)}.sf-readability-dot.is-hard{background:var(--sf-danger)}.sf-readability-val.is-good{color:var(--sf-text-secondary)}.sf-readability-val.is-large-only{color:var(--sf-warning)}.sf-readability-val.is-hard{color:var(--sf-danger)}.sf-readability-advice{margin-top:7px;font-size:11px;line-height:1.6;color:var(--sf-muted)}.sf-readability-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sf-readability-suggestion{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);color:var(--sf-btn-text);font-size:11px;font-variant-numeric:tabular-nums;cursor:pointer}.sf-readability-suggestion:hover{background:var(--sf-hover)}.sf-readability-chip{width:9px;height:9px;flex:none;border-radius:2px;box-shadow:inset 0 0 0 1px #0000002e}.sf-slider{display:flex;align-items:center;gap:12px}.es-field-ctl>.sf-slider{flex:1;min-width:0}.sf-slider input[type=range]{flex:1;min-width:0;height:18px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.sf-slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--sf-track-bg);box-shadow:inset 0 0 0 1px var(--sf-input-border)}.sf-slider input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--sf-track-bg);box-shadow:inset 0 0 0 1px var(--sf-input-border)}.sf-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--sf-knob);border:2px solid var(--sf-accent);box-shadow:0 1px 2px #0000002e;transition:transform .12s}.sf-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--sf-knob);border:2px solid var(--sf-accent);box-shadow:0 1px 2px #0000002e;transition:transform .12s}.sf-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.sf-slider input[type=range]:hover::-moz-range-thumb{transform:scale(1.12)}.sf-slider.has-notch{position:relative}.sf-slider.has-notch:before{content:"";position:absolute;top:50%;left:calc(7px + (100% - 14px) * var(--sf-notch));width:2px;height:10px;margin-top:-5px;border-radius:1px;background:var(--sf-input-border);pointer-events:none}.sf-slider-val{font-size:12px;color:var(--sf-icon);font-variant-numeric:tabular-nums;min-width:42px;text-align:right;padding:0;border:none;background:none;font-family:inherit;line-height:inherit}button.sf-slider-val{cursor:text;border-radius:4px}button.sf-slider-val:hover{color:var(--sf-text);box-shadow:inset 0 0 0 1px var(--sf-input-border)}input.sf-slider-typed{width:42px;color:var(--sf-text);box-shadow:inset 0 0 0 1px var(--sf-accent);border-radius:4px;padding:1px 3px;touch-action:manipulation}input.sf-slider-typed:focus{outline:none}.sf-preview-pin{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:9px 14px;background:var(--sf-panel)}.sf-preview-pin-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sf-preview-pin-label{font-size:13px;font-weight:500;color:var(--sf-text)}.sf-preview-pin-hint{font-size:11px;color:var(--sf-muted)}.sf-colstep{display:flex;align-items:center;gap:6px}.sf-colstep-btn{width:22px;height:22px;padding:0;border:1px solid var(--sf-line);border-radius:6px;background:transparent;color:var(--sf-text);font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.sf-colstep-btn:hover:not(:disabled){border-color:var(--sf-accent)}.sf-colstep-btn:disabled{opacity:.4;cursor:default}.sf-colstep-value{min-width:14px;text-align:center;font-size:13px;font-weight:500;color:var(--sf-text)}.sf-checkbox{cursor:pointer}.sf-checkbox input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--sf-accent);cursor:pointer}.sf-locked{opacity:.5;pointer-events:none}.sf-seg2 button:focus-visible,.sf-readability-suggestion:focus-visible,.sf-swatch:focus-visible,.sf-field-eye:focus-visible,.sf-inherit--over:focus-visible,.sf-inherit--following:focus-visible,.sf-slider input[type=range]:focus-visible,.sf-insp-body select:focus-visible,.sf-checkbox input[type=checkbox]:focus-visible,.sf-textlist-x:focus-visible,.sf-textlist-add:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px}.sf-seg2 button:focus-visible{outline-offset:-1px}.sf-seg2{display:flex;gap:3px;background:var(--sf-track-bg);border:1px solid var(--sf-input-border);border-radius:9px;padding:3px}.sf-seg2 button{flex:1;border:none;background:transparent;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:500;color:var(--sf-icon);cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}@container (width < 280px){.sf-seg2 button{padding-inline:6px}}.sf-panel .flex-shrink-0:has(.es-segs-fit){flex-basis:100%;min-width:0}.sf-seg2 button:hover:not(.is-active){color:var(--sf-text-secondary);background:var(--sf-hover)}.sf-seg2 button.is-active{background:var(--sf-raised);color:var(--sf-text-strong);box-shadow:0 1px 2px #0000001a,0 0 0 1px #0000000a}.sf-seg2[data-disabled]{opacity:.5;cursor:not-allowed}.sf-seg2[data-disabled] button{cursor:not-allowed;color:var(--sf-disabled)}.sf-seg2[data-disabled] button.is-active{color:var(--sf-text-secondary)}.sf-seg2[data-disabled] button:hover:not(.is-active){background:transparent;color:var(--sf-disabled)}.sf-seg2 button>svg{display:block;margin:0 auto}.sf-textlist{display:flex;flex-direction:column;gap:6px}.es-field-ctl>.sf-textlist{flex:1 1 auto;min-width:0}.sf-textlist-row{display:flex;align-items:center;gap:6px}.sf-textlist-row input{flex:1;min-width:0}.sf-textlist>.es-copy-bar{margin-bottom:0}.sf-textlist-row.is-marking input{border-color:var(--sf-accent);box-shadow:0 0 0 1px var(--sf-accent-tint)}.sf-textlist-x{flex:none;width:28px;height:32px;border:none;background:transparent;color:var(--sf-muted);border-radius:7px;cursor:pointer;font-size:17px;line-height:1}.sf-textlist-x:hover{background:var(--sf-danger-tint);color:var(--sf-danger)}.sf-textlist-add{align-self:flex-start;margin-top:2px;padding:4px 2px;border:none;background:transparent;color:var(--sf-accent);font-size:12px;font-weight:500;cursor:pointer}.sf-textlist-add:hover{text-decoration:underline}.sf-blogsource{display:flex;flex-direction:column;gap:9px}.sf-blogsource-status{margin:0;font-size:12px;color:var(--sf-text-secondary)}.sf-blogsource-status[data-state=error]{color:var(--sf-danger)}.sf-source-open{display:inline;padding:0;border:0;background:none;font:inherit;color:var(--sf-accent-text);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.sf-source-open:hover{color:var(--sf-accent)}.sf-source-open:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px;border-radius:2px}.sf-blogsource-btn{align-self:flex-start;padding:7px 14px;border:1px solid var(--sf-input-border);border-radius:8px;background:transparent;color:var(--sf-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.sf-blogsource-btn:hover:not(:disabled){border-color:var(--sf-accent);color:var(--sf-accent)}.sf-blogsource-btn:disabled{opacity:.55;cursor:default}.sf-blogsource-hint{margin:0;font-size:11px;line-height:1.4;color:var(--sf-muted)}.sf-formpicker{display:flex;flex-direction:column;gap:9px}.sf-formsummary-caption{margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--sf-text-secondary)}.sf-formsummary-fields{margin:0;padding-left:18px;font-size:12px;line-height:1.55;color:var(--sf-text-secondary)}.sf-formsummary-warn{margin:0;font-size:11.5px;line-height:1.45;color:var(--sf-danger)}.sf-formsummary-actions{display:flex;flex-wrap:wrap;gap:8px}.sf-image-btn{border:1px solid var(--sf-btn-border);background:var(--sf-panel);color:var(--sf-btn-text);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s}.sf-image-btn:hover:not(:disabled){background:var(--sf-hover)}.sf-image-btn:disabled{cursor:default;opacity:.55}.sf-image-status{margin-top:6px;font-size:11px;color:var(--sf-muted)}.sf-image-status--error{color:var(--sf-danger)}ul.sf-image-status{list-style:none;padding:0}.sf-image-status--error li{color:inherit;font-size:inherit}.sf-image-slot-inert{border:1.5px dashed var(--sf-input-border);border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.5;color:var(--sf-muted);background-image:repeating-linear-gradient(45deg,var(--sf-hatch) 0 1px,transparent 1px 12px)}.sf-focus{display:flex;flex-direction:column;gap:6px}.sf-focus-canvas{display:flex;align-items:center;justify-content:center;min-height:150px;padding:0;border:1px solid var(--sf-line);border-radius:6px;background:var(--sf-preview-bg);cursor:crosshair;touch-action:none}.sf-focus-canvas:focus-visible{outline:2px solid var(--sf-accent);outline-offset:1px}.sf-focus-pane{position:relative;display:inline-block;max-width:100%;line-height:0}.sf-focus-img{display:block;width:auto;height:auto;max-width:100%;max-height:150px;object-fit:contain}.sf-focus-cross{position:absolute;background:#ffffff73;pointer-events:none}.sf-focus-cross--h{right:0;left:0;height:1px}.sf-focus-cross--v{top:0;bottom:0;width:1px}.sf-focus-marker{position:absolute;width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1.5px #0000008c,0 1px 5px #0000007f;transform:translate(-50%,-50%);pointer-events:none}.sf-focus-bar{display:flex;align-items:center;gap:8px}.sf-focus-hint{min-width:0;flex:1;font-size:11px;color:var(--sf-muted)}.es-insp-rows:has([data-sf-focusing]) .es-pick-image-frame{display:none}.sf-note{padding:14px 16px;font-size:13px;line-height:1.5;color:var(--sf-muted)}.sf-note p+p{margin-top:8px}.sf-note strong{color:var(--sf-text);font-weight:600}.sf-note-detail{margin-top:10px;font-size:11px;color:var(--sf-muted);opacity:.75;word-break:break-all}.sf-note--error{color:var(--sf-danger);background:var(--sf-danger-tint);border-radius:6px}.sf-part-back{display:flex;align-items:center;gap:6px;width:calc(100% + 28px);margin:0 -14px 10px;padding:9px 14px;background:none;border:0;font:inherit;font-size:12px;color:var(--sf-muted);text-align:left;cursor:pointer}.sf-part-back:hover{color:var(--sf-text);background:var(--sf-chip-bg)}.sf-part-back span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sf-part-style{position:relative;margin:0 0 4px;padding:11px 13px;border:1px solid var(--sf-divider);border-radius:12px;background:var(--sf-track-bg)}.sf-part-style.has-overrides{border-color:var(--sf-accent-ring)}.sf-part-style.has-overrides:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--sf-accent);border-radius:12px 0 0 12px}.sf-part-style-caption{margin-bottom:2px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-muted)}.sf-part-style-count{margin-bottom:3px;font-size:11px;font-weight:600;color:var(--sf-muted)}.sf-part-style-name{min-width:0;font-size:20px;line-height:1.15;letter-spacing:-.01em;color:var(--sf-text-strong);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sf-part-style-pick{position:relative}.sf-part-style-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;min-width:0}.sf-part-style-trigger .sf-part-style-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-part-style-sign{margin-left:auto;width:16px;flex:none;text-align:center;color:var(--sf-muted);font-size:14px;line-height:1}.sf-part-style-trigger[aria-expanded=false] .sf-part-style-sign:before{content:"+"}.sf-part-style-trigger[aria-expanded=true] .sf-part-style-sign:before{content:"\2212"}.sf-part-style-trigger:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px;border-radius:3px}.sf-part-style-menu{position:absolute;z-index:30;left:0;right:0;box-shadow:0 8px 24px #0000002e}.sf-part-style-option{display:flex;align-items:baseline;gap:8px;width:100%;padding:7px 9px;border:0;background:none;text-align:left;font-size:13px;color:var(--sf-field-text);border-radius:max(calc(var(--sf-field-radius) - 2px),2px);cursor:pointer}.sf-part-style-option:hover{background:var(--sf-accent-ring)}.sf-part-style-option:focus-visible{outline:2px solid var(--sf-accent);outline-offset:-2px}.sf-part-style-option.is-on{background:var(--sf-accent-ring);font-weight:600}.sf-part-style-option-name{flex:0 0 auto;white-space:nowrap}.sf-part-style-option .sf-note{min-width:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-part-style-meta{margin-top:1px;font-size:11px;color:var(--sf-muted);font-variant-numeric:tabular-nums}.sf-part-style-top{display:flex;align-items:center;gap:9px;margin-top:8px}.sf-part-style-gap{flex:1}.sf-part-style-state{font-size:11.5px;color:var(--sf-text-secondary)}.sf-part-chip{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;background:var(--sf-accent-tint);color:var(--sf-accent-text);font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}.sf-part-link{border:0;background:none;padding:0;font:inherit;font-size:12px;font-weight:500;color:var(--sf-accent-text);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--sf-accent-ring)}.sf-part-link:hover{text-decoration-color:currentColor}.es-group-body>.sf-note{margin:12px 0 -4px;padding:0 0 0 2px}.sf-slot-rows>.sf-note{padding:10px 11px 12px}.sf-part-field.is-style-value>.es-field-head>.es-field-value,.sf-part-field.is-style-value>.es-field-head>.es-field-value>.sf-slider-val{color:var(--sf-muted)}.sf-part-select{width:100%;min-width:0}.sf-part-ink{display:flex;flex-direction:column;gap:8px;min-width:0}.sf-part-ink>.es-pick-colour>.es-pick-colour-row{align-self:flex-end}.sf-part-mark{width:18px;height:18px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:var(--sf-accent);cursor:pointer}.sf-part-mark-dot{transform-origin:center;transition:transform .15s ease,opacity .15s ease}.sf-part-mark-arrow{opacity:0;transition:opacity .15s ease}.sf-part-mark:hover .sf-part-mark-dot,.sf-part-mark:focus-visible .sf-part-mark-dot{transform:scale(0);opacity:0}.sf-part-mark:hover .sf-part-mark-arrow,.sf-part-mark:focus-visible .sf-part-mark-arrow{opacity:1}@media(prefers-reduced-motion:reduce){.sf-part-mark-dot,.sf-part-mark-arrow{transition:none}}.sf-part-text{margin-top:4px;margin-bottom:4px}.sf-part-text .sf-copybox textarea{min-height:84px;line-height:1.5;resize:vertical}.sf-entries{margin-top:32px}.sf-entries-head{margin:14px 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-muted)}.sf-entry-eye{display:inline-flex;align-items:center;color:var(--sf-muted)}.sf-slot-rows .sf-add-card{padding:8px 11px;border-radius:0}.sf-image-drop{flex:1;min-width:0}.sf-image-drop.is-dragover .es-pick-image-slot{border-color:var(--sf-accent);background-color:var(--sf-accent-tint)}.sf-image-drop.is-dragover .es-pick-image-frame{outline:2px solid var(--sf-accent);outline-offset:-2px}.sf-gallery-filter{display:flex;gap:5px;flex-wrap:wrap}.sf-gallery-filter button{border:1px solid var(--sf-input-border);background:var(--sf-field-bg);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:600;color:var(--sf-icon);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sf-gallery-filter button:hover{background:var(--sf-hover)}.sf-gallery-filter button[aria-pressed=true]{background:var(--sf-accent);border-color:var(--sf-accent);color:var(--sf-on-accent)}.sf-gallery-layouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;margin-top:7px}.sf-linkstack{display:flex;flex-direction:column;gap:7px}.es-field-ctl>.sf-gallery-layouts,.es-field-ctl>.sf-gallery-filter,.es-field-ctl>.sf-linkstack{flex:1 1 auto;min-width:0}.sf-gallery-layouts button{border:1px solid var(--sf-input-border);background:var(--sf-field-bg);border-radius:7px;padding:5px;cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s}.sf-gallery-layouts button:hover{background:var(--sf-hover)}.sf-gallery-layouts button[aria-pressed=true]{border-color:var(--sf-accent);box-shadow:0 0 0 2px var(--sf-accent-ring);background:var(--sf-panel)}.sf-gallery-pic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:6px;grid-auto-flow:row dense;gap:2px}.sf-gallery-pic i{display:block;background:var(--sf-track-bg);border-radius:1.5px}.sf-gallery-layouts button[aria-pressed=true] .sf-gallery-pic i{background:var(--sf-accent)}.sf-gallery-count{font-size:10.5px;color:var(--sf-disabled);margin-top:7px}.sf-head-divider{width:1px;height:16px;margin:0 4px;background:var(--sf-line);flex:none}.es-btn-ghost.sf-head-textbtn{height:28px;padding:0 10px;font-size:12.5px;border-radius:7px;white-space:nowrap}.es-sidepanel.sf-panel-strip{width:40px;align-items:center;padding-top:12px}
+.sf-embedded{height:100%;min-height:0}.sf-embedded .sf-editor{height:100%}.sf-editor{--sf-accent: var(--es-accent);--sf-accent-tint: var(--es-accent-tint);--sf-accent-tint-strong: var(--es-accent-tint-strong);--sf-accent-text: var(--es-accent-text);--sf-accent-ring: var(--es-accent-ring);--sf-accent-shadow: var(--es-accent-shadow);--sf-on-accent: var(--es-on-accent);--sf-app-bg: var(--es-app-bg);--sf-preview-bg: var(--es-preview-bg);--sf-panel: var(--es-panel);--sf-raised: var(--es-raised);--sf-frame-bg: var(--es-frame-bg);--sf-hover: var(--es-hover);--sf-hatch: var(--es-hatch);--sf-addcard-veil: var(--es-addcard-veil);--sf-field-bg: var(--es-field-bg);--sf-track-bg: var(--es-track-bg);--sf-input-border: var(--es-input-border);--sf-field-text: var(--es-field-text);--sf-field-placeholder: var(--es-field-placeholder);--sf-knob: var(--es-knob);--sf-text: var(--es-text);--sf-text-strong: var(--es-text-strong);--sf-text-secondary: var(--es-text-secondary);--sf-muted: var(--es-muted);--sf-icon: var(--es-icon);--sf-disabled: var(--es-disabled);--sf-divider: var(--es-divider);--sf-line: var(--es-line);--sf-btn-border: var(--es-btn-border);--sf-btn-text: var(--es-btn-text);--sf-chip-bg: var(--es-chip-bg);--sf-chip-fg: var(--es-chip-fg);--sf-device-border: var(--es-device-border);--sf-toast-bg: var(--es-toast-bg);--sf-scrollbar: var(--es-scrollbar);--sf-scrollbar-hover: var(--es-scrollbar-hover);--sf-danger: var(--es-danger);--sf-danger-strong: var(--es-danger-strong);--sf-danger-tint: var(--es-danger-tint);--sf-warning: var(--es-warning);--sf-preview-tint: var(--es-preview-tint);--sf-panel-radius: 0;--sf-row-radius: var(--es-row-radius);--sf-field-radius: var(--es-field-radius);--sf-panel-gap: 0px;--sf-topbar-h: 52px;--sf-content-x: var(--sf-panel-gap);--sf-panel-shadow: none;--sf-font: var(--es-font);width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--sf-app-bg);color:var(--sf-text);font-family:var(--sf-font);font-size:14px;-webkit-font-smoothing:antialiased}.sf-editor *,.sf-editor *:before,.sf-editor *:after{box-sizing:border-box}.sf-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sf-scroll::-webkit-scrollbar{width:11px;height:11px}.sf-scroll::-webkit-scrollbar-thumb{background:var(--sf-scrollbar);border-radius:8px;border:3px solid transparent;background-clip:content-box}.sf-scroll::-webkit-scrollbar-thumb:hover{background:var(--sf-scrollbar-hover);background-clip:content-box}.sf-scroll::-webkit-scrollbar-track{background:transparent}.sf-actions-slot>button{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--sf-btn-border);background:var(--sf-panel);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--sf-btn-text)}.sf-actions-slot>button:hover{background:var(--sf-hover)}.sf-section-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px}.sf-body{flex:1;display:flex;gap:var(--sf-panel-gap);padding:var(--sf-panel-gap);min-height:0;position:relative}.sf-panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 11px;flex:none}.sf-panel-title{font-size:13px;font-weight:600;color:var(--sf-text);margin:0}.sf-panel-heading{display:flex;align-items:baseline;gap:6px;min-width:0}.sf-panel-site{margin:0;min-width:0;overflow:hidden;font-size:11px;font-weight:500;color:var(--sf-muted);white-space:nowrap;text-overflow:ellipsis}.sf-panel-site:before{content:"\b7";margin-right:6px}.sf-panel-title--btn{appearance:none;border:0;background:transparent;font-family:inherit;cursor:pointer;text-align:left;padding:5px 8px;margin:-5px -8px;border-radius:var(--sf-row-radius);transition:background .12s}.sf-panel-title--btn:hover{background:var(--sf-hover)}.sf-panel-title--btn.is-selected{color:var(--sf-accent-text);background:var(--sf-accent-tint);box-shadow:inset 2px 0 0 var(--sf-accent)}.sf-x{width:24px;height:24px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--sf-muted);display:flex;align-items:center;justify-content:center;font-size:14px}.sf-x:hover{background:var(--sf-hover)}.sf-tree{flex:1;overflow-y:auto;padding:0 11px 10px 8px;--es-rhythm-group: 10px;--es-rhythm-between: 6px}.sf-tree>.sf-row+.sf-row,.sf-tree>.sf-subtree+.sf-row{margin-top:var(--es-rhythm-between)}.sf-row{display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:var(--sf-row-radius);cursor:pointer;transition:background .12s;position:relative;--sf-row-scrim: var(--sf-panel)}.sf-row:hover{--sf-row-scrim: var(--sf-hover);background:var(--sf-row-scrim)}.sf-row.is-selected{--sf-row-scrim: var(--sf-accent-tint);background:var(--sf-row-scrim);box-shadow:inset 2px 0 0 var(--sf-accent)}.sf-row.is-selected .sf-chip{background:var(--sf-raised);color:var(--sf-accent)}.sf-row.is-selected .sf-row-name{color:var(--sf-accent-text);font-weight:600}.sf-chip{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;flex:none;background:transparent;color:var(--sf-icon)}.sf-row-name{flex:1;font-size:12px;font-weight:500;color:var(--sf-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-gap{position:relative;display:block;width:100%;height:9px;margin:-2px 0;padding:0;border:0;background:transparent;cursor:pointer;z-index:1}.sf-gap-line{position:absolute;left:12px;right:12px;top:50%;height:2px;transform:translateY(-50%);border-radius:2px;background:var(--sf-accent);opacity:0;transition:opacity .12s}.sf-gap-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);width:18px;height:18px;border-radius:50%;background:var(--sf-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;box-shadow:0 0 0 2px var(--sf-panel);opacity:0;transition:opacity .12s,transform .12s}.sf-gap:hover .sf-gap-line,.sf-gap:focus-visible .sf-gap-line{opacity:1}.sf-gap:hover .sf-gap-plus,.sf-gap:focus-visible .sf-gap-plus{opacity:1;transform:translate(-50%,-50%) scale(1)}.sf-subtree{margin:var(--es-rhythm-between) 0 var(--es-rhythm-between) 16px;padding-left:9px;border-left:1px solid var(--sf-line);display:flex;flex-direction:column;gap:var(--es-rhythm-between)}.sf-add-card{display:flex;align-items:center;gap:8px;width:100%;padding:6px 9px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--sf-accent);font-size:12px;font-weight:500}.sf-add-card:hover{background:var(--sf-accent-tint)}.sf-add-card .sf-plus{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none;background:var(--sf-accent-tint)}.sf-blockmenu{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px;padding:4px;border:1px solid var(--sf-line);border-radius:8px;background:var(--sf-panel);box-shadow:0 6px 18px #00000014}.sf-blockmenu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--sf-text, var(--sf-text));font-size:12.5px;text-align:left}.sf-blockmenu-item:hover{background:var(--sf-accent-tint);color:var(--sf-accent)}.sf-menugroup-head{display:flex;align-items:baseline;gap:8px;padding:9px 9px 5px}.sf-menugroup-head:first-child{padding-top:4px}.sf-menugroup-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--sf-muted)}.sf-menugroup-count{font-size:11px;color:var(--sf-field-placeholder)}.sf-addside{flex:1;min-height:0;overflow-y:auto;padding:0 14px 16px}.sf-addside .es-add-tile-cover{border:1px solid #edeff4}.sf-media-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sf-addside-sitewide{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px;border:1px solid var(--sf-divider);border-radius:10px}.sf-addside-sitewide-glyph{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--sf-hover);color:var(--sf-muted)}.sf-addside-sitewide-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0;border:0;background:none;font:600 12.5px/1.3 var(--sf-font);color:var(--sf-text);text-align:left;cursor:pointer}.sf-addside-sitewide-name:hover{color:var(--sf-accent)}.sf-addside-sitewide-desc{font-weight:400;font-size:11.5px;color:var(--sf-muted)}.sf-box-footer-switch{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:18px 0 6px;padding:12px;border:1px solid var(--sf-divider);border-radius:10px}.sf-box-footer-switch-text{margin:0;font-size:12px;line-height:1.45;color:var(--sf-muted)}.sf-box-footer-switch-row{display:flex;gap:8px}.sf-thumb{--sf-thumb-card: #ffffff;--sf-thumb-thumb-bg: #fcfdff;--sf-thumb-thumb-border: #edeff4;--sf-thumb-block: #e9ebf0;--sf-thumb-bar-light: #dde1e8;--sf-thumb-bar-dark: #c3c9d3;--sf-thumb-hatch1: #e2e5ec;--sf-thumb-hatch2: #edeff4;--sf-thumb-accent: #2f6bed;--sf-thumb-accent-tint: #e6edfd;--sf-thumb-border: #e7eaf1;--sf-thumb-ink: #1b2027;--sf-thumb-ink-2: #39434f;--sf-thumb-ink-soft: #2c3540;--sf-thumb-ink-soft-2: #4a5763;--sf-thumb-paper: #f4f1ed;--sf-thumb-paper-2: #cfc8bf;--sf-thumb-warm: #e7c26a;--sf-thumb-rust: #b4652a;--sf-thumb-on-ink: #ffffff;--sf-thumb-scene-text: #171412;--sf-thumb-scene-muted: #6b7280;--sf-thumb-scene-rule: #eceef1;--sf-thumb-mark-1: #c8ccd1;--sf-thumb-mark-2: #8e9aa6;--sf-thumb-scrim: rgba(0, 0, 0, .55)}@keyframes sf-thumb-marquee{0%{transform:translate(0)}to{transform:translate(-33.34%)}}.sf-cleardlg-veil{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--sf-addcard-veil)}.sf-cleardlg{width:100%;max-width:360px;box-sizing:border-box;padding:20px;border:1px solid var(--sf-line);border-radius:9px;background:var(--sf-panel);color:var(--sf-text);box-shadow:0 20px 50px var(--sf-accent-shadow)}.sf-cleardlg-title{margin:0;font-size:15px;font-weight:600;color:var(--sf-text)}.sf-cleardlg-body{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--sf-muted)}.sf-cleardlg-final{margin:8px 0 0;font-size:13px;line-height:1.6;font-weight:500;color:var(--sf-text)}.sf-cleardlg-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.sf-cleardlg-btn{font-family:var(--sf-font);font-size:13px;padding:7px 14px;border-radius:var(--sf-field-radius);border:1px solid var(--sf-btn-border);background:var(--sf-panel);color:var(--sf-btn-text);cursor:pointer}.sf-cleardlg-btn:hover{background:var(--sf-hover)}.sf-cleardlg-btn--danger{font-weight:600;border-color:var(--sf-danger-strong);background:var(--sf-danger-strong);color:var(--sf-on-accent)}.sf-cleardlg-btn--danger:hover{filter:brightness(.94)}.sf-addcard-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--sf-addcard-veil);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .15s;pointer-events:none}.sf-addcard:hover .sf-addcard-overlay,.sf-addcard:focus-visible .sf-addcard-overlay{opacity:1}.sf-addcard-addbtn{display:inline-flex;align-items:center;gap:6px;background:var(--sf-accent);color:#fff;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:600;box-shadow:0 4px 12px var(--sf-accent-shadow)}.sf-addcard-plus{font-size:15px;line-height:1;margin-top:-1px}.sf-addcard-meta{display:flex;flex-direction:column;gap:2px;padding:0 2px 2px}.sf-addcard-name{font-size:12.5px;font-weight:600;color:var(--sf-text)}.sf-addcard-desc{font-size:10.5px;line-height:1.35;color:var(--sf-muted)}.sf-addempty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:64px 20px;text-align:center;color:var(--sf-muted)}.sf-addempty-icon{display:flex;color:var(--sf-field-placeholder)}.sf-addempty-icon svg{width:30px;height:30px}.sf-addempty-title{font-size:14px;font-weight:600;color:var(--sf-text)}.sf-addempty-sub{font-size:12.5px}.sf-toast{position:absolute;left:50%;bottom:34px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:11px 17px;border-radius:11px;background:var(--sf-toast-bg);color:#fff;font-size:13px;box-shadow:0 12px 30px #0f172a4d}.sf-toast-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--sf-accent);color:#fff;font-size:11px;flex:none}.sf-toast--error .sf-toast-check{background:var(--sf-danger)}.sf-center{flex:1;min-width:0;min-height:0;background:var(--sf-preview-bg);border-radius:var(--sf-panel-radius);box-shadow:var(--sf-panel-shadow);overflow:hidden;display:flex;justify-content:safe center;align-items:safe center;padding:0}.sf-frame{width:100%;height:100%;max-height:100%;background:var(--sf-frame-bg);border-radius:0;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 12px 36px #0000001a;transition:width .25s ease;display:flex;flex-direction:column;min-height:0}.sf-frame-scaler{flex:none;position:relative}.sf-frame--tablet,.sf-frame--mobile{align-self:stretch}.sf-frame--tablet{width:800px;outline:1px solid var(--sf-device-border);outline-offset:-1px}.sf-frame--mobile{width:390px;outline:1px solid var(--sf-device-border);outline-offset:-1px}.sf-preview-host{flex:1;min-height:0;position:relative}.sf-preview-host>div,.sf-preview-host iframe{width:100%!important;height:100%!important;border:0}.sf-center>.sf-preview-host{align-self:stretch}[data-puck-entry] .es-zone:empty:not(.is-area-selected):not(.is-hovering-area:not(.is-root)){outline:none}[data-puck-entry] .es-zone.is-area-selected:not(.is-root),[data-puck-entry] .es-zone.is-hovering-area:not(.is-root){outline:none}[data-puck-entry] .es-zone:empty:is(.is-area-selected,.is-hovering-area:not(.is-root)){outline:1px solid var(--es-accent-line, #bfdbfe)}[data-puck-overlay-portal]:hover{outline:1px solid var(--es-accent-tint-strong, #dbeafe);outline-offset:2px}[data-puck-overlay-portal],[data-puck-overlay-portal] *{pointer-events:auto!important}[data-puck-overlay-portal]:focus-within{outline:2px solid var(--es-accent-line, #bfdbfe);outline-offset:2px}[data-puck-overlay-portal]:hover:has([data-puck-overlay-portal]:hover){outline:none}.sf-preview-gaps{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:6}.sf-preview-gap{position:absolute;left:0;right:0;height:24px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;pointer-events:none}.sf-preview-gap-line{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--sf-accent);opacity:0;pointer-events:none;transition:opacity .12s}.sf-preview-gap-pill{position:relative;display:inline-flex;align-items:center;padding:4px;border-radius:999px;background:var(--sf-toast-bg);color:#fff;font-family:var(--sf-font);font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 10px #00000047;opacity:0;cursor:pointer;pointer-events:auto;transition:opacity .12s,padding .12s}.sf-preview-gap-pill:hover{opacity:1;padding:4px 12px 4px 4px}.sf-preview-gap-plus{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--sf-accent);color:#fff;font-size:13px;line-height:1;flex:none}.sf-preview-gap-label{max-width:0;margin-left:0;overflow:hidden;opacity:0;transition:max-width .14s,margin-left .14s,opacity .12s}.sf-preview-gap-pill:hover .sf-preview-gap-label{max-width:140px;margin-left:6px;opacity:1}.sf-preview-gap:has(.sf-preview-gap-pill:hover) .sf-preview-gap-line{opacity:1}.sf-insp-body{flex:1;overflow-y:auto;scrollbar-gutter:stable;--sf-insp-pad-x: 14px;padding:4px var(--sf-insp-pad-x) 18px;--sf-select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>")}@container (width < 280px){.sf-insp-body{--sf-insp-pad-x: 8px}}.sf-dupmenu-backdrop{position:fixed;inset:0;z-index:1000}.sf-dupmenu{position:fixed;z-index:1001;display:flex;flex-direction:column;gap:1px;min-width:200px;max-width:280px;max-height:60vh;overflow:auto;padding:4px;border:1px solid var(--sf-line);border-radius:8px;background:var(--sf-panel);box-shadow:0 8px 24px #0000001f}.sf-dupmenu-head{padding:6px 9px 4px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--sf-muted)}.sf-dupmenu-empty{padding:8px 9px;font-size:13px;color:var(--sf-muted)}.sf-dupmenu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:13px;text-align:left;color:var(--sf-text)}.sf-dupmenu-item:hover:not(:disabled){background:var(--sf-accent-tint);color:var(--sf-accent)}.sf-dupmenu-item:disabled{cursor:default;opacity:.6}.sf-dupmenu-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-dupmenu-item>.sf-note{padding:0;flex:none;line-height:inherit}.sf-insp-body input[type=text],.sf-insp-body input[type=number],.sf-insp-body input:not([type]),.sf-insp-body textarea{width:100%;border:1px solid var(--sf-input-border);background:var(--sf-field-bg);border-radius:var(--sf-field-radius);padding:8px 11px;font-size:13px;color:var(--sf-field-text);font-family:var(--sf-font)}.sf-insp-body input::placeholder,.sf-insp-body textarea::placeholder{color:var(--sf-field-placeholder);opacity:1}.sf-insp-body textarea{min-height:74px;line-height:1.45;resize:vertical}.sf-insp-body input[type=text]:focus,.sf-insp-body input:not([type]):focus,.sf-insp-body textarea:focus{outline:none;border-color:var(--sf-accent);box-shadow:0 0 0 3px var(--sf-accent-ring)}.sf-insp-body input[aria-invalid=true]{border-color:var(--sf-danger)}.sf-insp-body select{width:100%;border:1px solid var(--sf-input-border);background-color:var(--sf-field-bg);appearance:none;-webkit-appearance:none;background-image:var(--sf-select-arrow);background-size:12px;background-repeat:no-repeat;background-position:calc(100% - 12px) calc(50% + 3px);border-radius:var(--sf-field-radius);padding:8px 11px;font-size:13px;color:var(--sf-field-text);cursor:pointer}.sf-editor .sf-body .sf-panel .sf-insp-body select:hover{background-color:var(--sf-hover);background-image:var(--sf-select-arrow);border-color:var(--sf-input-border)}.sf-insp-body input[type=range]{accent-color:var(--sf-accent)}.sf-multi-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--sf-input-border);background:var(--sf-field-bg);border-radius:var(--sf-field-radius);padding:8px 11px;font-size:13px;font-family:var(--sf-font);color:var(--sf-field-text);text-align:left;cursor:pointer}.sf-multi-btn:focus-visible{outline:none;border-color:var(--sf-accent);box-shadow:0 0 0 3px var(--sf-accent-ring)}.sf-multi-caret{font-size:10px;color:var(--sf-text-secondary);flex:none}.sf-multi-menu{margin:6px 0 0;padding:4px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);display:flex;flex-direction:column}.sf-secttheme-btn{display:block;width:100%}.sf-secttheme-btn:focus-within{outline:none;border-color:var(--sf-accent);box-shadow:0 0 0 3px var(--sf-accent-ring)}.sf-secttheme-btn .sf-theme-pick:focus-visible,.sf-secttheme-btn .sf-theme-edit:focus-visible{outline:none}.sf-secttheme-caret{flex:none;border:0;background:none;padding:3px 2px 3px 6px;font:inherit;line-height:1;color:var(--sf-text-secondary);cursor:pointer}.sf-secttheme-oncard{margin:0;padding:5px 4px 7px;font-size:11px;line-height:1.4;color:var(--sf-text-secondary)}.sf-secttheme-nopreview{display:block;height:74px;background:var(--sf-field-bg);border-bottom:1px dashed var(--sf-input-border)}.sf-secttheme-chip{width:30px;height:20px;flex:none;display:flex;overflow:hidden;border-radius:4px;border:1px solid rgba(0,0,0,.14)}.sf-secttheme-chip i{display:block;height:100%;flex:1 1 auto}.sf-secttheme-chip i.sf-secttheme-chip-accent{flex:0 0 40%}.sf-secttheme-chip--none{background:var(--sf-field-bg);border-style:dashed}.sf-secttheme-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1 1 auto;min-width:0}.sf-secttheme-menu{display:flex;flex-direction:column;padding:4px;gap:8px;background:var(--sf-accent-tint)}.sf-secttheme-menu>.sf-secttheme-item{flex:none}.sf-secttheme-item{display:flex;align-items:center;gap:9px;width:100%;padding:6px 7px;border:0;background:transparent;border-radius:max(calc(var(--sf-field-radius) - 2px),2px);font-size:13px;font-family:var(--sf-font);color:var(--sf-field-text);text-align:left;cursor:pointer}.sf-secttheme-item:hover{background:var(--sf-accent-ring)}.sf-secttheme-item.is-active{background:var(--sf-accent-ring);font-weight:600}.sf-secttheme-item:focus-visible,.sf-secttheme-done:focus-visible{outline:2px solid var(--sf-accent);outline-offset:-2px;border-radius:4px}.sf-secttheme-sep{height:1px;margin:3px 0;background:var(--sf-input-border)}.sf-secttheme-sheet{margin-top:6px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);overflow:hidden}.sf-secttheme-sheet-head{display:flex;align-items:center;padding:6px 9px;background:var(--sf-field-bg);border-bottom:1px solid var(--sf-input-border);font-size:12px;font-weight:600;color:var(--sf-field-text)}.sf-secttheme-done{margin-left:auto;padding:2px 4px;border:0;background:transparent;color:var(--sf-text-secondary);font-size:11px;font-family:var(--sf-font);cursor:pointer}.sf-secttheme-rows{padding:0 12px 12px}.sf-secttheme-rows>.es-field:first-child{margin-top:var(--es-rhythm-group-first)}.sf-secttheme-warn{margin:0;padding:7px 9px;border-top:1px solid var(--sf-input-border);background:var(--sf-accent-ring);font-size:11px;line-height:1.4;color:var(--sf-text-secondary)}.sf-msg{padding:24px;font-size:13px;color:var(--sf-icon)}.sf-msg--error{color:var(--sf-danger)}.sf-panel--hidden{display:none}.sf-editor .es-rail{--es-rail-fg: var(--sf-muted);--es-rail-hover-bg: var(--sf-hover);--es-rail-hover-fg: var(--sf-text);--es-rail-accent: var(--sf-accent);--es-rail-accent-tint: var(--sf-accent-tint)}.sf-rail-plus{font-size:20px;line-height:1}.sf-pages,.sf-styles{display:flex;flex-direction:column;min-height:0;height:100%}.sf-pages-search{flex:none;display:flex;align-items:center;gap:7px;margin:0 12px 8px;padding:7px 10px;background:var(--sf-track-bg);border-radius:8px;color:var(--sf-muted)}.sf-pages-search-input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--sf-font);font-size:13px;color:var(--sf-text);outline:none}.sf-pages-search-input::placeholder{color:var(--sf-muted)}.sf-pages-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 8px}.sf-pages-list>.sf-note{padding:10px 12px}.sf-pages-list>.sf-note--error{margin:4px 4px 0}.sf-pgroup{margin-top:2px}.sf-pgroup-head{width:100%;display:flex;align-items:center;gap:7px;padding:8px 8px 6px;border:none;background:transparent;cursor:pointer;color:var(--sf-muted)}.sf-pgroup-head:hover{color:var(--sf-text)}.sf-pgroup-label{flex:1;text-align:left;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.sf-pgroup-count{flex:none;font-size:11px;font-weight:600;color:var(--sf-muted);background:var(--sf-track-bg);border-radius:999px;padding:1px 7px}.sf-pgroup-body{display:flex;flex-direction:column}.sf-prow{text-decoration:none;color:inherit}.sf-page-draft{flex:none;font-size:10px;font-weight:600;color:var(--sf-muted);text-transform:uppercase;letter-spacing:.3px}.sf-badge-dynamic,.sf-badge-lightbox{flex:none;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 7px;border-radius:999px}.sf-badge-dynamic{color:var(--sf-accent-text);background:var(--sf-accent-tint)}.sf-badge-lightbox{color:#047857;background:#ecfdf5}.sf-page-edit{flex:none;width:24px;height:24px;border:none;background:transparent;border-radius:6px;color:var(--sf-muted);display:none;align-items:center;justify-content:center;cursor:pointer}.sf-row:hover .sf-page-edit,.sf-row:focus-within .sf-page-edit{display:flex}.sf-page-edit:hover{background:var(--sf-hover);color:var(--sf-text)}.sf-page-edit--danger:hover{background:var(--sf-danger-tint);color:var(--sf-danger)}.sf-page-edit--danger:disabled{opacity:.5;cursor:default}.sf-badge-preview{flex:none;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 7px;border-radius:999px;color:var(--sf-warning);background:var(--sf-preview-tint)}.sf-pages-new{flex:none;margin:6px 10px 10px;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border:1px dashed var(--sf-line);border-radius:var(--sf-row-radius);background:transparent;color:var(--sf-accent-text);font-family:var(--sf-font);font-size:13px;font-weight:600;cursor:pointer}.sf-pages-new:hover{background:var(--sf-hover)}.sf-row-del{width:22px;height:22px;border:none;background:transparent;border-radius:5px;cursor:pointer;color:var(--sf-danger);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;flex:none;transition:opacity .12s,background .12s,color .12s}.sf-row:hover .sf-row-del,.sf-row:focus-within .sf-row-del{opacity:.7;pointer-events:auto}.sf-row-del:hover{opacity:1;background:var(--sf-danger-tint);color:var(--sf-danger-strong)}.sf-panel-head-actions{display:flex;align-items:center;gap:2px}.sf-tree-tool{margin-top:14px;padding:10px 0 0 11px}.sf-insp-body .es-insp-tabs{padding:0;position:sticky;top:0;z-index:2;background:var(--sf-panel);box-shadow:0 -16px 0 0 var(--sf-panel)}.sf-field{margin-top:var(--es-rhythm-between)}.sf-insp-body .es-insp-row:has(.es-group-sub),.sf-theme-colours .es-group-sub,.sf-secttheme-rows .es-group-sub{border-top:1px solid var(--sf-line);margin-top:30px;padding-top:30px;margin-left:calc(var(--sf-insp-pad-x) * -1);margin-right:calc(var(--sf-insp-pad-x) * -1);padding-left:var(--sf-insp-pad-x);padding-right:var(--sf-insp-pad-x)}.sf-insp-body .es-insp-row:has(.es-group-sub) .es-group-sub{margin-top:0}.sf-insp-body .es-insp-row:nth-child(1 of:not([hidden],:empty,:has(>[data-sf-device-hidden],>[data-sf-no-control]))):has(.es-group-sub){border-top:0;margin-top:0;padding-top:var(--es-rhythm-group-first)}.sf-field--row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:var(--es-rhythm-between-tight)}.sf-insp-body .es-insp-row:has(.es-group-sub)+.es-insp-row .sf-field,.sf-insp-body .es-insp-row:has(.es-group-head)+.es-insp-row .sf-field{margin-top:var(--es-rhythm-group-first)}.sf-field-label{display:block;font-size:12px;font-weight:500;color:var(--sf-text-secondary);margin-bottom:var(--es-rhythm-within)}.sf-field-label--inline{margin-bottom:0}.sf-field-hint{margin-top:6px;margin-bottom:0;font-size:11px;color:var(--sf-muted)}.sf-panel--right.sf-hints-folded .es-field-hint,.sf-field-hint--while-typing{display:none}.sf-field:focus-within>.sf-field-hint--while-typing{display:block}.es-insp-row:has(>[data-sf-device-hidden]){display:none!important}.es-insp-row:has(>[data-sf-no-control]){display:none!important}.sf-device-scope{margin:8px 0 2px;padding:7px 10px;border-radius:7px;background:var(--sf-chip-bg);font-size:11.5px;line-height:1.35;color:var(--sf-muted)}.sf-inherit{flex:none;display:inline-flex;align-items:center;gap:4px;max-width:55%;padding:2px 6px;border:1px solid transparent;border-radius:999px;font-family:var(--sf-font);font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--sf-chip-bg);color:var(--sf-chip-fg)}.sf-inherit--following{cursor:pointer;transition:background .12s,color .12s}.sf-inherit--following:hover{background:var(--sf-hover);color:var(--sf-text-secondary)}.sf-inherit--over{background:var(--sf-accent-tint);border-color:var(--sf-accent-tint-strong);color:var(--sf-accent-text);cursor:pointer;transition:background .12s,border-color .12s}.sf-inherit--over:hover{background:var(--sf-accent-tint-strong)}.sf-inherit-revert{font-size:11px;line-height:1}.sf-field-readonly{border:1px solid var(--sf-input-border);background:var(--sf-chip-bg);border-radius:var(--sf-field-radius);padding:8px 11px;font-size:13px;color:var(--sf-text-secondary);font-family:var(--sf-font);cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-field-head{display:flex;align-items:center;gap:8px;margin-bottom:var(--es-rhythm-within)}.sf-field-type{flex:none;color:var(--sf-muted)}.sf-field-head .sf-field-label{flex:1;min-width:0;margin-bottom:0}.sf-field-eye{flex:none;width:22px;height:22px;border:none;background:transparent;border-radius:5px;cursor:pointer;color:var(--sf-muted);display:flex;align-items:center;justify-content:center;opacity:.6;transition:background .12s,color .12s,opacity .12s}.sf-field-eye:hover{background:var(--sf-hover);opacity:1;color:var(--sf-text-secondary)}.sf-field.is-hidden .sf-field-label{color:var(--sf-muted);text-decoration:line-through}.sf-field.is-hidden .sf-field-eye{opacity:1;color:var(--sf-text-secondary)}.sf-field.is-hidden input,.sf-field.is-hidden textarea{opacity:.5}.sf-copybox>.es-copy-bar,.sf-textlist>.es-copy-bar{display:flex;align-items:center;gap:2px;margin-bottom:0}.sf-copybox>.es-copy-bar,.sf-textlist>.es-copy-bar{flex-wrap:wrap;row-gap:2px}.sf-markup-btn,.sf-copybox .es-copy-mark.has-glyph,.sf-textlist .es-copy-mark.has-glyph{width:24px}.sf-copybox .es-copy-mark:not(.has-glyph),.sf-textlist .es-copy-mark:not(.has-glyph){padding:0 6px;font-size:11px;line-height:1;white-space:nowrap}.sf-markup-btn,.sf-copybox .es-copy-mark,.sf-textlist .es-copy-mark{height:22px;border:none;background:transparent;border-radius:5px;cursor:pointer;color:var(--sf-icon);display:flex;align-items:center;justify-content:center;opacity:.75;transition:background .12s,color .12s,opacity .12s}.sf-markup-btn:hover:not(:disabled),.sf-copybox .es-copy-mark:hover:not(:disabled),.sf-textlist .es-copy-mark:hover:not(:disabled){background:var(--sf-hover);color:var(--sf-text-secondary);opacity:1}.sf-markup-btn:active:not(:disabled),.sf-copybox .es-copy-mark:active:not(:disabled),.sf-textlist .es-copy-mark:active:not(:disabled){background:var(--sf-accent-tint);color:var(--sf-accent-text)}.sf-markup-btn:disabled,.sf-copybox .es-copy-mark:disabled,.sf-textlist .es-copy-mark:disabled{color:var(--sf-disabled);cursor:default}.sf-copybox>.es-copy-bar>.es-copy-bar-split,.sf-textlist>.es-copy-bar>.es-copy-bar-split{margin-left:auto;height:14px}.sf-copybox>.es-copy-bar>.sf-markup-clear,.sf-textlist>.es-copy-bar>.sf-markup-clear{margin-left:auto}.sf-copybox>.es-copy-bar>.es-copy-bar-split,.sf-textlist>.es-copy-bar>.es-copy-bar-split{align-self:center;margin-right:2px}.sf-field.is-hidden .es-copy-bar{opacity:.5}.sf-copybox{border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);overflow:hidden}.sf-copybox:focus-within{border-color:var(--sf-accent);box-shadow:0 0 0 3px var(--sf-accent-ring)}.sf-copybox>.es-copy-bar{margin-bottom:0;padding:3px 6px;border-bottom:1px solid var(--sf-input-border);background:var(--sf-hover)}.sf-copybox:not(:focus-within)>.es-copy-bar{display:none}.sf-copybox .es-copy-mark.is-active,.sf-copybox .es-copy-mark.is-active:hover:not(:disabled),.sf-textlist .es-copy-mark.is-active,.sf-textlist .es-copy-mark.is-active:hover:not(:disabled){background:var(--sf-accent-tint);color:var(--sf-accent-text)}.sf-copybox>input,.sf-copybox>textarea,.sf-insp-body .sf-copybox>input[type=text],.sf-insp-body .sf-copybox>input:not([type]),.sf-insp-body .sf-copybox>textarea{border:none;border-radius:0;background:transparent;display:block;width:100%}.sf-copybox>input:focus,.sf-copybox>textarea:focus,.sf-insp-body .sf-copybox>input[type=text]:focus,.sf-insp-body .sf-copybox>input:not([type]):focus,.sf-insp-body .sf-copybox>textarea:focus{box-shadow:none}.sf-swatches{display:flex;align-items:center;gap:10px}.sf-swatch{width:26px;height:26px;border-radius:7px;border:none;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #0000002e}.sf-swatch.is-active{box-shadow:0 0 0 2px var(--sf-panel),0 0 0 4px var(--sf-accent)}.sf-swatch-hex{font-size:11px;color:var(--sf-muted);font-variant-numeric:tabular-nums;margin-left:2px}.es-field-head:has(>.es-pick-colour),.sf-field--row:has(>.es-pick-colour){flex-wrap:wrap}.es-field-head>.es-pick-colour,.sf-field--row>.es-pick-colour{display:contents}.es-field-head>.es-pick-colour>.es-pick-colour-row,.sf-field--row>.es-pick-colour>.es-pick-colour-row{margin-left:auto}.es-field-head>.es-pick-colour>.es-pick-window,.sf-field--row>.es-pick-colour>.es-pick-window{flex:1 0 100%;min-width:0}.sf-insp-body input[type=text].es-pick-hex{width:var(--es-pick-readout-w);border:1px solid transparent;background:transparent;border-radius:6px;padding:4px 6px;font-size:12px;color:var(--es-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex:none}.sf-insp-body input[type=text].es-pick-hex:hover{border-color:var(--es-input-border)}.sf-insp-body input[type=text].es-pick-hex:focus{outline:none;border-color:var(--es-accent);box-shadow:none;background:var(--es-panel)}.sf-chooser{display:flex;width:100%;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);color:var(--sf-field-text);font-size:13px;text-align:left;cursor:pointer}.sf-chooser:hover{background:var(--sf-hover)}.sf-chooser-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-chooser-meta{flex:none;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--sf-disabled)}.sf-chooser-caret{flex:none;color:var(--sf-disabled)}.sf-chooser-menu{position:absolute;left:0;z-index:50;margin-top:4px;width:100%;overflow:hidden;padding:4px 0;border:1px solid var(--sf-divider);border-radius:var(--sf-field-radius);background:var(--sf-panel);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.sf-chooser-menu--tall{max-height:256px;overflow:hidden auto}.sf-chooser-item{display:flex;width:100%;align-items:center;gap:8px;padding:6px 10px;border:0;background:none;text-align:left;font-size:13px;color:var(--sf-text-secondary);cursor:pointer}.sf-chooser-item:hover{background:var(--sf-hover)}.sf-chooser-item.is-active{font-weight:600;color:var(--sf-text)}.sf-chooser-add{color:var(--sf-accent-text);font-weight:500}.sf-chooser-add:hover{background:var(--sf-hover)}.sf-rungs{display:flex;width:100%;gap:4px}.sf-rung{flex:1;padding:4px 8px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);color:var(--sf-text-secondary);font-size:12px;cursor:pointer}.sf-rung:hover:not(.is-active){background:var(--sf-hover)}.sf-rung.is-active{border-color:var(--sf-disabled);background:var(--sf-chip-bg);color:var(--sf-text);font-weight:600}.sf-shadow-chip{display:block;flex:none;box-sizing:border-box;width:16px;height:11px;border:1px solid var(--sf-disabled);background:var(--sf-field-bg)}.sf-hints{display:flex;margin-top:28px}.sf-hints-toggle{display:inline-flex;flex:none;align-items:center;gap:5px;color:var(--sf-muted)}.sf-hints-toggle svg{flex:none}.sf-scale-a{flex:none;font-size:11px;line-height:1;color:var(--sf-disabled)}.sf-scale-a--lg{font-size:15px;color:var(--sf-muted)}.sf-auto-reset{padding:2px 6px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);font-size:11px;color:var(--sf-text-secondary);cursor:pointer}.sf-auto-reset:hover{background:var(--sf-hover)}#sf-site-styles-tabpanel>:first-child{margin-top:var(--es-rhythm-group-first)}.sf-style-list{display:flex;flex-direction:column}.sf-style-head{display:flex;width:100%;align-items:center;gap:8px;padding:10px 0;background:none;border:0;text-align:left;cursor:pointer}.sf-style-head:hover .sf-style-sample{color:var(--sf-text)}.sf-style-caret{display:inline-flex;flex:none;align-items:center;color:var(--sf-disabled);transition:transform .12s ease}.sf-style-row.is-open .sf-style-caret{transform:rotate(90deg)}.sf-style-name{flex:none;font-size:11px;font-weight:600;color:var(--sf-muted)}.sf-style-sample{min-width:0;margin-left:auto;overflow:hidden;color:var(--sf-text);text-overflow:ellipsis;white-space:nowrap}.sf-style-slot{display:inline-flex;flex:none;width:14px;height:14px;align-items:center;justify-content:center;color:var(--sf-muted);opacity:0;transform:scale(.6);transition:opacity .16s ease,transform .16s ease}.sf-style-slot.is-saved{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.sf-style-slot{transition:none}}.sf-style-body{padding:2px 0 12px}.sf-select{padding:5px 8px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);color:var(--sf-text);font-size:12px;cursor:pointer}.sf-rung--glyph{flex:0 0 34px;font-size:13px;line-height:18px;text-align:center}.sf-rung--glyph:disabled{color:var(--sf-disabled);cursor:not-allowed}.sf-rung--glyph:disabled:hover{background:var(--sf-field-bg)}.sf-theme-list{display:flex;flex-direction:column;gap:8px;margin-top:max(var(--es-row-gap),var(--es-rhythm-group-first))}.sf-theme-card,.sf-secttheme-btn{border:1px solid var(--sf-input-border);border-radius:9px;overflow:hidden;background:var(--sf-panel)}.sf-theme-card:hover,.sf-secttheme-btn:hover{border-color:var(--sf-muted)}.sf-theme-card.is-selected{border-color:var(--sf-accent);box-shadow:0 0 0 2px var(--sf-accent-ring)}.sf-theme-pick{display:block;width:100%;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}.sf-theme-page{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.sf-theme-eyebrow{font-size:7.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1}.sf-theme-headline{font-size:14px;font-weight:750;letter-spacing:-.01em;line-height:1.1}.sf-theme-body{font-size:9.5px;line-height:1.4;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-theme-row{display:flex;align-items:center;gap:7px;margin-top:1px}.sf-theme-btn{font-size:8.5px;font-weight:700;letter-spacing:.02em;padding:5px 11px;border-radius:4px;white-space:nowrap;flex:none}.sf-theme-mini{flex:1;min-width:0;height:22px;border-radius:3px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:7.5px;font-weight:600;opacity:.75}.sf-theme-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px 6px 12px;background:var(--sf-hover)}.sf-theme-card.is-selected .sf-theme-foot{color:var(--sf-accent-text)}.sf-theme-name{font-size:11px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-theme-warn{flex:none;margin-left:auto;font-size:10px;font-weight:700;color:#b45309;white-space:nowrap}.sf-theme-warn+.sf-theme-edit{margin-left:8px}.sf-theme-name{margin-right:auto}.sf-theme-edit{flex:none;border:1px solid var(--sf-input-border);background:var(--sf-panel);border-radius:4px;font:inherit;font-size:10px;font-weight:700;letter-spacing:.03em;color:var(--sf-text-secondary);padding:3px 8px;line-height:1.3;cursor:pointer}.sf-theme-edit:hover{border-color:var(--sf-muted);color:var(--sf-text)}.sf-theme-edit.is-open{background:var(--sf-accent);border-color:var(--sf-accent);color:#fff}.sf-theme-colours{padding:0 12px 12px}.sf-theme-colours[hidden]{display:none}.sf-theme-colours>.es-field:first-child{margin-top:var(--es-rhythm-group-first)}.sf-theme-reset{width:100%;margin-top:var(--es-rhythm-between-tight);border:0;background:none;font:inherit;font-size:10.5px;font-weight:600;color:var(--sf-accent-text);padding:0;cursor:pointer;text-align:left}.sf-theme-reset:disabled{color:var(--sf-muted);cursor:default}.sf-theme-add{display:flex;align-items:center;gap:6px;margin-top:8px;border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--sf-accent-text);padding:4px 0;cursor:pointer}.sf-theme-add:hover{text-decoration:underline}.sf-colour-lede{margin-top:-3px;margin-bottom:10px}.sf-colour-pair{border:1px solid var(--sf-divider);border-radius:var(--sf-row-radius);padding:2px 11px 11px;background:var(--sf-app-bg)}.sf-colour-row{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sf-colour-mode{font-size:12px;font-weight:500;color:var(--sf-text-secondary)}.sf-colour-mode small{display:block;margin-top:1px;font-size:11px;font-weight:400;color:var(--sf-muted)}.sf-readability{margin-top:10px;padding:11px 12px 12px;border:1px solid var(--sf-divider);border-radius:var(--sf-row-radius)}.sf-readability-head{margin-bottom:7px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-muted)}.sf-readability-row{display:flex;align-items:center;gap:9px;padding:4px 0;font-size:12px}.sf-readability-who{flex:1;color:var(--sf-text-secondary)}.sf-readability-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--sf-disabled)}.sf-readability-val{color:var(--sf-muted)}.sf-readability-dot.is-good{background:var(--sf-muted)}.sf-readability-dot.is-large-only{background:var(--sf-warning)}.sf-readability-dot.is-hard{background:var(--sf-danger)}.sf-readability-val.is-good{color:var(--sf-text-secondary)}.sf-readability-val.is-large-only{color:var(--sf-warning)}.sf-readability-val.is-hard{color:var(--sf-danger)}.sf-readability-advice{margin-top:7px;font-size:11px;line-height:1.6;color:var(--sf-muted)}.sf-readability-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sf-readability-suggestion{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border:1px solid var(--sf-input-border);border-radius:var(--sf-field-radius);background:var(--sf-field-bg);color:var(--sf-btn-text);font-size:11px;font-variant-numeric:tabular-nums;cursor:pointer}.sf-readability-suggestion:hover{background:var(--sf-hover)}.sf-readability-chip{width:9px;height:9px;flex:none;border-radius:2px;box-shadow:inset 0 0 0 1px #0000002e}.sf-slider{display:flex;align-items:center;gap:12px}.es-field-ctl>.sf-slider{flex:1;min-width:0}.sf-slider input[type=range]{flex:1;min-width:0;height:18px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.sf-slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--sf-track-bg);box-shadow:inset 0 0 0 1px var(--sf-input-border)}.sf-slider input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--sf-track-bg);box-shadow:inset 0 0 0 1px var(--sf-input-border)}.sf-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--sf-knob);border:2px solid var(--sf-accent);box-shadow:0 1px 2px #0000002e;transition:transform .12s}.sf-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--sf-knob);border:2px solid var(--sf-accent);box-shadow:0 1px 2px #0000002e;transition:transform .12s}.sf-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.sf-slider input[type=range]:hover::-moz-range-thumb{transform:scale(1.12)}.sf-slider.has-notch{position:relative}.sf-slider.has-notch:before{content:"";position:absolute;top:50%;left:calc(7px + (100% - 14px) * var(--sf-notch));width:2px;height:10px;margin-top:-5px;border-radius:1px;background:var(--sf-input-border);pointer-events:none}.sf-slider-val{font-size:12px;color:var(--sf-icon);font-variant-numeric:tabular-nums;min-width:42px;text-align:right;padding:0;border:none;background:none;font-family:inherit;line-height:inherit}button.sf-slider-val{cursor:text;border-radius:4px}button.sf-slider-val:hover{color:var(--sf-text);box-shadow:inset 0 0 0 1px var(--sf-input-border)}input.sf-slider-typed{width:42px;color:var(--sf-text);box-shadow:inset 0 0 0 1px var(--sf-accent);border-radius:4px;padding:1px 3px;touch-action:manipulation}input.sf-slider-typed:focus{outline:none}.sf-preview-pin{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:9px 14px;background:var(--sf-panel)}.sf-preview-pin-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sf-preview-pin-label{font-size:13px;font-weight:500;color:var(--sf-text)}.sf-preview-pin-hint{font-size:11px;color:var(--sf-muted)}.sf-colstep{display:flex;align-items:center;gap:6px}.sf-colstep-btn{width:22px;height:22px;padding:0;border:1px solid var(--sf-line);border-radius:6px;background:transparent;color:var(--sf-text);font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.sf-colstep-btn:hover:not(:disabled){border-color:var(--sf-accent)}.sf-colstep-btn:disabled{opacity:.4;cursor:default}.sf-colstep-value{min-width:14px;text-align:center;font-size:13px;font-weight:500;color:var(--sf-text)}.sf-checkbox{cursor:pointer}.sf-checkbox input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--sf-accent);cursor:pointer}.sf-locked{opacity:.5;pointer-events:none}.sf-seg2 button:focus-visible,.sf-readability-suggestion:focus-visible,.sf-swatch:focus-visible,.sf-field-eye:focus-visible,.sf-inherit--over:focus-visible,.sf-inherit--following:focus-visible,.sf-slider input[type=range]:focus-visible,.sf-insp-body select:focus-visible,.sf-checkbox input[type=checkbox]:focus-visible,.sf-textlist-x:focus-visible,.sf-textlist-add:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px}.sf-seg2 button:focus-visible{outline-offset:-1px}.sf-seg2{display:flex;gap:3px;background:var(--sf-track-bg);border:1px solid var(--sf-input-border);border-radius:9px;padding:3px}.sf-seg2 button{flex:1;border:none;background:transparent;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:500;color:var(--sf-icon);cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}@container (width < 280px){.sf-seg2 button{padding-inline:6px}}.sf-panel .flex-shrink-0:has(.es-segs-fit){flex-basis:100%;min-width:0}.sf-seg2 button:hover:not(.is-active){color:var(--sf-text-secondary);background:var(--sf-hover)}.sf-seg2 button.is-active{background:var(--sf-raised);color:var(--sf-text-strong);box-shadow:0 1px 2px #0000001a,0 0 0 1px #0000000a}.sf-seg2[data-disabled]{opacity:.5;cursor:not-allowed}.sf-seg2[data-disabled] button{cursor:not-allowed;color:var(--sf-disabled)}.sf-seg2[data-disabled] button.is-active{color:var(--sf-text-secondary)}.sf-seg2[data-disabled] button:hover:not(.is-active){background:transparent;color:var(--sf-disabled)}.sf-seg2 button>svg{display:block;margin:0 auto}.sf-textlist{display:flex;flex-direction:column;gap:6px}.es-field-ctl>.sf-textlist{flex:1 1 auto;min-width:0}.sf-textlist-row{display:flex;align-items:center;gap:6px}.sf-textlist-row input{flex:1;min-width:0}.sf-textlist>.es-copy-bar{margin-bottom:0}.sf-textlist-row.is-marking input{border-color:var(--sf-accent);box-shadow:0 0 0 1px var(--sf-accent-tint)}.sf-textlist-x{flex:none;width:28px;height:32px;border:none;background:transparent;color:var(--sf-muted);border-radius:7px;cursor:pointer;font-size:17px;line-height:1}.sf-textlist-x:hover{background:var(--sf-danger-tint);color:var(--sf-danger)}.sf-textlist-add{align-self:flex-start;margin-top:2px;padding:4px 2px;border:none;background:transparent;color:var(--sf-accent);font-size:12px;font-weight:500;cursor:pointer}.sf-textlist-add:hover{text-decoration:underline}.sf-blogsource{display:flex;flex-direction:column;gap:9px}.sf-blogsource-status{margin:0;font-size:12px;color:var(--sf-text-secondary)}.sf-blogsource-status[data-state=error]{color:var(--sf-danger)}.sf-source-open{display:inline;padding:0;border:0;background:none;font:inherit;color:var(--sf-accent-text);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.sf-source-open:hover{color:var(--sf-accent)}.sf-source-open:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px;border-radius:2px}.sf-blogsource-btn{align-self:flex-start;padding:7px 14px;border:1px solid var(--sf-input-border);border-radius:8px;background:transparent;color:var(--sf-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.sf-blogsource-btn:hover:not(:disabled){border-color:var(--sf-accent);color:var(--sf-accent)}.sf-blogsource-btn:disabled{opacity:.55;cursor:default}.sf-blogsource-hint{margin:0;font-size:11px;line-height:1.4;color:var(--sf-muted)}.sf-formpicker{display:flex;flex-direction:column;gap:9px}.sf-formsummary-caption{margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--sf-text-secondary)}.sf-formsummary-fields{margin:0;padding-left:18px;font-size:12px;line-height:1.55;color:var(--sf-text-secondary)}.sf-formsummary-warn{margin:0;font-size:11.5px;line-height:1.45;color:var(--sf-danger)}.sf-formsummary-actions{display:flex;flex-wrap:wrap;gap:8px}.sf-image-btn{border:1px solid var(--sf-btn-border);background:var(--sf-panel);color:var(--sf-btn-text);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s}.sf-image-btn:hover:not(:disabled){background:var(--sf-hover)}.sf-image-btn:disabled{cursor:default;opacity:.55}.sf-image-status{margin-top:6px;font-size:11px;color:var(--sf-muted)}.sf-image-status--error{color:var(--sf-danger)}ul.sf-image-status{list-style:none;padding:0}.sf-image-status--error li{color:inherit;font-size:inherit}.sf-image-slot-inert{border:1.5px dashed var(--sf-input-border);border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.5;color:var(--sf-muted);background-image:repeating-linear-gradient(45deg,var(--sf-hatch) 0 1px,transparent 1px 12px)}.sf-focus{display:flex;flex-direction:column;gap:6px}.sf-focus-canvas{display:flex;align-items:center;justify-content:center;min-height:150px;padding:0;border:1px solid var(--sf-line);border-radius:6px;background:var(--sf-preview-bg);cursor:crosshair;touch-action:none}.sf-focus-canvas:focus-visible{outline:2px solid var(--sf-accent);outline-offset:1px}.sf-focus-pane{position:relative;display:inline-block;max-width:100%;line-height:0}.sf-focus-img{display:block;width:auto;height:auto;max-width:100%;max-height:150px;object-fit:contain}.sf-focus-cross{position:absolute;background:#ffffff73;pointer-events:none}.sf-focus-cross--h{right:0;left:0;height:1px}.sf-focus-cross--v{top:0;bottom:0;width:1px}.sf-focus-marker{position:absolute;width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1.5px #0000008c,0 1px 5px #0000007f;transform:translate(-50%,-50%);pointer-events:none}.sf-focus-bar{display:flex;align-items:center;gap:8px}.sf-focus-hint{min-width:0;flex:1;font-size:11px;color:var(--sf-muted)}.es-insp-rows:has([data-sf-focusing]) .es-pick-image-frame{display:none}.sf-note{padding:14px 16px;font-size:13px;line-height:1.5;color:var(--sf-muted)}.sf-note p+p{margin-top:8px}.sf-note strong{color:var(--sf-text);font-weight:600}.sf-note-detail{margin-top:10px;font-size:11px;color:var(--sf-muted);opacity:.75;word-break:break-all}.sf-note--error{color:var(--sf-danger);background:var(--sf-danger-tint);border-radius:6px}.sf-part-back{display:flex;align-items:center;gap:6px;width:calc(100% + 28px);margin:0 -14px 10px;padding:9px 14px;background:none;border:0;font:inherit;font-size:12px;color:var(--sf-muted);text-align:left;cursor:pointer}.sf-part-back:hover{color:var(--sf-text);background:var(--sf-chip-bg)}.sf-part-back span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sf-part-style{position:relative;margin:0 0 4px;padding:11px 13px;border:1px solid var(--sf-divider);border-radius:12px;background:var(--sf-track-bg)}.sf-part-style.has-overrides{border-color:var(--sf-accent-ring)}.sf-part-style.has-overrides:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--sf-accent);border-radius:12px 0 0 12px}.sf-part-style-caption{margin-bottom:2px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-muted)}.sf-part-style-count{margin-bottom:3px;font-size:11px;font-weight:600;color:var(--sf-muted)}.sf-part-style-name{min-width:0;font-size:20px;line-height:1.15;letter-spacing:-.01em;color:var(--sf-text-strong);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sf-part-style-pick{position:relative}.sf-part-style-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;min-width:0}.sf-part-style-trigger .sf-part-style-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-part-style-sign{margin-left:auto;width:16px;flex:none;text-align:center;color:var(--sf-muted);font-size:14px;line-height:1}.sf-part-style-trigger[aria-expanded=false] .sf-part-style-sign:before{content:"+"}.sf-part-style-trigger[aria-expanded=true] .sf-part-style-sign:before{content:"\2212"}.sf-part-style-trigger:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px;border-radius:3px}.sf-part-style-menu{position:absolute;z-index:30;left:0;right:0;box-shadow:0 8px 24px #0000002e}.sf-part-style-option{display:flex;align-items:baseline;gap:8px;width:100%;padding:7px 9px;border:0;background:none;text-align:left;font-size:13px;color:var(--sf-field-text);border-radius:max(calc(var(--sf-field-radius) - 2px),2px);cursor:pointer}.sf-part-style-option:hover{background:var(--sf-accent-ring)}.sf-part-style-option:focus-visible{outline:2px solid var(--sf-accent);outline-offset:-2px}.sf-part-style-option.is-on{background:var(--sf-accent-ring);font-weight:600}.sf-part-style-option-name{flex:0 0 auto;white-space:nowrap}.sf-part-style-option .sf-note{min-width:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-part-style-meta{margin-top:1px;font-size:11px;color:var(--sf-muted);font-variant-numeric:tabular-nums}.sf-part-style-top{display:flex;align-items:center;gap:9px;margin-top:8px}.sf-part-style-gap{flex:1}.sf-part-style-state{font-size:11.5px;color:var(--sf-text-secondary)}.sf-part-chip{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;background:var(--sf-accent-tint);color:var(--sf-accent-text);font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}.sf-part-link{border:0;background:none;padding:0;font:inherit;font-size:12px;font-weight:500;color:var(--sf-accent-text);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--sf-accent-ring)}.sf-part-link:hover{text-decoration-color:currentColor}.es-group-body>.sf-note{margin:12px 0 -4px;padding:0 0 0 2px}.sf-slot-rows>.sf-note{padding:10px 11px 12px}.sf-part-field.is-style-value>.es-field-head>.es-field-value,.sf-part-field.is-style-value>.es-field-head>.es-field-value>.sf-slider-val{color:var(--sf-muted)}.sf-part-select{width:100%;min-width:0}.sf-part-ink{display:flex;flex-direction:column;gap:8px;min-width:0}.sf-part-ink>.es-pick-colour>.es-pick-colour-row{align-self:flex-end}.sf-part-mark{width:18px;height:18px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:var(--sf-accent);cursor:pointer}.sf-part-mark-dot{transform-origin:center;transition:transform .15s ease,opacity .15s ease}.sf-part-mark-arrow{opacity:0;transition:opacity .15s ease}.sf-part-mark:hover .sf-part-mark-dot,.sf-part-mark:focus-visible .sf-part-mark-dot{transform:scale(0);opacity:0}.sf-part-mark:hover .sf-part-mark-arrow,.sf-part-mark:focus-visible .sf-part-mark-arrow{opacity:1}@media(prefers-reduced-motion:reduce){.sf-part-mark-dot,.sf-part-mark-arrow{transition:none}}.sf-part-text{margin-top:4px;margin-bottom:4px}.sf-part-text .sf-copybox textarea{min-height:84px;line-height:1.5;resize:vertical}.sf-entries{margin-top:32px}.sf-entries-head{margin:14px 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-muted)}.sf-entry-eye{display:inline-flex;align-items:center;color:var(--sf-muted)}.sf-slot-rows .sf-add-card{padding:8px 11px;border-radius:0}.sf-image-drop{flex:1;min-width:0}.sf-image-drop.is-dragover .es-pick-image-slot{border-color:var(--sf-accent);background-color:var(--sf-accent-tint)}.sf-image-drop.is-dragover .es-pick-image-frame{outline:2px solid var(--sf-accent);outline-offset:-2px}.sf-gallery-filter{display:flex;gap:5px;flex-wrap:wrap}.sf-gallery-filter button{border:1px solid var(--sf-input-border);background:var(--sf-field-bg);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:600;color:var(--sf-icon);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sf-gallery-filter button:hover{background:var(--sf-hover)}.sf-gallery-filter button[aria-pressed=true]{background:var(--sf-accent);border-color:var(--sf-accent);color:var(--sf-on-accent)}.sf-gallery-layouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;margin-top:7px}.sf-linkstack{display:flex;flex-direction:column;gap:7px}.es-field-ctl>.sf-gallery-layouts,.es-field-ctl>.sf-gallery-filter,.es-field-ctl>.sf-linkstack{flex:1 1 auto;min-width:0}.sf-gallery-layouts button{border:1px solid var(--sf-input-border);background:var(--sf-field-bg);border-radius:7px;padding:5px;cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s}.sf-gallery-layouts button:hover{background:var(--sf-hover)}.sf-gallery-layouts button[aria-pressed=true]{border-color:var(--sf-accent);box-shadow:0 0 0 2px var(--sf-accent-ring);background:var(--sf-panel)}.sf-gallery-pic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:6px;grid-auto-flow:row dense;gap:2px}.sf-gallery-pic i{display:block;background:var(--sf-track-bg);border-radius:1.5px}.sf-gallery-layouts button[aria-pressed=true] .sf-gallery-pic i{background:var(--sf-accent)}.sf-gallery-count{font-size:10.5px;color:var(--sf-disabled);margin-top:7px}.sf-head-divider{width:1px;height:16px;margin:0 4px;background:var(--sf-line);flex:none}.es-btn-ghost.sf-head-textbtn{height:28px;padding:0 10px;font-size:12.5px;border-radius:7px;white-space:nowrap}.es-sidepanel.sf-panel-strip{width:40px;align-items:center;padding-top:12px}