:root{--paper:#f7f5f0;--ink:#272535;--muted:#6d6b72;--coral:#fa6b54;--line:#d9d6d0;--lilac:#e9e2f7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.builder-header{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:8px;align-items:center;font-size:30px;font-weight:800;letter-spacing:-1.5px}.builder-header>a:last-child{font-size:12px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.builder-intro{padding:34px 0 42px}.builder-intro h1{font-size:clamp(44px,6vw,76px);font-weight:400;line-height:1.04;letter-spacing:-3px;margin:22px 0}.builder-intro em,.paid-options em{font-family:Georgia,serif;color:var(--coral);font-weight:400}.builder-intro p{color:var(--muted);font-size:15px;line-height:1.7}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:72px;align-items:start}#builder-form{min-width:0}fieldset{padding:24px 0 10px;margin:0;border:0;border-top:1px solid var(--line)}legend{float:left;width:100%;font-size:14px;font-weight:600;margin-bottom:20px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;clear:both}.template-choice{position:relative}.template-choice input{position:absolute;opacity:0;width:1px;height:1px}.template-choice>span{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:18px 6px;font-size:11px;cursor:pointer}.template-choice b{font-size:25px;font-weight:400;color:var(--coral)}.template-choice input:checked+span{background:var(--lilac);border-color:#b8a8cf}.template-choice input:focus-visible+span{outline:3px solid var(--coral);outline-offset:3px}.field{display:block;clear:both;font-size:12px;margin:0 0 18px}.field>input,.field textarea{display:block;width:100%;padding:13px 14px;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:#ffffff70;color:var(--ink);font-size:16px}.field textarea{resize:vertical;min-height:115px;line-height:1.5}.address-field{display:flex;align-items:center;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:#ffffff70;overflow:hidden}.address-field>span{padding-left:14px;color:var(--muted);font-size:13px;white-space:nowrap;max-width:52%;overflow:hidden;text-overflow:ellipsis}.address-field input{border:0;background:transparent;width:100%;min-width:0;padding:13px 6px;font-size:16px;color:var(--ink)}.address-field:focus-within{outline:2px solid var(--coral)}.address-field input:focus{outline:0}.hint{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0}.status{font-size:12px;line-height:1.5;min-height:18px;margin:6px 0 14px}.status[data-state=error]{color:#b33c32}.status[data-state=success]{color:#427148}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:14px 20px;border-radius:40px;border:0;font-size:13px;font-weight:600}.primary{background:var(--ink);color:#fff}.secondary{background:transparent;border:1px solid var(--line)}#publish-button{width:100%;justify-content:space-between}.button:disabled{opacity:.5;cursor:wait}.live-preview{position:sticky;top:28px}.preview-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:18px}.preview-phone{width:296px;height:564px;background:#272535;padding:8px;border-radius:35px;margin:auto;box-shadow:0 12px 28px #27253512}.preview-phone .gift-host{display:block;width:100%;height:100%;border:0;border-radius:27px;overflow:hidden;--gift-height:548px}.preview-hint{text-align:center;font-size:11px;color:var(--muted);margin-top:18px}.builder-result{margin-top:20px;padding:22px;background:var(--lilac);border-radius:18px}.builder-result h2{font-size:20px;font-weight:500;margin:0 0 12px}.builder-result>a{display:block;overflow-wrap:anywhere;text-decoration:underline;font-size:14px;line-height:1.5}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.paid-options{margin-top:70px;padding:52px 0;border-top:1px solid var(--line)}.paid-options h2{font-size:clamp(31px,4vw,46px);font-weight:400;line-height:1.1;letter-spacing:-1.7px;margin:20px 0}.paid-lead{font-size:14px;color:var(--muted);line-height:1.7;max-width:460px}.paid-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.paid-grid article{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:20px;padding:28px}.paid-grid h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:20px 0 12px}.paid-grid strong{font-size:29px;font-weight:500}.paid-grid p,.paid-grid li{font-size:13px;color:var(--muted);line-height:1.7}.paid-grid ul{padding-left:18px;margin:0 0 24px}.paid-grid .button{margin-top:auto}.builder-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 36px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}input:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.builder-header{height:74px}.brand{font-size:26px}.builder-intro{padding:22px 0 26px}.builder-intro h1{font-size:clamp(38px,9.5vw,56px);letter-spacing:-2px}.builder-intro p{font-size:13px}.builder-layout{grid-template-columns:1fr;gap:28px}.live-preview{position:static}.preview-label{max-width:330px;margin:0 auto 16px}.preview-phone{width:280px;max-width:100%;height:530px}.paid-options{margin-top:40px;padding:32px 0}.paid-grid{grid-template-columns:1fr;gap:14px}.paid-grid article{padding:24px}.builder-footer{flex-wrap:wrap;gap:14px}.builder-footer>span{display:none}}

.preview-phone .gift-footer a{pointer-events:auto}
.preview-phone .gift h1{font-size:34px}
@media(max-width:760px){.preview-phone .gift-host{--gift-height:514px}}

.extra-texts{margin:20px 0 26px}.extra-texts summary{cursor:pointer;font-size:12px;margin-bottom:18px}.extra-texts[open]{padding-bottom:4px}
.preview-phone .gift{padding:26px 20px 16px}.preview-phone .gift-kicker{margin-bottom:20px}.preview-phone .gift-art{width:80px;height:80px;margin:18px 0 14px}.preview-phone .gift-message{font-size:13px;line-height:1.6;margin-bottom:18px}.preview-phone .gift-actions{min-height:58px}.preview-phone .gift-footer{padding-top:20px;font-size:9px}

.character-count{display:block;text-align:right;font-size:10px;color:var(--muted);font-weight:400;margin-top:6px}

.palette-grid{display:flex;flex-wrap:wrap;gap:14px;clear:both;padding:0 0 14px}.palette-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;min-width:42px}.palette-choice input{position:absolute;opacity:0;width:1px;height:1px}.palette-swatch{display:block;position:relative;width:40px;height:40px;border-radius:50%;background:var(--swatch-bg);border:1px solid #27253518;box-shadow:0 0 0 3px var(--paper)}.palette-swatch:after{content:'';position:absolute;right:4px;bottom:4px;width:12px;height:12px;border-radius:50%;background:var(--swatch-accent);border:2px solid var(--swatch-bg)}.palette-choice input:checked+.palette-swatch{outline:1.5px solid var(--swatch-accent);outline-offset:3px}.palette-choice input:focus-visible+.palette-swatch{outline:3px solid var(--coral);outline-offset:3px}.palette-name{font-size:10px;color:var(--muted)}.palette-choice:has(input:checked) .palette-name{color:var(--ink)}