.record-editor:has(.visual-content-editor){max-width:1800px}.content-editor-tabs{border-bottom:1px solid var(--line);gap:26px;margin-bottom:24px;display:flex}.content-editor-tabs button{min-height:44px;color:var(--muted);border-bottom:2px solid #0000;padding:10px 0;font-size:13px}.content-editor-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.visual-content-editor{border:1px solid var(--line);background:#fffdf8;min-width:0}.visual-content-editor button{font-family:inherit}.visual-editor-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.visual-editor-bar>div:first-child{align-items:center;gap:15px;min-width:0;display:flex}.visual-editor-bar strong{font-size:13px}.visual-editor-bar>div>span{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.visual-viewport-switch{background:var(--surface);border-radius:5px;flex-shrink:0;padding:3px;display:flex}.visual-viewport-switch button{border-radius:3px;padding:8px 12px;font-size:11px}.visual-viewport-switch button[aria-pressed=true]{color:var(--accent);background:#fffdf8;box-shadow:0 1px 4px #372e2b12}.visual-editor-body{grid-template-columns:200px minmax(0,1fr) 310px;align-items:start;display:grid}.visual-block-list,.visual-block-inspector{overscroll-behavior:contain;scrollbar-width:thin;min-width:0;max-height:calc(100dvh - 105px);padding:20px 16px;position:sticky;top:85px;overflow:auto}.visual-block-inspector{border-left:1px solid var(--line);scroll-margin-top:100px}.visual-panel-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.visual-panel-heading strong{font-size:12px}.visual-panel-heading>span{color:var(--muted);font-size:11px}.visual-panel-heading small{letter-spacing:.12em;color:var(--muted);font-size:9px}.visual-panel-heading h2{font-family:var(--font-body);margin-top:8px;font-size:18px;line-height:1.35}.visual-panel-heading button{min-width:32px;min-height:32px;font-size:24px}.visual-panel-help{color:var(--muted);margin-bottom:20px;font-size:11px;line-height:1.6}.visual-block-list ol{margin:0 0 18px;padding:0;list-style:none}.visual-block-list li{border:1px solid #0000;border-radius:4px;margin:4px -8px}.visual-block-list li.is-selected{background:#f2e8e7;border-color:#e0c8cb}.visual-block-list li.is-drop-target{border-top:3px solid var(--accent)}.visual-block-select{text-align:left;align-items:center;gap:9px;width:100%;min-width:0;padding:12px 9px;display:flex}.visual-block-select>span:nth-child(2){flex:1;min-width:0}.visual-block-select strong{color:var(--fg);font-size:11px;font-weight:500;display:block}.visual-block-select small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;line-height:1.5;display:block;overflow:hidden}.visual-block-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.visual-drag-handle{color:var(--muted);cursor:grab;font-size:18px}.visual-add-button{color:var(--accent);border:1px dashed #bc9b9e;border-radius:4px;width:100%;min-height:44px;padding:12px 8px;font-size:11px}.visual-undo{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 0;font-size:11px;display:flex}.visual-undo button{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.visual-canvas-area{border-left:1px solid var(--line);background:#e9e6df;min-width:0;padding:0 22px 12px}.visual-canvas-caption{color:var(--muted);justify-content:space-between;gap:12px;padding:15px 0;font-size:9px;display:flex}.visual-canvas-caption span:last-child{flex-shrink:0}.visual-canvas-scroll{overscroll-behavior:contain;scrollbar-width:thin;min-height:420px;max-height:calc(100dvh - 190px);padding:3px;overflow:auto}.visual-page-canvas{background:#f7f3ea;width:100%;min-height:450px;margin-inline:auto;box-shadow:0 3px 12px #372e2b10}.is-mobile .visual-page-canvas{max-width:390px}.visual-page-brand{font-family:var(--font-heading);text-align:center;letter-spacing:.12em;color:#72343d;border-bottom:1px solid #d9d0c7;padding:22px;font-size:24px}.visual-page-brand span{font-family:var(--font-body);letter-spacing:.35em;margin-top:3px;font-size:8px;display:block}.visual-canvas-block{border:2px solid #0000;min-height:90px;margin-top:-2px;position:relative}.visual-canvas-block.is-selected{border-color:var(--accent);z-index:1}.visual-canvas-block-label{color:var(--muted);background:#f0ebe2;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:9px;display:flex}.visual-canvas-block.is-selected .visual-canvas-block-label{background:var(--accent);color:var(--on-accent)}.visual-canvas-block-label span:last-child{opacity:0;font-size:8px}.visual-canvas-block:hover .visual-canvas-block-label span:last-child,.visual-canvas-block.is-selected .visual-canvas-block-label span:last-child{opacity:1}.visual-canvas-hit{z-index:2;cursor:pointer;background:0 0;width:100%;height:100%;position:absolute;inset:0}.visual-canvas-hit:hover{background:#72343d04}.visual-canvas-hit:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.visual-canvas-block.is-hidden .content-block-art{opacity:.4;filter:grayscale(.7)}.visual-canvas-block.is-hidden .visual-canvas-block-label{font-style:italic}.visual-page-end{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:20px;font-size:9px}.visual-canvas-note{color:var(--muted);margin:0;padding-top:12px;font-size:10px;line-height:1.6}.visual-canvas-empty{text-align:center;padding:60px 24px}.visual-canvas-empty>span{color:var(--accent);font-size:34px}.visual-canvas-empty h3{font-family:var(--font-heading);margin:16px 0 12px;font-size:25px;font-weight:400}.visual-canvas-empty p{color:var(--muted);max-width:36ch;margin:0 auto 20px;font-size:12px}.visual-block-controls{border-bottom:1px solid var(--line);margin-bottom:20px;padding:12px 0 18px}.visual-block-controls .checkbox{align-items:center;gap:8px;margin-bottom:16px;font-size:11px;display:flex}.visual-order-controls{align-items:center;gap:8px;display:flex}.visual-order-controls button{border:1px solid var(--line);border-radius:3px;width:36px;height:32px}.visual-order-controls span{color:var(--muted);margin-left:5px;font-size:10px}.visual-inspector-fields{gap:16px;min-width:0;display:grid}.visual-inspector-fields label{min-width:0;margin:0;font-size:11px}.visual-inspector-fields input,.visual-inspector-fields textarea,.visual-inspector-fields select{background:#fffdfa;min-height:40px;padding:10px;font-size:12px}.visual-inspector-fields textarea{resize:vertical;min-height:100px}.visual-inspector-fields .block{gap:14px;min-width:0;margin:0;padding:12px;display:grid}.visual-inspector-fields legend{max-width:100%;padding-inline:5px;font-size:11px}.visual-inspector-fields .actions{gap:10px}.visual-inspector-fields .actions button,.visual-inspector-fields .secondary,.visual-inspector-fields .text-button{min-height:32px;padding:6px 8px;font-size:10px}.visual-inspector-fields .image-field{min-width:0}.visual-inspector-fields .helper{margin-bottom:4px;font-size:10px}.visual-inspector-fields .product-picker-selected{grid-template-columns:1fr}.visual-remove-block{border-top:1px solid var(--line);text-align:left;width:100%;color:var(--accent);margin-top:28px;padding:17px 0 0;font-size:11px}.visual-block-library{gap:8px;display:grid}.visual-block-library button{text-align:left;border:1px solid var(--line);border-radius:3px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:16px 12px;display:flex}.visual-block-library strong{font-size:12px;font-weight:500}.visual-block-library button:hover{background:#f2e8e7;border-color:#bc9b9e}.visual-inspector-empty h2{margin-bottom:16px;font-size:20px}.visual-inspector-empty p{color:var(--muted);font-size:12px}.visual-content-editor.is-preview .visual-editor-body{display:block}.visual-content-editor.is-preview .visual-canvas-area{border:0;padding-inline:5%}.visual-content-editor.is-preview .visual-page-canvas{max-width:1100px}.visual-content-editor.is-preview .is-mobile .visual-page-canvas{max-width:390px}.visual-content-editor.is-preview .visual-canvas-block{border:0;margin:0}@media (min-width:1500px){.editing-workspace:has(.visual-content-editor) main{padding-inline:32px}}@media (max-width:1250px){.visual-editor-body{grid-template-columns:170px minmax(0,1fr) 270px}.visual-canvas-area{padding-inline:12px}.visual-canvas-caption span:last-child{display:none}.visual-block-list,.visual-block-inspector{padding:18px 12px}}@media (max-width:1050px){.visual-editor-body{grid-template-columns:150px minmax(0,1fr)}.visual-block-inspector{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;max-height:none;position:static}.visual-inspector-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-inspector-fields>fieldset,.visual-inspector-fields>.image-field{grid-column:1/-1}.visual-block-library{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.visual-editor-bar{flex-wrap:wrap;align-items:flex-start;padding:12px}.visual-editor-bar>div:first-child{flex-direction:column;align-items:flex-start;gap:4px}.visual-editor-body{flex-direction:column;display:flex}.visual-block-list{border-bottom:1px solid var(--line);width:100%;max-height:250px;position:static}.visual-block-list ol{gap:6px;margin:0 0 12px;display:flex;overflow:auto}.visual-block-list li{flex:0 0 170px;margin:0}.visual-block-list .visual-panel-help{margin-bottom:10px}.visual-canvas-area,.visual-block-inspector{width:100%}.visual-canvas-area{border-left:0;padding-inline:8px}.visual-canvas-scroll{min-height:250px;max-height:65dvh}.visual-canvas-block-label{font-size:8px}.visual-canvas-block-label span:last-child{display:none}.visual-inspector-fields{grid-template-columns:1fr}.visual-block-library{grid-template-columns:repeat(2,minmax(0,1fr))}.content-editor-tabs{gap:20px;margin-bottom:16px}.content-editor-tabs button{font-size:12px}}@media (prefers-reduced-motion:reduce){.visual-content-editor *{scroll-behavior:auto}}.visual-inspector-fields .image-field-visual{grid-template-columns:72px minmax(0,1fr);gap:12px;display:grid}.visual-inspector-fields .image-field-photo{width:72px;min-width:0;height:90px}.visual-inspector-fields .image-field-photo span{padding:5px;font-size:9px}.admin-workspace.canvas-workspace{display:block}.admin-workspace.canvas-workspace>.main-wrap{width:100%;margin-left:0}.admin-workspace.canvas-workspace main{padding:0}.immersive-editor{margin:0;max-width:none!important}.immersive-editor .editor-savebar{z-index:25;background:#fffdf8;gap:20px;margin:0;padding:12px 20px;top:0}.immersive-editor-title{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.immersive-editor-title>a{border:1px solid var(--line);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;display:flex}.immersive-editor-title h1{font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.4;overflow:hidden}.immersive-editor-title .badge{background:0 0;border:0;margin-top:4px;padding:0;font-size:9px;display:inline-block}.immersive-editor .editor-save-state{font-size:10px}.immersive-editor .content-editor-tabs{background:#fffdf8;gap:24px;margin:0;padding:0 22px}.immersive-editor .content-editor-tabs button{min-height:42px;font-size:11px}.immersive-editor .editor-form,.immersive-editor .editor-fields{gap:0;margin:0}.immersive-editor .editor-layout{padding:24px}.immersive-editor .editor-message{margin:0;padding:12px 24px;font-size:12px}.immersive-editor .visual-content-editor{border:0}.immersive-editor .visual-editor-bar{min-height:53px;padding:10px 20px}.immersive-editor .visual-editor-body{grid-template-columns:210px minmax(0,1fr) 330px;min-height:calc(100dvh - 164px)}.immersive-editor .visual-block-list,.immersive-editor .visual-block-inspector{max-height:calc(100dvh - 164px);top:164px}.immersive-editor .visual-canvas-area{align-self:stretch;padding:0 14px}.immersive-editor .visual-canvas-caption{padding:11px 0}.storefront-canvas-surface{justify-content:center;align-items:flex-start;width:100%;height:calc(100dvh - 200px);min-height:420px;display:flex;position:relative;overflow:hidden}.storefront-canvas-viewport{flex-shrink:0;position:relative;box-shadow:0 2px 12px #372e2b16}.storefront-canvas-viewport iframe{background:#f7f3ea;border:0;max-width:none;display:block}.storefront-canvas-connection{text-align:center;background:#f7f4ee;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px;display:flex;position:absolute;inset:0}.storefront-canvas-connection strong{font-size:16px}.storefront-canvas-connection p{max-width:42ch;color:var(--muted);font-size:12px}.visual-empty-actions{align-items:center;gap:15px;padding:15px;font-size:12px;display:flex}.immersive-editor .is-preview .visual-editor-body{display:block}.immersive-editor .is-preview .visual-canvas-area{padding-inline:24px}@media (max-width:1100px){.immersive-editor .visual-editor-body{grid-template-columns:170px minmax(0,1fr) 280px}.immersive-editor .editor-save-state{display:none}}@media (max-width:1050px){.immersive-editor .visual-editor-body{grid-template-columns:150px minmax(0,1fr)}.immersive-editor .visual-block-inspector{grid-column:1/-1;max-height:none;position:static}.storefront-canvas-surface{min-height:360px}}@media (max-width:760px){.immersive-editor .editor-savebar{flex-wrap:wrap;gap:10px;padding:9px 12px}.immersive-editor-title{flex:100%}.immersive-editor .editor-savebar>.actions{justify-content:space-between;width:100%}.immersive-editor .editor-savebar .primary,.immersive-editor .editor-savebar .secondary{min-height:36px;padding:8px 10px;font-size:10px}.immersive-editor .visual-editor-body{min-height:0;display:flex}.immersive-editor .visual-block-list{max-height:210px;position:static}.immersive-editor .visual-block-inspector{scroll-margin-top:160px}.immersive-editor .editor-layout{padding:12px}.immersive-editor .visual-canvas-area{padding-inline:8px}.storefront-canvas-surface{height:65dvh;min-height:320px}}@media (min-width:761px){.admin-workspace.canvas-workspace .main-wrap>main{max-width:none;padding:0}.immersive-editor:not(:has(.editor-layout)){flex-direction:column;height:100dvh;display:flex;overflow:hidden}:is(.immersive-editor:not(:has(.editor-layout))>.editor-savebar,.immersive-editor:not(:has(.editor-layout))>.content-editor-tabs,.immersive-editor:not(:has(.editor-layout))>.editor-message){flex-shrink:0}.immersive-editor:not(:has(.editor-layout))>.editor-form{flex:1;min-height:0}.immersive-editor:not(:has(.editor-layout)) .editor-fields{height:100%;display:block}.immersive-editor:not(:has(.editor-layout)) .visual-content-editor{flex-direction:column;height:100%;display:flex}.immersive-editor:not(:has(.editor-layout)) .visual-editor-bar{flex-shrink:0}.immersive-editor:not(:has(.editor-layout)) .visual-editor-body{flex:1;min-height:0;overflow:hidden}:is(.immersive-editor:not(:has(.editor-layout)) .visual-block-list,.immersive-editor:not(:has(.editor-layout)) .visual-block-inspector){height:100%;max-height:none;position:static}.immersive-editor:not(:has(.editor-layout)) .visual-canvas-area{flex-direction:column;height:100%;display:flex}.immersive-editor:not(:has(.editor-layout)) .visual-canvas-caption{flex-shrink:0}.immersive-editor:not(:has(.editor-layout)) .storefront-canvas-surface{flex:1;height:auto;min-height:0}}@media (min-width:761px) and (max-width:1050px){.immersive-editor:not(:has(.editor-layout)) .visual-editor-body{grid-template-columns:150px minmax(0,1fr) 270px}.immersive-editor:not(:has(.editor-layout)) .visual-block-inspector{border-top:0;border-left:1px solid var(--line);grid-column:auto}.immersive-editor .visual-inspector-fields{grid-template-columns:1fr}}@media (max-width:760px){.admin-workspace.canvas-workspace .main-wrap>main{max-width:none;padding:0}}