/* Shared theme vocabulary for storefront previews and full invitations. */
[hidden]{display:none!important}#example>.close{position:absolute;float:none;right:10px;top:10px;z-index:5;border-radius:50%;width:36px;height:36px;font-size:24px}#example .preview-tools{padding-right:45px}.envelope-screen{width:100%}
[data-invitation-theme]{--theme-paper:#f7fbfc;--theme-ink:#22647a;--theme-accent:#b79862;--theme-surface:#ffffffdb;--theme-pattern:url('template/floral-background-clean.png');--theme-font:Georgia,serif}
[data-invitation-theme="olive-notes"]{--theme-paper:#f0f0e4;--theme-ink:#48563b;--theme-accent:#a48b51;--theme-surface:#fafaf0e8;--theme-pattern:radial-gradient(ellipse at 0 15%,#a0af8966,transparent 38%),radial-gradient(ellipse at 100% 85%,#84946c55,transparent 38%);--theme-font:Georgia,serif}
[data-invitation-theme="rose-letter"]{--theme-paper:#f9eee9;--theme-ink:#80464c;--theme-accent:#b78476;--theme-surface:#fff8f2e8;--theme-pattern:radial-gradient(ellipse at 0 0,#d9a7af55,transparent 48%),radial-gradient(ellipse at 100% 100%,#e7b8b366,transparent 45%);--theme-font:Georgia,serif}
[data-invitation-theme="midnight-gold"]{--theme-paper:#18232c;--theme-ink:#eadbb2;--theme-accent:#bf9b55;--theme-surface:#1b2933ed;--theme-pattern:repeating-linear-gradient(135deg,transparent 0 120px,#bea36918 121px 122px,transparent 123px 240px);--theme-font:Georgia,serif}
[data-invitation-theme="coastal-vows"]{--theme-paper:#eaf6f3;--theme-ink:#226c70;--theme-accent:#a68d62;--theme-surface:#f8fffae8;--theme-pattern:radial-gradient(ellipse at 100% 0,#7dc1c16b,transparent 58%),radial-gradient(ellipse at 0 100%,#b1d3cd77,transparent 56%);--theme-font:Georgia,serif}
[data-invitation-theme="modern-vow"]{--theme-paper:#f8f5ee;--theme-ink:#232323;--theme-accent:#777;--theme-surface:#fffdf8e8;--theme-pattern:linear-gradient(90deg,transparent 5%,#22222215 5% 5.2%,transparent 5.2% 94.8%,#22222215 94.8% 95%,transparent 95%);--theme-font:Arial,sans-serif}
.theme-art[data-invitation-theme],.demo[data-invitation-theme]{background:var(--theme-pattern),var(--theme-paper);background-size:cover;color:var(--theme-ink);font-family:var(--theme-font)}
.theme-art[data-invitation-theme="modern-vow"]{border-radius:0}.theme-art[data-invitation-theme="modern-vow"] strong{font-family:Arial,sans-serif;font-style:normal;letter-spacing:-3px}
.theme-art[data-invitation-theme="midnight-gold"]{border:1px solid #bf9b55;outline:1px solid #bf9b55;outline-offset:-15px}
.theme-art[data-invitation-theme="coastal-vows"]{border-radius:50% 50% 10px 10px}.theme-art[data-invitation-theme="rose-letter"]{border-radius:12px;outline:1px solid #c89e92;outline-offset:-16px}
.theme-card-actions{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.theme-choice{border:1px solid var(--line);border-radius:24px;padding:8px 14px;background:transparent;cursor:pointer;color:var(--ink);font-size:12px}.theme-choice[aria-pressed=true]{background:var(--ink);color:white}.theme-art[data-invitation-theme] strong{pointer-events:none}
.envelope-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;min-height:460px;padding:45px 22px;background:var(--theme-pattern),var(--theme-paper,#f5f0e7);background-size:cover;color:var(--theme-ink,#48563b);text-align:center}.envelope-intro{font:italic 21px/1.5 Georgia,serif;max-width:300px}.envelope{position:relative;display:block;width:min(360px,100%);height:225px;flex-shrink:0;background:var(--theme-paper,#eee8da);border:1px solid var(--theme-accent,#a48b51);box-shadow:0 20px 40px #0002;cursor:pointer;perspective:900px;padding:0;color:var(--theme-ink,#48563b)}.envelope:after{content:'';position:absolute;inset:0;background:linear-gradient(32deg,var(--theme-paper,#eee8da) 49%,transparent 50%),linear-gradient(-32deg,var(--theme-paper,#eee8da) 49%,transparent 50%);pointer-events:none;border-bottom:1px solid var(--theme-accent,#a48b51)}.envelope-flap{position:absolute;inset:0;background:var(--theme-accent,#a48b51);clip-path:polygon(0 0,100% 0,50% 58%);transform-origin:top;transition:transform .5s ease;z-index:3}.envelope-letter{position:absolute;inset:16px 18px;background:var(--theme-surface,#fffdf5);display:grid;place-items:center;padding:15px;font:italic 32px/1.25 Georgia,serif;transition:transform .6s .3s ease;overflow-wrap:anywhere}.envelope-seal{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);border:4px double #ebd3a3;border-radius:50%;width:57px;height:57px;display:grid;place-items:center;background:#ac8447;color:#fff7e7;font:32px Georgia,serif;z-index:4;transition:opacity .2s}.envelope:hover .envelope-seal{box-shadow:0 0 0 5px #b9a06833}.opening .envelope-flap{transform:rotateX(180deg)}.opening .envelope-letter{transform:translateY(-55px)}.opening .envelope-seal{opacity:0}.envelope-prompt{font:12px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.envelope-skip{border:0;background:none;text-decoration:underline;color:inherit;font:12px Arial,sans-serif;cursor:pointer;padding:10px}.envelope:focus-visible,.envelope-skip:focus-visible{outline:3px solid var(--theme-accent,#a48b51);outline-offset:5px}
body.wip-themed{--pine:var(--theme-ink);--ink:var(--theme-ink);--cream:var(--theme-paper);--white:var(--theme-surface);--line:var(--theme-accent);background:var(--theme-paper);color:var(--theme-ink);font-family:var(--theme-font)}body.wip-themed::before{background:var(--theme-pattern);background-size:cover;opacity:1}body.wip-themed .hero,body.wip-themed .section:not(.location),body.wip-themed .warm,body.wip-themed .dress{background:transparent}body.wip-themed .nav,body.wip-themed .card,body.wip-themed .countdown{background:var(--theme-surface);color:var(--theme-ink)}body.wip-themed .hero h1,body.wip-themed .hero-date,body.wip-themed .hero-place,body.wip-themed .hero .eyebrow,body.wip-themed .countdown b,body.wip-themed .countdown span{color:var(--theme-ink)}body.wip-themed .button{background:var(--theme-ink);color:var(--theme-paper)}body.wip-themed .rsvp-banner{background:var(--theme-ink);color:var(--theme-paper)}body.wip-themed[data-invitation-theme="modern-vow"] .hero h1{font-family:Arial,sans-serif;font-size:clamp(55px,9vw,110px);line-height:1;letter-spacing:-.05em}body.wip-themed[data-invitation-theme="midnight-gold"] .hero h1{font-family:Georgia,serif;font-size:clamp(50px,8vw,100px);line-height:1.15}body.wip-themed[data-invitation-theme="rose-letter"] .hero-content{outline:1px solid var(--theme-accent);outline-offset:-15px}
.wip-envelope-dialog{border:1px solid var(--theme-accent);padding:0;width:min(560px,calc(100% - 24px));max-height:95dvh;overflow:auto;background:var(--theme-paper);color:var(--theme-ink)}.wip-envelope-dialog::backdrop{background:#152018ee}.envelope-replay{position:fixed;bottom:14px;right:14px;z-index:15;border:1px solid var(--theme-accent);border-radius:22px;background:var(--theme-paper);color:var(--theme-ink);padding:10px 15px;font:12px Arial,sans-serif;cursor:pointer}.wip-design-edit .envelope-replay{display:none}@media(max-width:420px){.envelope{height:185px}.envelope-screen{min-height:400px;padding:25px 18px}.envelope-letter{font-size:26px}}@media(prefers-reduced-motion:reduce){.envelope *{transition:none!important}}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) main .section{--theme-ink:#42382e;color:#42382e}
[data-invitation-theme="palace-ivory"]{--theme-paper:#fffdf8;--theme-ink:#665034;--theme-accent:#ab8242;--theme-surface:#f8f0de;--theme-pattern:url('assets/themes/palace-ivory.svg?v=fullscreen26');--theme-font:Georgia,serif}body.wip-themed[data-invitation-theme="palace-ivory"]{color:#42382e;--ink:#42382e;--pine:#42382e}body.wip-themed[data-invitation-theme="palace-ivory"] .hero{background:#f8f0de url('assets/themes/palace-ivory.svg?v=fullscreen26') center/100% 100% no-repeat;color:#665034}
[data-invitation-theme="emerald-estate"]{--theme-paper:#fffdf8;--theme-ink:#f8e9c3;--theme-accent:#cdb16e;--theme-surface:#102f28;--theme-pattern:url('assets/themes/emerald-estate.svg?v=fullscreen26');--theme-font:Georgia,serif}body.wip-themed[data-invitation-theme="emerald-estate"]{color:#42382e;--ink:#42382e;--pine:#42382e}body.wip-themed[data-invitation-theme="emerald-estate"] .hero{background:#102f28 url('assets/themes/emerald-estate.svg?v=fullscreen26') center/100% 100% no-repeat;color:#f8e9c3}
[data-invitation-theme="rose-opera"]{--theme-paper:#fffdf8;--theme-ink:#74424b;--theme-accent:#b58a52;--theme-surface:#f8e4e2;--theme-pattern:url('assets/themes/rose-opera.svg?v=fullscreen26');--theme-font:Georgia,serif}body.wip-themed[data-invitation-theme="rose-opera"]{color:#42382e;--ink:#42382e;--pine:#42382e}body.wip-themed[data-invitation-theme="rose-opera"] .hero{background:#f8e4e2 url('assets/themes/rose-opera.svg?v=fullscreen26') center/100% 100% no-repeat;color:#74424b}
[data-invitation-theme="midnight-royal"]{--theme-paper:#fffdf8;--theme-ink:#f5e8c9;--theme-accent:#d6b66b;--theme-surface:#111a35;--theme-pattern:url('assets/themes/midnight-royal.svg?v=fullscreen26');--theme-font:Georgia,serif}body.wip-themed[data-invitation-theme="midnight-royal"]{color:#42382e;--ink:#42382e;--pine:#42382e}body.wip-themed[data-invitation-theme="midnight-royal"] .hero{background:#111a35 url('assets/themes/midnight-royal.svg?v=fullscreen26') center/100% 100% no-repeat;color:#f5e8c9}
[data-invitation-theme="champagne-garden"]{--theme-paper:#fffdf8;--theme-ink:#536044;--theme-accent:#b78f48;--theme-surface:#f4ead6;--theme-pattern:url('assets/themes/champagne-garden.svg?v=fullscreen26');--theme-font:Georgia,serif}body.wip-themed[data-invitation-theme="champagne-garden"]{color:#42382e;--ink:#42382e;--pine:#42382e}body.wip-themed[data-invitation-theme="champagne-garden"] .hero{background:#f4ead6 url('assets/themes/champagne-garden.svg?v=fullscreen26') center/100% 100% no-repeat;color:#536044}
[data-invitation-theme="burgundy-palace"]{--theme-paper:#fffdf8;--theme-ink:#fff0d5;--theme-accent:#d4b06c;--theme-surface:#3e1525;--theme-pattern:url('assets/themes/burgundy-palace.svg?v=fullscreen26');--theme-font:Georgia,serif}body.wip-themed[data-invitation-theme="burgundy-palace"]{color:#42382e;--ink:#42382e;--pine:#42382e}body.wip-themed[data-invitation-theme="burgundy-palace"] .hero{background:#3e1525 url('assets/themes/burgundy-palace.svg?v=fullscreen26') center/100% 100% no-repeat;color:#fff0d5}
body.wip-themed[data-invitation-theme$="palace"]::before,body.wip-themed[data-invitation-theme="palace-ivory"]::before,body.wip-themed[data-invitation-theme="emerald-estate"]::before,body.wip-themed[data-invitation-theme="rose-opera"]::before,body.wip-themed[data-invitation-theme="midnight-royal"]::before,body.wip-themed[data-invitation-theme="champagne-garden"]::before{display:none}
/* One continuous background behind the complete invitation, on every device. */
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]){isolation:isolate;--ink:var(--theme-ink);--pine:var(--theme-ink);color:var(--theme-ink);background:var(--theme-surface)}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"])::before{display:block;position:fixed;inset:0;z-index:-1;background:var(--theme-pattern) center/cover no-repeat;opacity:1;pointer-events:none}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .hero,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) main .section,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .rsvp-banner,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) footer{background:transparent;color:var(--theme-ink)}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) main .section{--theme-ink:inherit;color:inherit}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .hero-content{background:color-mix(in srgb,var(--theme-surface) 88%,transparent);border:1px solid var(--theme-accent);border-radius:12px}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .eyebrow,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) h2,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) h3,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) footer,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) footer span{color:var(--theme-ink)}
/* Keep the complete invitation within the inner botanical frame. */
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"])::before{background-size:100% 100%}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) main .section,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .rsvp-banner,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) footer{width:64%;max-width:880px;margin-inline:auto;padding:clamp(60px,8vw,100px) 0;text-align:center;overflow-wrap:anywhere;min-width:0}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) #story,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .location{display:flex;flex-direction:column;align-items:center;gap:24px}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .prose{width:100%;max-width:620px;margin-inline:auto;text-align:center;font-size:clamp(16px,2vw,20px)}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .hero-content{width:64%;max-width:880px;min-width:0;margin:90px auto 60px;padding:clamp(30px,5vw,70px) clamp(8px,2vw,24px);overflow-wrap:anywhere}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .hero h1{font-size:clamp(34px,7vw,88px);line-height:1.15}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) h2{font-size:clamp(28px,4.5vw,52px);line-height:1.18}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .cards{width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .card{min-width:0;padding:25px 14px;overflow-wrap:anywhere}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .gallery{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .gallery img,body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .map{max-width:100%;min-width:0}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) .scroll{width:64%;left:18%;text-align:center;overflow-wrap:anywhere}
body.wip-themed:is([data-invitation-theme="palace-ivory"],[data-invitation-theme="emerald-estate"],[data-invitation-theme="rose-opera"],[data-invitation-theme="midnight-royal"],[data-invitation-theme="champagne-garden"],[data-invitation-theme="burgundy-palace"]) footer{padding-block:28px}