:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#172326;--muted:#6f746e;--panel:#fffaf0;--surface:#f7ead2;--canvas:#f1e3ca;--line:#e7dac2;--line-strong:#d4bf98;--teal:#0d6f74;--teal-soft:#e7f0e7;--gold:#d89a2b;--gold-dark:#b87918;--coral:#b9472d;--navy:#072f3b;--cream:#fffaf0;--shadow:0 18px 42px #17232629}html,body,#root{width:100%;height:100%}#root{text-align:left;border:0;max-width:none;margin:0}body{color:var(--ink);background:radial-gradient(circle at 0 0,#d89a2b2e,#0000 32rem),linear-gradient(135deg,#f7ead2 0%,#fffaf0 46%,#e7f0e7 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{border:0;font-weight:600}.app{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-header{border-bottom:5px solid var(--gold);text-align:center;z-index:10;background:linear-gradient(#072f3bdb,#072f3beb),url(/assets/hero-CLDdwZDr.png) 50%/cover;flex-shrink:0;justify-content:center;align-items:center;gap:18px;min-height:72px;padding:12px 18px;display:flex;position:relative;box-shadow:0 10px 30px #17232638}.app-description{color:#f7dfad;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:800}.app-header h1{color:var(--cream);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:800;line-height:1.15}.header-actions{align-items:center;gap:8px;display:flex;position:absolute;right:18px}.header-notices{z-index:30;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(360px,28vw);max-height:calc(100vh - 20px);display:flex;position:absolute;top:10px;left:18px;overflow:visible}.size-warning{color:#7a5c00;text-align:left;background:#fff3cd;border:1px solid #d89a2b80;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:8px;padding:7px 10px;font-size:12px;font-weight:750;line-height:1.35;animation:.24s ease-out both notice-fade-in;display:grid;box-shadow:0 8px 20px #17232629}.size-warning.is-exiting{animation:.24s ease-in both notice-fade-out}.size-warning.import-warning{color:#214c73;background:#eef7ff;border-color:#9cc5eb}.notice-dismiss{color:currentColor;cursor:pointer;opacity:.72;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin:-2px -5px 0 0;display:inline-flex}.notice-dismiss:hover{opacity:1;background:#17232614}@keyframes notice-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes notice-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.export-btn,.preview-btn,.add-block-label{background:linear-gradient(135deg, var(--gold), #e9b758);color:#1f1607;cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:600;display:inline-flex}.export-btn:hover,.preview-btn:hover,.add-block-label:hover{background:linear-gradient(135deg, #e9b758, var(--gold-dark))}.preview-btn{color:var(--navy);background:#fffaf0f5;border:1px solid #f7dfadb8}.preview-btn:hover{background:#fff6e3}.copy-fallback{border-bottom:1px solid var(--line);background:#fffdf7;flex-shrink:0;grid-template-columns:1fr auto;gap:10px;padding:12px 18px;display:grid}.copy-fallback strong,.copy-fallback span{display:block}.copy-fallback strong{color:var(--navy);font-size:14px}.copy-fallback span{color:var(--muted);margin-top:2px;font-size:13px}.copy-fallback button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#f8edd8;border-radius:7px;align-self:start;min-height:32px;padding:0 10px}.copy-fallback textarea{border:1px solid var(--line);color:var(--ink);resize:vertical;background:#fff;border-radius:7px;grid-column:1/-1;width:100%;min-height:150px;padding:10px;font-family:Consolas,Courier New,monospace;font-size:12px}.app-body{flex:1;grid-template-columns:248px minmax(420px,1fr) 312px;min-height:0;transition:grid-template-columns .18s;display:grid}.app-body:has(.template-panel.templates-expanded){grid-template-columns:288px minmax(420px,1fr) 312px}.side-rail,.right-rail,.block-editor-panel{background:#fffaf0f0;min-height:0;padding:16px;overflow-y:auto}.side-rail{border-right:1px solid var(--line);scrollbar-gutter:stable;flex-direction:column;gap:18px;display:flex}.block-editor-panel{border-left:1px solid var(--line)}.right-rail{border-left:1px solid var(--line);background-color:#fffaf0f0;background-image:linear-gradient(#fffaf000,#fffaf0f0 72%),radial-gradient(farthest-side at 50% 100%,#17232638,#17232600),none;background-position:bottom,bottom,0 0;background-repeat:no-repeat;background-size:100% 34px,100% 16px,auto;background-attachment:local,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;gap:18px;padding-bottom:56px;display:flex}.right-rail:after{content:"";flex:0 0 72px;display:block}.right-rail .block-editor-panel{background:0 0;border-left:0;padding:0;overflow:visible}.right-rail .block-editor-panel:after{content:"";height:72px;display:block}.template-panel h2,.block-editor-panel h2,.canvas-toolbar h2{color:var(--navy);letter-spacing:0;margin-bottom:3px;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:800;line-height:1.2}.panel-subtitle{color:var(--muted);letter-spacing:0;margin-bottom:14px;font-size:12px;font-weight:700}.template-list{gap:9px;display:grid}.save-template{margin-bottom:14px;position:relative}.save-template-open-btn{background:linear-gradient(135deg, var(--gold), #e9b758);color:#1f1607;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:36px;font-size:13px;font-weight:600;display:flex}.save-template-open-btn:hover{background:linear-gradient(135deg, #e9b758, var(--gold-dark))}.save-template .rail-note{margin-top:8px}.folder-create{margin-bottom:12px;position:relative}.save-template-popup,.folder-popup{border:1px solid var(--line);box-shadow:var(--shadow);z-index:10;background:#fffdf7;border-radius:8px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:0}.save-template-popup label,.folder-popup label{margin-bottom:10px;display:block}.save-template-popup label span,.folder-popup label span{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:850;display:block}.save-template-popup input,.save-template-popup select,.folder-popup input{border:1px solid var(--line);color:var(--ink);background:#fffdf7;border-radius:7px;outline:none;width:100%;padding:9px 10px;font-size:13px}.folder-create-btn{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fffdf7;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:36px;font-size:13px;font-weight:600;display:flex}.folder-create-btn:hover{border-color:var(--gold);background:#fff6e3}.save-template-popup input:focus,.save-template-popup select:focus,.folder-popup input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d6f741f}.save-template-popup-actions,.folder-popup-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.save-template-popup-actions button,.folder-popup-actions button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fffaf0;border-radius:7px;justify-content:center;align-items:center;min-height:34px;font-size:13px;font-weight:600;display:inline-flex}.save-template-popup-actions button:first-child,.folder-popup-actions button:first-child{background:linear-gradient(135deg, var(--gold), #e9b758);color:#1f1607;border-color:#0000}.save-template-popup-actions button:hover,.folder-popup-actions button:hover{border-color:var(--gold);background:#fff6e3}.save-template-popup-actions button:first-child:hover,.folder-popup-actions button:first-child:hover{background:linear-gradient(135deg, #e9b758, var(--gold-dark))}.template-section{gap:9px;margin-top:14px;display:grid}.template-section-title,.template-section-toggle{color:var(--navy);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.template-section-toggle{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fffdf7;border-radius:7px;justify-content:space-between;align-items:center;width:100%;min-height:36px;padding:0 10px;display:flex}.template-section-toggle:hover{border-color:var(--gold);background:#fff6e3}.empty-template-note{border:1px dashed var(--line-strong);color:var(--muted);background:#ffffff7a;border-radius:8px;padding:12px;font-size:12px;line-height:1.35}.folder-list,.template-folder{gap:8px;display:grid}.folder-row{display:block}.folder-toggle{border:1px solid var(--line);color:var(--navy);cursor:pointer;text-align:left;background:#fffdf7;border-radius:7px;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;width:100%;height:42px;padding:0 9px;display:grid}.folder-toggle:hover,.folder-toggle[aria-expanded=true]{border-color:var(--gold);background:#fff6e3}.folder-toggle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.folder-toggle small{color:var(--teal);background:#0d6f741a;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.delete-folder-btn{color:var(--coral);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.delete-folder-btn:hover{background:#b9472d1a}.template-card{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#ffffff7a;border-radius:8px;width:100%;min-height:74px;padding:0;display:block;position:relative;overflow:hidden}.template-card>button:first-child{color:inherit;cursor:pointer;text-align:left;background:0 0;width:100%;min-height:74px;padding:12px 42px 12px 12px;display:block}.template-card:hover{background:#fff6e3;border-color:#d89a2bb8}.template-card.active{border-color:var(--gold);box-shadow:inset 4px 0 0 var(--teal);background:linear-gradient(135deg,#0d6f741f,#d89a2b2e)}.template-card strong{color:var(--navy);margin-bottom:3px;font-size:14px;font-weight:600;display:block}.template-card p,.rail-note{color:var(--muted);font-size:12px;line-height:1.35}.delete-template-btn{color:var(--coral);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:8px;right:8px}.delete-template-btn:hover{background:#b9472d1a}.rail-note{border:1px solid var(--line);background:#f8edd8c7;border-radius:8px;align-items:flex-start;gap:9px;margin-top:auto;padding:12px;display:flex}.rail-note svg{color:var(--gold);flex:none}.block-canvas-panel{background:radial-gradient(circle at top right, #0d6f741f, transparent 26rem), var(--canvas);flex-direction:column;min-height:0;display:flex;position:relative}.canvas-toolbar{border-bottom:1px solid var(--line);z-index:2;background:#fffaf0d1;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.canvas-toolbar>div:first-child{flex:0 0 120px}.canvas-toolbar .panel-subtitle{white-space:nowrap;margin-bottom:0}.canvas-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.canvas-interaction-controls{border:1px solid var(--line);background:#fffdf7;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.canvas-interaction-controls button{color:var(--navy);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 10px;display:inline-flex}.canvas-interaction-controls button span{font-size:12px;font-weight:750}.canvas-interaction-controls button:hover{background:#f8edd8}.canvas-interaction-controls button.active{background:var(--teal);color:var(--cream)}.canvas-format-controls{border:1px solid var(--line);background:#fffdf7;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.canvas-format-controls button{color:var(--navy);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-family:Georgia,Times New Roman,serif;font-size:14px;display:inline-flex}.canvas-format-controls button:first-child{font-weight:900}.canvas-format-controls button:nth-child(2){font-style:italic}.canvas-format-controls button:nth-child(3){text-decoration:underline}.canvas-format-controls button:hover:not(:disabled){background:#f8edd8}.canvas-format-controls button.active{background:var(--teal);color:var(--cream)}.canvas-format-controls button:disabled{color:var(--muted);cursor:not-allowed;opacity:.45}.canvas-history-controls{border:1px solid var(--line);background:#fffdf7;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.canvas-history-controls button{color:var(--navy);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 8px;display:inline-flex}.canvas-history-controls button span{font-size:12px;font-weight:750}.canvas-history-controls button:hover:not(:disabled){background:#f8edd8}.canvas-history-controls button:disabled{color:var(--muted);cursor:not-allowed;opacity:.45}.email-bg-control,.email-width-control{border:1px solid var(--line);background:#fffdf7;border-radius:8px;align-items:center;gap:8px;padding:4px 10px;display:flex}.email-bg-control label,.email-width-control label{color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700}.email-width-control select,.email-width-control input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;height:28px;font-size:12px;font-weight:700}.email-width-control select{max-width:116px}.email-width-control input{width:62px;padding:0 6px}.email-bg-control input[type=color]{border:1px solid var(--line);cursor:pointer;border-radius:5px;width:36px;height:26px;padding:2px}.email-bg-import,.email-bg-clear{border:1px solid var(--line);color:var(--navy);cursor:pointer;white-space:nowrap;background:#fffdf7;border-radius:8px;align-items:center;height:36px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.email-bg-import:hover,.email-bg-clear:hover{border-color:var(--gold);background:#fff6e3}.email-bg-import input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.block-canvas{z-index:1;flex:1;min-height:0;padding:34px 28px 72px;position:relative;overflow:auto}.email-preview-shell{background-position:top;background-repeat:repeat;border-radius:8px;width:fit-content;max-width:none;margin:0 auto;padding:40px 20px}.email-artboard{background:var(--cream);box-shadow:var(--shadow);border:1px solid #e7dac2d1;max-width:100%;margin:0 auto;position:relative;overflow:visible}.email-artboard.interaction-drag .canvas-block{cursor:grab;-webkit-user-select:none;user-select:none}.email-artboard.interaction-drag .canvas-block:active{cursor:grabbing}.email-artboard.interaction-drag [data-rich-text-field=true],.email-artboard.interaction-drag .canvas-header-block strong,.email-artboard.interaction-drag .canvas-header-block h3{pointer-events:none;-webkit-user-select:none;user-select:none}.email-artboard.interaction-drag .canvas-image-shell.selected,.email-artboard.interaction-drag .canvas-image-shell:hover{box-shadow:none;outline:none}.email-artboard.interaction-drag .canvas-image-shell .image-resize-handle{display:none}.email-artboard.interaction-select .canvas-block{cursor:default}.email-artboard.interaction-text .canvas-block{cursor:text}.email-artboard.interaction-text .canvas-block:hover{border-color:#08777f38}.canvas-block{cursor:pointer;text-align:left;border:2px solid #0000;min-height:28px;margin-block:0;transition:border-color .16s,box-shadow .16s,margin .18s;position:relative}.canvas-block-header{background:#f8edd8}.canvas-block:hover{border-color:#08777f5c}.canvas-block.dragging{opacity:.45}.canvas-block.drag-over{border-color:var(--gold);box-shadow:0 0 0 3px #d89a2b33,inset 0 0 0 1px #d89a2b66}.canvas-block.drag-over-before{margin-top:34px}.canvas-block.drag-over-after{margin-bottom:34px}.canvas-block.drag-over-before:before,.canvas-block.drag-over-after:before{background:var(--gold);content:"";pointer-events:none;z-index:4;border-radius:999px;height:4px;position:absolute;left:10px;right:10px;box-shadow:0 0 0 4px #d89a2b2e}.canvas-block.drag-over-before:before{top:-19px}.canvas-block.drag-over-after:before{bottom:-19px}.canvas-block.selected{border-color:var(--teal);z-index:1;box-shadow:0 0 0 4px #08777f3d,0 0 0 8px #d89a2b2e}.canvas-block.selected:after{background:var(--teal);border:2px solid var(--cream);color:var(--cream);content:"Editing";letter-spacing:.04em;text-transform:uppercase;z-index:6;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850;line-height:1;position:absolute;top:-15px;right:10px;box-shadow:0 8px 18px #072f3b38}.canvas-block.insert-preview-before{margin-top:24px}.canvas-block.insert-preview-after{margin-bottom:24px}.block-floating-tools{background:var(--navy);color:var(--cream);z-index:5;border-radius:7px;align-items:center;gap:3px;min-height:30px;padding:3px;display:none;position:absolute;top:-39px;left:12px;box-shadow:0 10px 24px #072f3b3d}.canvas-block.selected .block-floating-tools,.canvas-block:hover .block-floating-tools{display:inline-flex}.block-floating-tools span{text-transform:uppercase;padding:0 7px;font-size:11px;font-weight:850}.block-floating-tools button{color:#fff;cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.block-floating-tools button:hover{background:#fff3}.block-floating-tools button:disabled{cursor:not-allowed;opacity:.42}.block-insert-tools{pointer-events:none;position:absolute;inset:0}.block-insert-tools:before{background:var(--gold);content:"";pointer-events:none;z-index:3;border-radius:999px;height:4px;display:none;position:absolute;left:10px;right:10px;box-shadow:0 0 0 3px #d89a2b33}.block-insert-tools.preview-before:before{display:block;top:-14px}.block-insert-tools.preview-after:before{display:block;bottom:-14px}.block-insert-button{background:var(--navy);border:2px solid var(--cream);color:var(--cream);cursor:pointer;pointer-events:auto;z-index:5;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .16s,color .16s,transform .18s;display:inline-flex;position:absolute;right:-36px;box-shadow:0 8px 18px #072f3b2e}.block-insert-button.above{top:-15px}.canvas-block.insert-preview-before .block-insert-button.above{transform:translateY(-24px)}.block-insert-button.below{bottom:-15px}.block-insert-button:hover{background:var(--teal);color:var(--cream)}[contenteditable]{cursor:text;outline:none}[contenteditable]:focus{box-shadow:inset 0 -2px #d99a2bf2}.canvas-header-block{text-align:center;padding:36px 30px 31px;position:relative;overflow:hidden}.canvas-header-block strong{z-index:1;margin-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:19px;display:block;position:relative}.canvas-header-block h3{z-index:1;font-family:Georgia,Times New Roman,serif;font-size:26px;line-height:1.25;position:relative}.canvas-header-image{z-index:1;max-width:100%;height:auto;margin:0 auto 14px;display:block;position:relative}.canvas-text-block{white-space:pre-wrap;margin:0;padding:24px 30px 0;line-height:1.6}.canvas-image-block{width:100%;height:auto;margin:0 auto;display:block}.canvas-image-group{gap:12px;padding:24px 30px;display:grid}.canvas-image-group.side-by-side{flex-wrap:nowrap;justify-content:center;align-items:center;display:flex}.canvas-image-shell{justify-self:center;width:fit-content;max-width:100%;display:inline-block;position:relative}.canvas-image-shell.cropped{touch-action:none;width:auto;overflow:hidden}.canvas-image-group.side-by-side .canvas-image-shell{flex:0 auto}.canvas-image-shell.selected,.canvas-image-shell:hover{outline:2px solid var(--teal);outline-offset:2px;box-shadow:0 0 0 5px #0d6f7424}.image-resize-handle{box-shadow:0 0 0 1px var(--teal), 0 2px 8px #1723263d;cursor:nwse-resize;z-index:2;background:#fffdf7;border:2px solid #fffdf7;width:12px;height:12px;display:none;position:absolute}.canvas-image-shell.selected .image-resize-handle,.canvas-image-shell:hover .image-resize-handle{display:block}.image-resize-handle.top-left{cursor:nwse-resize;top:-7px;left:-7px}.image-resize-handle.top-right{cursor:nesw-resize;top:-7px;right:-7px}.image-resize-handle.bottom-left{cursor:nesw-resize;bottom:-7px;left:-7px}.image-resize-handle.bottom-right{cursor:nwse-resize;bottom:-7px;right:-7px}.image-resize-handle:hover{background:var(--gold)}.canvas-image-placeholder{color:var(--muted);text-transform:uppercase;background:#f8edd8;justify-content:center;align-items:center;min-width:180px;min-height:184px;font-size:13px;font-weight:800;display:flex}.canvas-button-block{text-align:center;border-radius:6px;max-width:max-content;margin:28px auto 0;padding:14px 28px;font-weight:800;text-decoration:none;display:block}.canvas-button-row{justify-content:center;gap:12px;padding:28px 30px 0;display:flex}.canvas-button-row .canvas-button-block{margin:0}.canvas-columns-block{gap:18px;padding:24px 30px 0;display:flex}.canvas-columns-text,.canvas-columns-image{flex:1 1 0}.canvas-columns-text{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;min-width:0;padding:20px;line-height:1.6}.canvas-columns-image{justify-content:center;align-items:center;min-width:0;padding:20px;display:flex}.canvas-columns-image img{max-width:100%;height:auto;display:block}.canvas-divider-block{padding:28px 30px 0}.canvas-divider-block span{background:var(--line);width:100%;height:1px;display:block}.canvas-signature-block{padding:24px 30px 0;line-height:1.5}.canvas-signature-block p{margin:0 0 8px}.canvas-signature-block strong,.canvas-signature-block span{display:block}.canvas-footer-block{text-align:center;margin-top:28px;padding:22px 30px;line-height:1.5}.canvas-footer-block p{white-space:pre-wrap;margin:0 0 10px}.canvas-footer-block span{text-decoration:underline}.add-block-picker{z-index:8;justify-content:center;margin:28px auto 0;padding:0 30px 28px;display:flex;position:relative}.add-block-label{box-shadow:0 16px 34px #d89a2b47}.add-block-options{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf7;border-radius:8px;gap:6px;min-width:190px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.add-block-options.anchored{z-index:30;position:fixed;bottom:auto;transform:translateY(-50%)}.add-block-placement{border-bottom:1px solid var(--line);gap:7px;margin-bottom:2px;padding:2px 2px 8px;display:grid}.add-block-placement>span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:850}.add-block-placement-actions{border:1px solid var(--line);background:#f8edd8;border-radius:7px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.add-block-options .add-block-placement-actions button{justify-content:center;min-height:30px;padding:0 8px}.add-block-options .add-block-placement-actions button.active{background:var(--teal);color:var(--cream)}.add-block-options button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:9px;min-height:36px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.add-block-options button:hover{color:var(--navy);background:#fff6e3}.empty-editor{border:1px dashed var(--line-strong);color:var(--muted);background:#fffdf7;border-radius:8px;padding:16px;font-size:14px;line-height:1.45}.inspector-heading{box-shadow:inset 4px 0 0 var(--teal);background:linear-gradient(135deg,#0d6f7424,#d89a2b29);border:1px solid #0d6f7442;border-radius:8px;margin-bottom:12px;padding:10px 12px}.inspector-heading h2{margin-bottom:0}.inspector-kicker{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:850;line-height:1}.editor-section{background:#ffffff7a;border:1px solid #17232614;border-radius:8px;margin-bottom:10px;transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s;overflow:hidden}.editor-section:last-child{margin-bottom:10px}.editor-section:hover{border-color:#0d6f7438;box-shadow:0 12px 24px #1723260f}.editor-section[open]{background:#ffffffb8;border-color:#0d6f7447;box-shadow:0 14px 28px #0d6f7414}.editor-section-summary{cursor:pointer;min-height:42px;padding:9px 12px;list-style:none;transition:background-color .18s,color .18s;position:relative}.editor-section-summary::-webkit-details-marker{display:none}.editor-section-summary::marker{content:""}.editor-section-summary:after{color:var(--teal);content:"+";font-size:17px;font-weight:400;line-height:1;transition:transform .18s,color .18s;position:absolute;top:12px;right:12px}.editor-section:hover .editor-section-summary{background:#f8edd870}.editor-section[open] .editor-section-summary{background:#e7f0e7b8;min-height:38px}.editor-section[open] .editor-section-summary:after{color:var(--gold-dark);content:"−";transform:scale(1.05)}.editor-section-head{justify-content:space-between;align-items:center;gap:16px;min-height:30px;padding-right:22px;display:flex}.editor-section-head h3{color:var(--navy);margin:0;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:800;line-height:1.15}.editor-section-kicker{display:none}.editor-section-action{flex:none}.editor-section-body{border-top:1px solid #17232614;padding:0 12px 12px}.editor-section-divider{height:10px;margin:0 0 12px}.editor-section[open] .editor-section-summary{padding-bottom:9px}.editor-section[open] .editor-section-summary:after{top:11px}.form-group{margin-bottom:14px}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-row>.form-group:only-child{grid-column:1/-1}.form-group label{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:850;display:block}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{border:1px solid var(--line);color:var(--ink);background:#fffdf7;border-radius:7px;outline:none;width:100%;padding:9px 10px;font-size:14px}.form-group textarea{resize:vertical;min-height:132px}.form-group textarea.compact-textarea{min-height:62px;line-height:1.35}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--teal);background:#fffdf7;box-shadow:0 0 0 3px #08777f1f}.numeric-drag-control{grid-template-columns:minmax(0,1fr) 34px;gap:6px;display:grid}.numeric-drag-control input[type=number]{min-width:0}.numeric-drag-handle{border:1px solid var(--line);color:var(--navy);cursor:ns-resize;touch-action:none;background:#fffdf7;border-radius:7px;justify-content:center;align-items:center;min-height:38px;transition:background-color .15s,border-color .15s,color .15s,transform 80ms ease-out;display:inline-flex}.numeric-drag-handle:hover{border-color:var(--gold);background:#fff6e3}.numeric-drag-handle:active{background:var(--teal);border-color:var(--teal);color:var(--cream)}.form-group input[type=color]{border:1px solid var(--line);cursor:pointer;background:#fffdf7;border-radius:7px;width:46px;height:38px;padding:3px}.color-picker-row{align-items:center;gap:8px;display:flex}.form-group .checkbox-control{border:1px solid var(--line);color:var(--navy);cursor:pointer;text-transform:none;background:#fffdf7;border-radius:7px;align-items:flex-start;gap:9px;min-height:38px;margin-bottom:0;padding:10px;line-height:1;display:flex}.checkbox-control input{accent-color:var(--teal);cursor:pointer;flex:none;width:16px;height:16px;margin:0}.checkbox-control span{text-transform:none;white-space:normal;align-items:center;min-width:0;min-height:16px;font-size:13px;font-weight:750;line-height:1.25;display:inline-flex}.eyedropper-btn{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fffdf7;border-radius:7px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.eyedropper-btn:hover:not(:disabled){border-color:var(--gold);background:#fff6e3}.eyedropper-btn:disabled{color:var(--muted);cursor:not-allowed;opacity:.48}.format-toggle-group{gap:8px;display:flex}.formatting-help{color:var(--muted);font-size:12px;line-height:1.5}.format-toggle-btn{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fffdf7;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;font-family:Georgia,Times New Roman,serif;font-size:16px;display:inline-flex}.format-toggle-btn:first-child{font-weight:900}.format-toggle-btn:nth-child(2){font-style:italic}.format-toggle-btn:nth-child(3){text-decoration:underline}.format-toggle-btn:hover{border-color:var(--gold);background:#fff6e3}.format-toggle-btn.active{background:var(--teal);border-color:var(--teal);color:var(--cream)}.form-group .import-image-btn{background:linear-gradient(135deg, var(--gold), #e9b758);color:#1f1607;cursor:pointer;text-transform:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-bottom:0;padding:0 12px;font-size:14px;font-weight:600;line-height:1;display:flex}.form-group .import-image-btn span{text-align:center;line-height:1}.form-group .import-image-btn svg{flex:none}.form-group .import-image-btn:hover{background:linear-gradient(135deg, #e9b758, var(--gold-dark))}.form-group .import-image-btn.drag-active{background:linear-gradient(135deg, var(--teal), #16939a);color:var(--cream);box-shadow:inset 0 0 0 2px #fffaf059}.form-group .import-image-btn input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.image-control-row{grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:8px;display:grid}.image-control-remove{color:var(--coral);cursor:pointer;background:#b9472d14;border:1px solid #b9472d2e;border-radius:7px;justify-content:center;align-self:stretch;align-items:center;min-height:40px;display:inline-flex}.image-control-remove:hover{background:#b9472d24}.image-item-editor{background:#f6efe3d1;border-radius:18px;margin-bottom:12px;padding:14px}.image-item-header{z-index:2;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.image-item-header strong{color:var(--navy);font-size:13px}.image-item-header>div{min-width:0}.image-item-header button{color:var(--coral);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.image-item-header .image-item-remove{pointer-events:auto;z-index:4;flex:0 0 34px;height:34px;position:relative}.image-item-header button:hover{background:#b9472d1a}.add-image-btn{border:1px solid var(--line);color:var(--navy);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#fffdf7;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-bottom:12px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.add-image-btn.inline{width:auto;min-height:36px;margin-bottom:0}.add-image-btn:hover{border-color:var(--gold);background:#fff6e3}.remove-image-btn{color:var(--coral);cursor:pointer;letter-spacing:.08em;pointer-events:auto;text-transform:uppercase;z-index:3;background:#b9472d14;border:1px solid #b9472d2e;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-size:12px;font-weight:800;display:flex;position:relative}.image-delete-upload-btn{width:100%;margin-bottom:10px}.remove-image-btn:hover{background:#b9472d24}.preview-page{background:radial-gradient(circle at top right, #0d6f741f, transparent 28rem), var(--canvas);flex-direction:column;flex:1;min-height:0;display:flex}.preview-topbar{border-bottom:1px solid var(--line);z-index:2;background:#fffaf0e6;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:12px 18px;display:grid;position:relative}.preview-topbar h2{color:var(--navy);text-align:center;font-family:Georgia,Times New Roman,serif;font-size:18px}.preview-topbar .panel-subtitle{text-align:center;margin-bottom:0}.preview-back-btn{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fffdf7;border-radius:7px;justify-self:start;align-items:center;gap:8px;min-height:36px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}.preview-back-btn:hover{border-color:var(--gold);background:#fff6e3}.preview-controls{justify-self:end;align-items:center;gap:8px;display:flex}.preview-device-toggle,.preview-zoom{border:1px solid var(--line);background:#fffdf7;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.preview-device-toggle button,.preview-zoom button{color:var(--navy);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.preview-device-toggle button{gap:6px;width:auto;padding:0 9px}.preview-device-toggle button.active{background:var(--teal);color:var(--cream)}.preview-device-toggle span{font-size:12px;font-weight:600}.preview-device-toggle button:hover,.preview-zoom button:hover{background:#f8edd8}.preview-device-toggle button.active:hover{background:var(--teal)}.preview-zoom span{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:42px;font-size:12px;font-weight:800}.preview-frame{overscroll-behavior:contain;z-index:1;flex:1;min-height:0;padding:28px;position:relative;overflow:auto}.preview-frame.mobile{justify-content:center;align-items:flex-start;padding:18px;scroll-padding-top:18px;display:flex;overflow:auto}.preview-content{box-shadow:var(--shadow);transform-origin:top;background:#fff;border:1px solid #e7dac2e6;border-radius:8px;margin:0 auto;display:block}.preview-frame.mobile .preview-content{border:6px solid #172326;border-radius:22px;overflow:auto;box-shadow:0 0 0 1px #fffaf080,0 22px 46px #17232642}@media (width<=1100px){.app{height:auto;min-height:100dvh;overflow:auto}.app-body{grid-template-columns:220px minmax(380px,1fr)}.app-body:has(.template-panel.templates-expanded){grid-template-columns:250px minmax(380px,1fr)}.right-rail{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.block-editor-panel{border-left:0}}@media (width<=780px){.app-header{flex-direction:column;align-items:center}.app-header h1{font-size:28px}.header-actions{position:static}.header-notices{max-width:min(520px,100%);max-height:calc(100vh - 20px);position:absolute;top:10px}.app-body{flex-direction:column;display:flex}.app-body:has(.template-panel.templates-expanded){display:flex}.side-rail{border-right:0;border-bottom:1px solid var(--line)}.template-list{padding-bottom:2px;display:flex;overflow-x:auto}.template-card{flex:0 0 190px}.block-canvas-panel{min-height:660px}.block-canvas{padding:24px 12px 84px}.email-preview-shell{padding:24px 12px}.preview-topbar{flex-direction:column;display:flex}.preview-back-btn,.preview-controls,.preview-zoom{justify-self:auto}.preview-controls{flex-wrap:wrap;justify-content:center}.preview-frame{padding:18px 12px}.preview-frame.mobile{justify-content:center;align-items:flex-start;padding:12px;display:flex;overflow:hidden}.preview-frame.mobile .preview-content{border-width:3px;border-radius:14px}}