:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f1f5f9}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{display:flex;min-height:100vh;background-color:#f1f5f9}#root{flex:1;display:flex;min-height:100vh}button,input,select,textarea{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;flex:1;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0f}.topbar__title{margin:0 16px 0 0;font-size:18px;font-weight:600}.topbar__left{display:flex;align-items:center;gap:12px}.topbar__actions{display:flex;gap:8px}.button{border:1px solid transparent;border-radius:8px;padding:8px 14px;font-weight:500;cursor:pointer;transition:all .15s ease}.button--ghost{background:#fff;border-color:#cbd5f5;color:#1e293b}.button--ghost:hover{border-color:#94a3b8}.button--primary{background:#2563eb;color:#fff;border-color:#2563eb}.button--primary:hover{filter:brightness(.95)}.button[disabled]{opacity:.6;cursor:not-allowed}.app-shell__body{flex:1;display:flex;min-height:0}.sidebar{width:260px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.sidebar__inner{padding:20px;overflow-y:auto;flex:1}.palette-section-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:18px 0 8px}.palette-group{display:grid;gap:12px}.palette-item{border:1px dashed #cbd5f5;border-radius:10px;padding:12px;background:#f8fafc;cursor:grab;transition:border-color .15s ease,background-color .15s ease}.palette-item:hover{border-color:#2563eb;background:#edf2ff}.palette-item__label{font-weight:600;margin-bottom:4px}.palette-item__description{font-size:12px;color:#64748b}.canvas{flex:1;background:#eef2ff;overflow-y:auto;padding:32px}.canvas__inner{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.canvas-empty{padding:40px;text-align:center;border:2px dashed #cbd5f5;border-radius:16px;color:#64748b;background:#fff9}.canvas-section{background:#fff;border-radius:16px;border:1px solid transparent;box-shadow:0 8px 20px #0f172a14;transition:border-color .2s ease,box-shadow .2s ease}.canvas-section--selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.canvas-row{background:#fff;border:1px dashed transparent;border-radius:12px;padding:12px;transition:border-color .2s ease}.canvas-row--selected{border-color:#94a3b8}.canvas-row__columns{display:flex;gap:16px;flex-wrap:nowrap}.canvas-column{background:#fffc;border:1px dashed transparent;border-radius:12px;min-height:120px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease,background-color .2s ease}.canvas-column--selected{border-color:#2563eb}.canvas-column--over{border-color:#3b82f6;background:#3b82f60f}.canvas-empty-block{border:1px dashed #cbd5f5;padding:16px;text-align:center;color:#64748b;border-radius:10px}.canvas-block{position:relative}.block-wrapper{position:relative;border:1px solid transparent;border-radius:12px;background:transparent;transition:border-color .2s ease,box-shadow .2s ease}.block-wrapper--selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.block-text,.block-heading{outline:none}.block-heading{font-weight:600}.canvas-add-section{width:100%;padding:14px;border:1px dashed #94a3b8;border-radius:12px;background:transparent;color:#475569;cursor:pointer;transition:all .2s ease}.canvas-add-section:hover,.canvas-add-section--active{border-color:#2563eb;background:#e0ecff}.canvas-section-dropzone{width:100%;padding:12px;margin:10px 0;border:1px dashed #94a3b8;border-radius:12px;background:#f8fbff;color:#475569;text-align:center;font-size:.95rem;transition:all .2s ease}.canvas-section-dropzone--active{border-color:#2563eb;background:#e0ecff;color:#1e3a8a;box-shadow:0 0 0 1px #2563eb26}.inspector{width:320px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column}.inspector__inner{padding:24px;overflow-y:auto;flex:1}.inspector__placeholder{color:#64748b;font-size:14px}.inspector-panel{display:flex;flex-direction:column;gap:18px}.inspector-panel__header{display:flex;justify-content:space-between;align-items:center}.inspector-panel__header h2{margin:0;font-size:16px}.inspector-panel__actions{display:flex;gap:8px}.inspector-panel__delete-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #cbd5f5;border-radius:8px;background:#fff;cursor:pointer}.inspector-panel__delete-button img{width:16px;height:16px;pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px;font-size:14px}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{border:1px solid #cbd5f5;border-radius:8px;padding:8px 10px;font-size:14px}.form-field input:not([type=checkbox]):focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.form-field__label{font-weight:500;color:#334155}.form-field__description{font-size:12px;color:#94a3b8}.form-field--inline{flex-direction:row;align-items:center;gap:10px}.form-field__link-row{display:flex;gap:8px;align-items:center}.form-field__link-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:#334155;white-space:nowrap}.form-field__link-toggle input[type=checkbox]{width:16px;height:16px;margin:0;border:1px solid #94a3b8;border-radius:4px;padding:0}.spacing-form{border:1px solid #e2e8f0;border-radius:10px;padding:12px}.spacing-form__title{font-weight:500;font-size:13px;margin-bottom:8px}.spacing-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spacing-form__grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#475569}.form-section{border-top:1px solid #e2e8f0;padding-top:16px;display:flex;flex-direction:column;gap:12px}.form-section__header{display:flex;justify-content:space-between;align-items:center}.form-section__header h3{margin:0;font-size:14px}.form-section__list{display:flex;flex-direction:column;gap:12px}.form-section__item{border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.link-button{background:none;border:none;color:#ef4444;font-size:13px;cursor:pointer;align-self:flex-start}.preview-modal,.export-modal,.send-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.preview-modal__backdrop,.export-modal__backdrop,.send-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73}.preview-modal__content,.export-modal__content,.send-modal__content{position:relative;z-index:1;background:#fff;border-radius:16px;max-width:900px;width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 30px 60px #0f172a33}.send-modal__content{max-width:600px}.preview-modal__header,.export-modal__header,.send-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.preview-modal__body,.export-modal__body,.send-modal__body{padding:20px;overflow:auto}.preview-modal__device-toggle{display:flex;gap:8px}.preview-modal__device-toggle button{border:1px solid #cbd5f5;border-radius:6px;padding:6px 12px;background:#f8fafc;cursor:pointer}.preview-modal__device-toggle button.active{border-color:#2563eb;color:#2563eb}.preview-modal__close,.export-modal__close,.send-modal__close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer}.send-modal__field{margin-bottom:20px}.send-modal__label{display:block;margin-bottom:8px;font-weight:500;color:#0f172a}.send-modal__input{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}.send-modal__input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.send-modal__recipients{display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.send-modal__recipient{display:inline-flex;align-items:center;gap:12px;padding:6px 10px 6px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:#475569}.send-modal__recipient-email{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-modal__recipient-remove{border:none;background:#fee2e2;color:#b91c1c;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;cursor:pointer;transition:background .18s ease,color .18s ease}.send-modal__recipient-remove:disabled{opacity:.6;cursor:not-allowed}.send-modal__recipient-remove:not(:disabled):hover{background:#fecaca;color:#7f1d1d}.send-modal__recipient--empty{border-style:dashed;font-style:italic;color:#94a3b8}.send-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0}.preview-frame{margin:0 auto;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}.preview-frame iframe{width:100%;height:640px;border:none}.export-modal__actions{display:flex;gap:12px;margin-bottom:12px}.export-modal__textarea{width:100%;min-height:320px;border:1px solid #cbd5f5;border-radius:12px;padding:12px;font-family:Fira Code,Consolas,monospace;font-size:13px;color:#0f172a}.drag-overlay{padding:12px 16px;background:#2563eb;color:#fff;border-radius:10px;box-shadow:0 12px 24px #2563eb66;font-weight:600}@media (max-width: 1200px){.sidebar{width:220px}.inspector{width:280px}}@media (max-width: 960px){.app-shell__body{flex-direction:column}.sidebar,.inspector{width:100%;order:1}.canvas{order:2}}.topbar__email-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.topbar__emails{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:420px}.topbar__email-empty{font-size:12px;color:#64748b}.email-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#e0ecff;color:#1e293b;font-size:13px}.email-chip__remove{border:none;background:transparent;color:#1e293b;cursor:pointer;padding:0;font-size:14px;line-height:1}.email-chip__remove:hover{color:#ef4444}.block-table{display:flex;flex-direction:column;gap:12px}.block-table__toolbar{display:flex;flex-wrap:wrap;gap:8px}.block-table__table-wrapper{border:1px solid #d9e5dc;border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:inset 0 0 0 1px #0f9d580a}.block-table__table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.block-table__table thead th{background-color:#eaf6ef;color:#0f172a;font-weight:600;padding:12px 16px;border-bottom:1px solid #d1e3d6}.block-table__header-cell{display:flex;align-items:center;gap:8px}.block-table__header-cell .table-cell-editor{flex:1}.block-table__remove-column{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#64748b;cursor:pointer;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;line-height:1}.block-table__remove-column:hover{background-color:#64748b1f;color:#ef4444}.block-table__table tbody td{padding:12px 16px;border-top:1px solid #e2e8f0;color:#334155}.block-table__table th,.block-table__table td{word-break:break-word;vertical-align:top}.block-table__table tbody tr:nth-child(2n) td{background-color:#f8fafc}.table-cell-editor{min-height:20px;outline:none;white-space:pre-wrap}.table-cell-editor:empty:after{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.table-cell-editor--header{font-weight:600}.block-table__empty{text-align:center;padding:16px;color:#94a3b8;font-style:italic}.block-table__add-row,.block-table__add-column{align-self:flex-start;padding:6px 12px;border-radius:8px;border:1px dashed #9ac9ac;background-color:#f1faf4;color:#0f9d58;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.block-table__add-row:hover,.block-table__add-column:hover{background-color:#e4f4ea;border-color:#7fb993}.block-table__add-row:active,.block-table__add-column:active{background-color:#d5ecdd}.form-hint{margin:8px 0 0;color:#64748b;font-size:13px}.block-accordion{border:1px solid #dce3ec;border-radius:16px;overflow:hidden;background-color:#fff;box-shadow:0 8px 24px #0f172a14}.block-accordion__item+.block-accordion__item{border-top:1px solid #e6ebf2}.block-accordion__header{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px;border:none;border-bottom:1px solid #e6ebf2;background-color:transparent;cursor:pointer;text-align:left;gap:16px;transition:background-color .2s ease}.block-accordion__header:last-of-type{border-bottom:none}.block-accordion__header:focus-visible{outline:2px solid #2563eb;outline-offset:-4px}.block-accordion__header:hover{background-color:#f8fafc}.block-accordion__title{flex:1;font-weight:700;font-size:18px;line-height:1.3;color:#0f172a;display:flex;align-items:center}.block-accordion__title div{flex:1;display:block;background:transparent;border:none;min-height:22px;font:inherit;color:inherit;outline:none;white-space:pre-wrap;padding-right:8px}.block-accordion__title div:focus{outline:none}.block-accordion__title div:empty:after{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.block-accordion__chevron{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#111827;font-size:18px;transition:transform .2s ease}.block-accordion__chevron--open{transform:rotate(90deg)}.block-accordion__body{max-height:0;overflow:hidden;transition:max-height .25s ease}.block-accordion__body--open{max-height:600px}.block-accordion__content{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.block-accordion__content textarea{min-height:100px;padding:14px 16px;border-radius:12px;border:1px solid #cbd5e1;resize:vertical;font-size:14px;line-height:1.5;font-family:inherit;color:#1f2937;background-color:#f8fafc}.block-accordion__content textarea:focus{outline:2px solid #2563eb;border-color:#2563eb;background-color:#fff}.block-accordion__content textarea::placeholder{color:#94a3b8}.block-accordion__actions{display:flex;justify-content:flex-end}.block-accordion__divider{height:1px;background-color:#e2e8f0}.block-accordion__add{width:100%;padding:16px 24px;background-color:#f1f5f9;border:none;border-top:1px solid #e2e8f0;cursor:pointer;text-align:left;font-weight:600;font-family:inherit;color:#2563eb;display:flex;align-items:center;gap:8px}.block-accordion__add:hover{background-color:#e2e8f0}.rich-text-editor{display:flex;flex-direction:column;gap:12px;position:relative}.rich-text-editor__toolbar{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #dbe3ef;border-radius:14px;padding:6px 8px;box-shadow:0 8px 20px #0f172a14;transition:opacity .15s ease,transform .15s ease;z-index:2;width:fit-content}.rich-text-editor__toolbar--hidden{opacity:0;pointer-events:none;transform:translateY(-6px)}.rich-text-editor__toolbar button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600;color:#1f2937;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.rich-text-editor__toolbar button:hover{background-color:#2563eb;border-color:#2563eb;color:#fff}.rich-text-editor__toolbar button:active{transform:translateY(1px)}.rich-text-editor__group{display:flex;align-items:center;gap:4px}.rich-text-editor__group+.rich-text-editor__group{margin-left:8px;padding-left:8px;border-left:1px solid #dbe3ef}.rich-text-editor__toolbar button.rich-text-editor__button--active{background-color:#2563eb;border-color:#2563eb;color:#fff}.rich-text-editor [data-inline-editor=true]{background:transparent;border:1px solid transparent;border-radius:14px;min-height:56px;padding:18px 20px;font-size:inherit;line-height:1.6;transition:border-color .15s ease,box-shadow .15s ease}.login-container{min-height:100vh;width:100%;flex:1;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:20px}.login-form{background:#fff;border-radius:12px;padding:48px 40px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:100%;max-width:380px;border:1px solid #e2e8f0}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:32px;font-weight:600;color:#0f172a;margin:0 0 12px;letter-spacing:-.025em}.login-header p{color:#64748b;margin:0;font-size:15px}.form-group{margin-bottom:24px}.form-group input{width:100%;padding:16px 20px;border:1px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .2s ease;box-sizing:border-box;background:#fff}.form-group input::placeholder{color:#94a3b8}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.form-group input:disabled{background-color:#f8fafc;opacity:.7;cursor:not-allowed}.submit-button{width:100%;background:#3b82f6;color:#fff;border:none;padding:16px 20px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:8px}.submit-button:hover:not(:disabled){background:#2563eb}.submit-button:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:16px;border-radius:10px;margin-bottom:24px;font-size:14px;text-align:center}.topbar__user{color:#6b7280;font-size:14px;margin-left:16px}.rich-text-editor [data-inline-editor=true]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.rich-text-editor [data-inline-editor=true]:empty:after{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 16px #0f172a0d}.topbar__left{display:flex;flex-direction:column;gap:8px}.topbar__brand{display:flex;flex-direction:column;gap:4px}.topbar__title{margin:0;font-size:20px;font-weight:600}.topbar__user{color:#64748b;font-size:14px}.topbar__center{display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:999px;border:1px solid #dbe6f0;background:#f8fbff}.topbar__group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topbar__icon-button,.topbar__pill{border-radius:12px;border:1px solid #dbe6f0;background:#f1f5f9;padding:8px 14px;font-size:14px;font-weight:500;color:#1f2937;transition:all .18s ease}.topbar__icon-button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.topbar__icon-button img{width:20px;height:20px}.topbar__icon-button:hover,.topbar__pill:hover{transform:translateY(-1px);box-shadow:0 6px 14px #3b82f626;border-color:#bfdbfe;background:#ebf3ff}.topbar__pill--logout{color:#dc2626;border-color:#dc26264d;background:#fee2e266}.topbar__pill--logout:hover{background:#fecaca99;color:#b91c1c}.topbar__right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.topbar__send{border-radius:16px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;padding:10px 22px;box-shadow:0 12px 20px #2563eb40;transition:transform .18s ease,box-shadow .18s ease}.topbar__send:disabled{opacity:.7;box-shadow:none;cursor:not-allowed}.topbar__send:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 16px 24px #2563eb4d}.topbar__emails{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:460px}.topbar__email-empty{font-size:13px;color:#64748b}@media (max-width: 1100px){.topbar{flex-direction:column;align-items:stretch;gap:18px}.topbar__center{align-self:center}.topbar__right{align-items:stretch}.topbar__emails{justify-content:flex-start}}.template-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center}.template-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73}.template-modal__content{position:relative;z-index:1;background:#fff;border-radius:18px;width:min(920px,92%);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 28px 60px #0f172a38}.template-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.template-modal__header h2{margin:0;font-size:20px;font-weight:600}.template-modal__close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer}.template-modal__body{display:flex;flex-direction:column;gap:20px;padding:24px;overflow-y:auto}.template-modal__section{background:#f8fafc;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:inset 0 0 0 1px #94a3b826}.template-modal__section h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.template-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.template-modal__list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #e2e8f0}.template-modal__list-info{display:flex;flex-direction:column;gap:4px;min-width:0}.template-modal__list-name{font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-modal__list-meta{font-size:12px;color:#64748b}.template-modal__list-actions{display:flex;gap:8px}.template-modal__form{display:flex;flex-direction:column;gap:16px}.template-modal__label{display:flex;flex-direction:column;gap:8px;font-weight:500}.template-modal__input{padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;font:inherit;background:#fff}.template-modal__input:focus{outline:2px solid #2563eb;border-color:#2563eb}.template-modal__checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569}.template-modal__checkbox input{width:16px;height:16px}.template-modal__state{margin:0;font-size:13px;color:#475569}.template-modal__state--error{color:#dc2626}.template-modal__state--success{color:#16a34a}.template-modal__save{align-self:flex-start}@media (min-width: 860px){.template-modal__body{flex-direction:row;align-items:flex-start}.template-modal__section{flex:1}}.template-modal__icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:10px;background:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.template-modal__icon-button img{max-width:20px;max-height:20px}.template-modal__icon-button:hover{box-shadow:0 4px 12px #0f172a1f;transform:translateY(-1px)}.template-modal__icon-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.inspector-panel__actions{display:flex;align-items:center;gap:8px}.inspector-delete{border:1px solid #dbe6f0;border-radius:8px;background:#fef2f2;padding:6px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.inspector-delete img{width:18px;height:18px}.inspector-delete:hover{transform:translateY(-1px);box-shadow:0 4px 10px #dc26262e;background:#fee2e2;border-color:#fca5a5}.recipient-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center}.recipient-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73}.recipient-modal__content{position:relative;width:min(760px,92vw);max-height:90vh;background:#fff;border-radius:18px;box-shadow:0 24px 70px #0f172a52;overflow:hidden;display:flex;flex-direction:column}.recipient-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid #e2e8f0}.recipient-modal__header h2{margin:0;font-size:20px;font-weight:700;color:#0f172a}.recipient-modal__subtitle{margin:4px 0 0;font-size:13px;color:#64748b}.recipient-modal__close{border:none;background:none;font-size:28px;line-height:1;cursor:pointer;color:#475569}.recipient-modal__controls{display:flex;flex-direction:column;gap:12px;padding:16px 24px;border-bottom:1px solid #f1f5f9}.recipient-modal__search{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px 14px;font:inherit}.recipient-modal__search:focus{outline:2px solid #2563eb;border-color:#2563eb}.recipient-modal__control-buttons{display:flex;flex-wrap:wrap;gap:8px}.recipient-modal__body{padding:0 24px;overflow:auto;flex:1}.recipient-modal__status{margin:18px 0;font-size:14px;color:#475569}.recipient-modal__status--error{color:#dc2626}.recipient-modal__list{list-style:none;margin:0;padding:18px 0 24px;display:flex;flex-direction:column;gap:10px}.recipient-modal__item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.recipient-modal__item--selected{border-color:#2563eb;box-shadow:0 8px 24px #2563eb2e}.recipient-modal__item-label{display:flex;align-items:center;gap:12px;flex:1}.recipient-modal__item-label input{width:16px;height:16px}.recipient-modal__item-info{display:flex;flex-direction:column;gap:4px}.recipient-modal__item-email{font-weight:600;color:#0f172a}.recipient-modal__item-name{font-size:12px;color:#64748b}.recipient-modal__badge{border-radius:999px;padding:4px 10px;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.04em;background:#f8fafc;color:#475569}.recipient-modal__badge--ok{background:#dcfce7;color:#166534}.recipient-modal__badge--muted{background:#fee2e2;color:#b91c1c}.recipient-modal__empty{padding:24px 0;text-align:center;color:#94a3b8;font-size:14px}.recipient-modal__manual{padding:20px 24px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:14px}.recipient-modal__manual h3{margin:0;font-size:16px;color:#0f172a}.recipient-modal__manual-row{display:flex;gap:12px}.recipient-modal__manual-row input{flex:1;border:1px solid #cbd5e1;border-radius:10px;padding:10px 14px;font:inherit}.recipient-modal__manual-row input:focus{outline:2px solid #2563eb;border-color:#2563eb}.recipient-modal__manual-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.recipient-modal__manual-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.recipient-modal__manual-remove{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:600}.recipient-modal__footer{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-top:1px solid #f1f5f9;gap:16px}.recipient-modal__selection-count{font-size:13px;color:#64748b}.recipient-modal__footer-actions{display:flex;gap:10px}@media (max-width: 640px){.recipient-modal__content{width:96vw;max-height:96vh;border-radius:14px}.recipient-modal__manual-row,.recipient-modal__control-buttons{flex-direction:column}.recipient-modal__footer{flex-direction:column;align-items:flex-start}}.history-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a47;z-index:999}.history-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a59}.history-modal__content{position:relative;width:min(780px,90vw);max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 24px 60px #0f172a40;overflow:hidden;display:flex;flex-direction:column}.history-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 12px;gap:16px}.history-modal__subtitle{margin:8px 0 0;color:#64748b;font-size:.9rem}.history-modal__header-actions{display:flex;align-items:center;gap:8px}.history-modal__close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;padding:4px 8px}.history-modal__body{padding:16px 28px 24px;overflow-y:auto}.history-modal__state{margin:12px 0;color:#475569}.history-modal__state--error{color:#dc2626}.history-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.history-modal__item{border:1px solid rgba(15,23,42,.12);border-radius:10px;padding:16px 20px;background:#f8fafc}.history-modal__item-main{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.history-modal__item-info{display:flex;flex-direction:column;gap:4px}.history-modal__item-title{margin:0;font-size:1.05rem;color:#0f172a}.history-modal__item-meta{margin:0;color:#64748b;font-size:.9rem}.history-modal__item-details{margin-top:14px;border-top:1px solid rgba(15,23,42,.1);padding-top:14px;display:flex;flex-direction:column;gap:10px}.history-modal__recipients{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.history-modal__recipient{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:#e2e8f0;font-size:.9rem}.history-modal__recipient-email{font-weight:500;color:#1e293b}.history-modal__recipient-source{color:#475569;font-size:.8rem;text-transform:uppercase}.history-modal__html{display:flex;flex-direction:column;gap:10px}.history-modal__preview-frame{width:100%;height:600px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:#fff;box-shadow:inset 0 0 0 1px #0f172a08;overflow:hidden}.history-modal__preview-frame iframe{width:100%;height:100%;border:0;display:block}.history-modal__html summary{cursor:pointer;color:#2563eb}.history-modal__html-preview{width:100%;min-height:140px;border-radius:8px;border:1px solid rgba(15,23,42,.16);padding:12px;font-family:Fira Code,Courier New,monospace;font-size:.8rem;resize:vertical}.rich-text-editor{position:relative}.rich-text-toolbar{position:absolute;top:-48px;left:0;right:0;z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px #0f172a26;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rich-text-toolbar__button{border:1px solid transparent;border-radius:6px;padding:6px 8px;background:transparent;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;min-width:28px;display:flex;align-items:center;justify-content:center}.rich-text-toolbar__button:hover{background:#f1f5f9;border-color:#cbd5f5;color:#334155}.rich-text-toolbar__button:active{background:#e2e8f0;border-color:#94a3b8}.rich-text-toolbar__divider{width:1px;height:20px;background:#e2e8f0;margin:0 4px}.block-text{outline:none;min-height:20px;line-height:1.6;word-wrap:break-word}.block-text:empty:before{content:"Hier klicken um Text hinzuzufügen...";color:#94a3b8;font-style:italic}.block-heading{outline:none;min-height:24px;line-height:1.3;word-wrap:break-word}.block-heading:empty:before{content:"Überschrift eingeben...";color:#94a3b8;font-style:italic}.block-heading--h1{font-size:32px;font-weight:700}.block-heading--h2{font-size:28px;font-weight:600}.block-heading--h3{font-size:24px;font-weight:600}.block-heading--h4{font-size:20px;font-weight:600}.block-text strong,.block-heading strong{font-weight:700}.block-text em,.block-heading em{font-style:italic}.block-text u,.block-heading u{text-decoration:underline}.block-wrapper--selected .block-text,.block-wrapper--selected .block-heading{box-shadow:inset 0 0 0 2px #2563eb1a;border-radius:4px}.canvas-section .rich-text-toolbar{top:-52px}.canvas-column .rich-text-toolbar{top:-50px}