.daily-invite-preview { width:min(780px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:0; border:1px solid #e1e6e2; border-radius:18px; background:#fff; color:#20382c; box-shadow:0 24px 90px #0004; font:14px/1.5 Inter,Arial,sans-serif; }
.daily-invite-preview::backdrop { background:#14261d99; backdrop-filter:blur(3px); }
.daily-invite-preview header { padding:20px 24px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e6e9e6; }
.daily-invite-preview h2 { font-size:21px; margin:0; color:#20382c; }
.daily-invite-eyebrow { font-size:10px; letter-spacing:.14em; margin:0 0 4px; color:#6c7b71; }
.daily-invite-preview button { font:inherit; cursor:pointer; padding:10px 16px; border:1px solid #dce2dd; border-radius:8px; background:#fff; color:#20382c; }
.daily-invite-preview button:disabled { opacity:.5; cursor:default; }
.daily-invite-preview button:focus-visible { outline:3px solid #a2bfae; outline-offset:2px; }
.daily-invite-preview [data-close] { font-size:24px; line-height:1; border:0; padding:6px; }
.daily-invite-preview [data-send] { background:#1f4032; color:#fff; border-color:#1f4032; }
.daily-invite-meta { padding:14px 24px; background:#fafbf9; }
.daily-invite-meta p { margin:4px 0; overflow-wrap:anywhere; }
.daily-invite-meta strong { display:inline-block; min-width:65px; color:#718075; }
.daily-invite-preview [data-billing], .daily-invite-preview [data-delivery] { font-size:12px; }
.daily-invite-preview [data-billing] { margin-top:10px; }
.daily-invite-preview iframe { display:block; width:100%; height:min(51dvh,620px); border:0; background:#f7f4ee; }
.daily-invite-preview footer { padding:16px 24px; border-top:1px solid #e6e9e6; }
.daily-invite-preview footer p { margin:0 0 12px; font-size:12px; }
.daily-invite-preview footer div { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }