.email-preview{margin:var(--spacing-md) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg)}.email-preview__iframe{display:block;width:100%;min-height:400px;border:none;background:#fafafa}.email-preview__error{padding:var(--spacing-md);color:var(--color-text-50);font-size:var(--font-size-sm)}.email-preview__label{display:block;padding:var(--spacing-s) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-50);background:var(--color-soft-bg);border-bottom:1px solid var(--color-border)}.email-preview__trigger{display:block;width:100%;margin:var(--spacing-s) 0;padding:var(--spacing-s) var(--spacing-md);min-height:44px;font-size:var(--font-size-sm);font-weight:550;color:var(--color-accent);background:transparent;border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,color .15s ease;text-align:center}@media(hover:hover)and (pointer:fine){.email-preview__trigger:hover{background:var(--color-accent);color:var(--color-bg)}}.email-preview-container{margin:var(--spacing-md) 0;min-height:0}.email-preview-container:empty{display:none}@media(min-width:768px){.email-preview__iframe{min-height:500px}.email-preview__trigger{width:auto;display:inline-block}}@media(min-width:1024px){.email-preview__iframe{min-height:600px}}