.template-preview[data-v-832b6c08]{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.preview-header[data-v-832b6c08]{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;padding:15px 16px}.preview-header>div[data-v-832b6c08]:first-child{display:grid;gap:4px}.preview-kicker[data-v-832b6c08]{align-items:center;color:var(--brand-strong);display:inline-flex;font-size:.65rem;font-weight:850;gap:6px;letter-spacing:.1em;text-transform:uppercase}.preview-header h3[data-v-832b6c08]{color:var(--ink);font-size:.96rem;margin:0}.preview-header p[data-v-832b6c08]{color:var(--ink-muted);font-size:.72rem;line-height:1.45;margin:0}.preview-meta[data-v-832b6c08]{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.preview-meta span[data-v-832b6c08]{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;color:var(--ink-muted);font-size:.62rem;font-weight:800;padding:5px 8px}.preview-toolbar[data-v-832b6c08]{align-items:center;background:var(--surface-soft);border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;padding:9px 12px}.preview-toggle[data-v-832b6c08]{background:var(--surface);border:1px solid var(--line);border-radius:10px;display:inline-flex;gap:3px;padding:3px}.preview-toggle button[data-v-832b6c08]{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--ink-muted);cursor:pointer;display:inline-flex;font:inherit;font-size:.69rem;font-weight:750;gap:6px;justify-content:center;min-height:32px;padding:0 10px}.preview-toggle button[data-v-832b6c08]:hover{background:var(--surface-hover);color:var(--ink)}.preview-toggle button[data-v-832b6c08]:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 20%,transparent);outline-offset:1px}.preview-toggle button.active[data-v-832b6c08]{background:var(--brand-soft);color:var(--brand-strong)}.preview-modes button[data-v-832b6c08]{padding:0;width:34px}.email-envelope[data-v-832b6c08]{align-items:start;background:color-mix(in srgb,var(--brand-soft) 55%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:11px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);margin:12px;padding:11px 12px}.envelope-icon[data-v-832b6c08]{background:var(--surface);border-radius:9px;color:var(--brand-strong);display:grid;height:34px;place-items:center;width:34px}.email-envelope dl[data-v-832b6c08]{display:grid;gap:5px;margin:0;min-width:0}.email-envelope dl>div[data-v-832b6c08]{display:grid;gap:8px;grid-template-columns:62px minmax(0,1fr)}.email-envelope dt[data-v-832b6c08]{color:var(--ink-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.email-envelope dd[data-v-832b6c08]{color:var(--ink);font-size:.76rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-state[data-v-832b6c08]{align-content:center;color:var(--ink-muted);display:grid;gap:7px;min-height:280px;padding:30px;place-items:center;text-align:center}.preview-state strong[data-v-832b6c08]{color:var(--ink);font-size:.84rem}.preview-state span[data-v-832b6c08]{font-size:.72rem;line-height:1.5;max-width:390px}.preview-spinner[data-v-832b6c08]{animation:preview-spin-832b6c08 .85s linear infinite;color:var(--brand-strong)}.preview-error[data-v-832b6c08]{padding:12px}.preview-stage[data-v-832b6c08]{background:var(--surface-soft);overflow:auto;padding:18px}.preview-viewport[data-v-832b6c08]{background:#fff;border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow-sm);margin:0 auto;min-width:0;overflow:hidden;transition:max-width .18s ease;width:100%}.mode-mobile .preview-viewport[data-v-832b6c08]{max-width:390px}.mode-document .preview-viewport[data-v-832b6c08]{border-radius:2px;max-width:var(--preview-document-width)}.preview-frame[data-v-832b6c08]{background:#fff;border:0;display:block;min-height:620px;width:100%}.mode-mobile .preview-frame[data-v-832b6c08]{min-height:700px}.mode-document .preview-frame[data-v-832b6c08]{min-height:840px}.mode-document.is-landscape .preview-frame[data-v-832b6c08]{min-height:590px}.preview-text[data-v-832b6c08]{background:#fff;box-sizing:border-box;color:#1c2623;font:400 .78rem/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:0;min-height:620px;overflow:auto;padding:24px;white-space:pre-wrap;width:100%;word-break:break-word}.document-caption[data-v-832b6c08]{color:var(--ink-muted);font-size:.64rem;margin:9px 0 0;text-align:center;text-transform:capitalize}@keyframes preview-spin-832b6c08{to{transform:rotate(1turn)}}@container drawer-content (max-width: 620px){.preview-header[data-v-832b6c08]{flex-direction:column}.preview-meta[data-v-832b6c08]{justify-content:flex-start}.preview-toolbar[data-v-832b6c08]{align-items:stretch;flex-direction:column}.preview-toggle[data-v-832b6c08]{justify-content:center}.preview-stage[data-v-832b6c08]{padding:10px}}@media (max-width:520px){.preview-header[data-v-832b6c08]{flex-direction:column}.preview-meta[data-v-832b6c08]{justify-content:flex-start}.preview-toolbar[data-v-832b6c08]{align-items:stretch;flex-direction:column}.preview-toggle[data-v-832b6c08]{justify-content:center}.preview-stage[data-v-832b6c08]{padding:8px}.email-envelope dl>div[data-v-832b6c08]{gap:2px;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.preview-viewport[data-v-832b6c08]{transition:none}}.version-row[data-v-dfc102a3]{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:10px 0}.version-row[data-v-dfc102a3]:last-child{border:0}.version-row>span[data-v-dfc102a3]{display:grid;gap:3px}.version-row>span[data-v-dfc102a3]:last-child{justify-items:end}.version-row small[data-v-dfc102a3]{color:var(--ink-muted);font-size:.7rem}.preview-controls[data-v-dfc102a3]{width:min(100%,360px)}