/* Opening envelope wedding stationery: details remain readable without JavaScript. */

/* Kids Matchday Reveal. Motion is decorative; every detail remains readable at rest. */
.invitation.kids-matchday-reveal{max-width:760px;border-radius:18px;background:#f7f0dc;color:#17392f;box-shadow:0 20px 60px #1636271c;--matchday-green:#0b513c;--matchday-gold:#e2ae46}
.template-preview.kids-matchday-reveal{position:relative;overflow:hidden;border-radius:12px;color:#fff8dd;background:radial-gradient(circle at 50% 6%,#507e7e,#0b3738 50%,#0b513c 51%,#19724a 100%);justify-content:flex-end;gap:4px;padding-bottom:30px}.template-preview.kids-matchday-reveal:before{content:"";position:absolute;inset:55% 0 auto;border-top:3px solid #ffffff75}.template-preview.kids-matchday-reveal:after{content:"";position:absolute;top:18%;right:11%;width:58px;aspect-ratio:1;background:#fff url('/assets/football-ball.svg') center/contain no-repeat;border-radius:50%;box-shadow:0 12px 18px #061c1a88}.template-preview.kids-matchday-reveal h3{z-index:1;max-width:100%;font-size:2rem;color:#fff8dd;text-shadow:0 3px 8px #001a18}.template-preview.kids-matchday-reveal small,.template-preview.kids-matchday-reveal span{z-index:1;color:#fff8dd}.template-preview.kids-matchday-reveal span{display:none}
.template-preview.kids-matchday-reveal:after{content:"⚽";background:none;box-shadow:none;font-size:52px;line-height:58px;text-align:center}
.kids-matchday-reveal .matchday-intro{padding:0;animation:none}
.matchday-scene{height:clamp(290px,51vw,440px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#5e8f8a 0%,#183d45 38%,#0a2529 76%);isolation:isolate}
.matchday-scene:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 70px,#ffffff08 70px 74px);opacity:.45}
.matchday-floodlights{position:absolute;inset:12px 7% auto;display:flex;justify-content:space-between;z-index:2}.matchday-floodlights i{width:12%;height:8px;border-radius:999px;background:#fff8ca;box-shadow:0 0 24px 12px #fff5ad8c,0 0 90px 24px #fff5ad45;transform:rotate(-12deg)}.matchday-floodlights i:nth-child(even){transform:rotate(12deg)}
.matchday-crowd{position:absolute;inset:28% 0 19%;background:radial-gradient(circle,#f9d77d 1px,transparent 2px) 0 0/17px 14px,radial-gradient(circle,#e8f2e0 1px,transparent 2px) 8px 7px/19px 15px;opacity:.4;mask-image:linear-gradient(transparent 0%,#000 35%,#000 76%,transparent)}
.matchday-pitch{position:absolute;inset:auto 0 0;height:32%;background:repeating-linear-gradient(90deg,#185d39 0 74px,#1b6b43 74px 148px);border-top:5px solid #d5e8be}.matchday-pitch:before{content:"";position:absolute;top:20%;left:0;right:0;border-top:3px solid #ffffff80}.matchday-pitch span{position:absolute;top:20%;left:50%;width:130px;height:130px;border:3px solid #ffffff8a;border-radius:50%;transform:translate(-50%,-50%)}
.matchday-photo{position:absolute;z-index:3;left:50%;bottom:8%;width:clamp(150px,32%,250px);height:67%;transform:translateX(-50%) rotate(-3deg);border:8px solid #fff7dc;border-radius:18px;box-shadow:0 18px 35px #071c1da8;background:#e9c98b;overflow:hidden}.matchday-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.matchday-jersey{position:absolute;inset:8% 13%;display:grid;place-items:center;background:linear-gradient(90deg,#0f6a4e 0 22%,#fff4c8 22% 32%,#0f6a4e 32% 68%,#fff4c8 68% 78%,#0f6a4e 78%);clip-path:polygon(25% 0,40% 7%,60% 7%,75% 0,100% 18%,86% 40%,78% 34%,78% 100%,22% 100%,22% 34%,14% 40%,0 18%);filter:drop-shadow(0 8px 12px #213d3199)}.matchday-jersey span{font:700 clamp(72px,14vw,130px)/1 Georgia,serif;color:#f5d577;text-shadow:0 3px 0 #16492f}
.matchday-ball{position:absolute;z-index:5;right:17%;bottom:11%;width:clamp(55px,10vw,86px);aspect-ratio:1;filter:drop-shadow(3px 9px 7px #071b1690)}.matchday-ball svg{display:block;width:100%;height:100%}
.matchday-confetti{position:absolute;inset:0;z-index:4;pointer-events:none}.matchday-confetti i{position:absolute;top:19%;left:12%;width:9px;height:18px;background:#e9bd54;transform:rotate(24deg)}.matchday-confetti i:nth-child(2){left:27%;top:7%;background:#f7f4dc;transform:rotate(60deg)}.matchday-confetti i:nth-child(3){left:41%;top:15%;background:#e3a35a;transform:rotate(-35deg)}.matchday-confetti i:nth-child(4){left:58%;top:5%;background:#e4b95b}.matchday-confetti i:nth-child(5){left:73%;top:18%;background:#f7f4dc;transform:rotate(-50deg)}.matchday-confetti i:nth-child(6){left:86%;top:9%;background:#dfa64b}.matchday-confetti i:nth-child(7){left:17%;top:35%;background:#f7f4dc}.matchday-confetti i:nth-child(8){left:82%;top:34%;background:#e9bd54}
.matchday-card{position:relative;z-index:6;width:min(86%,630px);margin:-34px auto 28px;padding:clamp(24px,4vw,42px);background:#fffaf0;border:2px solid #d2ae63;border-radius:16px;box-shadow:0 15px 28px #183c2a2b}.matchday-card:before{content:"";position:absolute;inset:7px;border:1px solid #d6bb84;border-radius:10px;pointer-events:none}.matchday-card .eyebrow{color:#78520f;margin:0 0 8px}.matchday-card h1{font-family:var(--invitation-heading-font,Georgia,serif);font-size:clamp(2.3rem,6vw,4.5rem);color:var(--accent,#0b513c);margin:0;overflow-wrap:anywhere}.matchday-card .matchday-age{font:700 1.35rem var(--invitation-body-font,Arial,sans-serif);color:#926415;margin:8px 0}.matchday-card .invitation-message{font-family:var(--invitation-body-font,Arial,sans-serif);margin:14px auto;max-width:480px}.matchday-facts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:16px 0 20px;border-block:1px solid #d8bd87}.matchday-facts>div{padding:12px;min-width:0}.matchday-facts>div+div{border-inline-start:1px solid #d8bd87}.matchday-facts span{display:block;font:.7rem var(--invitation-body-font,Arial,sans-serif);font-weight:700;letter-spacing:.16em;color:#826427}.matchday-facts strong{display:block;font:.95rem var(--invitation-body-font,Arial,sans-serif);color:#163a2d;overflow-wrap:anywhere}.matchday-card .button{position:relative;min-width:min(100%,260px);background:var(--accent,#0b513c);border-color:var(--accent,#0b513c);margin:0}.matchday-motion-controls{position:relative;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:8px}.matchday-motion-controls[hidden]{display:none}.matchday-motion-controls button{font-size:.75rem;color:#345345;margin:0}
.kids-matchday-reveal .invite-details{padding:30px 24px 40px;background:#f7f0dc}.kids-matchday-reveal .invite-details h2{font-size:clamp(1.7rem,4vw,2.6rem)}
.matchday-scene.is-playing .matchday-floodlights i{animation:matchday-lights 1.1s ease-out both}.matchday-scene.is-playing .matchday-photo{animation:matchday-player 1.2s .2s cubic-bezier(.18,.7,.28,1) both}.matchday-scene.is-playing .matchday-ball{animation:matchday-kick 2.2s .65s cubic-bezier(.2,.6,.25,1) both}.matchday-scene.is-playing .matchday-confetti i{animation:matchday-confetti 2.8s .8s ease-out both}.matchday-scene.is-playing+.matchday-card{animation:matchday-card 1s 1.25s ease-out both}.matchday-scene.is-complete *{animation:none!important}
@keyframes matchday-lights{from{opacity:.25;box-shadow:none}to{opacity:1}}@keyframes matchday-player{from{opacity:.2;transform:translate(-50%,65px) rotate(-9deg) scale(.83)}to{opacity:1;transform:translateX(-50%) rotate(-3deg)}}@keyframes matchday-kick{from{right:70%;bottom:17%;transform:rotate(-260deg) scale(.7)}55%{bottom:27%}to{right:17%;bottom:11%;transform:rotate(0) scale(1)}}@keyframes matchday-confetti{from{opacity:0;transform:translateY(-55px) rotate(-80deg)}30%{opacity:1}to{opacity:1;transform:translateY(0) rotate(24deg)}}@keyframes matchday-card{from{opacity:.5;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:580px){.invitation.kids-matchday-reveal{margin:12px;border-radius:12px}.matchday-scene{height:310px}.matchday-photo{height:64%;width:44%}.matchday-card{width:calc(100% - 28px);margin:-24px auto 20px;padding:24px 18px}.matchday-facts{grid-template-columns:1fr}.matchday-facts>div+div{border-inline-start:0;border-top:1px solid #d8bd87}.matchday-ball{right:7%}}
@media(prefers-reduced-motion:reduce){.kids-matchday-reveal *, .kids-matchday-reveal *:before,.kids-matchday-reveal *:after{animation:none!important;transition:none!important}}
.invitation.envelope{position:relative;border-radius:12px;padding:24px 0 0;background:#f2ede4;background:color-mix(in srgb,var(--accent) 10%,#faf8f0);color:#343d35;--envelope-light:color-mix(in srgb,var(--accent) 45%,#f8f0df);--envelope-dark:color-mix(in srgb,var(--accent) 65%,#f8f0df)}
.envelope .invitation-intro{position:relative;z-index:2;width:calc(100% - 48px);max-width:680px;margin:24px auto 40px;padding:55px 35px;background:#fffdf6;border:1px solid #c9b991;outline:1px solid #c9b991;outline-offset:-12px;box-shadow:0 15px 45px #27312414;min-height:530px;overflow-wrap:anywhere;animation:none}
.envelope .invitation-intro h1{font-size:clamp(2.4rem,5vw,4.8rem);color:var(--accent)}
.envelope .invitation-flower{color:var(--accent);animation:none}
.envelope .invitation-intro .button{background:#17392f;border-color:#17392f}
.envelope-experience[hidden],.envelope-replay[hidden]{display:none}
.envelope-experience{position:absolute;inset:0 0 auto;height:570px;z-index:4;perspective:1200px}

/* Customer uploaded motion invitations: video and event details follow the selected placement. */
.invitation.invitation-custom-video{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:0;overflow:hidden;border-radius:14px;background:var(--invitation-background,#f4e8d1);color:var(--video-text-color,#47204b)}
.invitation-custom-video .custom-invitation-video-media{min-width:0;min-height:320px;background:#20231e;display:flex;align-items:center;justify-content:center}
.invitation-custom-video .custom-invitation-video-media video{display:block;width:100%;height:100%;max-height:min(76vh,760px);min-height:320px;object-fit:contain;object-position:center;background:#20231e}
.invitation-custom-video .custom-invitation-video-details{position:relative;z-index:1;min-width:0;padding:clamp(24px,4vw,56px);align-self:center;background:var(--video-panel-background,#e4af46);color:var(--video-text-color,#47204b);font-family:var(--video-font-family,Georgia,serif);font-size:var(--video-text-size,18px);overflow-wrap:anywhere}
.invitation-custom-video .custom-invitation-video-details h1{font:inherit;font-size:var(--video-title-size,36px);line-height:1.08;margin:.35em 0;color:inherit}
.invitation-custom-video .custom-invitation-video-details .eyebrow,.invitation-custom-video .custom-invitation-video-details .custom-invitation-facts span{font-family:var(--video-font-family,Georgia,serif);color:inherit}
.invitation-custom-video .custom-invitation-age{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:.35em .8em}
.invitation-custom-video .custom-invitation-facts{display:grid;gap:10px;margin:1.2em 0}
.invitation-custom-video .custom-invitation-facts>div{display:grid;gap:4px;padding:10px 12px;border-inline-start:3px solid color-mix(in srgb,currentColor 55%,transparent);background:color-mix(in srgb,var(--video-text-color,#47204b) 8%,transparent);border-radius:0 8px 8px 0}
.invitation-custom-video .custom-invitation-facts span{font-size:.72em;letter-spacing:.09em}
.invitation-custom-video .custom-invitation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.2em}
.invitation-custom-video.video-layout-left{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}
.invitation-custom-video.video-layout-left .custom-invitation-video-media{grid-column:2;grid-row:1}
.invitation-custom-video.video-layout-left .custom-invitation-video-details{grid-column:1;grid-row:1}
.invitation-custom-video.video-layout-right .custom-invitation-video-media{grid-column:1;grid-row:1}
.invitation-custom-video.video-layout-right .custom-invitation-video-details{grid-column:2;grid-row:1}
.invitation-custom-video.video-layout-bottom{grid-template-columns:minmax(0,1fr)}
.invitation-custom-video.video-layout-bottom .custom-invitation-video-media,.invitation-custom-video.video-layout-bottom .custom-invitation-video-details{grid-column:1;grid-row:auto}
.invitation-custom-video.video-layout-bottom .custom-invitation-video-media video{max-height:min(68vh,680px)}
.invitation-custom-video.video-layout-overlay{display:block;position:relative;min-height:420px;background:#171a16}
.invitation-custom-video.video-layout-overlay .custom-invitation-video-media{position:absolute;inset:0;height:100%;background:#171a16}
.invitation-custom-video.video-layout-overlay .custom-invitation-video-media video{width:100%;height:100%;max-height:80vh;object-fit:contain}
.invitation-custom-video.video-layout-overlay .custom-invitation-video-details{position:relative;margin:clamp(18px,5vw,64px) 0 0 auto;width:min(48%,560px);background:color-mix(in srgb,var(--video-panel-background,#e4af46) 92%,transparent)}
.invitation-custom-video.video-panel-transparent .custom-invitation-video-details{background:transparent}
.custom-invitation-preview-video{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;gap:0;overflow:hidden;border:1px solid #d8ddd5;border-radius:12px;background:#f4e8d1;color:var(--video-text-color,#47204b)}
.custom-invitation-preview-video .custom-invitation-preview-media{min-width:0;min-height:280px;display:flex;align-items:center;justify-content:center;background:#20231e}
.custom-invitation-preview-video .custom-invitation-preview-media video{display:block;width:100%;height:100%;min-height:280px;max-height:min(66vh,620px);object-fit:contain;object-position:center;background:#20231e}
.custom-invitation-preview-video .custom-invitation-video-details{align-self:center;min-width:0;padding:clamp(18px,3vw,36px);background:var(--video-panel-background,#e4af46);color:var(--video-text-color,#47204b);font-family:var(--video-font-family,Georgia,serif);font-size:var(--video-text-size,18px);overflow-wrap:anywhere}
.custom-invitation-preview-video .custom-invitation-video-details h2{font:inherit;font-size:var(--video-title-size,36px);line-height:1.08;color:inherit}
.custom-invitation-preview-video .custom-invitation-facts{display:grid;gap:8px;margin:1em 0}
.custom-invitation-preview-video .custom-invitation-facts>div{display:grid;gap:4px;padding:9px;border-inline-start:3px solid currentColor;background:color-mix(in srgb,var(--video-text-color,#47204b) 8%,transparent)}
.custom-invitation-preview-video.video-layout-left{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.custom-invitation-preview-video.video-layout-right .custom-invitation-preview-media{grid-column:1;grid-row:1}
.custom-invitation-preview-video.video-layout-right .custom-invitation-video-details{grid-column:2;grid-row:1}
.custom-invitation-preview-video.video-layout-left .custom-invitation-preview-media{grid-column:2;grid-row:1}
.custom-invitation-preview-video.video-layout-left .custom-invitation-video-details{grid-column:1;grid-row:1}
.custom-invitation-preview-video.video-layout-bottom{grid-template-columns:minmax(0,1fr)}
.custom-invitation-preview-video.video-layout-bottom .custom-invitation-preview-media,.custom-invitation-preview-video.video-layout-bottom .custom-invitation-video-details{grid-column:1;grid-row:auto}
.custom-invitation-preview-video.video-layout-overlay{display:block;position:relative;min-height:360px;background:#171a16}
.custom-invitation-preview-video.video-layout-overlay .custom-invitation-preview-media{position:absolute;inset:0;height:100%;background:#171a16}
.custom-invitation-preview-video.video-layout-overlay .custom-invitation-preview-media video{height:100%;max-height:70vh}
.custom-invitation-preview-video.video-layout-overlay .custom-invitation-video-details{position:relative;margin:18px 0 0 auto;width:min(52%,480px);background:color-mix(in srgb,var(--video-panel-background,#e4af46) 92%,transparent)}
.custom-invitation-preview-video.video-panel-transparent .custom-invitation-video-details{background:transparent}
.animated-invitation-preview-panel{margin-top:22px;padding:16px;border:1px solid #d8ddd5;border-radius:12px;background:#fbfaf6}
.animated-invitation-preview-panel>h3{margin:0 0 12px}
.website-menu-rename{position:relative;display:inline-block}
.website-menu-rename>.menu-label-edit{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #cfd8d0;border-radius:6px;background:white;color:#17392f;cursor:pointer;font-size:17px;line-height:1}
.website-menu-rename>.menu-label-edit::-webkit-details-marker{display:none}
.website-menu-rename[open] form{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:min(280px,80vw);padding:14px;border:1px solid #cfd8d0;border-radius:10px;background:#fff;box-shadow:0 10px 30px #17251b22}
.website-menu-rename form label{display:block;margin-bottom:8px}
.website-menu-rename form small[role=status]{display:block;min-height:1.2em;margin-top:6px}
.website-box-placement-controls{display:grid;grid-template-columns:minmax(48px,.34fr) minmax(48px,.34fr) minmax(90px,.62fr) minmax(0,1.7fr);align-items:end;gap:6px}
.website-box-placement-controls .website-box-actions{display:flex;align-items:end;gap:4px;flex-wrap:nowrap;min-width:0}
.website-box-placement-controls .website-box-actions .button{white-space:nowrap;padding:6px 5px;font-size:.68rem;line-height:1.15}
.text-format-controls{display:grid;grid-template-columns:minmax(105px,1fr) 52px 76px max-content max-content max-content;align-items:end;gap:5px}
.text-format-controls>label.check{display:flex;align-items:center;gap:5px;margin:0;white-space:nowrap}
.text-format-controls>label.check input{width:auto;margin:0}
.video-panel-color-row{display:block;width:min(180px,100%)}
.video-panel-color-row input[type=color]{width:100%;height:36px;padding:3px}
.video-panel-background-choice{display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:end;gap:8px}
.video-panel-background-choice .video-panel-color-row{grid-column:1;grid-row:2}
.video-panel-background-choice .video-panel-transparent-choice{grid-column:2;grid-row:2;display:flex;align-items:center;gap:5px;white-space:nowrap;margin:0 0 8px}
.video-panel-background-choice .video-panel-transparent-choice input{width:auto;margin:0}
.website-new-block-type{display:inline-grid;grid-template-columns:auto minmax(150px,240px);align-items:center;gap:8px;margin:0 12px 0 0}
.website-layout-dragging,.website-layout-dragging *{user-select:none!important;-webkit-user-select:none!important}
.website-layout-dragging [data-preview-block]{cursor:grabbing!important}
.website-new-row-drop{min-height:46px;display:flex;align-items:center;justify-content:center;padding:10px;border:1px dashed #9aab9f;border-radius:8px;color:#455b50;text-align:center}
.website-box-dragging{opacity:.55;transform:scale(.985)}
.website-drop-target{outline:3px solid #c88341;outline-offset:2px}
.website-block-focused{outline:2px solid #c88341;outline-offset:3px}
@media(max-width:900px){.text-format-controls{grid-template-columns:minmax(120px,1fr) 54px 78px max-content max-content max-content;gap:4px}.text-format-controls>label.check{font-size:.78rem}}
@media(max-width:600px){.invitation.invitation-custom-video,.invitation-custom-video.video-layout-left{grid-template-columns:minmax(0,1fr)}.invitation-custom-video.video-layout-left .custom-invitation-video-media,.invitation-custom-video.video-layout-left .custom-invitation-video-details,.invitation-custom-video.video-layout-right .custom-invitation-video-media,.invitation-custom-video.video-layout-right .custom-invitation-video-details{grid-column:1;grid-row:auto}.invitation-custom-video .custom-invitation-video-media,.invitation-custom-video .custom-invitation-video-media video{min-height:220px}.invitation-custom-video.video-layout-overlay .custom-invitation-video-details{width:calc(100% - 32px);margin:16px}.custom-invitation-preview-video,.custom-invitation-preview-video.video-layout-left{grid-template-columns:minmax(0,1fr)}.custom-invitation-preview-video.video-layout-left .custom-invitation-preview-media,.custom-invitation-preview-video.video-layout-left .custom-invitation-video-details,.custom-invitation-preview-video.video-layout-right .custom-invitation-preview-media,.custom-invitation-preview-video.video-layout-right .custom-invitation-video-details{grid-column:1;grid-row:auto}.custom-invitation-preview-video .custom-invitation-preview-media,.custom-invitation-preview-video .custom-invitation-preview-media video{min-height:200px}.custom-invitation-preview-video.video-layout-overlay .custom-invitation-video-details{width:calc(100% - 24px);margin:12px}.website-box-placement-controls{grid-template-columns:1fr 1fr}.website-box-placement-controls .website-box-actions{grid-column:1/-1}.text-format-controls{grid-template-columns:minmax(0,1fr) minmax(58px,.5fr)}.text-format-controls>label.check{grid-row:auto}.video-panel-background-choice{grid-template-columns:1fr}.video-panel-background-choice .video-panel-color-row{grid-column:1;grid-row:2}.video-panel-background-choice .video-panel-transparent-choice{grid-column:1;grid-row:3;margin:0}}
.envelope-experience>.eyebrow{position:absolute;top:55px;left:20px;right:20px;color:#465448}
.envelope-shell{position:absolute;top:170px;left:50%;width:min(420px,85%);height:260px;transform:translateX(-50%);filter:drop-shadow(0 20px 20px #29332922)}
.envelope-back,.envelope-flap,.envelope-pocket,.envelope-bottom{position:absolute;inset:0;border-radius:5px;background:var(--accent)}
.envelope-back{background:var(--envelope-dark,var(--accent))}
.envelope-peek{position:absolute;inset:12px 18px 15px;background:#fffdf6;padding:30px;font:10px Arial;letter-spacing:3px;color:#465448;z-index:1;transition:transform .8s .45s}
.envelope-peek span{display:block;font:42px Georgia;margin-top:25px;color:var(--accent)}
.envelope-flap{z-index:5;background:var(--envelope-light,var(--accent));clip-path:polygon(0 0,100% 0,50% 64%);transform-origin:top;transition:transform .8s,z-index 0s .4s}
.envelope-pocket{z-index:3;background:var(--envelope-dark,var(--accent));clip-path:polygon(0 0,50% 57%,100% 0,100% 100%,0 100%)}
.envelope-bottom{z-index:4;background:var(--envelope-light,var(--accent));clip-path:polygon(0 100%,50% 43%,100% 100%)}
.envelope-seal{position:absolute;top:128px;left:calc(50% - 29px);width:58px;height:58px;min-height:0;border:4px double #dac99e;border-radius:50%;background:#846b40;color:#fff9e6;font:26px Georgia;z-index:6;box-shadow:0 4px 7px #0002;transition:opacity .25s,transform .25s}
.envelope-actions{position:absolute;top:460px;left:15px;right:15px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.envelope .envelope-actions .button{background:#17392f;border-color:#17392f;margin:0}
.envelope .envelope-actions .text-button{margin:0}
.envelope-ready:not(.envelope-open)>.invitation-intro{visibility:hidden;opacity:0;transform:translateY(130px) scale(.78);min-height:550px}
.envelope-ready.envelope-opening .envelope-flap{transform:rotateX(180deg);z-index:0}
.envelope-opening .envelope-seal{opacity:0;transform:scale(.6);pointer-events:none}
.envelope-opening .envelope-peek{transform:translateY(-110px)}
.envelope-opening .envelope-experience{opacity:0;transition:opacity .45s 1s;pointer-events:none}
.envelope-ready.envelope-open>.invitation-intro{visibility:visible;opacity:1;transform:none;transition:opacity .8s,transform 1s}
.envelope-replay{position:relative;z-index:3;margin:8px 20px 12px}
.invitation-palette{border:0;padding:0;margin:0 0 18px;min-width:0}.invitation-palette legend{font-size:.85rem;font-weight:600;margin-bottom:12px}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palette-options button{display:flex;align-items:center;gap:8px;text-align:left;font-size:.74rem;border:1px solid #c5cec2;border-radius:5px;background:white;padding:9px;margin:0;color:#34493c}.palette-options button[aria-pressed=true]{outline:2px solid #17392f;outline-offset:1px;background:#f0f4ed}.palette-options span{width:23px;height:23px;border-radius:50%;flex-shrink:0;border:1px solid #0002}.invitation-palette .quiet{margin:12px 0 0;font-size:.76rem}
@media(max-width:480px){.envelope .invitation-intro{width:calc(100% - 28px);padding:45px 24px}.envelope-shell{height:220px;top:175px}.envelope-seal{top:103px}.envelope-actions{top:430px}.envelope-experience>.eyebrow{font-size:.65rem;top:50px}.envelope-ready:not(.envelope-open)>.invitation-intro{min-height:510px}.palette-options{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.envelope-ready:not(.envelope-open)>.invitation-intro{visibility:visible;opacity:1;transform:none}.envelope-experience{display:none}.envelope-ready *{transition:none!important}}
.invitation.envelope:not(.invitation-custom-video){background:var(--invitation-background,color-mix(in srgb,var(--accent) 10%,#faf8f0));color:var(--invitation-text,#343d35)}.envelope .invitation-intro{font-family:var(--invitation-body-font,var(--sans));background:color-mix(in srgb,var(--invitation-background,#f2ede4) 88%,#fff);color:var(--invitation-text,#343d35)}.envelope .invitation-intro h1{font-family:var(--invitation-heading-font,var(--serif));color:var(--invitation-text,var(--accent))}.envelope .invitation-intro .button{background:var(--accent);border-color:var(--accent);color:#fff}

.template-preview.envelope{background:#dfe7da;color:#405642;border-radius:8px}.template-preview.envelope>span{font-size:5rem;line-height:1;text-shadow:0 8px 12px #17392f20}.event-cover.envelope{background:#dfe7da;color:#405642}
/* Reliable mouse drag is native HTML drag/drop; touch and pen use pointer capture. */
.website-preview [data-preview-block][draggable=true]{cursor:grab;touch-action:none}
.website-preview [data-preview-block][draggable=true]:active{cursor:grabbing}
.website-preview .opening-invitation-preview>summary{padding:8px 0}
.website-access-panel .website-page-actions .button{min-height:34px;padding:7px 10px;font-size:.78rem}
@media(max-width:700px){.website-page-actions{align-items:stretch}.website-page-actions>*{flex:1 1 100%}.website-page-actions .button{width:100%;text-align:center}}
.website-context-row{display:grid;grid-template-columns:minmax(230px,.32fr) minmax(0,1fr);gap:14px;align-items:start;margin:10px 0 14px}
.website-context-row .panel{margin:0;min-width:0}
.website-event-picker{padding:14px 16px}
.website-event-picker label{margin:0}
.website-event-picker select{margin-top:6px;min-height:40px}
.website-title-heading{margin-bottom:8px}
.website-title-heading h1{margin-bottom:2px}
.website-title-heading p{margin-bottom:0}
.website-title-heading+.quiet{margin:0 0 8px}
.website-builder{gap:16px}
.website-builder>.panel,.website-builder>div>.panel{padding:20px;margin-bottom:14px}
.website-layout-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:12px 0}
.website-layout-picker label{margin:0;min-width:0;font-size:.78rem}
.website-layout-picker select{min-width:0;margin-top:4px;min-height:40px;padding:7px 9px;font-size:.82rem}
.website-layout-picker p,.website-layout-picker small{grid-column:1/-1;margin:0}
.website-layout-picker small{line-height:1.35}
.website-preview>h2{margin-bottom:4px}
.website-preview>[data-preview-layout-name]{margin:0}
.website-preview .opening-invitation-preview{margin:8px 0}
.website-preview .opening-invitation-preview>summary{cursor:pointer}
[data-add-website-content]{padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#f8faf5;margin:10px 0 12px}
[data-add-website-content] p{margin:0 0 8px;font-size:.82rem}
[data-add-website-content] .button{min-height:38px;padding:7px 12px;font-size:.8rem}
@media(max-width:1100px){.website-context-row{grid-template-columns:1fr}.website-layout-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.website-layout-picker{grid-template-columns:1fr}.website-builder>.panel,.website-builder>div>.panel{padding:16px}}