@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);.designer-layout[data-v-3539c826]{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#f8fafc;color:#334155;font-family:Inter,system-ui,-apple-system,sans-serif!important}.designer-layout.dragging-active [data-v-3539c826]{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.tracking-wide[data-v-3539c826]{letter-spacing:.025em}.section-title[data-v-3539c826]{font-size:11px;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin-bottom:12px;display:block}.text-primary[data-v-3539c826]{color:#0ea5e9!important}.bg-primary[data-v-3539c826]{background-color:#0ea5e9!important}.pointer-events-none[data-v-3539c826]{pointer-events:none}.top-bar[data-v-3539c826]{background:#fff;height:60px;padding:0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e2e8f0;z-index:100}.logo-icon[data-v-3539c826]{font-size:24px;background:#e0f2fe;padding:4px 8px;border-radius:8px}.email-subject-group[data-v-3539c826]:focus-within{-webkit-box-shadow:0 0 0 3px rgba(14,165,233,.2)!important;box-shadow:0 0 0 3px rgba(14,165,233,.2)!important;border-color:#38bdf8!important}.email-subject-group:focus-within .input-group-text[data-v-3539c826],.email-subject-group:focus-within .subject-input[data-v-3539c826]{border-color:#38bdf8!important}.btn-save[data-v-3539c826]{background:#0ea5e9!important;border:none!important;padding:8px 24px!important;border-radius:50px!important;-webkit-transition:all .2s;transition:all .2s}.btn-save[data-v-3539c826]:hover:not(:disabled){background:#0284c7!important;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(14,165,233,.3)!important;box-shadow:0 4px 12px rgba(14,165,233,.3)!important}.btn-preview[data-v-3539c826]{background:#f1f5f9!important;color:#475569!important;border:none!important;border-radius:50px!important;padding:8px 20px!important;-webkit-transition:background .2s;transition:background .2s}.btn-preview[data-v-3539c826]:hover:not(:disabled){background:#e2e8f0!important}.btn-clear[data-v-3539c826]{border-radius:50%;width:36px;height:36px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fef2f2!important;border:none;-webkit-transition:.2s;transition:.2s}.btn-clear[data-v-3539c826]:hover{background:#fee2e2!important;-webkit-transform:scale(1.05);transform:scale(1.05)}.main-area[data-v-3539c826]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative}.left-sidebar[data-v-3539c826]{width:80px;background:#fff;border-right:1px solid #e2e8f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:16px;z-index:20}.sidebar-item[data-v-3539c826]{padding:20px 0;text-align:center;cursor:pointer;color:#64748b;font-size:11px;font-weight:600;-webkit-transition:all .2s;transition:all .2s;position:relative}.sidebar-item[data-v-3539c826]:hover{color:#0ea5e9;background:#f8fafc}.sidebar-item.active[data-v-3539c826]{color:#0ea5e9;background:#f0f9ff}.sidebar-item.active[data-v-3539c826]:before{content:"";position:absolute;left:0;top:10%;height:80%;width:4px;background:#0ea5e9;border-radius:0 4px 4px 0}.sidebar-item .icon[data-v-3539c826]{font-size:24px;margin-bottom:6px}.tool-drawer[data-v-3539c826]{width:300px;border-right:1px solid #e2e8f0;z-index:15;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.drawer-header[data-v-3539c826],.tool-drawer[data-v-3539c826]{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.drawer-header[data-v-3539c826]{padding:20px;border-bottom:1px solid #e2e8f0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.close-drawer[data-v-3539c826]{cursor:pointer;color:#94a3b8;font-weight:700;padding:4px;border-radius:4px;-webkit-transition:.2s;transition:.2s}.close-drawer[data-v-3539c826]:hover{background:#f1f5f9;color:#0f172a}.scrollable-content[data-v-3539c826]{overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f8fafc}.widget-grid[data-v-3539c826]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.widget-card[data-v-3539c826]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 10px;text-align:center;cursor:pointer;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.02);box-shadow:0 1px 2px rgba(0,0,0,.02);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.widget-card[data-v-3539c826]:hover{border-color:#38bdf8;-webkit-box-shadow:0 4px 12px rgba(14,165,233,.15);box-shadow:0 4px 12px rgba(14,165,233,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.widget-card[data-v-3539c826]:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:none;box-shadow:none}.widget-icon[data-v-3539c826]{font-size:24px;margin-bottom:8px}.widget-label[data-v-3539c826]{font-size:12px;color:#475569;font-weight:500}.dynamic-card[data-v-3539c826]{padding:12px}.design-canvas[data-v-3539c826]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;position:relative;scroll-behavior:auto!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#f1f5f9!important;background-image:radial-gradient(#cbd5e1 1px,transparent 0)!important;background-size:24px 24px!important}.email-paper[data-v-3539c826]{position:relative;margin-bottom:120px;border-radius:4px;-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important}.width-marker[data-v-3539c826]{position:absolute;top:-30px;left:0;width:100%;text-align:center;color:#94a3b8;font-size:11px;font-weight:600;border-top:1px dashed #cbd5e1}.width-marker[data-v-3539c826]:after,.width-marker[data-v-3539c826]:before{content:"";position:absolute;top:-4px;width:1px;height:9px;background:#cbd5e1}.width-marker[data-v-3539c826]:before{left:0}.width-marker[data-v-3539c826]:after{right:0}.custom-draggable[data-v-3539c826]{position:absolute;cursor:-webkit-grab;cursor:grab;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform,left,top,width,height;border:1px dashed transparent;-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;transition:box-shadow .2s,border-color .2s;transition:box-shadow .2s,border-color .2s,-webkit-box-shadow .2s}.designer-layout:not(.preview-mode) .custom-draggable[data-v-3539c826]:hover{border:1px dashed #7dd3fc}.selected-el[data-v-3539c826]{border:2px solid #0ea5e9!important;z-index:100!important;-webkit-box-shadow:0 0 0 4px rgba(14,165,233,.15);box-shadow:0 0 0 4px rgba(14,165,233,.15);border-radius:2px}.dragging-visually[data-v-3539c826]{opacity:.9;cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-box-shadow:0 10px 25px rgba(0,0,0,.15)!important;box-shadow:0 10px 25px rgba(0,0,0,.15)!important;z-index:999!important}.inline-editable[data-v-3539c826]{outline:none!important;cursor:text!important;min-height:1em}.resize-handle[data-v-3539c826]{position:absolute;width:18px;height:18px;background:#fff;border:3px solid #0ea5e9;right:-9px;bottom:-9px;cursor:se-resize;z-index:201;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.25);box-shadow:0 2px 6px rgba(0,0,0,.25);-webkit-transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,-webkit-transform .2s;transition:transform .2s,background-color .2s;transition:transform .2s,background-color .2s,-webkit-transform .2s}.resize-handle[data-v-3539c826]:hover{-webkit-transform:scale(1.25);transform:scale(1.25);background:#e0f2fe;border-color:#0284c7}.resize-handle[data-v-3539c826]:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;cursor:inherit}.delete-handle[data-v-3539c826]{position:absolute;top:-12px;right:-12px;width:24px;height:24px;background:#ef4444;color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:200;-webkit-transition:.2s cubic-bezier(.4,0,.2,1);transition:.2s cubic-bezier(.4,0,.2,1);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);box-shadow:0 2px 6px rgba(0,0,0,.2)}.delete-handle[data-v-3539c826]:hover{background:#dc2626;-webkit-transform:scale(1.15);transform:scale(1.15)}.paper-resizer[data-v-3539c826]{position:absolute;bottom:-24px;left:0;width:100%;height:24px;cursor:ns-resize;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10}.resizer-pill[data-v-3539c826]{background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;padding:4px 16px;border-radius:20px;-webkit-transition:.2s;transition:.2s;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.05);box-shadow:0 2px 5px rgba(0,0,0,.05)}.paper-resizer:hover .resizer-pill[data-v-3539c826]{background:#0ea5e9;color:#fff;border-color:#0ea5e9;-webkit-transform:scale(1.05);transform:scale(1.05)}.right-sidebar[data-v-3539c826]{width:320px;border-left:1px solid #e2e8f0;z-index:20;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.panel-header[data-v-3539c826],.right-sidebar[data-v-3539c826]{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.panel-header[data-v-3539c826]{padding:20px;border-bottom:1px solid #e2e8f0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.custom-form-group label[data-v-3539c826]{font-size:12px;font-weight:600;color:#475569;margin-bottom:6px;display:block}.modern-input[data-v-3539c826]{width:100%;background:#f8fafc;border:1px solid #e2e8f0;color:#1e293b;font-size:13px;padding:8px 12px;border-radius:8px;-webkit-transition:all .2s;transition:all .2s;outline:none}.modern-input[data-v-3539c826]:focus{background:#fff;border-color:#38bdf8;-webkit-box-shadow:0 0 0 3px rgba(56,189,248,.15);box-shadow:0 0 0 3px rgba(56,189,248,.15)}.modern-input[data-v-3539c826]:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.modern-color-picker[data-v-3539c826]{width:36px;height:36px;padding:0;border:none;border-radius:8px;overflow:hidden;cursor:pointer;background:transparent}.modern-color-picker[data-v-3539c826]::-webkit-color-swatch-wrapper{padding:0}.modern-color-picker[data-v-3539c826]::-webkit-color-swatch{border:2px solid #e2e8f0;border-radius:6px}.tag-pill[data-v-3539c826]{background:#fff;color:#0ea5e9;-webkit-transition:all .2s;transition:all .2s;font-size:11px}.tag-pill[data-v-3539c826]:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9!important;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.custom-range[data-v-3539c826]{width:100%;height:6px;background:#e2e8f0;border-radius:4px;outline:none;-webkit-appearance:none}.custom-range[data-v-3539c826]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0ea5e9;border-radius:50%;cursor:pointer;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.slide-right-enter-active[data-v-3539c826],.slide-right-leave-active[data-v-3539c826]{-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-right-enter[data-v-3539c826],.slide-right-leave-to[data-v-3539c826]{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.slide-fade-enter-active[data-v-3539c826],.slide-fade-leave-active[data-v-3539c826]{-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-fade-enter[data-v-3539c826],.slide-fade-leave-to[data-v-3539c826]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}.preview-mode[data-v-3539c826]{background:#fff!important}.preview-mode .design-canvas[data-v-3539c826]{background:#fff!important;background-image:none!important}.preview-mode .email-paper[data-v-3539c826]{margin:0 auto;-webkit-box-shadow:none!important;box-shadow:none!important}.preview-mode .paper-resizer[data-v-3539c826],.preview-mode .width-marker[data-v-3539c826]{display:none}.preview-mode .custom-draggable[data-v-3539c826]{border:none!important;cursor:default!important}.preview-mode-el[data-v-3539c826]{cursor:default!important}