.mail-workspace{display:grid;gap:2rem;align-items:start;min-width:0}
.mail-editor,.mail-preview-panel{min-width:0}
.mail-editor label{display:block;margin:1rem 0 .4rem;font-weight:600}
.mail-editor input:not([type=checkbox]),.mail-editor select,.mail-editor textarea{width:100%;max-width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:.35rem;padding:.75rem}
.mail-editor textarea{resize:vertical;line-height:1.6}
.mail-editor fieldset{padding:0;border:0;min-width:0}
.mail-editor textarea:focus-visible,.mail-editor select:focus-visible{outline:3px solid var(--olive);outline-offset:3px}
.mail-tokens{display:flex;flex-wrap:wrap;gap:.4rem}
.mail-tokens button{font-size:.8rem;min-height:44px}
.mail-editor .mail-active{display:flex;align-items:center;gap:.65rem;min-height:44px}
.mail-active input{width:1.1rem;height:1.1rem}
.mail-meta{font-size:.9rem;color:var(--muted)}
.mail-preview-panel{background:var(--paper);border:1px solid var(--line);padding:1.5rem;border-radius:.6rem}
.mail-preview-panel h2{margin-top:0}
.mail-preview-panel h3{overflow-wrap:anywhere;font-size:1.05rem}
.mail-preview-panel iframe{width:100%;height:36rem;border:0;background:#fff}
.mail-editor .error:empty{display:none}
@media(min-width:1100px){.mail-workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.mail-preview-panel{position:sticky;top:1rem}}