.editor-form label{display:block;font-size:11px;font-weight:600;margin-top:16px}.editor-form input{display:block;width:100%;min-width:0;border:1px solid #d8d4ca;background:#fffdf7;margin-top:6px;padding:11px;font:13px var(--sans);color:var(--ink);color-scheme:light;cursor:pointer}.editor-form input[type="date"],.editor-form input[type="time"]{-webkit-appearance:auto;min-height:43px}.editor-form input:focus{outline:2px solid var(--lime)}.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.form-intro{color:#667066;line-height:1.5;margin:15px 0 3px}.editor-form .button{width:100%;margin-top:24px}.saved-step>p:not(.eyebrow){color:#667066;font-size:13px;margin:18px 0 24px}.saved-preview{background:#d8e8dd;color:#214a34;padding:20px;display:flex;flex-direction:column;gap:11px;margin:23px 0 0}.saved-preview span{font:500 8px var(--mono);letter-spacing:1px}.saved-preview strong{font:600 30px/.95 var(--serif);letter-spacing:-1px}.saved-preview small{font-size:11px}.saved-step .button{margin-top:8px}
.editor-form textarea{display:block;width:100%;resize:vertical;border:1px solid #d8d4ca;background:#fffdf7;margin-top:6px;padding:11px;font:13px/1.4 var(--sans);color:var(--ink)}.editor-form textarea:focus{outline:2px solid var(--lime)}.invite-message{font:italic 14px/1.35 var(--serif);margin:0}.final-card .invite-message{font-size:15px}.invite-note{font:500 7px var(--mono);letter-spacing:.6px;margin-top:6px}.template-card .invite-message{font-size:11px}
.invitation-heading{font:500 9px/1.35 var(--mono);letter-spacing:1.15px;text-align:center;max-width:210px;margin:0 auto;text-transform:uppercase}.invite-copy{align-items:center;text-align:center}.invite-copy .invite-message{font:500 11px/1.55 var(--sans);letter-spacing:1.25px;text-transform:uppercase;max-width:230px}.invite-copy h2{font:500 43px/.92 var(--serif)!important;letter-spacing:-2px;max-width:100%;text-align:center}.card-details{width:100%;border-top:1px solid currentColor;padding-top:9px;display:flex;flex-direction:column;gap:3px;font:500 8px/1.45 var(--mono);letter-spacing:1px;text-transform:uppercase}.card-details small{font:500 7px/1.45 var(--mono);letter-spacing:.65px;margin-top:4px}.final-card .invite-copy{gap:13px}.final-card .invite-copy h2{font-size:39px!important}.final-card .invite-message{font-size:11px}.draft-card .invitation-heading{font-size:8px}.draft-card .invite-message{font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:1px}.draft-card h2{font-size:35px!important;text-align:center}.draft-card .card-label{width:100%;text-align:center;border-top:1px solid currentColor;padding-top:8px}.template-card .invitation-heading{font-size:7px;text-align:left;margin:0;max-width:150px}.template-card .invite-copy{gap:7px}.template-card .invite-copy h2{font-size:31px!important}.template-card .card-details{font-size:7px;padding-top:6px;text-align:left}
.final-card .invite-copy{padding:48px 9px 76px;gap:12px;justify-content:flex-start}.final-card .invitation-heading{white-space:nowrap;max-width:none;font-size:7px;letter-spacing:1.15px}.final-card .invite-message{max-width:220px;line-height:1.5}.final-card .invite-copy h2{font-size:42px!important;line-height:.88;margin:1px 0 2px}.final-card .card-details{width:210px;padding-top:8px;gap:2px}.final-card .card-details small{margin-top:5px}.draft-card .invitation-heading{white-space:nowrap;max-width:none}.draft-card .saved-card-date{font-size:7px;letter-spacing:.7px}.draft-card .card-label{font-size:7px;letter-spacing:.7px}
.edit-details{display:block;border:0;background:none;padding:16px 0 0;font:600 11px var(--sans);text-decoration:underline;cursor:pointer;color:var(--ink)}
.template-card.is-saved{box-shadow:inset 0 0 0 3px var(--ink),0 12px 24px #17231c22}.saved-card-date{font:500 9px var(--mono);letter-spacing:.6px;margin-top:25px}.template-card.is-saved h2{font-size:35px;overflow-wrap:anywhere}
.save-status{margin:0 0 12px;color:#627063;font-size:11px}.save-status.error{color:#a4352b;background:#ffe1db;padding:9px}.save-success{display:flex;align-items:center;gap:10px;background:#e0f0a0;color:#33421c;margin:0 0 19px;padding:10px 12px;font-size:11px}.save-success span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:700}.save-success b,.save-success small{display:block}.save-success small{font-size:10px;margin-top:2px;color:#5a6944}
.final-card{min-height:190px;padding:17px;display:flex;flex-direction:column;justify-content:space-between;margin-top:21px}.final-card h2{font-size:30px;overflow-wrap:anywhere}.final-card .saved-card-date{font:500 9px var(--mono);letter-spacing:.6px;margin-top:12px}.final-card .card-label{font:500 8px var(--mono);letter-spacing:1px;border-top:1px solid currentColor;padding-top:10px;display:flex;justify-content:space-between}
.draft-card{background:#d8e8dd;color:#214a34;min-height:150px;padding:16px;margin:18px 0 4px;display:flex;flex-direction:column;justify-content:space-between}.draft-card h2{font-size:28px;overflow-wrap:anywhere}.draft-card .saved-card-date{font:500 8px var(--mono);letter-spacing:.8px;margin-top:11px}.draft-card .card-label{font:500 8px var(--mono);letter-spacing:.8px;border-top:1px solid currentColor;padding-top:9px;display:flex;justify-content:space-between}
.saved-card-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;object-fit:cover;opacity:.84;mix-blend-mode:multiply;pointer-events:none}.final-card{position:relative;overflow:hidden}.final-card>*:not(.saved-card-art),.template-card>*:not(.saved-card-art){position:relative;z-index:1}.template-card .saved-card-art{position:absolute!important}
.final-card{width:100%;aspect-ratio:3/4;min-height:0!important;margin:20px 0 0!important;padding:20px!important;background:#f2e8c8;color:#203d30;display:block!important;box-shadow:0 10px 22px #17231c28}.final-card .invite-copy,.template-card .invite-copy{height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1}.final-card h2{font:600 42px/.92 var(--serif);letter-spacing:-2px;margin:0;overflow-wrap:anywhere}.final-card .saved-card-date{font:500 9px var(--mono);letter-spacing:1px;margin-top:22px}.final-card .card-label{font:500 8px var(--mono);letter-spacing:.7px;border-top:1px solid currentColor;padding-top:11px;display:flex;justify-content:space-between;gap:10px}.final-card .card-label b{font-weight:500;text-align:right}.template-card .invite-copy{padding:0;height:100%}.template-card .invite-copy h2{margin:auto 0;font-size:35px}.template-card .invite-copy .card-label{font:500 8px var(--mono);letter-spacing:.7px;border-top:1px solid currentColor;padding-top:10px;display:flex;justify-content:space-between;gap:7px}.template-card .invite-copy .card-label b{font-weight:500;text-align:right}
.opening-invite{margin:0;padding:28px 4px;text-align:center;font:600 14px/1.5 var(--sans);color:var(--ink)}
.template-grid{align-items:start}.template-card{min-height:0!important;height:auto!important;aspect-ratio:4/5}.final-card{width:min(100%,280px);aspect-ratio:4/5;min-height:0!important;margin:0 auto!important;padding:15px!important}.final-card .invite-copy{justify-content:flex-start;gap:6px}.final-card .template-kicker{margin:0}.final-card .saved-card-date{margin:0}.final-card h2{font-size:32px;line-height:.94;margin:0}.final-card .card-label{margin-top:auto;padding-top:8px;gap:6px}.template-card .invite-copy{justify-content:flex-start;gap:6px}.template-card .invite-copy h2{margin:0;font-size:31px}.template-card .invite-copy .card-label{margin-top:auto}.saved-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;width:min(100%,280px);margin:10px auto 0}.saved-actions .edit-details{padding:0}.saved-actions .button{margin:0;padding:11px 13px}
.modal-panel.editing{width:min(800px,calc(100% - 32px));padding:42px 38px}.editor-form{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(260px,1.18fr);gap:30px;align-items:start}.editor-form .draft-card{grid-column:1;margin:0;min-height:360px;aspect-ratio:4/5;position:sticky;top:0;padding:22px;box-shadow:7px 7px 0 #d4c67e}.editor-form .draft-card h2{font-size:38px;line-height:.92}.editor-form .form-fields{grid-column:2}.editor-form .form-fields>h2{font-size:38px;line-height:.95}.editor-form .form-fields .form-intro{margin:12px 0 3px}.editor-form .form-fields label{margin-top:13px}.editor-form .form-fields .button{margin-top:20px}.editor-form .form-fields .save-status{min-height:16px}.editor-form .form-fields .eyebrow{margin-bottom:12px}@media(max-width:620px){.modal-panel.editing{padding:42px 24px;width:min(100% - 20px,460px)}.editor-form{grid-template-columns:1fr;gap:22px}.editor-form .draft-card,.editor-form .form-fields{grid-column:1}.editor-form .draft-card{min-height:0;width:min(100%,280px);margin:0 auto;position:relative;padding:17px}.editor-form .draft-card h2{font-size:32px}}
.editor-form[hidden],.saved-step[hidden],#welcomeStep[hidden]{display:none!important}.modal-panel.editing{max-height:calc(100vh - 32px);overflow:auto}.modal-panel.editing .editor-form{display:grid}.modal-panel:not(.editing) .editor-form{display:none}
@media(max-width:460px){.form-row{grid-template-columns:1fr;gap:0}.modal-panel{padding:42px 24px}.editor-form input{font-size:16px}}