/* Generated framing is presentation only; downloaded PNGs contain the note. */
[data-card-frame][data-card-design='india-v1'],[data-card-frame][data-card-design='india-v2'] { --keepsake-frame: url('themes/cards/soft-frame-v1.webp'); --keepsake-seal: url('themes/cards/soft-seal-v1.webp'); }
[data-card-frame][data-card-design='soft-keepsake-v1'],[data-card-frame][data-card-design='soft-keepsake-v2'] { --keepsake-frame: url('themes/cards/soft-frame-v1.webp'); --keepsake-seal: url('themes/cards/soft-seal-v1.webp'); }
[data-card-frame][data-card-design='writers-desk-v1'],[data-card-frame][data-card-design='writers-desk-v2'] { --keepsake-frame: url('themes/cards/writers-frame-v1.webp'); --keepsake-seal: url('themes/cards/writers-seal-v1.webp'); }
#card-presentation[data-card-design] { position: relative; background: var(--keepsake-frame) center / 100% 100% no-repeat; padding: 4% 7%; }
#card-presentation[data-card-orientation=portrait] { background-size: 100% auto; background-position: center bottom; padding: 6% 7% 11%; }
#card-presentation #card-preview[data-card-design] { width: 100%; height: auto; background: transparent; border-radius: 0; box-shadow: none; padding: 0; }
#recipient-final-zone[data-card-design] { background: var(--keepsake-frame) center / 100% 100% no-repeat; aspect-ratio: 3 / 2; }
#recipient-final-zone[data-card-orientation=portrait] { aspect-ratio: 14 / 20; background-size: 100% auto; background-position: center bottom; }
#recipient-final-zone[data-card-design] .recipient-final-image { inset: 4% 7%; width: 86%; height: 92%; filter: none; }
#recipient-final-zone[data-card-orientation=portrait] .recipient-final-image { inset: 7% 7% 14%; height: 79%; }
[data-card-frame][data-card-design]::after { content: ''; position: absolute; z-index: 2; pointer-events: none; width: 24%; aspect-ratio: 1; left: 38%; bottom: 0; background: var(--keepsake-seal) center / contain no-repeat; }
[data-card-frame]:is([data-card-design='soft-keepsake-v1'],[data-card-design='india-v1'],[data-card-design='soft-keepsake-v2'],[data-card-design='india-v2'])::after { left: 67%; }
[data-card-frame][data-card-orientation=portrait]::after { bottom: 0; }
#recipient-final-zone[data-card-design] { opacity: 0; }
#recipient-final-zone[data-card-design]:has(.recipient-final-image[style*='opacity: 1']) { opacity: 1; }