.invite-preview { aspect-ratio:2 / 3; border-radius:2px; }
.invite-preview canvas { display:block; width:100%; height:auto; }
.invite-preview.motion-ready>img,.invite-preview.motion-ready>.invite-sample { display:none; }
.invite-preview.motion-ready .invite-wording { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.invitation-playback { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.invitation-playback[hidden] { display:none; }
.invitation-playback button { min-height:44px; padding:10px 16px; font:inherit; font-size:.875rem; cursor:pointer; }
.invitation-playback button:focus-visible { outline:3px solid #916331; outline-offset:4px; }
#invite-motion-status { margin:12px 0 0; font-size:.875rem; line-height:1.6; }
.invitation-visual { min-width:0; }
.motion-section video { aspect-ratio:2 / 3; }
@media(max-width:760px) { .invitation-visual { padding:14px; } }
@media(prefers-reduced-motion:reduce) { .invitation-playback button { transition:none; } }