.photo-panel{border:1px dashed var(--line);border-radius:16px;padding:18px;margin:24px 0}.photo-panel .background-label{margin-top:0}.photo-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.photo-picker{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;margin:0;cursor:pointer}.photo-picker input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.photo-picker:focus-within{outline:2px solid #638367;outline-offset:3px}.photo-panel .hint{text-align:left;margin:12px 0 0}.photo-status{font-size:13px;margin:10px 0 0;min-height:1em}.extra-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 22px}.extra-options.effects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.extra-choice{color:inherit;border:1px solid var(--line);border-radius:12px;background:transparent;padding:12px 5px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;min-width:0}.extra-choice[aria-pressed=true]{border-color:#567957;box-shadow:0 0 0 1px #567957;background:#8caf7c12}.choice-visual{height:30px;display:grid;place-items:center;font-size:28px;color:#bd6574}.choice-visual.royal{color:#a67d3e}.choice-visual.floral{color:#678658}.choice-visual .icon{width:32px;height:28px}.card-photo{display:block;max-width:100%;width:100%;max-height:420px;object-fit:contain;border-radius:8px;margin:20px auto 26px}.event-countdown{margin:24px auto 12px;padding:20px 0 10px;border-top:1px solid currentColor;max-width:380px;width:100%;text-align:center}.countdown-caption{font-size:13px;letter-spacing:.06em;margin:0 0 16px}.countdown-digits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.countdown-digits[hidden]{display:none}.countdown-digits span{display:flex;flex-direction:column;gap:6px}.countdown-digits strong{font-family:Georgia,serif;font-size:30px;font-weight:400;font-variant-numeric:tabular-nums}.countdown-digits small,.countdown-timezone{font-size:11px;opacity:.75}.countdown-timezone{display:block;margin-top:12px}#countdown-fields{margin-top:20px}#countdown-zone{margin-top:18px}#event-zone{font:inherit;width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit}#event-zone option{color:#202b24;background:#fffdf7}.envelope[data-envelope=royal]{--paper:#ebe0c5;--fold:#dfcfa9;--flap:#f6ebd3;--seal:#986145;--ink:#654c35}.envelope[data-envelope=royal] .envelope-front{border:1px solid #a17c4640}.envelope[data-envelope=royal] .envelope-seal{border-radius:44% 50% 43% 49%;box-shadow:0 3px 9px #582a4040,inset 0 0 0 3px #ffffff20}.envelope[data-envelope=floral]{--paper:#e0e6d4;--fold:#d0dbc1;--flap:#ecf0e0;--seal:#698460;--ink:#42593c}.envelope[data-envelope=floral] .envelope-front:before{content:'❧';position:absolute;left:4%;bottom:0;font-size:90px;color:#81977380;z-index:1;transform:rotate(-30deg)}.envelope[data-envelope=floral] .envelope-seal{border-radius:40% 58% 44% 55%}.envelope[data-envelope=floral] .envelope-flap{background:radial-gradient(ellipse at 25% 15%,#f1d1cb80,transparent 35%),var(--flap)}
html[data-appearance=dark] .extra-choice{border-color:#53645b}html[data-appearance=dark] .extra-choice[aria-pressed=true]{border-color:#a2c99d}html[data-appearance=dark] .photo-panel{border-color:#53645b}
@media(max-width:420px){.extra-options{gap:6px}.extra-choice{font-size:11px;padding:11px 3px}.countdown-digits strong{font-size:26px}.card-photo{max-height:330px}.envelope[data-envelope=floral] .envelope-front:before{font-size:60px}}