@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;700&family=Lora:wght@400;700&family=Montserrat:wght@400;700&family=Playfair+Display:wght@400;600;700&family=Poppins:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap');
:root{--a-ink:#18312d;--a-forest:#173f36;--a-cream:#f6f5f0;--a-line:#dce2de;--a-muted:#6b7c77;--a-white:#fff;--a-blue:#335cdb;--a-danger:#a33a3a}*{box-sizing:border-box}body{margin:0;color:var(--a-ink);font:14px/1.5 'DM Sans',sans-serif;background:var(--a-cream)}button,input,textarea,select{font:inherit;color:inherit}.admin-header{height:66px;padding:0 28px;background:#fff;border-bottom:1px solid var(--a-line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}.admin-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--a-ink);font-weight:700}.admin-brand span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--a-forest);color:#fff;font-family:Georgia}.admin-header nav{display:flex;align-items:center;gap:22px}.admin-header nav a,.link-button{border:0;background:none;color:var(--a-muted);text-decoration:none;cursor:pointer}.admin-main{max-width:1180px;margin:auto;padding:60px 28px}.admin-hero{max-width:720px;margin-bottom:40px}.admin-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#78908a}.admin-hero h1{font:700 48px/1.1 'Playfair Display';margin:8px 0}.admin-hero p{color:var(--a-muted);font-size:17px}.dashboard-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.dashboard-card{min-height:400px;background:#fff;border:1px solid var(--a-line);border-radius:18px;padding:30px;color:inherit;text-decoration:none;box-shadow:0 12px 35px #17342f0b}.dashboard-card.featured{display:flex;flex-direction:column;background:var(--a-forest);color:#fff}.dashboard-card small{letter-spacing:.15em;font-size:10px}.dashboard-card h2{font:700 30px 'Playfair Display';margin:7px 0}.dashboard-card p{color:#c7d5d0}.dashboard-card>b{margin-top:auto}.card-icon{font-size:35px;margin-bottom:60px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start}.small-button,.toolbar-button,.admin-button{display:inline-flex;border:1px solid var(--a-line);background:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;cursor:pointer;font-weight:600}.product-list{margin-top:25px}.product-list>a{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--a-line);color:inherit;text-decoration:none}.product-list a div{display:grid}.product-list span{color:var(--a-muted);font-size:11px}.product-list em{font-style:normal;font-size:10px;background:#edf3ef;padding:5px 8px;border-radius:20px}.login-body{min-height:100vh;display:grid;place-items:center;background:#e6ece7}.login-card{width:min(430px,calc(100vw - 35px));background:#fff;padding:42px;border-radius:18px;box-shadow:0 24px 70px #17342f20}.login-card h1{font:700 37px 'Playfair Display';margin:36px 0 5px}.login-card>p{color:var(--a-muted)}label{display:grid;gap:7px;font-weight:600;margin:17px 0}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #bfcac5;border-radius:7px;background:#fff;outline:none}input:focus,textarea:focus,select:focus{border-color:#527c70;box-shadow:0 0 0 3px #dce9e3}.admin-button{width:100%;justify-content:center;background:var(--a-forest);color:#fff;margin-top:12px}.admin-error{padding:10px;background:#fff0f0;color:var(--a-danger);border-radius:7px}.studio-shell{height:calc(100vh - 66px);display:grid;grid-template-columns:275px 1fr;overflow:hidden}.studio-sidebar{background:#fff;border-right:1px solid var(--a-line);padding:20px;overflow-y:auto}.sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef1ef;padding:3px;border-radius:9px;margin-bottom:20px}.sidebar-tabs button{border:0;background:none;padding:8px;border-radius:7px;cursor:pointer}.sidebar-tabs button.active{background:#fff;box-shadow:0 2px 5px #17342f12}.panel-help{color:var(--a-muted);font-size:12px}.block-palette{display:grid;gap:9px}.block-palette>button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border:1px solid var(--a-line);border-radius:9px;background:#fff;cursor:grab}.block-palette>button:hover{border-color:#75978f;background:#f7faf8}.block-palette span{font-size:20px}.block-palette div{display:grid}.block-palette small{color:var(--a-muted)}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-grid input{height:42px;padding:3px}.studio-workspace{min-width:0;display:grid;grid-template-rows:58px 1fr}.studio-toolbar{height:58px;background:#fff;border-bottom:1px solid var(--a-line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.studio-toolbar>div{display:flex;align-items:center;gap:14px}.studio-toolbar a{color:var(--a-muted);text-decoration:none}.save-state{font-size:11px;color:#57806f}.save-state.dirty{color:#b47532}.toolbar-button{padding:8px 12px}.toolbar-button.primary{background:var(--a-blue);border-color:var(--a-blue);color:#fff}.canvas-wrap{overflow:auto;padding:35px;background:#e6e9e6}.site-canvas{width:min(1040px,100%);margin:auto;background:var(--editor-bg,#f8f6f0);color:var(--editor-text,#17342f);min-height:100%;box-shadow:0 12px 45px #1c302a20}.canvas-block{position:relative;border:2px solid transparent;transition:.15s}.canvas-block:hover{border-color:#5579e8}.canvas-block.dragging{opacity:.4}.canvas-block.is-hidden{opacity:.42}.block-bar{position:absolute;z-index:5;left:8px;right:8px;top:8px;height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border-radius:8px;background:#152b28e8;color:#fff;opacity:0;transform:translateY(-4px);transition:.15s}.canvas-block:hover .block-bar{opacity:1;transform:none}.block-bar small{color:#b8cbc5}.block-bar>div{display:flex;margin-left:auto}.block-bar button{border:0;background:none;color:#fff;font-size:17px;cursor:pointer}.drag-handle{cursor:grab;font-size:20px}.mini-hero{min-height:490px;padding:75px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.mini-hero h1{font:700 49px/1.06 'Playfair Display';margin:12px 0}.mini-hero p{font-size:17px}.mini-hero button,.cta-mini button{border:0;padding:12px 16px;background:var(--editor-primary);color:white;border-radius:6px}.mini-cover{height:350px;border-radius:140px 140px 18px 18px;background:var(--editor-accent);display:grid;place-items:center;padding:55px}.mini-cover strong{width:170px;height:240px;padding:55px 22px;background:var(--editor-primary);color:#fff;box-shadow:-8px 13px 25px #23423a42}.mini-section{min-height:440px;padding:70px;text-align:center}.mini-section h2{font:700 40px 'Playfair Display';margin:10px}.fake-products{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.fake-products i{height:180px;background:var(--editor-accent);border-radius:12px}.mini-section.dark{background:var(--editor-primary);color:#fff}.step-edit-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;margin-top:40px}.step-edit-list>div{border-top:1px solid #ffffff44;padding-top:16px}.centered{display:grid;place-content:center}.editorial-copy{width:min(720px,90%);padding:70px;background:#fff;text-align:center}.editorial-copy h2{font-size:42px}.drop-end{text-align:center;padding:28px;color:#82918d;border:2px dashed #c1cbc7}.canvas-block [contenteditable]{outline:none}.canvas-block [contenteditable]:hover,.canvas-block [contenteditable]:focus{box-shadow:0 0 0 2px #5579e8;border-radius:2px}.toast{position:fixed;z-index:100;right:22px;bottom:22px;max-width:440px;padding:13px 17px;background:#18312d;color:#fff;border-radius:9px;box-shadow:0 10px 30px #0003}.product-studio{min-height:calc(100vh - 66px)}.product-editor-grid{display:grid;grid-template-columns:170px minmax(500px,780px) 260px;gap:26px;max-width:1320px;margin:auto;padding:32px 24px}.product-nav{position:sticky;top:90px;height:max-content;display:grid;gap:4px}.product-nav button{border:0;background:none;text-align:left;padding:9px 12px;border-radius:7px;cursor:pointer}.product-nav button:hover,.product-nav button.active{background:#e8eeea}.editor-section{background:#fff;border:1px solid var(--a-line);border-radius:14px;padding:30px;margin-bottom:22px;scroll-margin-top:30px}.editor-section h2{font:700 28px 'Playfair Display';margin:4px 0 22px}.two-cols,.three-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.three-cols{grid-template-columns:1fr 1.4fr 1fr}.section-heading{display:flex;justify-content:space-between;align-items:center}.question-builder{display:grid;gap:12px}.question-card{position:relative;display:grid;grid-template-columns:25px 1fr 25px;gap:9px;padding:16px;border:1px solid var(--a-line);border-radius:10px;background:#fafbf9}.question-card.dragging{opacity:.4}.question-drag{font-size:20px;cursor:grab;color:#80908c}.remove-question,.option-row button{border:0;background:none;color:var(--a-danger);font-size:20px;cursor:pointer}.check-label{display:flex;align-items:center;gap:8px}.check-label input{width:auto}.limits{display:grid;grid-template-columns:1fr 1fr;gap:14px}.options{border-top:1px solid var(--a-line);margin-top:14px;padding-top:10px}.option-row{display:grid;grid-template-columns:1fr 1fr 30px;gap:7px;margin:7px 0}.text-button{border:0;background:none;color:var(--a-blue);cursor:pointer;padding:7px 0}.empty-builder{padding:30px;text-align:center;border:1px dashed #bdc9c4;color:var(--a-muted)}.product-live-card{position:sticky;top:90px;height:max-content;background:#fff;border:1px solid var(--a-line);border-radius:14px;padding:20px}.product-live-card>small{letter-spacing:.13em;font-size:9px}.editor-book{height:220px;margin:18px 0;background:#dce8df;border-radius:90px 90px 12px 12px;display:grid;place-items:center}.editor-book span{display:grid;place-items:center;width:115px;height:160px;padding:15px;background:var(--a-forest);color:#fff;text-align:center;border-radius:3px 10px 10px 3px;box-shadow:-6px 8px 15px #1b393230}.product-live-card h3{font:700 21px 'Playfair Display';margin-bottom:4px}.product-live-card p{color:var(--a-muted);font-size:12px}.product-live-card dl{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--a-line);padding-top:12px}.product-live-card dd{margin:0;font-weight:700}.product-form small{color:var(--a-muted);font-weight:400}.preview-banner{position:fixed;z-index:100;top:0;left:50%;transform:translateX(-50%);background:#f0c550;padding:7px 16px;border-radius:0 0 8px 8px;font-size:11px;font-weight:700}.content-page{display:grid;place-items:center}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.studio-shell{grid-template-columns:220px 1fr}.product-editor-grid{grid-template-columns:130px 1fr}.product-live-card{display:none}.mini-hero{padding:60px 40px}.product-editor-grid{padding:20px}.three-cols{grid-template-columns:1fr}}@media(max-width:700px){.admin-header nav>a{display:none}.admin-main{padding:35px 18px}.admin-hero h1{font-size:38px}.studio-shell{display:block;height:auto}.studio-sidebar{border:0}.studio-workspace{display:block}.studio-toolbar{position:sticky;top:0;z-index:20}.canvas-wrap{padding:12px}.mini-hero{grid-template-columns:1fr;padding:55px 25px}.mini-cover{display:none}.product-editor-grid{display:block}.product-nav{display:flex;overflow:auto;position:static;margin-bottom:15px}.two-cols{grid-template-columns:1fr}.editor-section{padding:20px}}

/* Website editor navigation and independent canvas scrolling. */
.studio-workspace{min-height:0;grid-template-rows:58px minmax(0,1fr);overflow:hidden}.canvas-wrap{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth}.sidebar-heading{font-size:12px;margin:15px 0 4px}.sidebar-divider{height:1px;background:var(--a-line);margin:22px 0}.page-section-list{display:grid;gap:6px}.page-section-list button{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;width:100%;border:1px solid var(--a-line);background:#fff;border-radius:8px;padding:9px;text-align:left;cursor:pointer}.page-section-list button:hover,.page-section-list button.active{border-color:#5579e8;background:#f2f5ff}.page-section-list small{color:var(--a-muted)}.new-section-primary{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px;border:0;border-radius:8px;background:var(--a-forest);color:#fff;cursor:pointer}.block-library{margin-top:10px}.block-library summary{cursor:pointer;color:var(--a-blue);font-weight:600;padding:8px 0}.block-library .block-palette{margin-top:7px}.canvas-block.is-selected{border-color:#5579e8}.editable-item{position:relative}.editable-item.dragging-element{opacity:.5}.element-move{position:absolute;z-index:8;right:-25px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:23px;height:23px;padding:0;border:0;border-radius:5px;background:#5579e8;color:#fff;cursor:move;opacity:0;touch-action:none}.editable-item:hover .element-move,.editable-item:focus-within .element-move{opacity:1}
.element-toolbar{position:fixed;z-index:60;left:295px;right:20px;bottom:18px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 14px;border:1px solid var(--a-line);border-radius:12px;background:#fffffff2;box-shadow:0 12px 38px #17342f30;backdrop-filter:blur(12px)}.element-toolbar>div{display:flex;align-items:center;gap:7px}.element-toolbar button{border:1px solid var(--a-line);border-radius:7px;background:#fff;padding:8px 11px;cursor:pointer}.element-toolbar button:hover{border-color:var(--a-blue);color:var(--a-blue)}.grid-tools label{display:flex;align-items:center;gap:6px;margin:0}.grid-tools input{width:auto}.grid-tools select{width:auto;padding:7px}.canvas-wrap{padding-bottom:110px}.site-canvas.show-grid{background-color:var(--editor-bg);background-image:linear-gradient(#5579e830 1px,transparent 1px),linear-gradient(90deg,#5579e830 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}.free-elements-layer{position:absolute;z-index:7;inset:0;pointer-events:none}.free-element{position:absolute;z-index:1;min-width:60px;min-height:35px;pointer-events:auto;border:1px dashed transparent}.free-element:hover{border-color:#5579e8}.free-element img,.color-element{width:100%;height:100%;object-fit:cover}.free-element.type-link{display:grid;align-content:start;gap:3px}.free-element.type-link input,.free-element.type-image input{padding:4px;font-size:10px}.free-move,.free-delete{position:absolute;z-index:3;top:-24px;width:22px;height:22px;padding:0;border:0;border-radius:4px;color:#fff;opacity:0}.free-move{left:0;background:#5579e8;cursor:move;touch-action:none}.free-delete{right:0;background:var(--a-danger);cursor:pointer}.free-element:hover>.free-move,.free-element:hover>.free-delete{opacity:1}.color-controls{position:absolute;left:0;right:0;bottom:-34px;display:flex;gap:4px;padding:3px;background:#fff;border-radius:5px;opacity:0}.free-element:hover .color-controls{opacity:1}.color-controls input{height:24px;padding:1px}.section-options label{font-size:11px}.section-options select{padding:8px}
@media(max-width:700px){.element-toolbar{left:10px;right:10px;bottom:10px;overflow-x:auto}.element-toolbar strong,.grid-tools{display:none}}
.fake-products{grid-template-columns:repeat(var(--preview-columns,2),1fr)}.fake-products.is-list{grid-template-columns:1fr}
.free-resize{position:absolute;z-index:4;right:-8px;bottom:-8px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#5579e8;color:#fff;cursor:nwse-resize;opacity:0;touch-action:none}.free-element:hover>.free-resize{opacity:1}.editor-link-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:10px 16px;border-radius:7px;background:var(--editor-primary);color:#fff;text-align:center;text-decoration:none;font-weight:700}.text-element-content{width:100%;height:100%;overflow:auto;outline:none}.text-element-content.is-header{line-height:1.1}.text-controls,.image-controls{position:absolute;z-index:5;left:0;bottom:-40px;display:flex;align-items:center;gap:3px;min-width:max-content;padding:4px;border:1px solid var(--a-line);border-radius:6px;background:#fff;opacity:0}.free-element:hover .text-controls,.free-element:focus-within .text-controls,.free-element:hover .image-controls,.free-element:focus-within .image-controls{opacity:1}.text-controls button{width:27px;height:27px;padding:0;border:1px solid var(--a-line);background:#fff;border-radius:4px}.text-controls button.active{background:var(--a-blue);color:#fff}.text-controls select{width:110px;padding:4px}.text-controls input[type=number]{width:55px;padding:4px}.text-controls input[type=color]{width:31px;height:27px;padding:2px}.image-controls input[data-element-alt]{width:120px;padding:5px}.image-controls label{display:flex;align-items:center;gap:3px;margin:0;font-size:10px}.image-controls label input{width:auto}.image-controls input[type=range],.color-controls input[type=range]{width:100px;touch-action:none}.type-image>img{display:block}.free-element input[type=range]{cursor:ew-resize}.free-element{user-select:none}.free-element [contenteditable],.free-element input,.free-element select{user-select:text}
.layer-controls{position:absolute;z-index:5;left:26px;top:-24px;display:flex;gap:2px;opacity:0}.free-element:hover>.layer-controls{opacity:1}.layer-controls button{width:23px;height:22px;padding:0;border:0;border-radius:4px;background:#263d38;color:#fff;cursor:pointer}.link-controls{position:absolute;z-index:5;left:0;bottom:-40px;display:flex;align-items:center;gap:3px;min-width:max-content;padding:4px;border:1px solid var(--a-line);border-radius:6px;background:#fff;opacity:0}.free-element:hover .link-controls,.free-element:focus-within .link-controls{opacity:1}.link-controls input[data-element-href]{width:150px;padding:5px}.link-controls input[type=color]{width:31px;height:27px;padding:2px}.link-controls select{width:105px;padding:4px}.link-controls input[type=number]{width:52px;padding:4px}.opacity-control{display:flex!important;grid-template-columns:none!important;align-items:center;gap:5px!important;margin:0!important;font-size:10px!important;white-space:nowrap}.element-opacity-slider{width:105px!important;padding:0!important;cursor:ew-resize!important;touch-action:none;user-select:none}.color-controls{min-width:max-content}.opacity-target{transition:opacity .1s}
.canvas-block{aspect-ratio:1040/600;min-height:0;overflow:visible}.canvas-block::after{content:'veilige paginamarge';position:absolute;z-index:6;inset:5.333% 3.077%;border:1px dashed #e08b3f;pointer-events:none;color:#b2672b;font-size:9px;letter-spacing:.08em;padding:4px}.canvas-block>.mini-hero,.canvas-block>.mini-section{min-height:100%;height:100%}.free-elements-layer{z-index:7}
.studio-shell{grid-template-columns:275px minmax(0,1fr) 250px}.element-sidebar{min-width:0;padding:20px 14px;background:#fff;border-left:1px solid var(--a-line);overflow-y:auto}.element-sidebar-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.element-sidebar-heading small{font-size:8px;letter-spacing:.12em;color:var(--a-muted)}.element-sidebar-heading h3{margin:2px 0;font:700 22px 'Playfair Display'}.element-sidebar-heading button{border:0;background:none;color:var(--a-blue);font-size:10px;cursor:pointer}.element-list{display:grid;gap:6px;margin-top:16px}.element-list>button{display:grid;grid-template-columns:25px minmax(0,1fr);gap:0 7px;align-items:center;width:100%;padding:9px;border:1px solid var(--a-line);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.element-list>button:hover,.element-list>button.active{border-color:var(--a-blue);background:#f1f4ff}.element-list>button span{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:5px;background:#e9eeeb}.element-list>button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.element-list>button small{color:var(--a-muted);font-size:9px}.empty-element-list{padding:18px 8px;border:1px dashed var(--a-line);color:var(--a-muted);font-size:11px;text-align:center}.element-toolbar{right:270px}.blank-section{width:100%;height:100%;display:grid;place-items:center;color:#91a09b;font-size:12px}.site-canvas.has-element-selection .free-element:not(.is-element-selected) .free-move,.site-canvas.has-element-selection .free-element:not(.is-element-selected) .free-delete,.site-canvas.has-element-selection .free-element:not(.is-element-selected) .free-resize,.site-canvas.has-element-selection .free-element:not(.is-element-selected) .layer-controls,.site-canvas.has-element-selection .free-element:not(.is-element-selected) .text-controls,.site-canvas.has-element-selection .free-element:not(.is-element-selected) .link-controls,.site-canvas.has-element-selection .free-element:not(.is-element-selected) .image-controls,.site-canvas.has-element-selection .free-element:not(.is-element-selected) .color-controls{opacity:0!important;pointer-events:none!important}.site-canvas.has-element-selection .free-element.is-element-selected>.free-move,.site-canvas.has-element-selection .free-element.is-element-selected>.free-delete,.site-canvas.has-element-selection .free-element.is-element-selected>.free-resize,.site-canvas.has-element-selection .free-element.is-element-selected>.layer-controls,.site-canvas.has-element-selection .free-element.is-element-selected>.text-controls,.site-canvas.has-element-selection .free-element.is-element-selected>.link-controls,.site-canvas.has-element-selection .free-element.is-element-selected>.image-controls,.site-canvas.has-element-selection .free-element.is-element-selected>.color-controls{opacity:1;pointer-events:auto}.site-canvas.has-element-selection .free-element.is-element-selected{outline:2px solid var(--a-blue);outline-offset:2px}
@media(max-width:1100px){.studio-shell{grid-template-columns:220px minmax(0,1fr) 210px}.element-toolbar{left:240px;right:230px}}@media(max-width:760px){.studio-shell{display:block}.element-sidebar{border:0;border-top:1px solid var(--a-line)}.element-toolbar{left:10px;right:10px}}
.site-canvas.has-element-selection .editable-item:not(.is-element-selected) .element-move{opacity:0!important;pointer-events:none!important}.site-canvas.has-element-selection .editable-item.is-element-selected .element-move{opacity:1;pointer-events:auto}.site-canvas.has-element-selection .editable-item.is-element-selected{outline:2px solid var(--a-blue);outline-offset:3px}.site-canvas.is-checkout-page{width:min(1280px,100%)}
.condition-builder{margin-top:18px;padding:16px;border:1px solid #d9e2ef;border-radius:9px;background:#f6f8fc}.condition-builder h4{margin:0 0 8px;font-size:13px}.condition-builder label{margin:5px 0;font-size:11px}.condition-builder small{display:block;margin-top:6px;color:var(--a-muted)}
.variable-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:start}.variable-field button{height:39px;padding:0 9px;border:1px solid var(--a-line);border-radius:7px;background:#f5f7f5;color:var(--a-blue);font-size:10px;cursor:pointer}.variable-field textarea{min-height:70px}.cover-template-fields{margin-top:25px;padding-top:18px;border-top:1px solid var(--a-line)}.cover-template-fields h3{font:700 20px 'Playfair Display';margin:0}.variable-popover{position:fixed;z-index:200;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 30px));max-height:70vh;overflow:auto;padding:24px;background:#fff;border:1px solid var(--a-line);border-radius:14px;box-shadow:0 25px 80px #17342f42}.variable-popover>p{color:var(--a-muted)}.variable-popover [data-variable-options]{display:grid;gap:6px}.variable-popover [data-variable-options] button{display:flex;justify-content:space-between;gap:15px;padding:10px;border:1px solid var(--a-line);border-radius:7px;background:#fff;text-align:left;cursor:pointer}.variable-popover [data-variable-options] small{color:var(--a-blue)}.variable-popover>[data-close-variables]{margin-top:15px;border:0;background:none;color:var(--a-muted);cursor:pointer}.editor-book span{gap:8px}.editor-book span b{font:600 16px/1.15 'Playfair Display';text-align:center}.editor-book span em{font:normal 8px 'DM Sans';text-align:center;color:#c7d8d1}
.canvas-block{background:var(--editor-bg,#f8f6f0)}.toolbar-button:disabled{opacity:.45;cursor:not-allowed}
.studio-workspace{grid-template-rows:58px 42px minmax(0,1fr)}.viewport-toolbar{display:flex;align-items:center;justify-content:center;gap:5px;background:#f7f8f7;border-bottom:1px solid var(--a-line)}.viewport-toolbar button,.segmented button{border:1px solid var(--a-line);background:#fff;padding:6px 11px;cursor:pointer}.viewport-toolbar button.active,.segmented button.active{background:var(--a-blue);border-color:var(--a-blue);color:#fff}.site-canvas{width:min(var(--preview-width,1040px),100%);transition:width .2s}.canvas-block{isolation:isolate;overflow:hidden;background-position:center;background-repeat:no-repeat;background-clip:padding-box}.canvas-block.blank-page,.canvas-block:has(.blank-section){min-height:220px;max-height:600px}.canvas-block.layout-text_right .mini-hero>div:first-child{order:2}.canvas-block.layout-text_right .mini-cover{order:1}.canvas-block.layout-centered .mini-hero{grid-template-columns:1fr;text-align:center}.canvas-block.layout-centered .mini-cover{display:none}.canvas-block.layout-text_left .mini-section,.canvas-block.layout-text_left .editorial-copy{text-align:left}.canvas-block.width-narrow>.mini-section,.canvas-block.width-narrow>.mini-hero{padding-left:15%;padding-right:15%}.canvas-block.width-wide>.mini-section,.canvas-block.width-wide>.mini-hero{padding-left:4%;padding-right:4%}.canvas-block.spacing-compact>.mini-section,.canvas-block.spacing-compact>.mini-hero{padding-top:4%;padding-bottom:4%}.canvas-block.spacing-spacious>.mini-section,.canvas-block.spacing-spacious>.mini-hero{padding-top:10%;padding-bottom:10%}.canvas-block[data-block-id]{background-color:var(--editor-bg)}.canvas-block[style*="background-"]{background-color:transparent}.canvas-block .block-bar{z-index:20}.new-section-secondary{width:100%;padding:10px;border:1px dashed var(--a-line);background:#fff;border-radius:8px;cursor:pointer}.section-options [hidden]{display:none}.header-logo-preview{min-height:42px;display:grid;place-items:center;margin:8px 0;background:#f0f2f0;border-radius:7px;color:var(--a-muted)}.header-logo-preview img{max-width:100%;max-height:48px}.header-link-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:8px 0;padding:7px;border:1px solid var(--a-line);border-radius:7px}.header-link-row input{padding:6px}.header-link-row label{display:flex;align-items:center;gap:4px;margin:0;font-size:10px}.header-link-row label input{width:auto}.header-link-row button{border:0;background:#eef1ef;cursor:pointer}.element-toolbar{display:flex}.element-toolbar summary{cursor:pointer;font-weight:700}.element-toolbar:not([open])>div{display:none}.element-toolbar:not([open]){min-height:42px;width:max-content;right:270px;left:auto}.navigation-vertical .canvas-block{aspect-ratio:auto;min-height:360px}
.site-canvas[data-viewport="tablet"] .mini-hero{grid-template-columns:1fr 42%;gap:24px;padding:6%}.site-canvas[data-viewport="tablet"] .mini-hero h1{font-size:38px}.site-canvas[data-viewport="tablet"] .mini-section{padding:7%}.site-canvas[data-viewport="mobile"] .canvas-block{aspect-ratio:auto;min-height:520px}.site-canvas[data-viewport="mobile"] .mini-hero{display:flex;flex-direction:column;padding:55px 20px;gap:20px}.site-canvas[data-viewport="mobile"] .mini-hero h1{font-size:36px}.site-canvas[data-viewport="mobile"] .mini-cover{display:none}.site-canvas[data-viewport="mobile"] .mini-section{padding:55px 20px;min-height:520px}.site-canvas[data-viewport="mobile"] .fake-products,.site-canvas[data-viewport="mobile"] .step-edit-list{grid-template-columns:1fr}.site-canvas[data-viewport="mobile"] .free-elements-layer{overflow:hidden}.site-canvas[data-viewport="mobile"] .free-element{max-width:100%}
.template-library-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid var(--a-line)}.template-library-row>a{display:flex;align-items:center;justify-content:space-between;padding:16px 0;color:inherit;text-decoration:none}.template-library-row>a div{display:grid}.template-library-row>a span{color:var(--a-muted);font-size:11px}.template-library-row>a em{font-style:normal;font-size:10px;background:#edf3ef;padding:5px 8px;border-radius:20px}.template-library-row>.danger-link{padding:8px 11px;border:1px solid #d9a2a2;border-radius:7px;background:#fff;cursor:pointer}.template-library-row>.danger-link:disabled{opacity:.55;cursor:wait}
.template-library h1{font:700 42px 'Playfair Display';margin:5px 0}.wide{grid-column:1/-1}.template-grid{display:grid;grid-template-columns:220px minmax(500px,1fr) 300px;gap:18px;padding:22px;min-height:calc(100vh - 124px)}.template-pages,.field-inspector{background:#fff;border:1px solid var(--a-line);border-radius:12px;padding:16px;height:max-content}.template-pages [data-pages]{display:grid;gap:6px;margin-bottom:12px}.template-pages details{margin:12px 0}.template-pages details label{font-size:9px;margin:3px 0}.template-pages details input{padding:5px}.template-page{display:grid;padding:9px;border:1px solid var(--a-line);border-radius:7px;background:#fff;text-align:left}.template-page.active{border-color:var(--a-blue);background:#f1f4ff}.template-page small{color:var(--a-muted)}.template-canvas-wrap{min-width:0;overflow:auto;display:grid;justify-items:center;align-content:start;gap:15px;padding:18px;background:#dfe4e1;border-radius:12px}.template-canvas{position:relative;background:#fff;box-shadow:0 12px 35px #17342f30}.template-canvas [data-background-page]{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;border:0;pointer-events:none}.template-bleed,.template-trim,.template-safe{position:absolute;pointer-events:none}.template-bleed{border:2px dotted #cc3b3b}.template-trim{border:2px solid #28828d}.template-safe{border:2px dashed #e08b3f}.template-field{position:absolute;display:grid;place-items:center;border:2px solid #335cdb;background:#335cdb22;color:#17312d;cursor:move;overflow:visible}.template-field.active{border-color:#e04b3f;background:#e04b3f25}.template-field i{position:absolute;right:-7px;bottom:-7px;width:15px;height:15px;border-radius:50%;background:#335cdb;cursor:nwse-resize}.canvas-actions{display:flex;gap:8px;align-items:end}.canvas-actions label{margin:0}.field-inspector{max-height:calc(100vh - 145px);overflow:auto}.field-inspector label{font-size:11px}.field-inspector .danger-button{width:100%;margin-top:12px}@media(max-width:950px){.template-grid{grid-template-columns:160px minmax(450px,1fr)}.field-inspector{grid-column:1/-1;max-height:none}}@media(max-width:700px){.template-grid{display:block}.template-pages,.template-canvas-wrap,.field-inspector{margin-bottom:12px}.template-canvas-wrap{justify-items:start}}
/* Website Designer: one stable design surface across viewport and scroll previews. */
.site-canvas.navigation-vertical .canvas-block,.site-canvas[data-viewport="mobile"] .canvas-block{aspect-ratio:1040/600;min-height:0}
.site-canvas[data-viewport="mobile"] .mini-hero,.site-canvas[data-viewport="mobile"] .mini-section{min-height:100%;height:100%;padding:7% 5%;gap:3%}
.site-canvas[data-viewport="mobile"] .mini-hero{display:grid;grid-template-columns:1.15fr .85fr}.site-canvas[data-viewport="mobile"] .mini-cover{display:grid;height:70%;padding:12%;border-radius:35% 35% 8% 8%}.site-canvas[data-viewport="mobile"] .mini-cover strong{width:80%;height:80%;padding:15% 8%;font-size:8px}.site-canvas[data-viewport="mobile"] .mini-hero h1{font-size:clamp(14px,4.8vw,22px);margin:3% 0}.site-canvas[data-viewport="mobile"] .mini-hero p{font-size:8px}.site-canvas[data-viewport="mobile"] .fake-products,.site-canvas[data-viewport="mobile"] .step-edit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3%;margin-top:4%}.site-canvas[data-viewport="mobile"] .fake-products i{height:55px}.site-canvas[data-viewport="mobile"] .free-element.type-text>div:first-child,.site-canvas[data-viewport="mobile"] .editor-link-button{font-size:clamp(8px,2.8vw,12px)!important}
.section-list-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;border:1px solid var(--a-line);border-radius:8px;background:#fff;overflow:hidden}.section-list-row.active{border-color:var(--a-blue);background:#f2f5ff}.page-section-list .section-list-row>button{border:0;border-radius:0;background:transparent}.page-section-list .section-list-row>[data-rename-section]{display:grid;grid-template-columns:1fr;place-items:center;padding:0;border-left:1px solid var(--a-line);text-align:center}.font-upload{padding:10px;border:1px solid var(--a-line);border-radius:8px}.font-upload label{margin-top:0}.font-upload small{display:block;margin-top:7px;color:var(--a-muted);font-size:10px}
.field-help{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:4px;border-radius:50%;background:#e7ece9;color:var(--a-muted);font-size:11px;cursor:help}.field-help:hover,.field-help:focus{background:var(--a-forest);color:#fff}.ai-variable{display:grid;grid-template-columns:1fr auto;gap:6px}.ai-variable button{border:1px solid var(--a-line);border-radius:7px;background:#fff;padding:7px;cursor:pointer}
.designer-page-select{width:auto;min-width:210px;padding:7px 30px 7px 10px;font-weight:700}.checkout-preview-mock{height:100%;padding:7%;background:var(--editor-bg);overflow:hidden}.checkout-top h1{margin:5px 0 12px;font-size:34px}.mock-checks{display:flex;gap:7px;flex-wrap:wrap}.mock-checks span{padding:6px 9px;border-radius:20px;background:var(--editor-accent);font-size:9px}.mock-preview-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;margin-top:22px}.mock-pdf{height:210px;display:grid;place-items:center;background:#ddd;color:#777}.mock-preview-grid section,.mock-order-form{padding:22px;background:#fff;border:1px solid #ddd;border-radius:12px}.mock-preview-grid button,.mock-order-form button{padding:7px;border:0;background:var(--editor-accent);margin-right:5px}.mock-order-form{margin-top:18px}.mock-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mock-inputs i{height:24px;border:1px solid #ccd4d0;border-radius:4px}
.template-field>span{display:block;width:100%;height:100%;overflow:hidden}.template-field>span>img{display:block;width:100%;height:100%;object-fit:cover}.editable-area{position:relative}.editable-area>.area-label{display:none;position:absolute;left:0;top:-18px;padding:2px 5px;background:#17342f;color:#fff;font-size:9px}.editable-area.is-element-selected>.area-label{display:block}

/* Guided template designer */
.template-designer{height:calc(100vh - 66px);overflow:hidden;background:#edf0ee}.designer-toolbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid var(--a-line)}.designer-title,.designer-actions{display:flex;align-items:center;gap:10px}.designer-title>a{color:var(--a-muted);text-decoration:none}.designer-title>div{display:grid;padding-left:12px;border-left:1px solid var(--a-line)}.designer-title span{font-size:10px;color:#668078}.designer-title span.dirty{color:#b56a24}.designer-actions .icon-button{width:38px;justify-content:center;font-size:18px}.designer-layout{height:calc(100% - 68px);display:grid;grid-template-columns:238px minmax(480px,1fr) 320px}.designer-sidebar{overflow-y:auto;padding:20px;background:#fff}.designer-left{border-right:1px solid var(--a-line)}.designer-right{border-left:1px solid var(--a-line)}.sidebar-heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar-heading-row small{font-size:9px;letter-spacing:.14em;color:var(--a-muted)}.sidebar-heading-row h2{margin:1px 0;font:700 19px 'Playfair Display'}.icon-button.subtle{width:31px;height:31px;padding:0;display:grid;place-items:center;border:1px solid var(--a-line);border-radius:7px;background:#f8faf8;cursor:pointer}.page-list,.layer-list{display:grid;gap:6px}.template-page,.layer-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.template-page:hover,.layer-row:hover{background:#f3f6f4}.template-page.active,.layer-row.active{border-color:#a9b9ed;background:#eef1ff}.template-page>span{width:32px;height:40px;display:grid;place-items:center;border:1px solid #ccd5d0;border-radius:4px;background:#fff;color:var(--a-muted);font-size:10px}.template-page>div,.layer-row>span:nth-child(2){min-width:0;display:grid}.template-page small,.layer-row small{overflow:hidden;text-overflow:ellipsis;color:var(--a-muted);font-size:9px}.layer-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#e9edff;color:#335cdb;font-weight:700}.layer-row em{margin-left:auto;color:#c47824;font-style:normal;font-weight:700}.sidebar-divider{height:1px;margin:18px 0;background:var(--a-line)}.empty-list,.empty-inspector{color:var(--a-muted);font-size:11px}.empty-inspector{padding:45px 12px;text-align:center}.empty-inspector span{font-size:32px;color:#9daba6}.advanced-panel{margin-top:10px}.advanced-panel>summary{padding:9px 0;color:var(--a-muted);font-weight:700;cursor:pointer}.advanced-panel label{font-size:10px}.stack-actions{display:grid;gap:5px}.danger-text{color:var(--a-danger)!important}.designer-workspace{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#e7ebe8}.canvas-toolbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#f8faf8;border-bottom:1px solid #d6ddd9}.segmented{display:flex;padding:3px;border-radius:8px;background:#e8ece9}.segmented button,.canvas-add button,.canvas-tools button{border:0;border-radius:6px;background:transparent;padding:7px 10px;cursor:pointer}.segmented button.active{background:#fff;box-shadow:0 1px 5px #17342f1c}.canvas-add{display:flex;gap:4px}.canvas-add button{background:#fff;border:1px solid var(--a-line);font-weight:600}.canvas-tools{display:flex;align-items:center;gap:4px;color:var(--a-muted);font-size:10px}.canvas-tools button{background:#fff;border:1px solid var(--a-line)}.canvas-tools [data-zoom-label]{width:38px;text-align:center}.toggle{display:flex;align-items:center;gap:5px;margin:0 7px 0 0}.toggle input{width:auto}.designer-workspace .template-canvas-wrap{display:block;overflow:auto;padding:36px}.designer-workspace .template-canvas{margin:auto;transition:width .15s,height .15s}.designer-workspace .template-field{padding:0;place-items:stretch;text-align:inherit}.designer-workspace .template-field>span{padding:0;overflow:hidden}.template-field.type-image,.template-field.type-ai_image{background:#335cdb18}.template-canvas.preview-mode .template-field{border-color:transparent;background:transparent;cursor:default}.template-canvas.preview-mode .template-field i{display:none}.template-canvas.guides-hidden .template-bleed,.template-canvas.guides-hidden .template-trim,.template-canvas.guides-hidden .template-safe{display:none}.snap-guide{position:absolute;z-index:999;background:#e04483;pointer-events:none}.snap-guide.vertical{top:0;bottom:0;width:1px}.snap-guide.horizontal{left:0;right:0;height:1px}.preview-dock{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fff;border-top:1px solid var(--a-line)}.preview-dock>div{display:grid}.preview-dock span{font-size:10px;color:var(--a-muted)}.preview-dock label{display:flex;align-items:center;gap:8px;margin:0;font-size:10px}.preview-dock select{width:150px;padding:7px}.validation-banner{padding:10px 16px;background:#fff7e7;border-bottom:1px solid #ead3a4}.validation-banner>strong{font-size:11px}.validation-banner>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.validation-banner button{border:0;border-radius:20px;padding:4px 8px;background:#ffe7b7;color:#755018;font-size:9px;cursor:pointer}.validation-banner button.error{background:#ffe2e2;color:#8e3030}.designer-right section{padding-bottom:15px;margin-bottom:14px;border-bottom:1px solid var(--a-line)}.designer-right section h3{margin:0 0 8px;font-size:12px}.designer-right label{margin:10px 0;font-size:10px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.inspector-actions button{margin:0}.designer-right textarea{min-height:78px}.designer-right input,.designer-right select,.designer-right textarea{padding:8px}.template-field.warning{box-shadow:0 0 0 2px #e6a73a}.template-field.error{box-shadow:0 0 0 2px #cf4545}@media(max-width:1100px){.designer-layout{grid-template-columns:200px minmax(430px,1fr) 275px}.canvas-add button{font-size:0}.canvas-add button:first-letter{font-size:14px}}@media(max-width:800px){.template-designer{height:auto;overflow:visible}.designer-toolbar{height:auto;align-items:flex-start;gap:12px;padding:12px;flex-direction:column}.designer-actions{flex-wrap:wrap}.designer-layout{height:auto;display:flex;flex-direction:column}.designer-left,.designer-right{border:0}.designer-workspace{min-height:700px;order:-1}.canvas-toolbar{flex-wrap:wrap}.designer-sidebar{overflow:visible}}
/* Canvas interaction is deliberately selection-list driven; hovering the design
   surface must never expose controls or select an element. */
.canvas-block:hover{border-color:transparent}.canvas-block.is-selected{border-color:#5579e8}.canvas-block:hover .block-bar{opacity:0;transform:translateY(-4px);pointer-events:none}.canvas-block.is-selected .block-bar{opacity:1;transform:none;pointer-events:auto}.canvas-block [contenteditable]:hover{box-shadow:none}.editable-item:hover .element-move,.free-element:hover>.free-move,.free-element:hover>.free-delete,.free-element:hover>.free-resize,.free-element:hover>.layer-controls,.free-element:hover .text-controls,.free-element:hover .link-controls,.free-element:hover .image-controls,.free-element:hover .color-controls{opacity:0;pointer-events:none}.editable-item.is-element-selected .element-move,.free-element.is-element-selected>.free-move,.free-element.is-element-selected>.free-delete,.free-element.is-element-selected>.free-resize,.free-element.is-element-selected>.layer-controls,.free-element.is-element-selected .text-controls,.free-element.is-element-selected .link-controls,.free-element.is-element-selected .image-controls,.free-element.is-element-selected .color-controls{opacity:1;pointer-events:auto}.editable-item [contenteditable]{white-space:pre-line}
.canvas-block>.mini-hero,.canvas-block>.mini-section,.canvas-block>.checkout-preview-mock{width:var(--responsive-width);max-width:var(--responsive-max-width);padding:var(--responsive-padding);margin:var(--responsive-margin);gap:var(--responsive-gap);font-size:var(--responsive-font-size);text-align:var(--responsive-align);order:var(--responsive-order)}.canvas-block .fake-products{grid-template-columns:repeat(var(--responsive-columns,var(--preview-columns,2)),minmax(0,1fr))}.site-canvas[data-viewport="tablet"] .canvas-block{--responsive-width:var(--tablet-width);--responsive-max-width:var(--tablet-max-width);--responsive-padding:var(--tablet-padding);--responsive-margin:var(--tablet-margin);--responsive-gap:var(--tablet-gap);--responsive-font-size:var(--tablet-font-size);--responsive-align:var(--tablet-alignment);--responsive-columns:var(--tablet-grid-columns)}.site-canvas[data-viewport="mobile"] .canvas-block{--responsive-width:var(--mobile-width);--responsive-max-width:var(--mobile-max-width);--responsive-padding:var(--mobile-padding);--responsive-margin:var(--mobile-margin);--responsive-gap:var(--mobile-gap);--responsive-font-size:var(--mobile-font-size);--responsive-align:var(--mobile-alignment);--responsive-columns:var(--mobile-grid-columns)}
.canvas-block>.mini-hero,.canvas-block>.mini-section,.canvas-block>.checkout-preview-mock{visibility:var(--responsive-visibility,visible)}.canvas-block>.mini-hero{flex-direction:var(--responsive-direction,initial)}.site-canvas[data-viewport="tablet"] .canvas-block{--responsive-direction:var(--tablet-flex-direction,initial);--responsive-visibility:var(--tablet-visibility,visible)}.site-canvas[data-viewport="mobile"] .canvas-block{--responsive-direction:var(--mobile-flex-direction,initial);--responsive-visibility:var(--mobile-visibility,visible)}
.viewport-toolbar>[data-active-breakpoint]{min-width:95px;color:var(--a-blue);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.responsive-actions{display:grid;gap:6px;margin-top:10px}.responsive-actions button{padding:7px;border:1px solid var(--a-line);border-radius:6px;background:#fff;color:var(--a-blue);cursor:pointer}.responsive-actions button:disabled{opacity:.45;cursor:not-allowed}.element-responsive{margin-top:18px;padding-top:14px;border-top:1px solid var(--a-line)}.element-responsive h3{margin:0 0 8px;font-size:12px}.element-responsive label{font-size:9px}.element-responsive input,.element-responsive select{width:100%;padding:6px}
.site-canvas[data-viewport="tablet"] .free-element.is-element-selected>.free-move,.site-canvas[data-viewport="mobile"] .free-element.is-element-selected>.free-move{top:4px;left:4px;z-index:12;opacity:1}.site-canvas[data-viewport="tablet"] .free-element.is-element-selected>.free-resize,.site-canvas[data-viewport="mobile"] .free-element.is-element-selected>.free-resize{right:4px;bottom:4px;z-index:12;opacity:1}.site-canvas[data-viewport="tablet"] .free-element.is-element-selected>.free-delete,.site-canvas[data-viewport="mobile"] .free-element.is-element-selected>.free-delete{top:4px;right:4px;z-index:12}.site-canvas[data-viewport="tablet"] .free-element.is-element-selected>.layer-controls,.site-canvas[data-viewport="mobile"] .free-element.is-element-selected>.layer-controls{top:4px;left:30px;z-index:12}.site-canvas[data-viewport="tablet"] .free-element.is-element-selected .text-controls,.site-canvas[data-viewport="tablet"] .free-element.is-element-selected .link-controls,.site-canvas[data-viewport="tablet"] .free-element.is-element-selected .image-controls,.site-canvas[data-viewport="tablet"] .free-element.is-element-selected .color-controls,.site-canvas[data-viewport="mobile"] .free-element.is-element-selected .text-controls,.site-canvas[data-viewport="mobile"] .free-element.is-element-selected .link-controls,.site-canvas[data-viewport="mobile"] .free-element.is-element-selected .image-controls,.site-canvas[data-viewport="mobile"] .free-element.is-element-selected .color-controls{left:4px;right:4px;bottom:4px;z-index:11;max-width:calc(100% - 8px);overflow-x:auto}
/* Dedicated checkout canvas: same functional hierarchy as the live page. */
.checkout-preview-mock{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;padding:26px!important;background:var(--editor-bg);overflow:auto}.checkout-top .editable-item{display:inline-block}.checkout-top h1{font-size:26px;margin:4px 0}.checkout-preview-mock .mock-preview-grid{min-height:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;margin:0}.checkout-preview-mock .editable-area{min-width:0}.checkout-preview-mock .mock-pdf{height:100%;min-height:145px;border:1px solid #ccd4d0;border-radius:8px;background:#eef0ee;font-size:11px}.checkout-preview-mock .mock-summary,.checkout-preview-mock .mock-order-form{height:100%;padding:16px;background:#fff;border:1px solid #d6ded9;border-radius:8px}.checkout-preview-mock h2{font-size:18px;margin:0 0 8px}.checkout-preview-mock h3{font-size:13px;margin:12px 0 5px}.mock-summary-copy,.mock-order-form p{margin:0;color:#64736e;font-size:11px}.mock-actions{display:flex;gap:7px;margin-top:12px}.mock-actions .editable-item{display:inline-block}.mock-actions button,.mock-order-form button{padding:7px 10px;font-size:10px}.checkout-preview-mock .mock-order-form{height:auto}.checkout-preview-mock .mock-inputs{margin:10px 0;gap:6px}.checkout-preview-mock .mock-inputs .editable-item{min-height:27px;padding:6px;border:1px solid #d6ded9;border-radius:4px;background:#fafcfa;font-size:9px}.checkout-preview-mock .mock-inputs small{font-size:9px}.checkout-preview-mock .mock-checks{gap:5px}.checkout-preview-mock .mock-checks span{font-size:8px;padding:4px 7px}
.element-sidebar{max-height:calc(100vh - 66px);overscroll-behavior:contain}.checkout-design-surface{height:100%;padding:18px;color:#74847e;font-size:11px}.free-element .checkout-element{width:100%;height:100%;display:grid;align-content:center;padding:12px;border:1px solid #cfd9d4;border-radius:8px;background:#fff;color:#17342f;font:600 13px 'DM Sans';overflow:hidden}.free-element .checkout-pdf{place-items:center;background:#edf0ee;color:#71817a}.free-element .checkout-summary p{margin:8px 0;color:#71817a;font-weight:400;font-size:11px}.free-element .checkout-download{place-items:center;background:var(--editor-primary);color:#fff;border:0;cursor:text}.free-element .checkout-address{display:block}.free-element .checkout-address>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0}.free-element .checkout-address i{padding:5px;border:1px solid #d9e1dd;border-radius:4px;color:#81908a;font:10px 'DM Sans'}.free-element .checkout-address button{padding:5px 8px;border:0;border-radius:4px;background:var(--editor-primary);color:#fff;font-size:9px}.free-element .checkout-status{background:#eef6f0;color:#32654d;font-size:10px}.element-toolbar [data-checkout-elements]{display:flex;gap:5px;flex-wrap:wrap}.element-toolbar [data-checkout-elements] button{font-size:10px}
.template-review { margin: 1rem 0; }
.template-placeholder { display: grid; grid-template-columns: minmax(150px, .7fr) minmax(210px, 1fr) minmax(260px, 1.25fr); gap: .75rem; align-items: end; padding: .8rem 0; border-top: 1px solid var(--border, #ddd); }
.template-placeholder label { min-width: 0; }
.template-placeholder select { width: 100%; min-width: 0; }
.template-placeholder > small { grid-column: 1 / -1; }
.template-review .canvas-actions { margin-top: 1rem; display: flex; gap: .65rem; flex-wrap: wrap; }
@media (max-width: 1150px) { .template-placeholder { grid-template-columns: 1fr; } .template-placeholder > small { grid-column: auto; } }

/* Editor chrome must not inherit the selected element's responsive font size. */
.site-canvas .free-element > :is(.text-controls,.link-controls,.image-controls,.color-controls,.layer-controls,.free-move,.free-delete,.free-resize){font:normal 12px/1.25 'DM Sans',sans-serif;text-align:left;letter-spacing:normal;text-transform:none}
.site-canvas .free-element > :is(.free-move,.free-delete,.free-resize){font-size:14px;text-align:center}

/* Keep the editor—not the embedded PDF viewer—in charge of viewport and zoom. */
.designer-workspace{min-height:0}.designer-workspace .template-canvas-wrap{min-width:0;min-height:0;overflow:scroll;overscroll-behavior:contain;scrollbar-gutter:stable both-edges}.designer-workspace .template-canvas{overflow:hidden}