/* Three parallel work areas: catalogue, editing, and live preview. */
.email-workspace{grid-template-columns:minmax(200px,240px) minmax(300px,1fr) minmax(360px,1.15fr);gap:18px;align-items:start}
.email-preview-column{min-width:0;background:#fffdf8;border:1px solid #dedbd2;border-radius:16px;padding:22px;position:sticky;top:80px}
.email-preview-column .email-preview-bar{margin-top:0;align-items:start}
.email-preview-column .email-preview-bar h3{margin:0;font-size:18px;line-height:1.4}
.email-preview-column .email-preview-bar>div{flex-wrap:wrap;justify-content:flex-end}
.email-preview-column .email-preview{margin-top:16px}
.email-preview-column .email-preview iframe{height:clamp(560px,calc(100vh - 220px),820px)}
.email-preview-column .email-plain{max-height:calc(100vh - 240px);overflow:auto;margin-bottom:0}
.email-preview-column .email-actions{margin-top:16px}
.email-preview-column .email-actions button{font-size:12px}
.email-library{position:sticky;top:80px}
.email-list{max-height:calc(100vh - 330px);min-height:280px;scrollbar-gutter:stable}
.email-editor-title h2{font-size:21px;overflow-wrap:anywhere}
@media(max-width:1350px){
 .email-workspace{grid-template-columns:200px minmax(270px,1fr) minmax(310px,1fr);gap:14px}
 .email-preview-column,.email-library,.email-editor{padding:16px}
 .email-preview-column .email-preview-bar{flex-direction:column;gap:12px}
}
@media(max-width:1100px){
 .email-workspace{grid-template-columns:220px minmax(0,1fr)}
 .email-library{grid-row:span 2}
 .email-preview-column{grid-column:2;position:static}
 .email-preview-column .email-preview-bar{flex-direction:row}
}
@media(max-width:800px){
 .email-workspace{grid-template-columns:minmax(0,1fr)}
 .email-library,.email-preview-column{grid-column:auto;grid-row:auto;position:static}
 .email-list{max-height:360px;min-height:0}
 .email-preview-column .email-preview iframe{height:720px}
 .email-preview-column .email-plain{max-height:720px}
}