.hv-preview {box-sizing:border-box; width:min(680px,calc(100vw - 32px)); max-height:85dvh; overflow:auto; padding:28px; border:1px solid #cbd2d8; background:white; color:#253746; border-radius:8px; font:16px/1.5 system-ui,sans-serif; box-shadow:0 20px 80px #0004}
.hv-preview::backdrop {background:#10182099}
.hv-preview h2 {font:600 24px/1.3 system-ui,sans-serif; margin:0 0 16px; color:#253746}
.hv-preview .hv-mail-preview {display:block; margin:20px 0; padding:16px; white-space:pre-wrap; overflow-wrap:anywhere; background:#f4f6f8; color:#253746; border:1px solid #dce2e7; font:15px/1.6 system-ui,sans-serif}
.hv-test-note {font:14px/1.5 system-ui,sans-serif; padding:12px 16px; border-left:3px solid #516b83; background:#f0f4f7; color:#253746; margin:12px 0}
.hv-preview-close {font:600 16px/1.4 system-ui,sans-serif; border:0; border-radius:4px; padding:12px 18px; background:#253746; color:white; cursor:pointer}
.hv-preview-close:focus-visible, .hv-contact-reveal summary:focus-visible {outline:3px solid #738fa8; outline-offset:3px}
.hv-contact-reveal {display:inline-block; vertical-align:baseline; font:inherit}
.hv-contact-reveal summary {display:list-item; list-style:disclosure-closed inside; cursor:pointer; text-decoration:underline; text-underline-offset:3px; font:inherit}
.hv-contact-reveal[open] summary {list-style-type:disclosure-open}
.hv-contact-reveal .hv-contact-value {display:block; padding:4px 0}
.hv-contact-reveal .hv-contact-value[hidden] {display:none!important}
.hv-reveal-button {border:0; background:none; color:inherit; font:inherit; padding:0; cursor:pointer; text-decoration:underline; text-underline-offset:3px}
.hv-reveal-button:focus-visible {outline:3px solid #738fa8; outline-offset:3px}
@media(max-width:560px) {.hv-preview {padding:20px}}
@media print {.hv-preview, .hv-version-switcher, .hv-design-stamp {display:none!important}}