.mail-template-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:20px;align-items:start}
.mail-template-list{display:grid;gap:6px;margin-top:16px}
.mail-template-mobile-picker{display:none}
.mail-template-item{border:1px solid #dbe7ee;border-radius:10px;background:#fff;color:#173b53;padding:10px 13px;text-align:left;font:inherit;cursor:pointer}
.mail-template-item.active{background:#e9f4fa;border-color:#9cc8df;font-weight:700}
.mail-template-preview{display:block;width:100%;max-width:660px;height:680px;margin:18px auto 0;border:1px solid #dfe9ee;border-radius:14px;background:#f1f6f8}
@media(max-width:760px){.mail-template-grid{grid-template-columns:1fr}.mail-template-list{display:none}.mail-template-mobile-picker{display:grid;margin-top:16px}}