.editor-page{max-width:1400px;margin:auto;padding:2rem clamp(1rem,3vw,3rem)}.editor-page h1{margin:.4rem 0;font-size:clamp(1.8rem,3vw,2.8rem)}.editor-page fieldset{border:0;min-width:0;margin:1.5rem 0;padding:0}.editor-page [hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor-status{background:var(--surface);border-left:3px solid var(--accent);white-space:pre-wrap;min-height:3.5rem;padding:1rem}.version-list{flex-wrap:wrap;gap:1rem;display:flex}.version-card{overflow-wrap:anywhere;border:1px solid #d2d6d2;flex-direction:column;gap:.7rem;min-width:210px;max-width:100%;padding:1rem;display:flex}.version-card.selected{border:2px solid var(--accent);background:var(--surface)}.version-card span,.draft-revision{color:#556258;font-size:.875rem}.editor-page button:not(.button),.draft-dialog button{font:inherit;color:#243c2e;cursor:pointer;border-radius:var(--button-radius);background:#fff;border:1px solid #bbc6bd;min-height:38px;padding:.4rem .7rem;font-size:.875rem}.editor-page button[aria-pressed=true]{background:var(--accent);color:#fff}.editor-page button:disabled{opacity:.45;cursor:default}.editor-page button:focus-visible,.editor-page input:focus-visible,.editor-page textarea:focus-visible{outline-offset:2px;outline:3px solid #5379b3}.editor-page input,.editor-page textarea,.editor-page select{font:inherit;box-sizing:border-box;background:#fff;border:1px solid #bbc6bd;border-radius:4px;max-width:100%;padding:.5rem;font-size:1rem}.editor-page label{flex-direction:column;gap:.4rem;font-size:.875rem;display:flex}.editor-page input[type=checkbox]{flex-shrink:0;width:18px;height:18px}.editor-version-tools{background:var(--surface);border:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:.65rem;margin-bottom:.75rem;padding:1rem;display:flex}.editor-version-tools label{flex:1;min-width:180px}.editor-toolbar{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:6px;margin-bottom:1.5rem;padding:.75rem 1rem;position:sticky;top:.5rem;box-shadow:0 3px 12px #0002}.editor-primary-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.editor-save-feedback{color:var(--text);overflow-wrap:anywhere;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.5rem;font-size:.8rem;line-height:1.4;display:flex}.editor-save-feedback .draft-revision{color:inherit}.toolbar-status{max-height:3.2em;overflow:auto}.editor-work :is(input,textarea,select,.lay-card){scroll-margin-top:160px}@media (max-width:720px){.editor-toolbar{padding:.6rem;top:0}.editor-primary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.editor-primary-actions button,.editor-primary-actions .button{justify-content:center;min-width:0;min-height:44px;padding:.65rem .25rem;font-size:.8rem}.editor-save-feedback{font-size:.75rem}}.lay-board,.draft-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.lay-card{background:#fff;border:1px solid #c6cec6;border-radius:6px;min-width:0;padding:1rem}.lay-card.hidden-blk{background:#f0f1f0;border-style:dashed}.lay-head{border-bottom:1px solid #e4e8e4;flex-wrap:wrap;align-items:center;gap:.5rem;padding-bottom:.8rem;display:flex}.lay-head strong{overflow-wrap:anywhere;flex:1;min-width:90px}.lay-handle{cursor:grab;-webkit-user-select:none;user-select:none;padding:0 .4rem;font-size:1.6rem}.lay-tools,.lay-style,.lay-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.8rem 0;display:flex}.lay-tools>span{font-size:.875rem}.lay-style{border-bottom:1px solid #e4e8e4;padding-bottom:1rem}.lay-style label{max-width:110px}.lay-style input{width:100%}.lay-style input[type=color]{width:52px;height:39px;padding:3px}.lay-content{gap:1rem;display:grid}.lay-content input,.lay-content textarea{width:100%}.lay-button-row{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.lay-button-row label{flex:1;min-width:120px}.lay-endzone{text-align:center;color:#526255;border:2px dashed #c6cec6;margin:1rem 0;padding:1.25rem}.lay-card.dragging{opacity:.45}.lay-card.drop-before{box-shadow:-5px 0 0 var(--accent)}.lay-card.drop-after{box-shadow:5px 0 0 var(--accent)}.lay-endzone.over{border-color:var(--accent);background:var(--surface)}.editor-scope{color:#556258;border-top:1px solid #d2d6d2;padding-top:1rem;font-size:.875rem}.draft-dialog{color:#24372b;background:#fff;border:1px solid #b6c4b8;width:min(1200px,94vw);max-height:90vh;padding:0}.draft-dialog::backdrop{background:#172c26aa}.dialog-toolbar{background:var(--surface);z-index:2;border-bottom:1px solid #d2d6d2;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:sticky;top:0}.draft-preview-heading{max-width:640px;padding:1rem 0 2rem}.draft-preview-heading h2{font-size:2.5rem;line-height:1.3}.draft-cell{overflow-wrap:anywhere;min-width:0}.draft-text{white-space:pre-wrap;line-height:1.8}@media (max-width:720px){.lay-card,.draft-cell{grid-column:1/-1!important}.editor-page{padding:1rem}.draft-preview-heading h2{font-size:1.8rem}.editor-toolbar{align-items:stretch}.version-card{flex:1}.lay-style label{max-width:100px}}.theme-controls,.background-controls{border:1px solid var(--line);background:#fff;border-radius:6px;margin:1rem 0 1.5rem;padding:1.4rem}.theme-controls h2,.background-controls h2{margin-bottom:.6rem;font-size:1.35rem}.theme-presets,.theme-fields,.background-options{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.theme-presets button{align-items:center;gap:.6rem;display:flex}.theme-dots{display:flex}.theme-dots i{border:1px solid #0002;border-radius:50%;width:18px;height:18px;margin-left:-3px;display:block}.theme-fields label{flex:1;min-width:145px}.theme-fields label>span{align-items:center;gap:.65rem;display:flex}.theme-fields input[type=color]{cursor:pointer;width:48px;height:40px;padding:3px}.theme-fields output{font-family:monospace;font-size:.8rem}.theme-sample{background:var(--background);color:var(--text);border:1px solid var(--line);border-radius:5px;margin-top:1.5rem;overflow:hidden}.theme-sample-notice{background:var(--accent);color:var(--on-accent);text-align:center;padding:.5rem;font-size:.8rem}.theme-sample-content{grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem;display:grid}.theme-sample-content aside{background:var(--surface);padding:1.2rem}.theme-sample-content h3{font-size:1.5rem}.theme-hint{margin:1rem 0 0;font-size:.8rem}.background-thumbnail{object-fit:contain;border:1px solid var(--line);background:#f1f1f1;width:300px;max-width:100%;height:160px;margin:1rem 0;display:block}.background-options{align-items:end}.background-options label{min-width:160px}.image-upload{max-width:420px}.draft-preview-body{padding:0}.home-preview{isolation:isolate;background:var(--background);color:var(--text);min-height:500px;position:relative}.home-background{pointer-events:none;z-index:-1;position:absolute;inset:0}.home-preview-content{position:relative}.home-preview .draft-grid{padding-bottom:3rem}.home-preview .button{color:var(--on-accent)}@media (max-width:560px){.theme-sample-content{grid-template-columns:1fr}.theme-controls,.background-controls{padding:1rem}.theme-fields label{min-width:120px}.background-options>*{width:100%}}.content-figure{min-width:0;margin:0}.content-image{border-radius:inherit;width:100%;height:auto;display:block}.content-image.fit-cover{aspect-ratio:16/9;object-fit:cover}.content-image.fit-contain{object-fit:contain}.content-figure figcaption{margin-top:.8rem;line-height:1.7}[data-image-controls]{gap:.75rem;min-width:0;display:grid}[data-image-controls] input{min-width:0;max-width:100%}.background-thumbnail[hidden]{display:none}.publish-dialog{border:1px solid var(--line);border-radius:10px;width:calc(100% - 2rem);max-width:500px;padding:1.5rem}.publish-dialog::backdrop{background:#0007}.hero-controls{border:1px solid var(--line);background:#fff;border-radius:6px;margin:1rem 0 1.5rem;padding:1.4rem}.hero-controls h2{font-size:1.35rem}.hero-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.hero-fields input,.hero-fields textarea{width:100%;min-width:0}@media (max-width:720px){.hero-fields{grid-template-columns:1fr}.hero-controls{padding:1rem}}.editor-primary-actions .is-publishing{justify-content:center;align-items:center;gap:.5rem;display:inline-flex;opacity:1!important}.editor-primary-actions .is-publishing:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.75s linear infinite publish-spin;display:inline-block}@keyframes publish-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.editor-primary-actions .is-publishing:before{animation:none}}.hero.hero-single{grid-template-columns:minmax(0,1fr);gap:0}.hero.hero-single .brand-note{min-height:0}.hero>div>:last-child{margin-bottom:0}.hero-controls .hero-toggle{cursor:pointer;align-items:center;gap:10px;margin:0;font-size:.88rem;display:flex}.hero-controls .hero-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex:0 0 20px;margin:0}.hero-section-toggle{background:var(--surface);border-radius:8px;margin:20px 0;padding:14px 16px}.hero-field{min-width:0}.hero-field>label:not(.hero-toggle){margin:10px 0 6px;font-size:.82rem;display:block}.hero-field>.hero-toggle{margin-bottom:12px}.hero-field input:not([type=checkbox]),.hero-field textarea{border:1px solid var(--line);background:var(--background);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:6px;padding:10px}.hero-fixed-toggles{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.hero-visibility-summary{color:var(--muted);margin:16px 0;font-size:.85rem}.hero-controls [hidden]{display:none!important}.block-content{min-width:0;display:flow-root}.home-preview .draft-grid[hidden]{display:none!important}.block-viewport{min-width:0}.free-editor{border:1px solid var(--line);margin:24px 0;padding:20px}.home-template-picker{border:1px solid var(--line);background:var(--background);border-radius:12px;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:28px;margin:20px 0;padding:24px;display:grid}.home-template-picker h2{font-size:1.5rem}.home-template-picker p{max-width:620px}.template-thumbnail{background:#faf7f2;border:1px solid #d9ccbd;border-radius:8px;width:260px;height:350px;position:relative;overflow:hidden}.template-mini-page{transform-origin:0 0;pointer-events:none;width:1100px;position:absolute}.template-mini-page .home-preview .draft-grid.free-public{aspect-ratio:var(--canvas-ratio);margin:24px 44px 80px;padding:0;display:block;position:relative}.template-mini-page .free-public>.draft-cell{left:var(--free-x);top:var(--free-y);width:var(--free-w);height:var(--free-h);z-index:var(--free-z);position:absolute;overflow:hidden}.template-mini-page .free-public>.draft-cell>.block-viewport{height:100%;overflow:auto}@media (max-width:720px){.home-template-picker{grid-template-columns:minmax(0,1fr);padding:16px}.template-thumbnail{max-width:100%;margin:auto}}.free-stage{outline:1px solid var(--line);width:100%;margin:24px 0;position:relative;overflow:hidden}.free-surface.home-preview{transform-origin:0 0;width:1100px;min-height:0;position:absolute}.free-object{outline:1px dashed var(--accent);min-width:0;position:absolute}.free-object.selected{outline:3px solid var(--accent)}.free-object-body{overflow-wrap:anywhere;width:100%;height:100%;overflow:hidden}.free-object-body>.block-viewport{height:100%;overflow:auto}.editor-page .free-object .free-drag,.editor-page .free-object .free-resize{z-index:1;background:var(--accent);color:var(--on-accent);touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:3px;min-height:28px;padding:3px 8px;font-size:13px;line-height:22px;position:absolute}.free-drag{white-space:nowrap;text-overflow:ellipsis;opacity:.8;max-width:100%;top:0;left:0;overflow:hidden;cursor:move!important}.free-drag:hover,.free-drag:focus-visible{opacity:1}.free-resize{bottom:0;right:0;cursor:nwse-resize!important}.free-values{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.free-values label{flex:110px}.free-values input,.free-values select{width:100%}:is(.free-values label:has([data-selected]),.free-values label:has([data-content-mode])){flex-basis:240px}.free-editor input[type=checkbox]{width:auto}.free-workspace{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:18px;display:grid}.free-workspace-preview{min-width:0}.free-layers{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:24px;padding:14px;position:sticky;top:120px}.free-layers h3{margin-bottom:8px;font-size:1.1rem}.free-layers p{font-size:.8rem;line-height:1.6}.free-layer-list{overscroll-behavior:contain;max-height:420px;margin:14px 0;padding:0;list-style:none;overflow:auto}.free-layer-list li{border:1px solid var(--line);background:var(--background);border-radius:5px;gap:6px;margin:7px 0;padding:5px;display:flex}.free-layer-list li.selected{outline:2px solid var(--accent);outline-offset:-2px}.free-layer-list [data-layer-drag]{touch-action:none;-webkit-user-select:none;user-select:none;flex:0 0 36px;cursor:grab!important}.free-layer-list [data-layer-select]{text-align:left;overflow-wrap:anywhere;flex:1;min-width:0}.free-layer-list small{margin-top:4px;font-size:.72rem;display:block}.free-layer-list .is-dragging{opacity:.5}.free-layer-list .layer-drop-before{border-top:4px solid var(--accent)}.free-layer-list .layer-drop-after{border-bottom:4px solid var(--accent)}@media (max-width:900px){.free-workspace{grid-template-columns:minmax(0,1fr)}.free-layers{order:-1;margin-top:0;position:static}.free-layer-list{max-height:240px}}.block-viewport.is-scaling{position:relative;overflow:hidden!important}.block-viewport.is-scaling>.block-content{transform-origin:0 0;position:absolute;top:0;left:0}@media (min-width:721px){.home-preview .draft-grid.free-public{aspect-ratio:var(--canvas-ratio);margin:24px 44px 80px;padding:0;display:block;position:relative}.free-public>.draft-cell{left:var(--free-x);top:var(--free-y);width:var(--free-w);height:var(--free-h);z-index:var(--free-z);opacity:var(--free-opacity);min-width:0;position:absolute;overflow:hidden}.free-public>.draft-cell>.block-viewport{height:100%;overflow:auto}}@media (max-width:720px){.free-public>.draft-cell{opacity:var(--free-opacity,1)}.free-editor{padding:10px}.home-preview .draft-grid.free-public.mobile-canvas{aspect-ratio:var(--canvas-ratio);margin:20px 24px 42px;padding:0;display:block;position:relative}.free-public.mobile-canvas>.draft-cell{left:var(--free-x);top:var(--free-y);width:var(--free-w);height:var(--free-h);z-index:var(--free-z);position:absolute;overflow:hidden}.free-public.mobile-canvas>.draft-cell>.block-viewport{height:100%;overflow:auto}}.force-mobile{border:1px solid var(--line);width:390px;max-width:100%;margin:24px auto;overflow:hidden}.force-mobile .hero{display:none}.force-mobile .home-preview .draft-grid.free-public{aspect-ratio:auto;margin:0;padding:20px 24px 42px;display:grid;position:static}.force-mobile .free-public>.draft-cell{grid-column:1/-1;width:auto;height:auto;position:static;overflow:visible}.force-mobile .free-public>.draft-cell>.block-viewport{height:auto;overflow:visible}.force-mobile .home-preview .draft-grid.free-public.mobile-canvas{aspect-ratio:var(--canvas-ratio);margin:20px 24px 42px;padding:0;display:block;position:relative}.force-mobile .free-public.mobile-canvas>.draft-cell{left:var(--free-x);top:var(--free-y);width:var(--free-w);height:var(--free-h);z-index:var(--free-z);position:absolute;overflow:hidden}.force-mobile .free-public.mobile-canvas>.draft-cell>.block-viewport{height:100%;overflow:auto}.free-surface .products.products{--catalog-columns:var(--product-desktop-columns,4);--catalog-ratio:var(--product-desktop-ratio,1 / 1);--catalog-fit:var(--product-desktop-fit,cover);--catalog-gap:var(--product-desktop-gap,20px)}.force-mobile .products.products{--catalog-columns:var(--product-mobile-columns,2);--catalog-ratio:var(--product-mobile-ratio,1 / 1);--catalog-fit:var(--product-mobile-fit,cover);--catalog-gap:var(--product-mobile-gap,10px)}.free-object.is-text-editing>.free-object-body,.free-object.is-text-editing>.free-drag,.free-object.is-text-editing>.free-resize{visibility:hidden}.canvas-text-editor{border:2px solid var(--accent);background:var(--background);width:max(100%,320px);max-width:1100px;color:var(--text);cursor:auto;border-radius:8px;padding:16px;position:absolute;top:0;left:0;box-shadow:0 8px 24px #0002}.canvas-text-editor label{flex-direction:column;gap:6px;margin:0 0 12px;font-size:14px;display:flex}.canvas-text-editor textarea{box-sizing:border-box;resize:vertical;width:100%;min-width:0;font:inherit;border:1px solid var(--line);background:var(--background);color:var(--text);border-radius:4px;padding:8px;font-size:16px;line-height:1.5}.canvas-text-editor small{margin-top:8px;font-size:12px;line-height:1.5;display:block}.free-stage.is-text-editing{z-index:10;overflow:visible}.canvas-text-editor textarea,.editor-page .canvas-text-editor button{font-size:var(--inline-text-size,16px)}.canvas-text-editor label{font-size:calc(var(--inline-text-size,16px)*.875)}.canvas-text-editor small{font-size:calc(var(--inline-text-size,16px)*.75)}.background-controls [hidden]{display:none!important}.background-options .background-repeat-toggle{flex-direction:row;align-items:center;gap:8px;display:flex}.background-repeat-toggle input{flex:0 0 20px;width:20px;height:20px}.background-options [data-background-width]{width:150px;max-width:100%}
