.modern-email-editor[data-v-509d8d76]{border:1px solid #e9ecef;border-radius:10px;overflow:hidden;background:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.editor-header[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px 25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.editor-header .header-title h5[data-v-509d8d76]{color:#fff;margin:0;font-weight:500}.editor-header .header-title small[data-v-509d8d76]{color:hsla(0,0%,100%,.8)}.editor-header .header-actions[data-v-509d8d76]{gap:10px}.editor-container[data-v-509d8d76],.editor-header .header-actions[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex}.editor-container.split-view .editor-pane[data-v-509d8d76]{width:60%;border-right:1px solid #e9ecef}.editor-container.split-view .preview-pane[data-v-509d8d76]{width:40%}.editor-container .editor-pane[data-v-509d8d76]{-webkit-box-flex:1;-ms-flex:1;flex:1}.editor-container .editor-pane .toolbar-wrapper[data-v-509d8d76]{padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef 50%,#f8f9fa);border-bottom:2px solid #667eea;-webkit-box-shadow:inset 0 -2px 4px rgba(102,126,234,.1);box-shadow:inset 0 -2px 4px rgba(102,126,234,.1)}.editor-container .editor-pane .toolbar-wrapper .template-shortcuts-header[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.editor-container .editor-pane .toolbar-wrapper .template-shortcuts-header .shortcuts-title[data-v-509d8d76]{margin:0;color:#495057;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editor-container .editor-pane .toolbar-wrapper .template-shortcuts-header .shortcuts-title svg[data-v-509d8d76]{color:#667eea}.editor-container .editor-pane .toolbar-wrapper .template-shortcuts-header small[data-v-509d8d76]{font-style:italic;opacity:.8}.editor-container .editor-pane .toolbar-wrapper .template-shortcuts[data-v-509d8d76]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-height:200px;overflow-y:auto}.editor-container .editor-pane .toolbar-wrapper .template-shortcuts[data-v-509d8d76]::-webkit-scrollbar{width:6px}.editor-container .editor-pane .toolbar-wrapper .template-shortcuts[data-v-509d8d76]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.editor-container .editor-pane .toolbar-wrapper .template-shortcuts[data-v-509d8d76]::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.editor-container .preview-pane[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.editor-container .preview-pane .preview-header[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.editor-container .preview-pane .preview-header h6[data-v-509d8d76]{margin:0;color:#495057}.editor-container .preview-pane .preview-header .preview-controls[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editor-container .preview-pane .preview-header .preview-controls .preview-mode-controls[data-v-509d8d76],.editor-container .preview-pane .preview-header .preview-controls .preview-theme-controls[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.editor-container .preview-pane .preview-header .preview-controls .preview-theme-controls[data-v-509d8d76]{border-left:1px solid #e9ecef;padding-left:15px}.editor-container .preview-pane .preview-content[data-v-509d8d76]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f8f9fa}.editor-container .preview-pane .preview-content iframe[data-v-509d8d76]{width:100%;height:500px;border:none}.editor-container .preview-pane .preview-content.preview-mobile iframe[data-v-509d8d76]{max-width:375px;margin:0 auto;display:block}.template-card-mini[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:12px;cursor:-webkit-grab;cursor:grab;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.template-card-mini[data-v-509d8d76]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(102,126,234,.1)),to(transparent));background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);-webkit-transition:left .5s;transition:left .5s}.template-card-mini[data-v-509d8d76]:hover{border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 25px rgba(102,126,234,.2);box-shadow:0 8px 25px rgba(102,126,234,.2)}.template-card-mini[data-v-509d8d76]:hover:before{left:100%}.template-card-mini:hover .drag-handle[data-v-509d8d76]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.template-card-mini:hover .template-icon[data-v-509d8d76]{-webkit-transform:scale(1.1);transform:scale(1.1);color:#667eea}.template-card-mini[data-v-509d8d76]:active{cursor:-webkit-grabbing;cursor:grabbing;-webkit-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.template-card-mini.dragging[data-v-509d8d76]{opacity:.7;-webkit-transform:rotate(5deg) scale(1.05);transform:rotate(5deg) scale(1.05);cursor:-webkit-grabbing;cursor:grabbing;z-index:1000;border-color:#667eea;background:rgba(102,126,234,.1)}.template-card-mini .template-icon[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;margin-right:12px;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 2px 8px rgba(102,126,234,.3);box-shadow:0 2px 8px rgba(102,126,234,.3)}.template-card-mini .template-icon svg[data-v-509d8d76]{width:20px;height:20px}.template-card-mini .template-info[data-v-509d8d76]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.template-card-mini .template-info .template-name[data-v-509d8d76]{display:block;font-weight:500;color:#333;font-size:14px;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.template-card-mini .drag-handle[data-v-509d8d76]{opacity:0;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transition:all .3s ease;transition:all .3s ease;color:#6c757d;margin-left:8px;-ms-flex-negative:0;flex-shrink:0}.template-card-mini .drag-handle .drag-icon[data-v-509d8d76]{width:16px;height:16px}[data-v-509d8d76] .template-drop-zone{position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}[data-v-509d8d76] .template-drop-zone.drag-over{background:rgba(102,126,234,.05)!important;outline:2px dashed #667eea!important;outline-offset:4px}[data-v-509d8d76] .template-drop-zone.drag-over:after{content:"📎 Hier loslassen um Template einzufügen";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#667eea;color:#fff;padding:12px 20px;border-radius:8px;font-weight:500;-webkit-box-shadow:0 4px 20px rgba(102,126,234,.3);box-shadow:0 4px 20px rgba(102,126,234,.3);pointer-events:none;z-index:1000;-webkit-animation:dropZonePulse-509d8d76 1.5s infinite;animation:dropZonePulse-509d8d76 1.5s infinite}@-webkit-keyframes dropZonePulse-509d8d76{0%,to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}}@keyframes dropZonePulse-509d8d76{0%,to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}}.template-card-mini.dragging[data-v-509d8d76]:after{content:attr(data-template-name);position:absolute;top:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none}.template-library .template-grid[data-v-509d8d76]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 0}.template-library .template-grid .template-card[data-v-509d8d76]{border:2px solid #e9ecef;border-radius:10px;overflow:hidden;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.template-library .template-grid .template-card[data-v-509d8d76]:hover{border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 15px rgba(102,126,234,.2);box-shadow:0 4px 15px rgba(102,126,234,.2)}.template-library .template-grid .template-card .template-preview[data-v-509d8d76]{height:120px;background:#f8f9fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.template-library .template-grid .template-card .template-preview .template-thumbnail[data-v-509d8d76]{width:90%;height:80%;overflow:hidden}.template-library .template-grid .template-card .template-info[data-v-509d8d76]{padding:15px;position:relative}.template-library .template-grid .template-card .template-info h6[data-v-509d8d76]{margin:0;color:#333;font-weight:500}.template-library .template-grid .template-card .template-info p[data-v-509d8d76]{margin:5px 0 0;font-size:13px}.template-library .template-grid .template-card .template-info .delete-btn[data-v-509d8d76]{position:absolute;top:10px;right:10px;width:30px;height:30px;padding:0}.gradient-customizer .gradient-preview .preview-box[data-v-509d8d76],.template-library .template-grid .template-card .template-info .delete-btn[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gradient-customizer .gradient-preview .preview-box[data-v-509d8d76]{height:120px;border-radius:15px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);-webkit-transition:all .3s ease;transition:all .3s ease}.gradient-customizer .gradient-preview .preview-box .preview-text[data-v-509d8d76]{color:#fff;font-weight:600;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.gradient-customizer .color-input-group[data-v-509d8d76]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gradient-customizer .color-input-group .form-control-color[data-v-509d8d76]{width:50px;height:38px;border:1px solid #ced4da;border-radius:.375rem;cursor:pointer}.gradient-customizer .gradient-presets[data-v-509d8d76]{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;margin-top:10px}.gradient-customizer .gradient-presets .preset-item[data-v-509d8d76]{height:60px;border-radius:10px;cursor:pointer;border:2px solid transparent;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.gradient-customizer .gradient-presets .preset-item[data-v-509d8d76]:hover{border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 15px rgba(0,0,0,.2);box-shadow:0 4px 15px rgba(0,0,0,.2)}[data-v-509d8d76] .tox{border:none!important}[data-v-509d8d76] .tox .tox-toolbar__primary{background:#fff!important;border-bottom:1px solid #e9ecef!important}[data-v-509d8d76] .tox .tox-edit-area,[data-v-509d8d76] .tox .tox-editor-header{border:none!important}