.passport-card { max-width: 900px; margin: 0 auto; }
.passport-preview-area { display: flex; align-items: center; gap: 18px; margin-top: 22px; padding: 18px; border: 1px solid #e0eaee; border-radius: 12px; background: #fbfdfd; }
.passport-preview-area canvas { display: block; width: min(220px, 45vw); height: auto; max-height: 300px; border: 1px solid #d6e2e5; object-fit: contain; }
.passport-preview-area p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
@media (max-width: 560px) { .passport-preview-area { align-items: flex-start; flex-direction: column; } .passport-preview-area canvas { width: 180px; } }