:root{--mailkaro-bg: #f4f6f8;--mailkaro-panel: #ffffff;--mailkaro-panel-border: #dfe4ea;--mailkaro-text: #1f2937;--mailkaro-muted: #6b7280;--mailkaro-accent: #2d6cdf;--mailkaro-accent-strong: #1e57be;--mailkaro-surface: #f8fafc;--mailkaro-canvas: #ffffff;--mailkaro-radius-xl: 18px;--mailkaro-radius-lg: 14px;--mailkaro-radius-md: 10px;--mailkaro-shadow: 0 8px 24px rgba(15, 23, 42, .06);--mailkaro-font: "Inter", "Segoe UI", sans-serif;--mc-control-h: 36px;--mc-control-radius: 8px;--mc-control-pad-x: 12px;--mc-control-font: .86rem;--mc-gap: 10px;--mc-primary: #242424;--mc-primary-text: #ffffff}.mailkaro-shell--dark{--mailkaro-bg: #10151f;--mailkaro-panel: #151c28;--mailkaro-panel-border: #2a3444;--mailkaro-text: #edf2f7;--mailkaro-muted: #94a3b8;--mailkaro-accent: #6ea8ff;--mailkaro-accent-strong: #8cbcff;--mailkaro-surface: #0f1724;--mailkaro-canvas: #ffffff;--mailkaro-shadow: 0 16px 36px rgba(0, 0, 0, .32)}*{box-sizing:border-box}body{margin:0;font-family:var(--mailkaro-font);color:var(--mailkaro-text);background:var(--mailkaro-bg)}button,input,textarea,select{font:inherit}.mailkaro-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;height:100%;min-height:0;gap:14px;padding:14px;background:var(--mailkaro-bg);overflow:hidden}.mailkaro-powered-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--mailkaro-panel-border);background:#fff;color:var(--mailkaro-muted);font-size:.74rem;font-weight:600;text-decoration:none;transition:color .14s ease,box-shadow .14s ease}.mailkaro-powered-badge:hover{color:var(--mailkaro-text);box-shadow:0 4px 14px #0f172a1a}.mailkaro-powered-badge svg{color:var(--mailkaro-accent);flex:none}.mailkaro-shell--preview .mailkaro-sidebar-right,.mailkaro-shell--preview .mailkaro-sidebar-resizer,.mailkaro-shell--preview .mailkaro-sidebar-collapse{display:none}.mailkaro-sidebar,.mailkaro-inspector,.mailkaro-canvas,.mailkaro-toolbar{border:1px solid var(--mailkaro-panel-border);background:var(--mailkaro-panel);box-shadow:var(--mailkaro-shadow)}.mailkaro-sidebar,.mailkaro-inspector{border-radius:var(--mailkaro-radius-xl);padding:16px}.mailkaro-sidebar-right{position:relative;min-width:0;min-height:0;overflow:visible}.mailkaro-sidebar-right.is-collapsed{padding:16px 10px}.mailkaro-sidebar-resizer{position:absolute;left:-12px;top:14px;bottom:14px;width:16px;cursor:col-resize}.mailkaro-sidebar-resizer:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;border-radius:999px;background:#dde4ec}.mailkaro-sidebar-collapse{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(45,108,223,.22);border-radius:999px;background:linear-gradient(180deg,#fff,#f8fbff);color:var(--mailkaro-accent-strong);box-shadow:0 12px 28px #0f172a24;cursor:pointer;z-index:12;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.mailkaro-sidebar-collapse svg{width:16px;height:16px}.mailkaro-sidebar-collapse:hover,.mailkaro-sidebar-collapse:focus-visible{border-color:#2d6cdf66;background:linear-gradient(180deg,#fff,#edf4ff);box-shadow:0 14px 32px #0f172a2e;transform:translateY(-50%) scale(1.03)}.mailkaro-workspace{display:grid;grid-template-rows:auto minmax(320px,1fr);gap:14px;min-height:0;overflow:hidden}.mailkaro-toolbar{border-radius:var(--mailkaro-radius-xl);padding:10px 12px;display:flex;justify-content:center;align-items:center;gap:14px}.mailkaro-toolbar-main{flex:1;display:flex;justify-content:space-between;align-items:center;gap:14px}.mailkaro-toolbar-group{display:flex;align-items:center;gap:8px}.mailkaro-collaboration-strip{display:flex;align-items:center;gap:10px;margin-right:4px}.mailkaro-collaboration-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#1e57be;font-size:12px;font-weight:700}.mailkaro-collaboration-status.is-connecting{background:#fff4dd;color:#9a6700}.mailkaro-collaboration-status.is-disconnected{background:#f3f4f6;color:#6b7280}.mailkaro-collaboration-presence{display:flex;align-items:center}.mailkaro-collaboration-avatar{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;margin-left:-8px;border:2px solid var(--mailkaro-panel);border-radius:999px;background:var(--mailkaro-peer-color, #2d6cdf);color:#fff;font-size:11px;font-weight:700;box-shadow:0 6px 18px #0f172a1f}.mailkaro-collaboration-avatar:first-child{margin-left:0}.mailkaro-collaboration-avatar.is-editing{outline:2px solid rgba(45,108,223,.2);outline-offset:2px}.mailkaro-toolbar-group-center{justify-content:center}.mailkaro-toolbar-icon{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--mailkaro-panel-border);background:#f8fafc;color:var(--mailkaro-muted);border-radius:9px;cursor:pointer}.mailkaro-toolbar-icon svg{width:18px;height:18px}.mailkaro-toolbar-icon--custom{padding:0 8px;min-width:36px;width:auto}.mailkaro-toolbar-custom-label{font-size:.72rem;font-weight:700;letter-spacing:.04em}.mailkaro-toolbar-icon:after,.mailkaro-action-icon:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);white-space:nowrap;background:#111827f0;color:#fff;font-size:.72rem;line-height:1;padding:7px 9px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:20}.mailkaro-toolbar-icon:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%) translateY(-4px)}.mailkaro-toolbar-icon:hover:after,.mailkaro-toolbar-icon:focus-visible:after,.mailkaro-action-icon:hover:after,.mailkaro-action-icon:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.mailkaro-toolbar-icon.is-active{color:var(--mailkaro-accent);border-color:#2d6cdf4d;background:#2d6cdf0f}.mailkaro-toolbar-group:last-child .mailkaro-toolbar-icon:after{left:auto;right:0;transform:translateY(-4px)}.mailkaro-toolbar-group:last-child .mailkaro-toolbar-icon:hover:after,.mailkaro-toolbar-group:last-child .mailkaro-toolbar-icon:focus-visible:after{transform:translateY(0)}.mailkaro-palette-card,.mailkaro-block-card{border:0;border-radius:var(--mailkaro-radius-md)}.mailkaro-palette-card{cursor:pointer}.mailkaro-toolbar-icon:disabled,.mailkaro-action-icon:disabled{opacity:.45;cursor:not-allowed}.mailkaro-canvas{border-radius:var(--mailkaro-radius-xl);padding:14px}.mailkaro-canvas{display:grid;grid-template-rows:1fr;background:#f8fafc;min-height:0;overflow:auto;overscroll-behavior:contain}.mailkaro-collaboration-banner{margin-bottom:12px;padding:10px 14px;border:1px solid rgba(45,108,223,.18);border-radius:12px;background:linear-gradient(180deg,#f7fbff,#eff6ff);color:#1e3a5f;font-size:13px;font-weight:600}.mailkaro-panel-title{display:flex;justify-content:space-between;align-items:start;gap:10px;position:sticky;top:0;z-index:4;background:var(--mailkaro-panel);padding-bottom:8px}.mailkaro-panel-title span{font-size:.95rem;font-weight:600}.mailkaro-panel-title small,.mailkaro-eyebrow{color:var(--mailkaro-muted)}.mailkaro-palette-grid{display:grid;gap:8px;margin-top:12px}.mailkaro-layout-grid{margin-bottom:18px}.mailkaro-section-title{margin-top:12px}.mailkaro-palette-card{text-align:left;padding:12px;background:#fff;border:1px solid var(--mailkaro-panel-border);display:grid;gap:5px}.mailkaro-palette-card span{color:var(--mailkaro-muted);font-size:.82rem}.mailkaro-canvas-stack{display:grid;gap:12px;align-content:start;overflow:visible;padding:2px}.mailkaro-canvas-dropzone{min-height:100%;border-radius:14px;transition:background .14s ease,box-shadow .14s ease,transform .14s ease}.mailkaro-canvas-dropzone.is-over{background:#2d6cdf0f;box-shadow:inset 0 0 0 1px #2d6cdf2e;transform:translateY(-1px)}.mailkaro-canvas-dropzone.is-empty{min-height:520px}.mailkaro-empty-canvas{min-height:520px;border:1px dashed #d7dee7;border-radius:16px;background:radial-gradient(circle at top,rgba(45,108,223,.06),transparent 42%),linear-gradient(180deg,#fff,#f8fafc);display:grid;place-items:center;text-align:center;gap:14px;padding:40px 24px;color:var(--mailkaro-muted)}.mailkaro-empty-canvas strong{color:var(--mailkaro-text);font-size:1.05rem}.mailkaro-empty-canvas p{margin:0;max-width:320px;line-height:1.6}.mailkaro-empty-canvas-illustration{width:110px;height:74px;position:relative}.mailkaro-empty-canvas-illustration span{position:absolute;border:1px solid #d7dee7;border-radius:12px;background:#ffffffeb;box-shadow:0 10px 24px #0f172a0f}.mailkaro-empty-canvas-illustration span:nth-child(1){top:18px;right:14px;bottom:0;left:14px}.mailkaro-empty-canvas-illustration span:nth-child(2){width:34px;height:24px;left:0;top:24px}.mailkaro-empty-canvas-illustration span:nth-child(3){width:34px;height:24px;right:0;top:24px}.mailkaro-stage{width:100%;margin:0 auto;transition:max-width .16s ease}.mailkaro-stage--desktop{max-width:760px}.mailkaro-stage--mobile{max-width:420px}.mailkaro-row-surface{position:relative;background:transparent;border:1px solid transparent;border-radius:14px;padding:6px;margin-top:10px;display:grid;gap:8px;align-content:start;transition:border-color .14s ease,box-shadow .14s ease,opacity .14s ease}.mailkaro-row-surface.is-selected{border-color:transparent}.mailkaro-row-surface:before,.mailkaro-row-surface:after{content:"";position:absolute;left:14px;right:14px;height:3px;border-radius:999px;background:#2d6cdf;opacity:0;transform:scaleX(.72);transition:opacity .14s ease,transform .14s ease;pointer-events:none}.mailkaro-row-surface:before{top:-8px}.mailkaro-row-surface:after{bottom:-8px}.mailkaro-row-surface.is-dragging{opacity:.54;box-shadow:0 14px 30px #0f172a1f}.mailkaro-row-surface.is-row-over{border-color:#2d6cdf57}.mailkaro-row-surface.is-row-over-top:before,.mailkaro-row-surface.is-row-over-bottom:after{opacity:1;transform:scaleX(1)}.mailkaro-row-header{position:absolute;top:auto;bottom:-22px;right:10px;z-index:6}.mailkaro-row-header .mailkaro-inline-actions,.mailkaro-column-meta .mailkaro-inline-actions,.mailkaro-block-card-top .mailkaro-inline-actions{opacity:0;pointer-events:none;transition:opacity .14s ease}.mailkaro-row-surface:hover:not(:has(.mailkaro-block-card:hover)):not(:has(.mailkaro-column-surface:hover)) .mailkaro-row-header .mailkaro-inline-actions,.mailkaro-column-surface:hover:not(:has(.mailkaro-block-card:hover)) .mailkaro-column-meta .mailkaro-inline-actions,.mailkaro-block-card:hover .mailkaro-block-card-top .mailkaro-inline-actions,.mailkaro-block-card.is-selected .mailkaro-block-card-top .mailkaro-inline-actions{opacity:1;pointer-events:auto}.mailkaro-row-surface:hover .mailkaro-column-resize-handle,.mailkaro-row-surface.is-selected .mailkaro-column-resize-handle{opacity:1;pointer-events:auto}.mailkaro-columns-grid{display:flex;gap:10px;align-items:start}.mailkaro-column-surface{position:relative;min-width:0;padding:4px;border-radius:10px;border:1px solid transparent;background:transparent;transition:border-color .14s ease,box-shadow .14s ease}.mailkaro-column-surface:hover{border-color:#2d6cdf24}.mailkaro-column-resize-handle{position:absolute;top:50%;right:-11px;transform:translateY(-50%);width:22px;height:44px;border:1px solid rgba(45,108,223,.28);background:#fff;color:#2d6cdf;border-radius:999px;display:grid;place-items:center;cursor:ew-resize;opacity:0;pointer-events:none;box-shadow:0 8px 18px #0f172a14;z-index:6}.mailkaro-column-resize-handle svg{width:14px;height:14px}.mailkaro-column-surface.is-selected{border-color:transparent}.mailkaro-column-surface.is-over{border-color:#2d6cdf66;background:linear-gradient(180deg,#2d6cdf0a,#2d6cdf03);box-shadow:0 0 0 3px #2d6cdf14}.mailkaro-column-meta{position:absolute;top:8px;right:8px;z-index:4}.mailkaro-column-stack{display:flex;flex-direction:column;padding-top:36px}.mailkaro-block-stack-item{display:flex;flex-direction:column}.mailkaro-block-slot{position:relative;height:12px;flex:0 0 12px}.mailkaro-block-slot:before{content:"";position:absolute;left:10px;right:10px;top:50%;height:3px;border-radius:999px;background:transparent;transform:translateY(-50%) scaleX(.76);transition:background .14s ease,transform .14s ease}.mailkaro-block-slot.is-over:before{background:#2d6cdf;transform:translateY(-50%) scaleX(1)}.mailkaro-block-slot.is-over:after{content:"Drop here";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#2d6cdf;font-size:.72rem;font-weight:600}.mailkaro-block-card{position:relative;width:100%;background:transparent;border:1px solid transparent;border-radius:var(--mailkaro-radius-md);display:grid;gap:8px;padding:6px 8px;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.mailkaro-block-card:hover{border-color:#2d6cdf29;background:#2d6cdf06}.mailkaro-block-card.is-selected{border-color:#2d6cdf6b;box-shadow:0 0 0 3px #2d6cdf14}.mailkaro-block-card-body{width:100%;text-align:left;background:transparent;border:0;padding:0;display:grid;gap:8px;cursor:pointer}.mailkaro-block-card-body--resizable{position:relative}.mailkaro-media-resize{position:absolute;pointer-events:none;box-shadow:0 0 0 1.5px var(--mailkaro-accent, #2f6df6);border-radius:6px;z-index:5}.mailkaro-media-resize-handle{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;padding:0;border:1.5px solid var(--mailkaro-accent, #2f6df6);background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;pointer-events:auto;touch-action:none;cursor:pointer}.mailkaro-media-resize-handle--nw{top:0;left:0;cursor:nwse-resize}.mailkaro-media-resize-handle--n{top:0;left:50%;cursor:ns-resize}.mailkaro-media-resize-handle--ne{top:0;left:100%;cursor:nesw-resize}.mailkaro-media-resize-handle--e{top:50%;left:100%;cursor:ew-resize}.mailkaro-media-resize-handle--se{top:100%;left:100%;cursor:nwse-resize}.mailkaro-media-resize-handle--s{top:100%;left:50%;cursor:ns-resize}.mailkaro-media-resize-handle--sw{top:100%;left:0;cursor:nesw-resize}.mailkaro-media-resize-handle--w{top:50%;left:0;cursor:ew-resize}.mailkaro-media-resize-badge{position:absolute;top:-26px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:999px;background:var(--mailkaro-accent, #2f6df6);color:#fff;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none}.mailkaro-table-editor{display:grid;gap:8px}.mailkaro-table-grid{display:grid;gap:4px}.mailkaro-table-cell{display:flex;min-width:0;border-radius:6px;padding:2px;cursor:cell}.mailkaro-table-cell.is-selected{background:color-mix(in srgb,var(--mailkaro-accent, #2f6df6) 16%,transparent);box-shadow:inset 0 0 0 1px var(--mailkaro-accent, #2f6df6)}.mailkaro-table-cell.is-merged .mailkaro-table-cell-input{border-style:dashed;border-color:var(--mailkaro-accent, #2f6df6)}.mailkaro-table-cell-input{width:100%;min-width:0;padding:6px 8px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:6px;font-size:12px;font-family:inherit;background:var(--mailkaro-surface, #fff);color:inherit}.mailkaro-table-cell-input:focus{outline:none;border-color:var(--mailkaro-accent, #2f6df6)}.mailkaro-table-hint{margin:0;font-size:11px;line-height:1.4;color:var(--mailkaro-muted, #7a8699)}.mailkaro-qa-panel{width:min(560px,92vw);max-height:82vh;overflow:auto;padding:18px;border-radius:16px;background:var(--mailkaro-panel, #fff);box-shadow:0 24px 60px #0f172a47}.mailkaro-qa-drawer{position:fixed;top:64px;right:12px;bottom:12px;width:min(340px,92vw);overflow:auto;padding:16px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:14px;background:var(--mailkaro-panel, #fff);box-shadow:0 18px 48px #0f172a38;z-index:40}.mailkaro-toolbar-icon{position:relative}.mailkaro-toolbar-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#fff}.mailkaro-toolbar-badge--error{background:#dc2626}.mailkaro-toolbar-badge--warning{background:#d97706}.mailkaro-toolbar-badge--info{background:#2563eb}.mailkaro-qa-empty{padding:24px;text-align:center;color:#16a34a;font-weight:600}.mailkaro-qa-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.mailkaro-qa-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:10px}.mailkaro-qa-item.is-clickable{cursor:pointer}.mailkaro-qa-item.is-clickable:hover{border-color:var(--mailkaro-accent, #2f6df6);background:var(--mailkaro-surface-muted, #f4f8f7)}.mailkaro-qa-badge{flex:0 0 auto;width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.mailkaro-qa-badge--error{background:#dc2626}.mailkaro-qa-badge--warning{background:#d97706}.mailkaro-qa-badge--info{background:#2563eb}.mailkaro-qa-body{display:flex;flex-direction:column;gap:2px;flex:1}.mailkaro-qa-message{font-size:13px;color:var(--mailkaro-text, #14213d)}.mailkaro-qa-hint{font-size:12px;color:var(--mailkaro-muted, #6b7280)}.mailkaro-qa-jump{flex:0 0 auto;align-self:center;font-size:12px;font-weight:600;color:var(--mailkaro-accent, #2f6df6)}.mailkaro-theme-panel{width:min(560px,92vw);max-height:86vh;overflow:auto;padding:18px;border-radius:16px;background:var(--mailkaro-panel, #fff);box-shadow:0 24px 60px #0f172a47}.mailkaro-theme-body{display:flex;flex-direction:column;gap:18px;margin-top:8px}.mailkaro-theme-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mailkaro-theme-preset{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:10px;background:var(--mailkaro-surface, #fff);color:var(--mailkaro-text, #14213d);cursor:pointer}.mailkaro-theme-preset:hover{border-color:var(--mailkaro-accent, #2f6df6)}.mailkaro-theme-preset.is-active{border-color:var(--mailkaro-accent, #2f6df6);box-shadow:0 0 0 1px var(--mailkaro-accent, #2f6df6)}.mailkaro-theme-preset-swatch{display:flex;height:28px;border-radius:6px;overflow:hidden;border:1px solid var(--mailkaro-panel-border, #e6ecea)}.mailkaro-theme-preset-swatch>span{flex:1}.mailkaro-theme-preset-name{font-size:12px;text-align:center}.mailkaro-theme-section{display:flex;flex-direction:column;gap:8px}.mailkaro-theme-section h4{margin:0;font-size:13px;font-weight:600;color:var(--mailkaro-text, #14213d)}.mailkaro-theme-hint{margin:0;font-size:12px;color:var(--mailkaro-muted, #6b7280)}.mailkaro-theme-hint code,.mailkaro-theme-section code{font-size:11.5px;padding:1px 4px;border-radius:4px;background:var(--mailkaro-surface-muted, #f1f5f4)}.mailkaro-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.mailkaro-theme-field{display:flex;flex-direction:column;gap:4px}.mailkaro-theme-field>label{font-size:12px;color:var(--mailkaro-muted, #6b7280);text-transform:capitalize}.mailkaro-theme-field select,.mailkaro-theme-field>input[type=text],.mailkaro-theme-color input[type=text]{height:32px;padding:0 8px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:8px;background:var(--mailkaro-surface, #fff);color:var(--mailkaro-text, #14213d);font:inherit;font-size:13px;min-width:0}.mailkaro-theme-color{display:flex;align-items:center;gap:6px}.mailkaro-theme-color input[type=color]{flex:0 0 auto;width:32px;height:32px;padding:2px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:8px;background:var(--mailkaro-surface, #fff);cursor:pointer}.mailkaro-theme-color input[type=text]{flex:1 1 auto}.mailkaro-theme-remove{flex:0 0 auto;width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:var(--mailkaro-muted, #6b7280);font-size:18px;line-height:1;cursor:pointer}.mailkaro-theme-remove:hover{background:var(--mailkaro-surface-muted, #f4f8f7);color:#dc2626}.mailkaro-theme-add{display:flex;gap:8px;margin-top:4px}.mailkaro-theme-add input{flex:1 1 auto;height:32px;padding:0 8px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:8px;background:var(--mailkaro-surface, #fff);color:var(--mailkaro-text, #14213d);font:inherit;font-size:13px;min-width:0}.mailkaro-theme-css{width:100%;min-height:120px;padding:10px 12px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:10px;background:var(--mailkaro-surface, #fff);color:var(--mailkaro-text, #14213d);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;resize:vertical}.mailkaro-theme-apply{margin-top:14px;display:flex;flex-direction:column;gap:6px}.mailkaro-theme-apply-button{align-self:flex-start;height:34px;padding:0 16px;border:1px solid var(--mailkaro-primary, #0f9c8e);border-radius:9px;background:var(--mailkaro-primary, #0f9c8e);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s ease}.mailkaro-theme-apply-button:hover{filter:brightness(1.06)}.mailkaro-preview-client-select{height:30px;padding:0 8px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:8px;background:var(--mailkaro-surface, #fff);color:var(--mailkaro-text, #14213d);font:inherit;font-size:13px;cursor:pointer}.mailkaro-preview-shell{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.mailkaro-preview-client-notes{max-width:660px;width:100%;padding:12px 14px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:10px;background:var(--mailkaro-surface-muted, #f4f8f7);font-size:12px;color:var(--mailkaro-muted, #6b7280)}.mailkaro-preview-client-notes-title{display:block;margin-bottom:4px;font-weight:600;color:var(--mailkaro-text, #14213d)}.mailkaro-preview-client-notes ul{margin:0;padding-left:16px}.mailkaro-block-preview--custom{width:100%}.mailkaro-custom-missing{padding:12px;border:1px dashed var(--mailkaro-panel-border, #e6ecea);border-radius:8px;color:var(--mailkaro-muted, #7a8699);font-size:13px}.mailkaro-custom-missing code{color:var(--mailkaro-text, #14213d)}.mailkaro-context-menu{position:fixed;z-index:3000;min-width:200px;max-width:280px;padding:6px;border-radius:12px;background:var(--mailkaro-panel, #ffffff);border:1px solid var(--mailkaro-panel-border, #e6ecea);box-shadow:0 12px 32px #0f172a2e;display:flex;flex-direction:column;gap:1px;font-size:13px}.mailkaro-context-menu-item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:8px 10px;border:none;border-radius:7px;background:transparent;color:var(--mailkaro-text, #14213d);font:inherit;text-align:left;cursor:pointer}.mailkaro-context-menu-item:hover:not(:disabled),.mailkaro-context-menu-item:focus-visible{background:var(--mailkaro-surface-muted, #f1f5f9);outline:none}.mailkaro-context-menu-item:disabled{opacity:.4;cursor:default}.mailkaro-context-menu-item.is-danger{color:#dc2626}.mailkaro-context-menu-item.is-danger:hover:not(:disabled){background:#dc26261a}.mailkaro-context-menu-shortcut{font-size:11px;color:var(--mailkaro-muted, #7a8699)}.mailkaro-context-menu-divider{height:1px;margin:4px 6px;background:var(--mailkaro-panel-border, #e6ecea)}.mailkaro-table-canvas{table-layout:auto}.mailkaro-table-canvas-cell{cursor:text;outline:none}.mailkaro-table-canvas-cell:focus,.mailkaro-table-canvas-cell.is-selected{box-shadow:inset 0 0 0 2px var(--mailkaro-accent, #2f6df6)}.mailkaro-table-merge-actions,.mailkaro-table-editor-actions{display:flex;flex-wrap:wrap;gap:6px}.mailkaro-table-merge-actions button,.mailkaro-table-editor-actions button{flex:1 1 auto;padding:6px 8px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:7px;background:var(--mailkaro-surface, #fff);color:inherit;font-size:12px;font-weight:600;cursor:pointer}.mailkaro-table-merge-actions button:hover:not(:disabled),.mailkaro-table-editor-actions button:hover{border-color:var(--mailkaro-accent, #2f6df6);color:var(--mailkaro-accent, #2f6df6)}.mailkaro-table-merge-actions button:disabled,.mailkaro-table-editor-actions button:disabled{opacity:.45;cursor:default}.mailkaro-table-editor-actions button:disabled:hover{border-color:var(--mailkaro-panel-border, #e6ecea);color:inherit}.mailkaro-block-card-top,.mailkaro-inline-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.mailkaro-block-card-top{position:absolute;top:100%;bottom:auto;left:auto;right:8px;margin-top:-14px;width:max-content;justify-content:flex-end;z-index:6;opacity:0;pointer-events:none;transition:opacity .14s ease}.mailkaro-block-card:hover .mailkaro-block-card-top,.mailkaro-block-card.is-selected .mailkaro-block-card-top{opacity:1}.mailkaro-block-card-top .mailkaro-inline-actions{pointer-events:auto}.mailkaro-inline-actions{flex-wrap:wrap;justify-content:flex-end}.mailkaro-action-icon{position:relative;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--mailkaro-panel-border);background:#fff;color:var(--mailkaro-muted);border-radius:8px;cursor:pointer;padding:0;transform:translateY(3px);transition:color .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.mailkaro-action-icon--drag{cursor:grab;color:#fff;border-color:transparent;background:#2d6cdf}.mailkaro-action-icon--drag:hover{background:#245bc4}.mailkaro-action-icon--drag:active{cursor:grabbing}.mailkaro-action-icon svg{width:15px;height:15px}.mailkaro-action-icon:hover{color:var(--mailkaro-text);border-color:#ccd4de;transform:translateY(0);box-shadow:0 6px 14px #0f172a14}.mailkaro-empty-column{min-height:92px;padding:14px 12px;border:1px dashed #d7dee7;border-radius:10px;color:var(--mailkaro-muted);text-align:center;background:#f8fafc;display:grid;place-items:center;gap:6px;font-size:.82rem}.mailkaro-empty-column strong{color:var(--mailkaro-text);font-size:.84rem}.mailkaro-empty-column span{max-width:220px;line-height:1.5}.mailkaro-column-surface.is-over .mailkaro-empty-column{background:#f0f6ff;border-color:#2d6cdf73;color:#2d6cdf}.mailkaro-block-pill{display:inline-flex;width:fit-content;padding:4px 8px;border-radius:999px;background:#eef2f7;color:var(--mailkaro-text, #4b5563);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.mailkaro-block-preview{width:100%;overflow:hidden;color:var(--mailkaro-token-text, var(--mailkaro-text))}.mailkaro-block-preview>*:first-child{margin-top:0!important}.mailkaro-block-preview>*:last-child{margin-bottom:0!important}.mailkaro-block-preview img{display:block;width:100%;max-width:100%;height:auto}.mailkaro-block-preview a{pointer-events:none}.mailkaro-block-preview table{width:auto;max-width:100%}.mailkaro-block-preview--text,.mailkaro-block-preview--heading{min-height:56px}.mailkaro-block-preview--divider{min-height:20px}.mailkaro-block-preview--spacer{border:1px dashed #d7dee7;border-radius:10px;background:linear-gradient(90deg,#2d6cdf0d,#2d6cdf03),repeating-linear-gradient(90deg,rgba(45,108,223,.08) 0,rgba(45,108,223,.08) 8px,transparent 8px,transparent 16px);padding:10px 12px}.mailkaro-block-preview--spacer div{min-height:18px}.mailkaro-block-preview--video,.mailkaro-block-preview--form,.mailkaro-block-preview--countdown,.mailkaro-block-preview--raw-html{border-radius:12px}.mailkaro-block-preview--social,.mailkaro-block-preview--navigation{min-height:40px}.mailkaro-drag-overlay{width:min(280px,42vw);border:1px solid rgba(45,108,223,.16);background:#fffffff5;border-radius:14px;box-shadow:0 18px 40px #0f172a2e;padding:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mailkaro-drag-overlay--block{display:grid;gap:10px}.mailkaro-drag-overlay--tile{display:grid;gap:12px;min-height:88px}.mailkaro-drag-overlay-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mailkaro-drag-overlay-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(15,23,42,.08);background:#f8fafc;color:var(--mailkaro-text);font-size:.86rem;font-weight:700}.mailkaro-layout-ghost{display:flex;gap:8px}.mailkaro-layout-ghost span{min-height:52px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fff,#f8fafc);display:grid;place-items:center;color:var(--mailkaro-muted);font-size:.76rem;font-weight:600}.mailkaro-preview-frame{width:100%;height:100%;border:0;border-radius:10px;background:#fff}.mailkaro-preview-stage{min-height:100%;padding:18px;border-radius:14px;background:#e9edf2;overflow:auto}.mailkaro-inspector-fields{display:grid;gap:0;margin-top:6px}.mailkaro-inspector-primary-field{display:grid;gap:0}.mailkaro-inspector-primary-field input{min-height:46px;font-size:.96rem;font-weight:600}.mailkaro-inspector-section{display:block;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.mailkaro-inspector-section+.mailkaro-inspector-section{border-top:1px solid var(--mailkaro-panel-border)}.mailkaro-inspector-section-header{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px 11px;cursor:pointer;color:var(--mailkaro-text)}.mailkaro-inspector-section-heading{display:flex;align-items:center;gap:10px;min-width:0;font-size:.92rem;font-weight:600}.mailkaro-inspector-section-heading>span:not(.mailkaro-inspector-section-icon){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailkaro-inspector-section-icon,.mailkaro-inspector-section-chevron{display:grid;place-items:center;flex-shrink:0}.mailkaro-inspector-section-icon{width:20px;height:20px;border-radius:6px;background:transparent;color:var(--mailkaro-muted)}.mailkaro-inspector-section-icon svg,.mailkaro-inspector-section-chevron svg{width:15px;height:15px}.mailkaro-inspector-section-chevron{color:var(--mailkaro-muted)}.mailkaro-inspector-section-body{display:block;padding:0 2px 10px;border-top:0}.mailkaro-inspector-fieldset{display:block;padding:0;margin:0;border:0;min-width:0}.mailkaro-inspector-fieldset.is-disabled{opacity:.58}.mailkaro-inspector-section.is-collapsed .mailkaro-inspector-section-body{display:none}.mailkaro-inspector-inline-grid{display:contents}.mailkaro-inspector-quad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mailkaro-toggle-field,.mailkaro-toggle-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.mailkaro-toggle-field>label,.mailkaro-toggle-row>label{flex:1 1 auto;min-width:0;margin-bottom:0}.mailkaro-toggle-field>.mailkaro-switch,.mailkaro-toggle-row>.mailkaro-switch{flex:0 0 auto}.mailkaro-upload-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--mc-gap);margin:8px 0}.mailkaro-upload-actions>.mailkaro-upload-button,.mailkaro-upload-actions>.mailkaro-secondary-button{width:100%;min-width:0}.mailkaro-upload-button{border:1px solid transparent;background:var(--mc-primary);color:var(--mc-primary-text)}.mailkaro-upload-button:disabled{opacity:.6;cursor:progress}.mailkaro-upload-status{margin:6px 0 0;font-size:12px;color:var(--mailkaro-muted, #6b7280)}.mailkaro-ai-image{margin-top:8px}.mailkaro-ai-image>label{display:block;font-size:12px;color:var(--mailkaro-muted, #6b7280);margin-bottom:4px}.mailkaro-ai-image-row{display:flex;gap:6px}.mailkaro-ai-image-row>input{flex:1 1 auto;height:32px;padding:0 8px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:8px;background:var(--mailkaro-surface, #fff);color:var(--mailkaro-text, #14213d);font:inherit;font-size:13px;min-width:0}.mailkaro-field-note{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--mailkaro-muted, #6b7280)}.mailkaro-slide-editor{border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:10px;padding:10px 12px;margin-bottom:10px}.mailkaro-slide-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mailkaro-slide-editor-head strong{font-size:12.5px}.mailkaro-slide-editor-actions{display:flex;gap:4px}.mailkaro-slide-editor-actions button{width:24px;height:24px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:6px;background:var(--mailkaro-surface, #fff);color:var(--mailkaro-text, #14213d);font-size:13px;line-height:1;cursor:pointer}.mailkaro-slide-editor-actions button:disabled{opacity:.4;cursor:default}.mailkaro-slide-editor-actions button:last-child:hover:not(:disabled){border-color:#dc2626;color:#dc2626}.mailkaro-checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mailkaro-text, #14213d);cursor:pointer}.mailkaro-checkbox-row input[type=checkbox]{width:auto}.mailkaro-field-note code{font-size:11.5px;padding:1px 4px;border-radius:4px;background:var(--mailkaro-surface-muted, #f1f5f4)}.mailkaro-upload-status--error{color:#dc2626}.mailkaro-upload-dropzone{box-sizing:border-box;width:100%;min-height:96px;border:1px dashed var(--mailkaro-panel-border);border-radius:12px;display:grid;place-items:center;padding:16px;margin-bottom:8px;text-align:center;color:var(--mailkaro-muted);background:#fafbfc;cursor:pointer}.mailkaro-inspector-fields input[type=range]{width:100%;min-width:0;padding:0;border:0;background:transparent;accent-color:var(--mailkaro-accent, #2d6cdf)}.mailkaro-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--mailkaro-panel-border);border-radius:10px;overflow:hidden}.mailkaro-segmented--align{grid-template-columns:repeat(4,minmax(0,1fr))}.mailkaro-segmented-button{position:relative;border:0;background:#fff;color:var(--mailkaro-text);min-height:40px;cursor:pointer;display:grid;place-items:center}.mailkaro-segmented-button svg{width:16px;height:16px}.mailkaro-segmented-button+.mailkaro-segmented-button{border-left:1px solid var(--mailkaro-panel-border)}.mailkaro-segmented-button.is-active{background:#242424;color:#fff}.mailkaro-segmented-button:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);white-space:nowrap;background:#111827f0;color:#fff;font-size:.72rem;line-height:1;padding:7px 9px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:20}.mailkaro-segmented-button:hover:after,.mailkaro-segmented-button:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.mailkaro-switch{width:44px;height:26px;border:0;border-radius:999px;background:#dbe2ea;cursor:pointer;padding:3px;display:flex;align-items:center;transition:background .14s ease}.mailkaro-switch span{width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #0f172a29;transform:translate(0);transition:transform .14s ease}.mailkaro-switch.is-active{background:#242424}.mailkaro-switch.is-active span{transform:translate(18px)}.mailkaro-inspector-list{display:grid;gap:12px}.mailkaro-inspector-list-stack{display:grid;gap:10px}.mailkaro-inspector-list-item{display:grid;gap:8px;padding:12px;border:1px solid var(--mailkaro-panel-border);border-radius:12px;background:#f8fafc}.mailkaro-social-picker{display:flex;flex-wrap:wrap;gap:10px}.mailkaro-social-selected-stack{display:grid;gap:12px}.mailkaro-social-link-card{display:grid;gap:12px;padding:14px;border:1px solid var(--mailkaro-panel-border);border-radius:14px;background:#fff}.mailkaro-social-link-card-top,.mailkaro-social-link-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.mailkaro-social-link-meta{justify-content:flex-start}.mailkaro-social-link-badge{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--mailkaro-social-color, #6b7280);color:#fff;font-size:.82rem;font-weight:700;text-transform:lowercase}.mailkaro-social-option{width:40px;height:40px;border:1px solid rgba(15,23,42,.08);border-radius:999px;display:grid;place-items:center;background:var(--mailkaro-social-color, #6b7280);color:#fff;cursor:pointer;padding:0;text-transform:lowercase;font-weight:700;font-size:.78rem;box-shadow:inset 0 1px #ffffff3d}.mailkaro-social-option.is-selected{box-shadow:0 0 0 2px #2d6cdf2e;border-color:#2d6cdf73}.mailkaro-social-option span{transform:translateY(-.5px)}.mailkaro-inspector-fields label{display:inline-block;margin:0;font-size:.82rem;color:var(--mailkaro-muted);flex:0 0 auto}.mailkaro-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mailkaro-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mailkaro-inline-field-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 10px}.mailkaro-inline-field-actions>input{flex:1 1 120px;min-width:0}.mailkaro-inline-field-actions>button,.mailkaro-inline-field-actions>.mailkaro-secondary-button{flex:0 1 auto;min-width:0}.mailkaro-inline-field-actions label{margin-bottom:0}.mailkaro-structure-tabs{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--mailkaro-panel-border);padding-bottom:10px}.mailkaro-structure-tab-list{display:flex;flex-wrap:wrap;gap:12px}.mailkaro-structure-tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:8px 0;margin-right:12px;color:var(--mailkaro-muted);cursor:pointer}.mailkaro-structure-tab.is-active{color:var(--mailkaro-text);border-bottom-color:var(--mailkaro-text)}.mailkaro-structure-actions{display:flex;gap:8px;justify-content:flex-end}.mailkaro-inspector-fields input,.mailkaro-inspector-fields select,.mailkaro-inspector-fields textarea,.mailkaro-meta-row{width:100%;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--mailkaro-panel-border);border-radius:8px;padding:8px 10px;background:#fff;color:var(--mailkaro-text);font-size:.86rem}.mailkaro-inspector-fields input[type=color]{width:42px;min-height:30px;height:30px;padding:2px;border-radius:8px}.mailkaro-inspector-fieldset>div:not(.mailkaro-inspector-inline-grid),.mailkaro-inspector-inline-grid>div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;min-height:46px;padding:4px 0;border-top:1px solid var(--mailkaro-panel-border)}.mailkaro-inspector-fieldset>div select,.mailkaro-inspector-inline-grid>div select{width:auto;min-width:96px;max-width:168px;flex:0 1 auto}.mailkaro-inspector-fieldset>div input[type=number],.mailkaro-inspector-inline-grid>div input[type=number]{width:auto;min-width:72px;max-width:96px;flex:0 0 auto;text-align:left}.mailkaro-inspector-fieldset>div .mailkaro-segmented,.mailkaro-inspector-inline-grid>div .mailkaro-segmented{flex:1 1 auto;width:auto;min-width:0;max-width:220px}.mailkaro-inspector-fieldset>div:has(>textarea),.mailkaro-inspector-fieldset>div:has(>input[type=text]),.mailkaro-inspector-fieldset>div:has(>input[type=url]),.mailkaro-inspector-fieldset>div:has(>input[type=range]),.mailkaro-inspector-inline-grid>div:has(>textarea),.mailkaro-inspector-inline-grid>div:has(>input[type=text]),.mailkaro-inspector-inline-grid>div:has(>input[type=url]),.mailkaro-inspector-inline-grid>div:has(>input[type=range]){flex-direction:column;align-items:stretch;gap:6px}.mailkaro-inspector-section-body>.mailkaro-toggle-row,.mailkaro-inspector-section-body>.mailkaro-inline-field-actions{min-height:46px;padding:6px 0;border-top:1px solid var(--mailkaro-panel-border)}.mailkaro-secondary-button,.mailkaro-upload-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--mc-control-h);padding:0 var(--mc-control-pad-x);border-radius:var(--mc-control-radius);font-size:var(--mc-control-font);font-weight:500;line-height:1.15;text-align:center;cursor:pointer}.mailkaro-secondary-button{border:1px solid var(--mailkaro-panel-border);background:#fff;color:var(--mailkaro-text)}.mailkaro-secondary-button:hover{border-color:var(--mailkaro-accent);color:var(--mailkaro-accent-strong)}.mailkaro-asset-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;display:grid;place-items:center;padding:20px;z-index:80}.mailkaro-confirm-dialog{width:min(420px,100%);background:#fff;border:1px solid var(--mailkaro-panel-border);border-radius:16px;box-shadow:0 24px 60px #0f172a2e;padding:22px 24px}.mailkaro-confirm-dialog h3{margin:0 0 8px;font-size:1.05rem;text-transform:capitalize}.mailkaro-confirm-dialog p{margin:0 0 20px;color:var(--mailkaro-muted);font-size:.9rem;line-height:1.5}.mailkaro-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.mailkaro-danger-button{padding:9px 18px;border-radius:10px;border:0;background:#e5484d;color:#fff;font-weight:600;cursor:pointer;transition:background .14s ease}.mailkaro-danger-button:hover{background:#cf3a3f}.mailkaro-asset-dialog{width:min(920px,100%);max-height:min(84vh,860px);overflow:auto;background:#fff;border:1px solid var(--mailkaro-panel-border);border-radius:20px;box-shadow:0 24px 60px #0f172a2e;padding:18px;display:grid;gap:16px}.mailkaro-compare-dialog{width:min(1180px,100%);max-height:min(88vh,920px);overflow:auto;background:#fff;border:1px solid var(--mailkaro-panel-border);border-radius:20px;box-shadow:0 24px 60px #0f172a2e;padding:18px;display:grid;gap:16px}.mailkaro-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mailkaro-compare-pane{display:grid;gap:12px;min-height:0}.mailkaro-compare-pane .mailkaro-preview-frame{min-height:70vh;border:1px solid var(--mailkaro-panel-border)}.mailkaro-asset-header{display:flex;justify-content:space-between;align-items:start;gap:16px}.mailkaro-asset-header p{margin:6px 0 0;color:var(--mailkaro-muted)}.mailkaro-asset-toolbar{display:flex;flex-wrap:wrap;gap:12px}.mailkaro-asset-connectors{display:grid;gap:12px}.mailkaro-asset-connector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.mailkaro-asset-connector-card{border:1px solid var(--mailkaro-panel-border);background:#fff;border-radius:14px;padding:14px;display:grid;gap:8px;text-align:left;cursor:pointer}.mailkaro-asset-connector-card.is-connected{border-color:#2d6cdf59;box-shadow:0 0 0 3px #2d6cdf14}.mailkaro-asset-connector-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f1f5f9;color:#111827;font-weight:700}.mailkaro-asset-connector-status,.mailkaro-asset-error{color:var(--mailkaro-muted);font-size:.8rem}.mailkaro-asset-search{flex:1 1 240px;min-height:42px;border:1px solid var(--mailkaro-panel-border);border-radius:12px;padding:0 14px}.mailkaro-asset-dropzone{min-height:76px;border:1px dashed #d7dee7;border-radius:14px;padding:18px;display:grid;place-items:center;text-align:center;color:var(--mailkaro-muted);background:#fafbfc}.mailkaro-asset-source-row{display:flex;flex-wrap:wrap;gap:10px}.mailkaro-asset-source{border:1px solid var(--mailkaro-panel-border);background:#fff;color:var(--mailkaro-text);border-radius:999px;min-height:34px;padding:0 14px;cursor:pointer}.mailkaro-asset-source.is-active{background:#242424;border-color:#242424;color:#fff}.mailkaro-asset-source--connector{display:inline-flex;align-items:center;gap:7px}.mailkaro-asset-source-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;font-size:11px;font-weight:700;background:var(--mailkaro-accent-soft, #d7f2ee);color:var(--mailkaro-accent, #0f766e)}.mailkaro-asset-source--connector.is-connected:after{content:"";width:7px;height:7px;border-radius:50%;background:#16c9b6}.mailkaro-asset-source--connector.is-active .mailkaro-asset-source-icon{background:#ffffff2e;color:#fff}.mailkaro-asset-connect-state{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:34px 18px;border:1px dashed var(--mailkaro-panel-border);border-radius:14px;color:var(--mailkaro-muted, #55636b)}.mailkaro-asset-connect-state p{margin:0;max-width:40ch}.mailkaro-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.mailkaro-asset-card{border:1px solid var(--mailkaro-panel-border);background:#fff;border-radius:16px;overflow:hidden;padding:0;display:grid;text-align:left;cursor:pointer}.mailkaro-asset-card-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#eef2f7}.mailkaro-asset-card-label,.mailkaro-asset-card-meta{padding:0 12px}.mailkaro-asset-card-label{padding-top:12px;font-weight:600;color:var(--mailkaro-text)}.mailkaro-asset-card-meta{padding-bottom:12px;color:var(--mailkaro-muted)}.mailkaro-template-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;display:grid;place-items:center;padding:20px;z-index:80}.mailkaro-template-dialog{width:min(980px,100%);max-height:min(86vh,900px);overflow:auto;background:#fff;border:1px solid var(--mailkaro-panel-border);border-radius:20px;box-shadow:0 24px 60px #0f172a2e;padding:18px;display:grid;gap:18px}.mailkaro-template-header{display:flex;justify-content:space-between;align-items:start;gap:16px}.mailkaro-template-header p{margin:6px 0 0;color:var(--mailkaro-muted)}.mailkaro-template-section,.mailkaro-template-toolbar{display:grid;gap:12px}.mailkaro-template-filter-row{display:flex;flex-wrap:wrap;gap:8px}.mailkaro-template-filter{border:1px solid var(--mailkaro-panel-border);background:#fff;color:var(--mailkaro-muted);border-radius:999px;min-height:34px;padding:0 12px;cursor:pointer}.mailkaro-template-filter.is-active{background:#111827;border-color:#111827;color:#fff}.mailkaro-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.mailkaro-template-card{border:1px solid var(--mailkaro-panel-border);background:#fff;border-radius:16px;padding:16px;display:grid;gap:8px;text-align:left;cursor:pointer}.mailkaro-template-card-static{cursor:default}.mailkaro-template-card-kicker{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mailkaro-muted)}.mailkaro-template-card p,.mailkaro-template-card small{margin:0;color:var(--mailkaro-muted)}.mailkaro-template-card-actions,.mailkaro-template-actions{display:flex;flex-wrap:wrap;gap:10px}.mailkaro-data-grid{display:grid;gap:10px}.mailkaro-data-card{display:grid;gap:8px;padding:12px;border:1px solid var(--mailkaro-panel-border);border-radius:12px;background:#fff}.mailkaro-data-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.mailkaro-data-card-top small{color:var(--mailkaro-muted)}.mailkaro-helper-note{padding:10px 12px;border-radius:10px;background:#f8fafc;color:var(--mailkaro-muted);font-size:.88rem}.mailkaro-richtext-shell{min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--mailkaro-panel-border);border-radius:10px;overflow:hidden;background:#fff}.mailkaro-richtext-editor{min-width:0;overflow-wrap:anywhere}.mailkaro-richtext-shell--canvas{border-color:#2d6cdf2e;box-shadow:0 14px 30px #0f172a14}.mailkaro-richtext-shell--canvas .mailkaro-richtext-toolbar{position:sticky;top:0;z-index:2;gap:8px;padding:10px 12px;background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mailkaro-richtext-shell--canvas .mailkaro-richtext-editor{min-height:140px;padding:18px 18px 22px}.mailkaro-richtext-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 10px;border-bottom:1px solid var(--mailkaro-panel-border);background:#f8fafc}.mailkaro-richtext-group{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.mailkaro-richtext-group-grow{flex:1 1 auto;min-width:0}.mailkaro-richtext-button{display:inline-grid;place-items:center;border:1px solid var(--mailkaro-panel-border);background:#fff;color:var(--mailkaro-text);min-height:30px;padding:0 9px;font-size:.82rem;border-radius:7px;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease}.mailkaro-richtext-button--icon{width:32px;padding:0}.mailkaro-richtext-button--icon svg{width:15px;height:15px;display:block}.mailkaro-richtext-button.is-active{background:#242424;color:#fff;border-color:#242424;box-shadow:0 6px 16px #0f172a1f}.mailkaro-richtext-button:hover:not(:disabled){border-color:#ccd4de;box-shadow:0 4px 12px #0f172a14}.mailkaro-richtext-button:disabled{opacity:.48;cursor:not-allowed}.mailkaro-richtext-control{min-height:30px;border:1px solid var(--mailkaro-panel-border);border-radius:7px;background:#fff;color:var(--mailkaro-text);font-size:.82rem;padding:0 8px}select.mailkaro-richtext-control{padding-right:26px;max-width:100%;text-overflow:ellipsis}.mailkaro-richtext-group-grow .mailkaro-richtext-control{flex:1 1 0;width:100%;min-width:0;max-width:100%}.mailkaro-richtext-color{width:40px;min-width:40px;padding:3px}.mailkaro-emoji{position:relative}.mailkaro-emoji-trigger{font-size:1rem;line-height:1;min-width:36px;padding:0 8px;display:grid;place-items:center}.mailkaro-emoji-popover{position:fixed;z-index:1000;width:250px;max-height:260px;overflow-y:auto;padding:10px;background:var(--mailkaro-panel);border:1px solid var(--mailkaro-panel-border);border-radius:12px;box-shadow:0 16px 40px #0f172a38}.mailkaro-emoji-heading{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mailkaro-muted);margin:4px 2px 6px}.mailkaro-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin-bottom:4px}.mailkaro-emoji-item{border:0;background:transparent;border-radius:8px;cursor:pointer;font-size:1.15rem;line-height:1;padding:6px 0;display:grid;place-items:center}.mailkaro-emoji-item:hover{background:var(--mailkaro-panel-border)}.mailkaro-richtext-ai-trigger{display:inline-flex;align-items:center;gap:5px;padding:0 9px;color:#fff;background:linear-gradient(135deg,#7c3aed,#2f6df6);border:0;font-weight:700}.mailkaro-richtext-ai-trigger:hover:not(:disabled){filter:brightness(1.06)}.mailkaro-richtext-ai-trigger:disabled{opacity:.6;cursor:default}.mailkaro-ai-popover{position:fixed;z-index:1000;width:210px;padding:6px;background:var(--mailkaro-panel);border:1px solid var(--mailkaro-panel-border);border-radius:12px;box-shadow:0 16px 40px #0f172a38}.mailkaro-ai-heading{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mailkaro-muted);margin:4px 6px 6px}.mailkaro-ai-item{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;cursor:pointer;font-size:.85rem;color:var(--mailkaro-text);padding:8px 10px}.mailkaro-ai-item:hover{background:var(--mailkaro-panel-border)}.mailkaro-richtext-editor{min-height:220px;padding:16px;outline:none;color:var(--mailkaro-text)}.mailkaro-richtext-editor p,.mailkaro-richtext-editor ul,.mailkaro-richtext-editor ol{margin:0 0 .9em}.mailkaro-richtext-editor ul,.mailkaro-richtext-editor ol{padding-left:1.3em}.mailkaro-richtext-editor a{color:var(--mailkaro-accent-strong)}.mailkaro-block-card-body--editor{cursor:text}.mailkaro-rawhtml-ai-error{margin:4px 2px 0;color:#c0392b;font-size:12px}.mailkaro-table-cell-toolbar{margin-bottom:10px}.mailkaro-table-cell-toolbar-hint{margin:4px 2px 0;color:var(--mailkaro-muted, #9ca3af);font-size:12px}.mailkaro-rawhtml-wysiwyg{min-height:60px;padding:6px 8px;border:1px dashed transparent;border-radius:8px;outline:none;cursor:text}.mailkaro-rawhtml-wysiwyg:focus{border-color:var(--mailkaro-primary, #0f9c8e);background:var(--mailkaro-surface, #fff)}.mailkaro-rawhtml-wysiwyg:empty:before{content:"Type your content…";color:var(--mailkaro-muted, #9ca3af)}.mailkaro-field-canvas-editor{margin-bottom:10px}.mailkaro-field-canvas-input{min-height:34px;margin-top:8px;padding:7px 10px;border:1px solid var(--mailkaro-border, #e2e8f0);border-radius:8px;background:var(--mailkaro-surface, #fff);outline:none;cursor:text;font-size:14px;color:var(--mailkaro-text, #14213d)}.mailkaro-field-canvas-input:focus{border-color:var(--mailkaro-primary, #0f9c8e);box-shadow:0 0 0 3px color-mix(in srgb,var(--mailkaro-primary, #0f9c8e) 18%,transparent)}.mailkaro-field-canvas-input:empty:before{content:"Type here…";color:var(--mailkaro-muted, #9ca3af)}.mailkaro-field-canvas-hint{margin:6px 2px 0;font-size:11px;line-height:1.4;color:var(--mailkaro-muted, #9ca3af)}.mailkaro-field-canvas-picker{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:var(--mailkaro-muted, #6b7280)}.mailkaro-field-canvas-picker span{font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.mailkaro-field-canvas-picker select{flex:0 1 auto;padding:4px 8px;border:1px solid var(--mailkaro-border, #e2e8f0);border-radius:6px;background:var(--mailkaro-surface, #fff);color:var(--mailkaro-text, #14213d);font-size:12px}.mailkaro-heading-inline-content{min-height:74px;padding:16px 18px;outline:none;color:var(--mailkaro-text);font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700;line-height:1.35}.mailkaro-heading-inline-content a{color:var(--mailkaro-accent-strong)}.mailkaro-block-card.is-condition-hidden{opacity:.72}.mailkaro-conditional-note{margin-bottom:10px;padding:8px 10px;border-radius:10px;background:#f59e0b1f;color:#92400e;font-size:.82rem;font-weight:600}.mailkaro-merge-tag-chip{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;background:#eef2f7;border:1px solid #d7dee7;color:var(--mailkaro-text);font-size:.92em;white-space:nowrap}.mailkaro-empty-state{margin-top:12px;padding:14px;border-radius:10px;background:#f8fafc;color:var(--mailkaro-muted)}.mailkaro-token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mailkaro-token-grid>div{display:grid;gap:8px}.mailkaro-history-panel{margin-top:16px;display:grid;gap:12px;min-width:0}.mailkaro-history-toolbar{display:grid;gap:10px}.mailkaro-history-search{min-height:40px;border:1px solid var(--mailkaro-panel-border);border-radius:10px;padding:0 12px}.mailkaro-history-list{display:grid;gap:8px;max-height:320px;min-width:0;overflow-y:auto;overflow-x:hidden}.mailkaro-history-card{text-align:left;border:1px solid var(--mailkaro-panel-border);background:#fff;border-radius:10px;padding:12px;display:grid;gap:4px;min-width:0}.mailkaro-history-card.is-latest{border-color:#2d6cdf59;box-shadow:0 0 0 3px #2d6cdf14}.mailkaro-history-card-top,.mailkaro-history-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex-wrap:wrap}.mailkaro-history-card-top>strong{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailkaro-history-card-top .mailkaro-inline-actions{opacity:1;pointer-events:auto;flex-shrink:0}.mailkaro-history-kind{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#eef2f7;color:#475569;font-size:.72rem;font-weight:600}.mailkaro-history-kind--autosave{background:#ecfdf5;color:#0f766e}.mailkaro-history-kind--manual{background:#eff6ff;color:#1d4ed8}.mailkaro-history-kind--latest{background:#111827;color:#fff}.mailkaro-history-card span,.mailkaro-history-card small{color:var(--mailkaro-muted)}.mailkaro-builder-panel{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:14px;min-height:100%;height:100%;min-height:0}.mailkaro-branding-badge{margin-top:14px;padding:10px 12px;border-top:1px solid var(--mailkaro-panel-border);color:var(--mailkaro-muted);font-size:.8rem;font-weight:600}.mailkaro-shell[data-mailkaro-dir=rtl],.mailkaro-shell[data-mailkaro-dir=rtl] .mailkaro-toolbar-main,.mailkaro-shell[data-mailkaro-dir=rtl] .mailkaro-builder-panel,.mailkaro-shell[data-mailkaro-dir=rtl] .mailkaro-mode-rail{direction:rtl}.mailkaro-sidebar-right.is-collapsed .mailkaro-builder-panel{grid-template-columns:1fr}.mailkaro-builder-content{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.mailkaro-builder-scroll{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-width:none;-ms-overflow-style:none}.mailkaro-content-panel,.mailkaro-inspector-fields{min-width:0}.mailkaro-inspector-fields{grid-template-columns:minmax(0,1fr)}.mailkaro-builder-scroll::-webkit-scrollbar{width:0;height:0}.mailkaro-sidebar-right.is-collapsed .mailkaro-builder-content{display:none}.mailkaro-content-panel,.mailkaro-body-panel,.mailkaro-blocks-panel{display:grid;gap:14px;flex:1 1 auto;min-height:0}.mailkaro-content-panel{display:flex;flex-direction:column}.mailkaro-mode-rail{display:grid;grid-auto-rows:min-content;gap:8px;padding-left:10px;border-left:1px solid var(--mailkaro-panel-border)}.mailkaro-sidebar-right.is-collapsed .mailkaro-mode-rail{padding-left:0;border-left:0}.mailkaro-mode-button{border:1px solid var(--mailkaro-panel-border);background:#f8fafc;border-radius:12px;padding:10px 8px;display:grid;gap:6px;justify-items:center;color:var(--mailkaro-muted);cursor:pointer}.mailkaro-mode-button span{font-size:1.05rem;line-height:1}.mailkaro-mode-button small{font-size:.68rem}.mailkaro-mode-button.is-active{background:#fff;border-color:#2d6cdf4d;color:var(--mailkaro-text);box-shadow:0 0 0 2px #2d6cdf0f}.mailkaro-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.mailkaro-tool-grid--content{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:8px;margin-top:8px}.mailkaro-tool-grid--content .mailkaro-tool-tile{min-height:74px;padding:8px 4px;gap:7px}.mailkaro-tool-grid--content .mailkaro-tool-tile span{font-size:.7rem}.mailkaro-panel-footer{flex:0 0 auto;display:flex;justify-content:center;align-items:center;padding:10px 0 4px;background:var(--mailkaro-panel);border-top:1px solid var(--mailkaro-panel-border)}.mailkaro-content-footer{display:flex;justify-content:center;align-items:center;padding:8px 0 2px}.mailkaro-content-footer small{color:var(--mailkaro-muted);text-align:center}.mailkaro-content-footer-logo{display:block;width:100%;max-width:180px;height:36px;margin:6px auto 0;object-fit:contain;object-position:center}.mailkaro-wl-logo{min-height:42px}.mailkaro-layout-section{display:grid;gap:10px}.mailkaro-layout-section label{font-size:.82rem;color:var(--mailkaro-muted)}.mailkaro-layout-grid{display:grid;gap:10px}.mailkaro-layout-tile{width:100%;border:1px solid var(--mailkaro-panel-border);background:#fff;border-radius:10px;padding:12px;min-height:52px;cursor:grab}.mailkaro-layout-tile.is-dragging,.mailkaro-layout-tile:active{cursor:grabbing}.mailkaro-layout-preview{display:flex;gap:0;width:100%;min-height:28px;border:1px solid #d9e0e8;border-radius:6px;overflow:hidden;background:#fff}.mailkaro-layout-preview span{display:block;min-height:28px;border-right:1px solid #d9e0e8;background:linear-gradient(180deg,#fff,#fbfdff)}.mailkaro-layout-preview span:last-child{border-right:0}.mailkaro-tool-tile{border:1px solid var(--mailkaro-panel-border);background:#fff;border-radius:10px;min-height:94px;padding:10px;display:grid;justify-items:center;align-content:center;gap:10px;cursor:grab;text-align:center}.mailkaro-tool-tile:active{cursor:grabbing}.mailkaro-tool-icon{display:grid;place-items:center;width:28px;height:28px;color:#4b5563;font-size:1.1rem;font-weight:600}.mailkaro-tool-label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mailkaro-text)}@media(max-width:1280px){.mailkaro-shell{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:960px){.mailkaro-shell{grid-template-columns:1fr}.mailkaro-workspace{grid-template-rows:auto minmax(420px,1fr)}.mailkaro-toolbar{flex-direction:column;align-items:start}.mailkaro-toolbar-main{width:100%;flex-wrap:wrap}.mailkaro-columns-grid{flex-direction:column}.mailkaro-column-surface{width:100%!important}.mailkaro-builder-panel,.mailkaro-inspector-inline-grid{grid-template-columns:1fr}.mailkaro-asset-header,.mailkaro-template-header{flex-direction:column}.mailkaro-mode-rail{grid-template-columns:repeat(3,1fr);padding-left:0;padding-top:10px;border-left:0;border-top:1px solid var(--mailkaro-panel-border)}}.mailkaro-export-menu{position:relative;display:inline-flex}.mailkaro-export-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;border:0;background:transparent;cursor:default}.mailkaro-export-list{position:absolute;top:calc(100% + 6px);right:0;z-index:46;min-width:190px;margin:0;padding:6px;list-style:none;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:12px;background:var(--mailkaro-panel, #fff);box-shadow:0 18px 48px #0f172a38}.mailkaro-export-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;font:inherit;color:var(--mailkaro-text, #14213d);cursor:pointer}.mailkaro-export-item:hover{background:var(--mailkaro-surface, #f3f5f9)}.mailkaro-export-ext{font-size:11px;color:var(--mailkaro-muted, #6b7280)}.mailkaro-assistant-drawer{position:fixed;top:64px;right:12px;bottom:12px;width:min(360px,94vw);display:flex;flex-direction:column;padding:16px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:14px;background:var(--mailkaro-panel, #fff);box-shadow:0 18px 48px #0f172a38;z-index:40}.mailkaro-assistant-messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;margin:12px 0;padding-right:4px}.mailkaro-assistant-empty{color:var(--mailkaro-muted, #6b7280);font-size:13px}.mailkaro-assistant-empty ul{margin:6px 0 0;padding-left:18px}.mailkaro-assistant-msg{max-width:90%;padding:8px 11px;border-radius:12px;font-size:13px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.mailkaro-assistant-msg--user{align-self:flex-end;background:var(--mailkaro-accent, #2563eb);color:#fff}.mailkaro-assistant-msg--assistant{align-self:flex-start;background:var(--mailkaro-surface, #f3f5f9);color:var(--mailkaro-text, #14213d)}.mailkaro-assistant-msg.is-busy{opacity:.7;font-style:italic}.mailkaro-assistant-input{display:flex;gap:8px;align-items:flex-end}.mailkaro-assistant-input textarea{flex:1;resize:none;padding:8px 10px;border:1px solid var(--mailkaro-panel-border, #e6ecea);border-radius:10px;font:inherit;font-size:13px}