.invitation-preview[data-v-69f7ca8d]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem 2rem;margin-top:3rem;height:100%;color:var(--if-on-surface);background:var(--if-background)}.invitation-preview__monogram[data-v-69f7ca8d]{width:96px;height:96px;margin-bottom:1.5rem;border:1px solid var(--if-outline);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--if-font-display);font-size:2rem;font-style:italic;color:var(--if-primary)}.invitation-preview__names[data-v-69f7ca8d]{margin:0 0 .5rem;font-family:var(--if-font-display);font-size:1.375rem;font-weight:600;color:var(--if-on-surface)}.invitation-preview__tagline[data-v-69f7ca8d]{margin:0 0 2rem;font-size:.875rem;letter-spacing:.15em;text-transform:uppercase;color:var(--if-on-surface-variant)}.invitation-preview__divider[data-v-69f7ca8d]{width:100%;height:1px;background:var(--if-outline-variant);margin:1rem 0}.invitation-preview__details[data-v-69f7ca8d]{margin:1rem 0}.invitation-preview__details p[data-v-69f7ca8d]{margin:.25rem 0;font-size:1rem;color:var(--if-on-surface)}.invitation-preview__venue[data-v-69f7ca8d]{margin-top:1rem!important;font-size:.875rem!important;color:var(--if-on-surface-variant)!important}.invitation-preview__cta[data-v-69f7ca8d]{margin-top:1rem;width:100%;padding:.75rem;border:none;border-radius:var(--if-radius-sm);background:var(--if-primary);color:var(--if-on-primary);font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;cursor:default}.ui-phone[data-v-337d0f69]{position:relative;width:300px;height:600px;background:var(--if-surface-container-lowest);border-radius:40px;border:8px solid var(--if-surface-container-high);box-shadow:var(--if-shadow-phone);overflow:hidden;transition:transform .5s ease}.ui-phone.is-rotate[data-v-337d0f69]{transform:rotate(2deg)}.ui-phone.is-rotate[data-v-337d0f69]:hover{transform:rotate(0)}.ui-phone.is-compact[data-v-337d0f69]{width:180px;height:100%;max-height:320px;border-radius:24px 24px 0 0;border-width:8px 8px 0;transform:none}.ui-phone.is-compact[data-v-337d0f69]:hover{transform:translateY(8px)}.ui-phone__notch[data-v-337d0f69]{position:absolute;top:0;left:50%;transform:translate(-50%);width:128px;height:24px;background:var(--if-surface-container-high);border-radius:0 0 12px 12px;z-index:2}.ui-phone__screen[data-v-337d0f69]{width:100%;height:100%;overflow:hidden;background:var(--if-background)}