.esg-header,.esg-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.esg-header{margin-bottom:1rem}.esg-header h2,.esg-preview-head h3{margin:.15rem 0 .3rem}.esg-header p{margin:0;color:var(--text-muted)}.esg-kicker{color:var(--brand-blue-light);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.esg-badge{padding:.45rem .7rem;border:1px solid rgba(52,211,153,.3);border-radius:999px;color:var(--success);font-size:.8rem}.esg-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:1rem;align-items:start}.esg-editor,.esg-preview-panel{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.02)}.esg-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.esg-section h3{margin:0 0 .65rem}.esg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.esg-color{min-height:42px;padding:.2rem}.esg-view-toggle,.esg-actions{display:flex;flex-wrap:wrap;gap:.45rem}.esg-email-canvas{margin:.8rem 0;padding:1.25rem;overflow-x:auto;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;transition:max-width .2s ease}.esg-email-canvas.is-mobile{max-width:360px;margin-left:auto;margin-right:auto}.esg-email-canvas>p{margin:0 0 1rem;color:#374151;font-family:Arial,sans-serif}.esg-code{margin-top:1rem}.esg-code summary{cursor:pointer;font-weight:700}.esg-code textarea{margin-top:.55rem}.esg-install-tip{display:grid;gap:.2rem;margin-top:1rem;padding:.7rem;border-left:3px solid var(--brand-blue);background:rgba(0,174,239,.07)}.esg-install-tip span{color:var(--text-muted);font-size:.82rem}@media(max-width:960px){.esg-layout{grid-template-columns:1fr}}@media(max-width:560px){.esg-header,.esg-preview-head{flex-direction:column}.esg-grid{grid-template-columns:1fr}.esg-actions .btn{flex:1 1 45%}.esg-email-canvas{padding:.8rem}}@media(prefers-reduced-motion:reduce){.esg-email-canvas{transition:none}}