.design-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 32px}.design-gallery button{background:#fff;border:1px solid #d7dfd7;border-radius:12px;padding:12px;text-align:left;cursor:pointer;color:#213b32}.design-gallery button[aria-pressed=true]{outline:3px solid #55796c;outline-offset:2px}.design-gallery strong{display:block;font-size:12px;margin-top:12px}.design-mini{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:185px;padding:20px;gap:10px;border:1px solid #e4e2dc;overflow:hidden;position:relative}.design-mini b{font-size:20px;text-align:center;z-index:1}.design-mini i{display:block;background:currentColor;height:2px;width:60%;opacity:.25}.design-mini i:nth-child(3){width:40%}.designed-document{position:relative;isolation:isolate;margin:25px auto 55px;padding:70px 65px;max-width:820px;min-height:650px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 12px 36px #203d3010}.designed-document h1{font-size:clamp(34px,5vw,56px);line-height:1.12;margin:25px 0;letter-spacing:-1.5px}.designed-document h2{font-size:28px;line-height:1.3;margin:20px 0}.designed-document p{font-size:16px;line-height:1.8;margin:18px 0}.invite-kicker{font:10px Arial;letter-spacing:3px;margin:20px 0}.invite-ornament{font-size:55px;line-height:1.3}.invite-line-1,.invite-line-2{font-weight:bold;letter-spacing:1px}.invite-line-4{font-size:12px!important;letter-spacing:1px;margin-top:40px!important}.invite-0{background:#faf5eb;color:#6a5032;text-align:center;font-family:Georgia,serif;border:1px solid #c6ac7a;outline:1px solid #c6ac7a;outline-offset:-16px}.invite-0:before,.invite-0:after{content:'❦';position:absolute;font-size:115px;color:#9cab88;opacity:.4;z-index:-1}.invite-0:before{left:15px;top:20px;transform:rotate(-25deg)}.invite-0:after{right:15px;bottom:20px;transform:rotate(155deg)}.invite-1{background:#fff1d9;color:#653d6f;text-align:center;font-family:Arial,sans-serif;border-radius:24px;background-image:radial-gradient(circle at 8% 10%,#e99bb0 0 24px,transparent 25px),radial-gradient(circle at 88% 20%,#9dd5ce 0 38px,transparent 39px),radial-gradient(circle at 5% 85%,#f3bb51 0 28px,transparent 29px),radial-gradient(circle at 88% 90%,#c9b5e9 0 44px,transparent 45px)}.invite-1 h1{font-weight:900}.invite-1 .invite-ornament{color:#c15e88}.invite-2{background:#eef2e7;color:#345b43;text-align:center;font-family:Georgia,serif;border:10px solid #d6dfca;border-radius:140px 140px 8px 8px}.invite-2 .invite-ornament{font-size:85px;color:#6a8458}.invite-3{background:#19172d;color:#f1d7a0;text-align:center;font-family:Arial,sans-serif;border:1px solid #b28a68;background-image:radial-gradient(circle at 15% 15%,#8771ab66,transparent 40%),radial-gradient(circle at 90% 80%,#b4755c55,transparent 40%)}.invite-3 h1{text-transform:uppercase;letter-spacing:3px;font-weight:800}.invite-3 .invite-ornament{color:#d8c5f4}.invite-4{background:#f4f7fc;color:#223c59;text-align:left;font-family:Arial,sans-serif;border-top:16px solid #244c77;border-bottom:4px solid #244c77}.invite-4 .invite-ornament{color:#597ea1}.invite-4 .invite-line-1{padding-top:20px;border-top:1px solid #9db0c4}.invite-5{background:white;color:#252d29;text-align:center;font-family:Georgia,serif;border:1px solid #dadfd9}.invite-5 .invite-kicker{letter-spacing:5px}.invite-5 h1{font-weight:400}.invite-5 .invite-line-1{border-top:1px solid #adb7ac;border-bottom:1px solid #adb7ac;padding:18px}.invoice-0{background:white;color:#253c36;font-family:Georgia,serif;border-top:5px solid #285b49}.invoice-1{background:#fff;color:#233f56;font-family:Arial,sans-serif;border-top:20px solid #274e70}.invoice-1 h1{color:#274e70;font-size:52px}.invoice-1 th{background:#274e70;color:white}.invoice-1 tr:nth-child(2n){background:#edf4f8}.invoice-2{background:white;color:#333;font-family:Arial,sans-serif;border:1px solid #e3e5df}.invoice-2 h1{font-size:32px;font-weight:400;letter-spacing:6px}.invoice-2 th{text-transform:uppercase;font-size:11px;letter-spacing:1px}.invoice-3{background:#fffdf7;color:#403b30;font-family:Georgia,serif;border-left:12px solid #9c8152}.invoice-3 h1{color:#8b7043}.invoice-3 th{background:#ebe5d8}.invoice-items{border-collapse:collapse;white-space:normal;margin:30px 0}.invoice-items td,.invoice-items th{overflow-wrap:anywhere}.invoice-items th:not(:first-child),.invoice-items td:not(:first-child){text-align:right;white-space:nowrap}.preview-heading{margin-top:40px}#items>div{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;padding:16px 0;border-bottom:1px solid #ddd}#items>div label{grid-row:1}#items>div input{grid-row:2;min-width:0}#items>div button{grid-column:1/-1;width:max-content;border:0;background:#edf2ed;border-radius:6px;padding:8px}#creator-preview h1,#creator-preview h2{color:inherit}#creator-fields textarea{min-height:70px}#creator-preview h1:first-child{margin-top:0}@media(max-width:600px){.design-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.design-mini{min-height:150px;padding:14px}.design-mini b{font-size:16px}.designed-document{padding:55px 27px;min-height:580px}.invite-kicker{font-size:8px;letter-spacing:2px}.designed-document h2{font-size:23px}.designed-document p{font-size:14px}.invoice-items{font-size:11px}.invoice-items td,.invoice-items th{padding:7px 4px!important}.invite-2{border-radius:100px 100px 8px 8px}.designed-document h1{font-size:34px}.invite-0:before,.invite-0:after{font-size:70px}}@media print{body.creator-printing .preview-heading{display:none!important}body.creator-printing #creator-preview{padding:35px!important;border:1px solid currentColor!important;box-shadow:none;min-height:230mm;max-width:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.creator-printing #creator-preview.invoice-0,body.creator-printing #creator-preview.invoice-1,body.creator-printing #creator-preview.invoice-2,body.creator-printing #creator-preview.invoice-3{min-height:0}#creator-preview h1,#creator-preview h2{break-after:avoid}#creator-preview tr{break-inside:avoid}}
/* Invitation collections: composition and colour are independent. */
.design-gallery button[hidden]{display:none}.designed-document[class*=composition-],.design-mini[class*=composition-]{background:var(--inv-bg);color:var(--inv-ink);border-color:currentColor;outline-color:currentColor;border-radius:0;font-family:Georgia,serif}.designed-document[class*=composition-] h1{color:inherit}.composition-0{border:1px solid!important;outline:1px solid;outline-offset:-14px}.composition-1{border:0!important;border-radius:22px!important;background-image:radial-gradient(circle at 8% 15%,#df9c7055 0 30px,transparent 31px),radial-gradient(circle at 95% 85%,#b8a2d555 0 60px,transparent 61px)!important}.composition-1 h1{font-family:Arial,sans-serif;font-weight:900}.composition-2{border:8px solid!important;border-radius:190px 190px 8px 8px!important;padding-top:95px}.design-mini.composition-2{border-radius:90px 90px 3px 3px!important;padding-top:35px}.composition-3{text-align:left!important;border:0!important;border-top:3px solid!important;border-bottom:3px solid!important}.composition-3 h1{font-family:Georgia,serif;font-size:64px;font-weight:400}.composition-3 .invite-kicker{border-bottom:1px solid;padding-bottom:16px}.composition-4{border:2px dashed!important;border-radius:20px!important;font-family:Arial,sans-serif!important;outline:none}.composition-4 .invite-line-2{border-top:2px dashed;padding-top:25px}.composition-5{background-image:linear-gradient(140deg,transparent 76%,#b9b9b933 76%,#b9b9b933 82%,transparent 82%),linear-gradient(35deg,#b9b9b922 15%,transparent 15%)!important;border:0!important;border-left:10px solid!important;text-align:left!important;font-family:Arial,sans-serif!important}.composition-5 h1{font-family:Arial,sans-serif;letter-spacing:-2px}.composition-6{border:2px solid!important;border-radius:8px!important;background-image:radial-gradient(ellipse at 0 0,#7d9a7233 0,transparent 35%),radial-gradient(ellipse at 100% 100%,#7d9a7244 0,transparent 35%)!important}.composition-6:before{content:'❧';position:absolute;left:12px;top:12px;font-size:90px;opacity:.3}.composition-6:after{content:'❧';position:absolute;right:12px;bottom:12px;font-size:90px;opacity:.3;transform:rotate(180deg)}.composition-7{border:0!important;border-top:32px solid!important;border-bottom:10px solid!important;outline:none}.composition-7 .invite-kicker{font-style:italic;letter-spacing:2px}.composition-7 h1{font-style:italic}.composition-8{border:1px solid!important;border-radius:45% 45% 12px 12px!important;background-image:radial-gradient(circle at 20% 30%,#ffffff44 0 2px,transparent 3px),radial-gradient(circle at 85% 40%,#ffffff44 0 3px,transparent 4px)!important}.composition-8 .invite-ornament{font-size:80px}.design-mini.composition-8{border-radius:45% 45% 5px 5px!important}.composition-9{border:0!important;border-top:1px solid!important;text-align:left!important;outline:none}.composition-9 .invite-ornament{font-size:30px;border-bottom:1px solid;padding-bottom:15px}.composition-9 h1{font-family:Arial,sans-serif;font-size:48px;font-weight:400;letter-spacing:0}.composition-9 .invite-line-1{font-weight:400}.design-mini[class*=composition-]:before,.design-mini[class*=composition-]:after{font-size:45px}.design-mini.composition-7{border-top-width:15px!important}.design-mini.composition-3{padding-top:25px}.design-mini.composition-9 b{text-transform:uppercase;letter-spacing:2px;font-family:Arial,sans-serif;font-size:14px}.designed-document.composition-2:before,.designed-document.composition-2:after,.designed-document.composition-4:before,.designed-document.composition-4:after,.designed-document.composition-9:before,.designed-document.composition-9:after{display:none}@media(max-width:600px){.composition-3 h1{font-size:40px}.composition-9 h1{font-size:34px}.designed-document.composition-2{padding-top:80px;border-radius:140px 140px 8px 8px!important}}@media print{body.creator-printing #creator-preview[class*=composition-]{background:var(--inv-bg)!important;color:var(--inv-ink)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
