@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2) format('woff2');font-weight:200 800;font-display:swap}
:root{--indigo:#3e32d3;--ink:#1d1d22;--muted:#575760;--line:#e9e9ee;--ground:#f7f7fa;--radius:16px;font-family:Inter,system-ui,sans-serif;color:var(--ink);font-size:14px;line-height:1.6;background:#fff;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:var(--indigo);text-underline-offset:4px}button{min-height:44px;border:1px solid var(--line);border-radius:24px;padding:10px 20px;background:white;color:var(--ink);font-size:13px;font-weight:500;transition:background .15s,border-color .15s}button:hover:enabled{background:#f1f0fa;border-color:#d8d5f4}.primary{background:var(--indigo);border-color:var(--indigo);color:white}.primary:hover:enabled{background:#3023b1;border-color:#3023b1}.secondary{border-color:#d8d5f4;color:var(--indigo)}.quiet{border-color:transparent;background:transparent;color:var(--muted)}:focus-visible{outline:3px solid var(--indigo);outline-offset:4px}[hidden]{display:none!important}
.skip{position:absolute;left:12px;top:-100px;z-index:5;background:white;padding:12px}.skip:focus{top:8px}.topbar{min-height:80px;display:flex;align-items:center;gap:24px;padding:18px max(28px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line)}.brand{font-family:Manrope,Inter,sans-serif;display:flex;align-items:center;gap:24px;text-decoration:none;font-weight:700;font-size:27px;letter-spacing:-.065em}.brand span{font-family:Inter,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.environment{font-size:11px;color:var(--muted);margin-left:auto}.topbar button{font-size:12px}main{max-width:1320px;margin:auto;padding:48px 28px 80px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Inter,sans-serif;letter-spacing:-.045em;font-weight:600;text-wrap:balance}h1{font-size:clamp(32px,4vw,48px);line-height:1.1;margin-bottom:14px}h2{font-size:24px;line-height:1.25;margin-bottom:12px}h3{font-size:17px;line-height:1.3;margin-bottom:8px}.eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--indigo);margin-bottom:14px}.hint{font-size:12px;color:var(--muted);line-height:1.6}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading p:last-child{color:var(--muted);font-size:12px;margin-bottom:0}.heading-actions{display:flex;flex-wrap:wrap;gap:10px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:12px;flex-wrap:wrap}.tabs button{border-color:transparent;background:transparent;color:var(--muted);padding:9px 18px}.tabs button[aria-current]{color:var(--indigo);background:#f0eeff}.workflow{display:flex;list-style:none;padding:0;margin:0 0 32px;gap:32px;flex-wrap:wrap}.workflow li{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.workflow li span{font-size:10px;border:1px solid var(--line);border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.workflow li[aria-current]{color:var(--indigo)}.workflow li[aria-current] span{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}.project-panel{background:var(--ground);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-width:0}.project-panel>summary{display:list-item;cursor:pointer;min-height:44px}.project-panel>summary h2{display:inline;font-size:18px}.project-panel>summary #project-count{float:right;border-radius:20px;background:#fff;padding:1px 9px;font-size:12px}.project-panel>.hint{margin:4px 0 20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel-heading h2{margin:0}.panel-heading .hint{margin:8px 0 0;max-width:650px}.project-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 28px;gap:2px;padding:5px 0}.project-select{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;padding:9px 8px;min-width:0;border-radius:10px;background:transparent}.project-select[aria-current]{background:white;color:var(--indigo);border-color:#dfdcf6;box-shadow:0 3px 12px #24214a06}.project-select img{width:38px;height:48px;object-fit:cover;border-radius:5px}.project-select span{min-width:0;overflow-wrap:anywhere;font-size:12px}.project-select small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.order-button{padding:0;font-size:9px;border:0;color:var(--muted);background:transparent}.editor-panel{border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-width:0}.editor-panel>.panel-heading{padding-bottom:20px;border-bottom:1px solid var(--line)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-panel label,.login label{display:grid;gap:8px;font-size:12px;font-weight:500}input,textarea,select{width:100%;min-width:0;border:1px solid #d6d6df;border-radius:8px;padding:12px 14px;background:white;color:var(--ink);min-height:48px;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:var(--indigo)}textarea{resize:vertical}input[readonly]{background:var(--ground);color:var(--muted)}.editor-panel form>label{margin-top:20px}.checks{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.checks label{display:flex;align-items:center;font-weight:400}.checks input{width:18px;height:18px;min-height:18px;accent-color:var(--indigo)}.pill{font-size:10px;border:1px solid var(--line);border-radius:20px;background:var(--ground);padding:4px 10px;color:var(--muted);white-space:nowrap}.photos-panel{margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.photos-panel>summary{cursor:pointer;padding:18px 0;min-height:52px;font-weight:500}.photos-panel>summary .pill{margin-left:8px}.photos-panel>summary .hint{font-weight:400;margin-left:12px}.gallery-heading{margin-top:8px}.upload-label{color:var(--indigo);border:1px solid #d8d5f4;border-radius:12px;padding:10px 14px;cursor:pointer;max-width:220px}.upload-label input{font-size:11px;padding:0;border:0;min-height:24px;margin-top:4px}.gallery-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--line)}.gallery-row img{width:76px;height:100px;object-fit:cover;border-radius:8px}.gallery-row label{margin-bottom:12px}.image-actions{display:flex;flex-wrap:wrap;gap:4px}.image-actions button{font-size:11px;padding:8px 12px}.photos-panel #gallery{padding-bottom:12px}.editor-actions{display:flex;align-items:center;gap:16px;padding-top:4px}.editor-actions .hint{max-width:330px}
.review-panel,.history-panel,.billing-panel{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;margin-bottom:24px}.review-panel>.panel-heading{align-items:start}.review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0}.review-actions a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;margin-left:auto}.review-actions .hint{margin-right:auto}.review-actions button[aria-pressed=true]{background:#f0eeff;color:var(--indigo);border-color:#dfdcf6}.preview-stage{padding:16px;background:var(--ground);border:1px solid var(--line);border-radius:12px;overflow:auto}iframe{display:block;width:100%;height:660px;border:1px solid var(--line);border-radius:6px;background:white;margin:auto}iframe.mobile{width:min(390px,100%);height:720px}.empty-state{padding:50px 24px;text-align:center;background:var(--ground);border:1px dashed #dcdae8;border-radius:12px}.empty-state p{color:var(--muted);font-size:13px;max-width:420px;margin:12px auto 0}.empty-number{display:block;font:500 40px/1 Manrope,sans-serif;letter-spacing:-.06em;color:#aaa5d5;margin-bottom:20px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:12px}.history-row span{overflow-wrap:anywhere;min-width:0}.history-row button,.history-row a{font-size:12px;flex-shrink:0}.history-row a{display:flex;align-items:center;min-height:44px}.delivery-options{border:1px solid var(--line);border-radius:12px;padding:16px 24px}.delivery-options summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:13px}.delivery-options p{margin-top:10px}.connection-address{background:var(--ground);padding:20px;border-radius:12px;margin:24px 0}.connection-address label{display:block;font-size:12px;font-weight:500;margin-bottom:10px}.connection-address>div{display:flex;gap:10px}.connection-address button{flex-shrink:0}.connection-address .hint{margin:12px 0 0}.billing-panel{max-width:800px}.notice{font-size:12px;background:var(--ground);border-left:2px solid var(--indigo);padding:16px 20px}.billing-item{padding:16px 0;border-top:1px solid var(--line)}#subscribe-form{margin:28px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#billing-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0;padding:0;margin:20px 0}#billing-plans legend{font-size:13px;font-weight:500;margin-bottom:12px}.plan-option{display:flex;align-items:start;gap:12px;border:1px solid var(--line);border-radius:12px;padding:20px;cursor:pointer}.plan-option:has(input:checked){border-color:var(--indigo);background:#faf9ff}.plan-option input,.terms-check input{width:18px;height:18px;min-height:18px;margin:2px 0;accent-color:var(--indigo);flex-shrink:0}.plan-option small{display:block;color:var(--muted);margin-top:4px}.terms-check{display:flex;align-items:start;gap:12px;margin:20px 0;font-size:12px}#billing-error:not(:empty){border-left:2px solid var(--indigo);padding:12px;background:var(--ground)}#billing-refresh{margin:12px 8px 12px 0}#status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);margin:0;padding:12px 20px;background:var(--ink);color:white;border-radius:24px;box-shadow:0 8px 32px #0002;font-size:12px;z-index:10}#status:empty{display:none}
@media(max-width:1000px){.workspace{grid-template-columns:235px minmax(0,1fr);gap:20px}.editor-panel{padding:24px}.project-panel{padding:16px}.panel-heading{flex-wrap:wrap}.review-panel>.panel-heading{align-items:start}}
@media(max-width:640px){.topbar{padding:16px 20px;gap:12px;flex-wrap:wrap}.brand{font-size:25px;gap:14px}.brand span{padding-left:14px;font-size:11px}.environment{order:3;width:100%;margin:0;font-size:10px}.topbar #logout{margin-left:auto;padding:8px 12px}main{padding:28px 20px 64px}.page-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:24px}.heading-actions{justify-content:flex-start}.tabs{gap:4px}.tabs button{padding:9px 12px;font-size:12px}.workflow{gap:12px;margin-bottom:24px}.workflow li{font-size:10px;gap:6px}.workflow li span{width:22px;height:22px;font-size:9px}.workspace{grid-template-columns:1fr;gap:20px}.project-panel{padding:16px 20px}.editor-panel,.review-panel,.history-panel,.billing-panel{padding:20px}.review-panel{padding:20px 0;border:0}.fields{grid-template-columns:1fr;gap:16px}.checks{gap:12px}.photos-panel>summary .hint{display:block;margin:6px 0 0 18px}.gallery-row{grid-template-columns:60px minmax(0,1fr);gap:12px}.gallery-row img{width:60px;height:80px}.editor-actions{align-items:start;flex-direction:column;gap:12px}.editor-actions .primary{width:100%}.preview-stage{padding:5px}iframe,.preview-stage iframe{height:65vh;min-height:420px}.review-actions a{margin-left:0}.history-row{gap:12px;flex-wrap:wrap}.panel-heading>.secondary{width:100%}#billing-plans{grid-template-columns:1fr}.connection-address{padding:16px}.connection-address>div{flex-direction:column}input,textarea,select{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.website-fields{display:grid;gap:28px}.website-fields fieldset{border:1px solid var(--line,#e6e6ef);border-radius:12px;padding:24px;margin:0}.website-fields legend{font-weight:650;padding-inline:8px}.website-fields label{display:block;margin-block:12px 6px}.website-fields input:not([type=checkbox]),.website-fields select,.website-fields textarea{width:100%;max-width:720px}.website-fields textarea{min-height:100px}.website-fields input[type=color]{height:44px;max-width:90px}.section-order{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block:10px}.section-order label{margin:0;flex:1;min-width:140px}.launch-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;gap:24px;margin-block:32px}.launch-steps li{border-top:2px solid var(--line,#e6e6ef);padding-top:20px}.launch-steps strong{font-size:1.15rem}.launch-steps p{min-height:60px}.launch-steps a{display:block;margin-top:16px}@media(max-width:800px){.launch-steps{grid-template-columns:1fr}.launch-steps p{min-height:0}.website-fields fieldset{padding:16px}.tabs{overflow-x:auto;white-space:nowrap}}

.website-fields fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.website-field{min-width:0}.website-field-wide,.website-fields fieldset>.hint{grid-column:1/-1}.website-fields fieldset:has(#website-sections),.website-fields fieldset:has(#website-hero){display:block}.website-fields input[type=checkbox]{width:18px;height:18px;min-height:18px;display:inline-block;margin-right:8px;accent-color:var(--indigo)}.website-check{display:flex;align-items:center;gap:8px}.website-check label{margin:0}.website-fields .section-order input{vertical-align:middle}.website-fields input[type=file]{max-width:100%}@media(max-width:640px){.website-fields fieldset{grid-template-columns:1fr}.website-field-wide{grid-column:auto}}

.cover-project{padding-block:12px;border-top:1px solid var(--line)}.cover-project h3{font-size:14px;margin:0}.cover-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:640px){.cover-controls{grid-template-columns:1fr;gap:0}}

.demo-import-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.demo-import-actions .upload-label{display:grid;gap:8px;flex:0 1 260px;max-width:100%;min-width:0;font-size:12px;font-weight:500}.demo-import-actions .upload-label input{display:block;width:100%;max-width:100%;margin:0}.demo-import-actions button{max-width:100%;white-space:normal}@media(max-width:640px){.demo-import-actions{align-items:stretch}.demo-import-actions .upload-label{flex-basis:100%}.demo-import-actions button{width:100%}}

/* Editor controls and immutable saved preview share one workspace. */
main:has(.editing-shell:not([hidden])){max-width:1800px}.editing-shell{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;align-items:start}.editing-shell #editing-controls{min-width:0}.editing-shell .workspace{grid-template-columns:1fr;gap:16px}.editing-shell .editor-panel{padding:20px}.editing-shell .fields,.editing-shell .website-fields fieldset,.editing-shell .cover-controls{grid-template-columns:1fr}.editing-shell .website-fields{gap:12px}.editing-shell .website-field-wide,.editing-shell .website-fields fieldset>.hint{grid-column:auto}.editing-shell .website-fields fieldset{border:0;padding:16px;margin:0}.editing-shell .website-fields fieldset>.hint{margin-bottom:8px}.editor-group{border:1px solid var(--line);border-radius:12px;overflow:clip}.editor-group>summary{cursor:pointer;padding:16px;min-height:48px;font-weight:600;list-style-position:inside}.editor-group[open]>summary{border-bottom:1px solid var(--line);background:var(--ground)}.editing-preview{position:sticky;top:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--ground);min-width:0;overflow:clip}.editing-preview-heading{padding:16px 20px;background:white;border-bottom:1px solid var(--line)}.editing-preview-heading h2{font-size:18px;margin-bottom:6px}.editing-preview-heading p{margin-bottom:8px}.editing-preview-actions{display:flex;flex-wrap:wrap;gap:6px}.editing-preview-actions button{font-size:11px;padding:8px 12px}.editing-stage{position:relative;padding:12px}.editing-stage iframe{height:calc(100vh - 250px);min-height:450px;max-height:900px;width:100%;border-radius:6px}.editing-highlight{position:absolute;pointer-events:none;border:3px solid var(--indigo);background:#3e32d30d;border-radius:4px;z-index:1}.settings-menu{position:relative;margin-left:auto}.settings-menu>summary{cursor:pointer;padding:10px 18px;min-height:44px;font-size:13px;list-style-position:inside}.settings-menu>div{position:absolute;right:0;top:100%;min-width:220px;padding:8px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0001;z-index:5}.settings-menu button{display:block;width:100%;text-align:left}.mobile-assistant,.editing-mobile-switch{display:none}.demo-tools{margin-bottom:20px}.demo-tools>summary,.project-advanced>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:12px}.demo-tools .demo-import-actions{margin-top:12px}.project-advanced{margin:16px 0}.project-advanced label{margin-bottom:12px}.editing-shell .editor-panel>.panel-heading{padding-bottom:12px}.editing-shell #project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.editing-shell .project-row{grid-template-columns:minmax(0,1fr) 24px 24px}.editing-shell .upload-label{display:grid}.editing-shell .website-fields label{font-size:12px}.editing-shell #website-form>button{margin:12px 4px 0 0}.editing-shell .website-fields input,.editing-shell .website-fields select{max-width:100%}
@media(max-width:900px){.editing-shell{grid-template-columns:300px minmax(0,1fr);gap:16px}.editing-shell .editor-panel{padding:16px}.editing-shell #project-list{grid-template-columns:1fr}}
@media(max-width:800px){.editing-shell{display:block}.editing-preview{position:static}.editing-shell #editing-preview{display:none}.editing-shell.mobile-show-preview #editing-controls{display:none}.editing-shell.mobile-show-preview #editing-preview{display:block}.editing-mobile-switch{display:flex;gap:8px;margin-bottom:16px}.editing-mobile-switch [aria-pressed=true]{background:var(--indigo);color:white;border-color:var(--indigo)}.mobile-assistant:not([hidden]){display:block;background:var(--ground);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:20px}.mobile-assistant h2{font-size:18px}.mobile-assistant p{font-size:12px;color:var(--muted)}.editing-stage iframe{height:70vh;min-height:400px}.editing-shell #project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-menu{margin-left:0}.settings-menu>div{right:auto;left:0}.editing-shell #website-form>button{max-width:100%}}
@media(max-width:480px){.editing-shell #project-list{grid-template-columns:1fr}.editing-preview-actions button{flex:1 1 auto}.editing-shell .editor-panel{padding:16px}}

#project-details>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.photos-panel:has(#gallery:empty) .upload-label{width:100%;max-width:none;padding:18px}.photos-panel:has(#gallery:empty) .gallery-heading{display:block}.editing-shell #project-form>label{margin-bottom:12px}.editing-shell input[type=color]{max-width:90px;width:90px;height:44px;padding:6px}.editing-shell .website-fields fieldset:has(#website-sections),.editing-shell .website-fields fieldset:has(#website-hero){display:block}
main:has(#dashboard:not([hidden])){padding-top:24px}#dashboard>.page-heading{margin-bottom:20px}#dashboard>.page-heading h1{font-size:32px;margin-bottom:8px}#dashboard>.page-heading .eyebrow{margin-bottom:8px}.editing-shell #editing-controls>.workflow{margin-bottom:16px}