@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";.app-container.light-mode[data-v-dcf21b9b]{--bg:#f0f0f0;--panel-bg:#fff;--text:#000;--input-bg:#fff;--input-text:#000;--btn-hover: #d1d5db;--shadow:0 2px 6px rgba(0,0,0,.1);--border: #9ca3af}.app-container.dark-mode[data-v-dcf21b9b]{--bg:#121212;--panel-bg:#2b2b2b;--text:#e0e0e0;--input-bg:#3b3b3b;--input-text:#e0e0e0;--btn-hover:#4b4b4b;--border:rgba(255,255,255,.1);--shadow:0 2px 6px rgba(0,0,0,.5)}.app-container[data-v-dcf21b9b]{min-height:100vh;width:100%;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;transition:background .3s,color .3s;padding:0;box-sizing:border-box}.header-wrapper[data-v-dcf21b9b]{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1120px;padding:20px;flex-wrap:wrap;gap:20px;box-sizing:border-box}.icon-col[data-v-dcf21b9b]{display:flex;flex-direction:column;gap:10px}.header-panel[data-v-dcf21b9b]{flex:1;text-align:center;padding:20px;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.header-panel h1[data-v-dcf21b9b]{margin:0 0 4px;font-size:24px;font-weight:600}.header-panel p[data-v-dcf21b9b]{margin:0;font-size:14px}.icon-box[data-v-dcf21b9b]{display:flex;align-items:center;justify-content:center;background:var(--panel-bg);color:var(--text);width:40px;height:40px;border:1px solid var(--border);border-radius:8px;font-size:18px;box-shadow:var(--shadow);cursor:pointer;transition:background .2s;text-decoration:none}.icon-box[data-v-dcf21b9b]:hover{background:var(--btn-hover)}.coffee-logo[data-v-dcf21b9b]{width:24px;height:24px}.mobile-icons[data-v-dcf21b9b]{display:none}@media (max-width: 768px){.desktop-icons[data-v-dcf21b9b]{display:none}.header-wrapper[data-v-dcf21b9b]{flex-direction:column;align-items:center;padding:20px;gap:20px}.header-panel[data-v-dcf21b9b]{order:1;width:100%;padding:20px}.mobile-icons[data-v-dcf21b9b]{display:flex;flex-direction:row;justify-content:center;gap:10px;width:100%;order:2}.icon-col[data-v-dcf21b9b]{flex-direction:row;justify-content:center}}.wrapper[data-v-dcf21b9b]{display:flex;gap:20px;width:100%;max-width:1120px;padding:0 20px 20px;box-sizing:border-box}@media (max-width: 768px){.wrapper[data-v-dcf21b9b]{flex-direction:column;padding:0 20px 20px}.panel[data-v-dcf21b9b]{width:100%;padding:20px}}.panel[data-v-dcf21b9b]{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;box-sizing:border-box;transition:background .3s,color .3s}.editor-panel[data-v-dcf21b9b]{flex:1;max-width:700px}.editor-panel h2[data-v-dcf21b9b]{margin:0 0 15px;font-size:18px;font-weight:600}.form-group[data-v-dcf21b9b]{display:flex;flex-direction:column;margin-bottom:15px}.form-group label[data-v-dcf21b9b]{font-size:14px;margin-bottom:5px}.hidden-file-input[data-v-dcf21b9b]{display:none}.upload-btn[data-v-dcf21b9b]{align-self:flex-start;background:var(--panel-bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;box-shadow:var(--shadow);transition:background .2s}.upload-btn[data-v-dcf21b9b]:hover{background:var(--btn-hover)}.form-group input[type=text][data-v-dcf21b9b],.form-group input[type=number][data-v-dcf21b9b],.form-group select[data-v-dcf21b9b],.form-group textarea[data-v-dcf21b9b]{background:var(--input-bg);color:var(--input-text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px;transition:background .3s,color .3s,border .3s}.form-group textarea[data-v-dcf21b9b]{min-height:120px;resize:vertical;font-family:Arial,sans-serif}.preview-panel[data-v-dcf21b9b]{flex:2;max-width:700px;font-family:var(--preview-font);font-size:var(--preview-size)}.email-header[data-v-dcf21b9b]{display:flex;align-items:center;margin-bottom:10px}.avatar[data-v-dcf21b9b]{width:60px;height:60px;background:var(--input-bg);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;overflow:hidden}.avatar img[data-v-dcf21b9b]{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-icon[data-v-dcf21b9b]{font-size:56px;color:var(--text)}.header-rows[data-v-dcf21b9b]{display:flex;flex-direction:column}.header-row[data-v-dcf21b9b]{display:flex;margin-bottom:6px}.label[data-v-dcf21b9b]{width:70px;font-weight:700}.value[data-v-dcf21b9b]{flex:1}.preview-panel hr[data-v-dcf21b9b]{border:none;border-top:1px solid var(--border);margin:10px 0}.email-body-preview[data-v-dcf21b9b]{line-height:1.5;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;flex:1}.dark-mode .coffee-logo[data-v-dcf21b9b]{fill:#fff}.btn[data-v-dcf21b9b]{background:var(--panel-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;box-shadow:var(--shadow);transition:background .2s;align-self:center}.btn[data-v-dcf21b9b]:hover{background:var(--btn-hover)}.reset-btn[data-v-dcf21b9b]{background:#e53e3e!important;border-color:#e53e3e!important;color:#fff!important}.reset-btn[data-v-dcf21b9b]:hover{background:#c53030!important}.generate-btn[data-v-dcf21b9b]{background:#3182ce!important;border-color:#3182ce!important;color:#fff!important}.generate-btn[data-v-dcf21b9b]:hover{background:#2b6cb0!important}.footer[data-v-dcf21b9b]{text-align:center;font-size:13px;color:var(--text);margin-bottom:20px}html.light-mode{--bg: #f0f0f0}html.dark-mode{--bg: #121212}html,body{margin:0;padding:0;height:100%;background:var(--bg)!important}