#shareCardDialog { width: min(94vw, 540px); max-height: min(92dvh, 900px); padding: 0; border: 1px solid #d6c9b9; border-radius: 18px; background: #f8f2e9; color: #29302b; box-shadow: 0 25px 90px #19162155; overflow-y: auto; }
#shareCardDialog::backdrop { background: #1a1633bd; }
#shareCardDialog form { position: relative; display: grid; gap: 14px; padding: clamp(18px, 4vw, 30px); }
#shareCardDialog .dialog-close { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; color: #29302b; font-size: 24px; }
#shareCardDialog .dialog-close:hover { background: #e9dfd4; }
#shareCardDialog .eyebrow { margin: 0; padding-right: 44px; color: #8b6f60; }
#shareCardDialog h2 { margin: 0; padding-right: 32px; font: 600 clamp(27px, 6vw, 38px)/1.05 Fraunces, Georgia, serif; }
#shareCardDialog .dialog-copy { margin: 0; color: #675f58; line-height: 1.5; }
#shareCardPreview { display: block; width: min(100%, 350px); height: auto; margin: 6px auto; border-radius: 8px; box-shadow: 0 15px 36px #241b2c35; }
#shareCardStatus { display: block; min-height: 1.3em; color: #685f59; font-size: 12px; }
.share-card-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.share-card-actions button { min-height: 44px; padding: 9px 16px; border: 1px solid #aaa095; border-radius: 8px; background: #fffaf3; color: #29302b; font-weight: 600; }
.share-card-actions #downloadShareCard { border-color: #29302b; background: #29302b; color: #fffaf3; }
.share-card-actions button[hidden] { display: none; }
@media (max-width: 380px) { #shareCardDialog { width: calc(100vw - 16px); } #shareCardDialog form { gap: 11px; padding: 18px; } .share-card-actions button { flex: 1 1 100%; } }