.template-switcher[data-v-83fa2735]{display:flex;align-items:center;gap:8px}label[data-v-83fa2735]{font-size:14px;font-weight:500;color:#374151}.select[data-v-83fa2735]{padding:6px 32px 6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#111827;cursor:pointer;transition:all .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.select[data-v-83fa2735]:hover{border-color:#9ca3af}.select[data-v-83fa2735]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.theme-switcher[data-v-16ebcdbe]{display:flex;align-items:center;gap:8px}label[data-v-16ebcdbe]{font-size:14px;font-weight:500;color:#374151}.select[data-v-16ebcdbe]{padding:6px 32px 6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#111827;cursor:pointer;transition:all .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.select[data-v-16ebcdbe]:hover{border-color:#9ca3af}.select[data-v-16ebcdbe]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.theme-customizer[data-v-cd7d6766]{position:relative}.customizer-btn[data-v-cd7d6766]{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.customizer-btn[data-v-cd7d6766]:hover{background:#f9fafb;border-color:#9ca3af}.overlay[data-v-cd7d6766]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:999}.customizer-panel[data-v-cd7d6766]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;z-index:1000;width:90%;max-width:550px;max-height:80vh;display:flex;flex-direction:column}.customizer-header[data-v-cd7d6766]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.customizer-header h3[data-v-cd7d6766]{margin:0;font-size:18px;font-weight:600;color:#111827}.close-btn[data-v-cd7d6766]{padding:4px 8px;border:none;background:none;font-size:20px;color:#6b7280;cursor:pointer;transition:color .15s}.close-btn[data-v-cd7d6766]:hover{color:#111827}.customizer-content[data-v-cd7d6766]{padding:20px;overflow-y:auto;flex:1}.color-field[data-v-cd7d6766]{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.color-field[data-v-cd7d6766]:last-of-type{border-bottom:none}.field-info[data-v-cd7d6766]{margin-bottom:8px}.field-info label[data-v-cd7d6766]{display:block;font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.field-description[data-v-cd7d6766]{display:block;font-size:12px;color:#6b7280}.color-input-group[data-v-cd7d6766]{display:flex;gap:8px;align-items:center}.color-picker[data-v-cd7d6766]{width:60px;height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:2px}.color-text[data-v-cd7d6766]{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:Monaco,monospace;color:#111827;transition:all .15s}.color-text[data-v-cd7d6766]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.font-field[data-v-cd7d6766]{margin-bottom:16px}.font-field label[data-v-cd7d6766]{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.font-select[data-v-cd7d6766]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;cursor:pointer;transition:all .15s}.font-select[data-v-cd7d6766]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reset-btn[data-v-cd7d6766]{width:100%;padding:10px 16px;margin-top:8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.reset-btn[data-v-cd7d6766]:hover{background:#f9fafb;color:#374151}.template-settings[data-v-31d125ea]{position:relative}.settings-btn[data-v-31d125ea]{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.settings-btn[data-v-31d125ea]:hover{background:#f9fafb;border-color:#9ca3af}.overlay[data-v-31d125ea]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:999}.settings-panel[data-v-31d125ea]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;z-index:1000;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.settings-header[data-v-31d125ea]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.settings-header h3[data-v-31d125ea]{margin:0;font-size:18px;font-weight:600;color:#111827}.close-btn[data-v-31d125ea]{padding:4px 8px;border:none;background:none;font-size:20px;color:#6b7280;cursor:pointer;transition:color .15s}.close-btn[data-v-31d125ea]:hover{color:#111827}.settings-content[data-v-31d125ea]{padding:20px;overflow-y:auto;flex:1}.help-text[data-v-31d125ea]{margin-bottom:20px;padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:13px;color:#1e40af}.setting-field[data-v-31d125ea]{margin-bottom:16px}.setting-field label[data-v-31d125ea]{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.setting-input[data-v-31d125ea]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;transition:all .15s}.setting-input[data-v-31d125ea]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reset-btn[data-v-31d125ea]{width:100%;padding:10px 16px;margin-top:8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.reset-btn[data-v-31d125ea]:hover{background:#f9fafb;color:#374151}.export-buttons[data-v-65e3a3ca]{display:flex;gap:8px;flex-wrap:wrap}.btn[data-v-65e3a3ca]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-gmail[data-v-65e3a3ca]{background:#10b981;color:#fff;border:1px solid #059669}.btn-gmail[data-v-65e3a3ca]:hover{background:#059669}.btn-secondary[data-v-65e3a3ca]{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-65e3a3ca]:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary[data-v-65e3a3ca]{background:#3b82f6;color:#fff}.btn-primary[data-v-65e3a3ca]:hover{background:#2563eb}.btn[data-v-65e3a3ca]:active{transform:scale(.97)}@media(max-width:768px){.export-buttons[data-v-65e3a3ca]{justify-content:center}}.header[data-v-f47c00b0]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.header-left[data-v-f47c00b0]{display:flex;align-items:center;gap:12px}.logo[data-v-f47c00b0]{margin:0;font-size:20px;font-weight:700;color:#111827;display:flex;align-items:center;gap:8px}.logo-icon[data-v-f47c00b0]{font-size:24px}.tagline[data-v-f47c00b0]{margin:0;padding-left:12px;border-left:2px solid #e5e7eb;font-size:13px;color:#6b7280}.header-center[data-v-f47c00b0]{display:flex;gap:16px;align-items:center}.header-right[data-v-f47c00b0]{display:flex;justify-content:flex-end}@media(max-width:768px){.header[data-v-f47c00b0]{grid-template-columns:1fr;gap:12px}.header-left[data-v-f47c00b0]{justify-content:center}.header-center[data-v-f47c00b0]{justify-content:center;flex-wrap:wrap}.header-right[data-v-f47c00b0]{justify-content:center}.tagline[data-v-f47c00b0]{display:none}}.toolbar[data-v-77c0e82a]{display:flex;gap:4px;padding:8px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.toolbar-btn[data-v-77c0e82a]{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;color:#374151;transition:all .15s}.toolbar-btn[data-v-77c0e82a]:hover{background:#f3f4f6;border-color:#9ca3af}.toolbar-btn[data-v-77c0e82a]:active{transform:scale(.95)}.editor[data-v-bb963fc5]{display:flex;flex-direction:column;height:100%;background:#fff;border-right:1px solid #e5e7eb}.editor-header[data-v-bb963fc5]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fff}.header-left[data-v-bb963fc5],.header-right[data-v-bb963fc5]{display:flex;align-items:center;gap:12px}.editor-header h3[data-v-bb963fc5]{margin:0;font-size:14px;font-weight:600;color:#111827}.template-name[data-v-bb963fc5]{font-size:12px;color:#6b7280;padding:2px 8px;background:#f3f4f6;border-radius:4px}.char-count[data-v-bb963fc5]{font-size:12px;color:#6b7280}.reset-btn[data-v-bb963fc5]{padding:4px 8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.reset-btn[data-v-bb963fc5]:hover{background:#e5e7eb;transform:rotate(90deg)}.reset-btn[data-v-bb963fc5]:active{transform:rotate(90deg) scale(.95)}.editor-textarea[data-v-bb963fc5]{flex:1;padding:16px;border:none;outline:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;resize:none;color:#1f2937}.editor-textarea[data-v-bb963fc5]::placeholder{color:#9ca3af}.preview[data-v-01898659]{display:flex;flex-direction:column;height:100%;background:#f9fafb}.preview-header[data-v-01898659]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb}.preview-header h3[data-v-01898659]{margin:0;font-size:14px;font-weight:600;color:#111827}.status[data-v-01898659]{font-size:12px}.compiling[data-v-01898659]{color:#f59e0b}.errors[data-v-01898659]{color:#ef4444;cursor:help}.success[data-v-01898659]{color:#10b981}.preview-container[data-v-01898659]{flex:1;padding:20px;overflow:auto}.preview-iframe[data-v-01898659]{width:100%;height:100%;border:1px solid #e5e7eb;border-radius:4px;background:#fff;box-shadow:0 1px 3px #0000001a}.app[data-v-5bea1aee]{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main[data-v-5bea1aee]{flex:1;overflow:hidden}.split-view[data-v-5bea1aee]{display:grid;grid-template-columns:1fr 1fr;height:100%;overflow:hidden}.split-pane[data-v-5bea1aee]{overflow:hidden}.footer[data-v-5bea1aee]{padding:12px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:center}.footer p[data-v-5bea1aee]{margin:0;font-size:13px;color:#6b7280}.footer a[data-v-5bea1aee]{color:#3b82f6;text-decoration:none;font-weight:500}.footer a[data-v-5bea1aee]:hover{text-decoration:underline}@media(max-width:768px){.split-view[data-v-5bea1aee]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f2937;background:#fff}#app{height:100%}:root{--primaryColor: #3b82f6;--backgroundColor: #ffffff;--textColor: #1f2937;--fontFamily: Arial, Helvetica, sans-serif;--fontSize: 16px;--linkColor: #3b82f6;--borderColor: #e5e7eb}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}