.invitation-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:30px 0 38px}.invitation-style{padding:0 0 15px;text-align:left;background:transparent;position:relative;color:var(--ink);border-bottom:1px solid var(--line)}.invitation-style.selected{border-bottom:2px solid #795d4a}.invitation-style>.eyebrow{display:block;font-size:8px;margin:17px 0 8px;color:#997d59}.invitation-style>strong{display:block;font:26px/1.05 var(--serif);max-width:170px}.style-description{font-size:11px;line-height:1.7;display:block;color:#877b6e;margin-top:9px;max-width:185px}.invite-swatch{height:135px;display:flex;justify-content:center;align-items:center;position:relative;border:1px solid #dfd4bf;box-shadow:0 5px 14px #49383f08;background:#f5edde;border-radius:55px 55px 8px 8px;overflow:hidden}.invite-swatch:before{content:'';position:absolute;inset:12px;border:1px solid #c8b484;border-radius:44px 44px 3px 3px}.invite-swatch:after{content:'';position:absolute;bottom:29px;left:calc(50% - 22px);width:44px;border-bottom:1px solid #a98d5f}.invite-swatch i{font:italic 33px var(--serif);color:#8f7549;z-index:1}.swatch-formal{background:#30313b;border-color:#30313b;border-radius:8px}.swatch-formal:before{border-color:#b39d72;border-radius:0;inset:10px}.swatch-formal i{color:#f3e6cc;font:27px var(--serif)}.swatch-romantic{background:#e0e5d5;border-radius:8px 55px 8px 55px}.swatch-romantic:before{border-radius:4px 45px 4px 45px;border-color:#94a280}.swatch-romantic i{font:34px 'Parisienne',cursive;color:#647357}.swatch-playful{border-radius:34px 7px 7px 34px;background:#e9cbbf;border-color:#dab7aa;transform:rotate(2deg)}.swatch-playful:before{border-style:dashed;border-color:#b17b67;border-radius:23px 3px 3px 23px}.swatch-playful i{color:#63414b;font-size:36px;transform:rotate(-7deg)}.invitation-style:hover .invite-swatch{box-shadow:0 9px 22px #49383f16;transform:translateY(-3px)}
.invitation-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:42px;align-items:start}.invitation-editor{padding:30px}.invitation-editor h3{font-size:32px;line-height:1.1;margin-bottom:14px}.invitation-editor .small{margin-bottom:24px}.invitation-editor textarea{min-height:83px}.invitation-editor .form-row{grid-template-columns:1fr 1fr;gap:14px}.invitation-preview-pane{display:flex;align-items:center;flex-direction:column;gap:25px;min-width:0;padding:15px 12px 0;background:radial-gradient(ellipse,#e5dbcb88,transparent 70%)}.invitation-preview-pane .draft-note{margin-top:-8px;max-width:370px}.invitation-sheet{position:relative;isolation:isolate;max-width:480px;width:100%;padding:38px 30px 32px;text-align:center;background:linear-gradient(140deg,#fffcf4,#f2eadb);color:#66503b;border-radius:160px 160px 10px 10px;box-shadow:0 15px 35px #473a3015,0 3px 0 #e3d7bf,0 4px 0 #fbf7ee;border:1px solid #d9c6a5;overflow:hidden;min-height:550px;display:flex;align-items:center;flex-direction:column}.invitation-sheet:before{content:'';position:absolute;inset:10px;border:1px solid #d7c49d;border-radius:150px 150px 4px 4px;z-index:-1;pointer-events:none}.invitation-overline{font-size:8px;letter-spacing:1.8px;text-transform:uppercase;max-width:70%;line-height:1.8;margin-top:14px}.invitation-ornament{font:40px var(--serif);color:#aa8f5c;line-height:1;margin:18px 0 14px}.invitation-names{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;font:49px/1.05 var(--serif);letter-spacing:-1px;overflow-wrap:anywhere}.invitation-names em{font:30px 'Parisienne',cursive;color:#b39963;margin:4px 0}.invitation-message{font:italic 18px/1.45 var(--serif);margin:22px 0;max-width:295px;white-space:pre-wrap;overflow-wrap:anywhere}.invitation-date{font:22px/1.3 var(--serif);border-top:1px solid #b5a18066;padding-top:18px;min-width:65%}.invitation-date>span{display:block;font:10px var(--sans);letter-spacing:1.5px;margin-top:9px}.invitation-place{font:24px/1.2 var(--serif);margin:20px 0 9px;overflow-wrap:anywhere}.invitation-place>span{display:block;font:11px/1.7 var(--sans);margin-top:8px;white-space:pre-wrap}.invitation-dress{font-size:10px;line-height:1.7;max-width:260px;margin:8px 0 12px}.invitation-rsvp-date{font:italic 16px var(--serif)}.invitation-signoff{font:21px 'Parisienne',cursive;margin:17px 0 0}.invite-formal{border-radius:5px;background:linear-gradient(135deg,#35343d,#24242c);color:#f1e8d6;border-color:#39333d;padding-top:40px}.invite-formal:before{border-radius:0;inset:16px;border:1px solid #b59c6f}.invite-formal:after{content:'';position:absolute;inset:22px;border:1px solid #b59c6f44;pointer-events:none;z-index:-1}.invite-formal .invitation-names{font-size:45px}.invite-formal .invitation-names em{font:27px var(--serif)}.invite-formal .invitation-message{font-style:normal;font-size:16px}.invite-formal .invitation-signoff{font:10px var(--sans);letter-spacing:1px;text-transform:uppercase}.invite-romantic{border-radius:12px 100px 12px 100px;background:linear-gradient(130deg,#f2f4e9,#dce3d0);color:#495f46;border-color:#cbd4be;padding-top:25px}.invite-romantic:before{border-radius:6px 90px 6px 90px;border-color:#aab89c}.invite-flourish{width:120px;height:68px;color:#84946f;margin:8px 0}.invite-romantic .invitation-names{font-family:'Parisienne',cursive;font-size:48px;letter-spacing:0}.invite-romantic .invitation-names em{color:#83936f;font-size:25px}.invite-romantic .invitation-message{font-size:19px}.invite-playful{border-radius:48px 7px 48px 7px;background:linear-gradient(135deg,#f5ded2,#eecabb);color:#673f4b;border-color:#d8ac99;min-height:580px;padding-top:26px;transform:rotate(-1deg)}.invite-playful:before{border-radius:36px 3px 36px 3px;border-style:dashed;border-color:#be8c76}.invite-playful .invitation-overline{font-size:9px;letter-spacing:3px;transform:rotate(-4deg)}.invite-playful .invitation-ornament{display:none}.playful-title{font:italic 46px/.95 var(--serif);margin:22px 0 16px;transform:rotate(-5deg);color:#6a3e4a}.invite-playful .invitation-names{display:block;font:29px var(--serif)}.invite-playful .invitation-names em{font:28px 'Parisienne',cursive;padding:0 8px;color:#9b5c64}.invite-playful .invitation-message{font:17px/1.5 var(--serif);margin:16px 0 22px}.invite-playful .invitation-signoff{font-size:24px;transform:rotate(-4deg)}
.invitation-response{text-align:center;margin-top:30px}.invitation-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:16px 0}.playful-actions{min-height:90px;align-items:center;margin:8px 0}.playful-actions button{transition:transform .18s;max-width:210px}.playful-aside{font:italic 18px var(--serif);margin:8px 0;color:#876e61}.invitation-response .draft-note{margin-top:22px}.rsvp-change{display:block;margin-top:20px}.rsvp-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0;border-block:1px solid #ddcfba}.rsvp-counts>div{border-right:1px solid #ddcfba;padding-right:16px}.rsvp-counts>div:last-child{border:0}.rsvp-counts strong{font:46px/1 var(--serif);font-weight:400;color:#75594f;display:block}.rsvp-counts span{font-size:11px;color:#938170;display:block;margin-top:8px;line-height:1.5}.rsvp-list{border-top:1px solid var(--line)}.rsvp-reply{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.rsvp-reply h3{font-size:30px;margin:7px 0 10px}.rsvp-reply p{margin:0;max-width:650px;overflow-wrap:anywhere}.rsvp-reply .text-button{white-space:nowrap;font-size:18px}.rsvp-empty{padding:35px;text-align:center}.rsvp-empty p{font-size:12px;color:#8b7a69;max-width:430px;margin:0 auto 15px}
@media(max-width:1150px){.invitation-workbench{gap:25px}.invitation-editor{padding:26px 22px}.invitation-editor .form-row{grid-template-columns:1fr;gap:0}.invitation-styles{gap:16px}.invitation-style>strong{font-size:24px}.invitation-sheet{padding-inline:23px}.invitation-names{font-size:44px}.invitation-overline{font-size:7px}.invite-formal .invitation-names{font-size:40px}}
@media(max-width:700px){.invitation-workbench{grid-template-columns:1fr;gap:35px}.invitation-preview-pane{grid-row:1}.invitation-styles{grid-template-columns:1fr 1fr;gap:24px 17px}.invite-swatch{height:125px}.invitation-style>strong{max-width:none}.style-description{max-width:none}.invitation-sheet{max-width:390px}.invitation-editor .form-row{grid-template-columns:1fr 1fr;gap:14px}.rsvp-counts{grid-template-columns:1fr 1fr;gap:20px}.rsvp-counts>div:nth-child(2){border-right:0}.invitation-actions .btn{padding:12px 18px}.playful-actions{min-height:100px}.invitation-names{font-size:49px}}
@media(max-width:420px){.invitation-editor .form-row{grid-template-columns:1fr;gap:0}.invitation-sheet{padding:32px 22px 28px;min-height:535px}.invitation-overline{font-size:7px;max-width:75%}.invitation-message{font-size:17px}.invite-formal .invitation-names{font-size:38px}.invite-romantic .invitation-names{font-size:44px}.playful-title{font-size:40px}.invite-playful .invitation-names{font-size:26px}.invitation-response .btn{font-size:17px}.rsvp-reply{align-items:flex-start;flex-direction:column;gap:12px}.rsvp-empty{padding:28px 10px}.invitation-preview-pane{padding:8px 3px 0}.invite-playful .invitation-overline{font-size:8px}}