@font-face{font-family:FlyrSans;src:url('/fonts/inter-latin.woff2')}@font-face{font-family:FlyrSerif;src:url('/fonts/lora-latin.woff2')}*{box-sizing:border-box}body{margin:0;background:#eef1eb;color:#183c33;font:15px/1.45 FlyrSans,Arial,sans-serif}header{height:68px;background:#183c33;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:11px;letter-spacing:2px}header img{width:126px;display:block}main{max-width:1420px;margin:auto;padding:32px;display:grid;grid-template-columns:minmax(310px,440px) minmax(480px,1fr);gap:42px}form,.intro{background:#fff;padding:28px;border-radius:18px;box-shadow:0 8px 30px #183c3312}h1{font-size:40px;line-height:1;margin:8px 0 14px;letter-spacing:-2px}h2{font-size:32px;line-height:1.05;margin:8px 0}.kicker{font-size:11px;font-weight:850;letter-spacing:2.4px;margin:0;color:#ba5f36}.muted,.hint{color:#5a6c66}.hint{font-size:12px;margin:5px 0 14px}label{display:block;font-weight:750;margin:16px 0 6px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #aab8b2;border-radius:8px;background:#fff}textarea{resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.suggestions,.tools,.draft-controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.suggestions button,.tools button,.draft-controls button,.draft-controls a{border:1px solid #789087;background:#fff;color:#183c33;padding:8px 11px;border-radius:999px;text-decoration:none;cursor:pointer}.tools button[aria-pressed=true]{background:#183c33;color:#fff}.privacy{background:#fff3df;border-left:5px solid #d98649;padding:13px 16px;margin-top:22px}.privacy p{margin:4px 0}.draft-controls{align-items:center;margin-top:20px}.draft-controls span{flex:1;min-width:180px;font-size:12px}.workspace{min-width:0}.intro{margin-bottom:14px}.stage{background:#dfe4dc;padding:28px;border-radius:20px;display:grid;place-items:center;min-height:760px}.flyer{--paper:#fff8e9;--ink:#183c33;--accent:#d84d3e;background:var(--paper);color:var(--ink);width:min(100%,650px);aspect-ratio:8.5/11;padding:7%;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;box-shadow:0 12px 35px #183c3325}.urgent{align-self:flex-start;background:var(--accent);color:#fff;padding:8px 16px;font-size:20px;font-weight:900;letter-spacing:3px}.headline{font-size:13px;letter-spacing:2px;font-weight:850;margin:0}.flyer h2{font-size:76px;line-height:.85;letter-spacing:-5px;text-transform:uppercase;margin:0}.photos{height:220px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:7px}.photos img{width:100%;height:100%;object-fit:contain;background:#ffffff80;min-height:0}.photos img:first-child{grid-row:span 2}.photos.one{grid-template-columns:1fr}.photos.one img:first-child{grid-row:auto}.photos.two{grid-template-rows:1fr}.photos.two img:first-child{grid-row:auto}.last-seen{border-block:3px solid currentColor;padding:12px 0;display:grid}.last-seen small,.contact small{font-size:10px;letter-spacing:2px;font-weight:800}.last-seen strong{font-size:22px}.description,.features{margin:0;font-size:16px}.features:empty{display:none}.safety{background:#183c33;color:#fff;text-align:center;padding:10px;font-weight:850;margin:0}.contact{display:grid}.contact strong{font-size:32px;line-height:1}.contact span{font-size:13px}.reward{position:absolute;right:7%;top:7%;background:#ffdf54;padding:10px 13px;font-weight:900;transform:rotate(2deg)}.foot{display:flex;align-items:center;gap:12px;border-top:1px solid currentColor;padding-top:10px;margin-top:auto}.qr{width:67px;height:67px;border:1px dashed #87938e;background:#fff;display:grid;place-items:center;text-align:center;font-size:9px;flex:none}.foot small{display:block}.signature{margin-left:auto;display:flex;gap:5px;align-items:center;font-size:11px}.signature svg{width:13px;height:21px}.gentle{--paper:#fff9f0;--ink:#5f3c35;--accent:#d98649;text-align:center;border:10px solid #e8b996;outline:2px solid #fff9f0;outline-offset:-17px}.gentle .urgent{align-self:center;border-radius:999px;background:#5f3c35}.gentle h2{font-family:FlyrSerif,Georgia,serif;text-transform:none;letter-spacing:-3px}.gentle .last-seen{border-width:1px}.gentle .photos img{border:5px solid #fff}.gentle .contact{background:#5f3c35;color:#fff;padding:12px}.gentle .safety{background:#f2dfcb;color:#5f3c35}.square{aspect-ratio:1;padding:5%;gap:9px}.square h2{font-size:57px}.square .photos{height:150px}.square .description,.square .features{font-size:13px}.square .contact strong{font-size:26px}.mobile{max-width:390px;aspect-ratio:auto;min-height:720px;padding:26px}.mobile h2{font-size:56px}.mobile .photos{height:240px}.preview-watermark{position:absolute;inset:0;z-index:20;pointer-events:none;display:grid;grid-template-columns:1fr 1fr;place-items:center;opacity:.14}.preview-watermark span{font-weight:900;transform:rotate(-28deg);white-space:nowrap}.flyer>*:not(.preview-watermark){position:relative;z-index:2}.demo{text-align:center;font-size:11px;letter-spacing:1px}.error{color:#9d2520}.upload-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.upload-row button{padding:10px;border:1px solid #87938e;background:#fff;border-radius:8px}@media(max-width:900px){main{grid-template-columns:1fr;padding:16px}.workspace{order:-1}.stage{padding:12px;min-height:auto}.flyer{padding:6%}}@media(max-width:520px){main{padding:0}.workspace,.intro,form{border-radius:0}.row{grid-template-columns:1fr}.stage{border-radius:0}.flyer h2{font-size:48px}.photos{height:160px}}
.photos[hidden]{display:none}
.search{--paper:#f8fbfd;--ink:#19334b;--accent:#e55b42;border-top:14px solid #19334b;display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:'status headline' 'name name' 'photos photos' 'seen seen' 'description features' 'safety safety' 'contact reward' 'footer footer';align-content:start;column-gap:22px;row-gap:12px}.search .urgent{grid-area:status;border-radius:0;align-self:start}.search .headline{grid-area:headline;text-align:right;align-self:center}.search h2{grid-area:name;border-bottom:1px solid #96a8b7;padding-bottom:13px;font-size:70px}.search .photos{grid-area:photos;height:205px;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr}.search .photos img:first-child{grid-row:auto}.search .last-seen{grid-area:seen;border-width:1px;display:grid;grid-template-columns:auto 1fr;gap:4px 18px}.search .last-seen small{grid-row:span 2}.search .description{grid-area:description}.search .features{grid-area:features;border-left:1px solid #96a8b7;padding-left:18px}.search .safety{grid-area:safety;background:#19334b}.search .contact{grid-area:contact;border-top:3px solid #19334b;padding-top:10px}.search:not(.has-reward) .contact{grid-column:1/-1}.search .reward{grid-area:reward;position:static;transform:none;align-self:start;text-align:center}.search .foot{grid-area:footer}.search:not(.mobile) .foot{position:absolute;left:7%;right:7%;bottom:7%}.search.square{grid-template-columns:1fr 1fr;row-gap:8px}.search.square h2{font-size:52px}.search.square .photos{height:135px}.search.square .last-seen{padding:8px 0}.search.mobile{display:flex;grid-template-columns:none}.search.mobile .headline{text-align:left}.search.mobile .photos{height:220px;display:grid}.search.mobile .features{border-left:0;padding-left:0}.search.mobile .reward{align-self:stretch}
.search:not(.mobile) .foot{position:static;left:auto;right:auto;bottom:auto;margin-top:10px}

.optional{font-weight:500;color:#5a6c66}.flyer>.species-mark{position:absolute;z-index:1;top:7%;right:6%;width:92px;height:92px;color:var(--accent);opacity:.13;pointer-events:none}.species-mark svg{display:block;width:100%;height:100%;overflow:visible}.species-dog .species-mark path,.species-cat .species-mark path{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.species-generic .species-mark path,.species-generic .species-mark circle{fill:currentColor;stroke:none}.gentle>.species-mark{color:#d98649;opacity:.16}.search>.species-mark{top:4%;right:4%;width:104px;height:104px;color:#19334b;opacity:.09}.flyer>.reward{border:2px solid #402f12;box-shadow:3px 3px 0 #402f12;letter-spacing:.04em;text-transform:uppercase}.search>.reward{box-shadow:none}.square>.species-mark{width:72px;height:72px}.mobile>.species-mark{width:74px;height:74px;top:24px;right:22px}
.purchase-panel{margin-top:22px;padding:20px;border:1px solid #c8d2cc;border-radius:12px;background:#f5f8f3}.purchase-panel .price{display:block;font-size:32px;line-height:1;color:#183c33}.purchase-panel p{margin:8px 0 12px}.purchase-panel .check{align-items:flex-start;margin:14px 0}.purchase-panel button{width:100%;min-height:46px;border:0;border-radius:8px;background:#183c33;color:#fff;font-weight:850;cursor:pointer}.purchase-panel button:disabled{cursor:not-allowed;opacity:.52}.purchase-panel.purchased{background:#e8f4ea;border-color:#8bb397}.purchase-panel.purchased button{display:none}.purchase-panel.purchased .check{display:none}
/* A square is a fixed canvas. Reserve the footer and share the detail row. */
.flyer.square{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'status headline' 'name name' 'photos photos' 'seen seen' 'description features' 'safety safety' 'contact contact' 'reward reward' 'footer footer';grid-template-rows:auto auto minmax(70px,1fr) auto auto auto auto auto 62px;width:650px;height:650px;max-width:100%;aspect-ratio:1;padding:24px;gap:7px 14px;align-content:stretch}
.square .urgent{grid-area:status;justify-self:start;align-self:center;font-size:15px;padding:5px 10px;letter-spacing:2px}
.square .headline{grid-area:headline;text-align:right;align-self:center;font-size:10px;line-height:1.2;letter-spacing:1px;overflow-wrap:anywhere}
.flyer.square h2{grid-area:name;font-size:42px;line-height:1;letter-spacing:-2px;padding:0;margin:0;border:0;overflow-wrap:anywhere}
.square .photos{grid-area:photos;height:auto;min-height:0;grid-template-columns:2fr 1fr 1fr;grid-template-rows:minmax(0,1fr)}
.square .photos.one{grid-template-columns:1fr}.square .photos.two{grid-template-columns:1fr 1fr}.square .photos img:first-child{grid-row:auto}.square .photos img{min-width:0;min-height:0}
.square .last-seen{grid-area:seen;padding:5px 0;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;font-size:11px;line-height:1.25}.square .last-seen small{grid-row:span 2}.square .last-seen strong{font-size:17px}.square .last-seen span{overflow-wrap:anywhere}
.square .description{grid-area:description}.square .features{grid-area:features}.square .description,.square .features{font-size:11px;line-height:1.3;overflow-wrap:anywhere;margin:0}.square .description:has(+.features:empty){grid-column:1/-1}
.square .safety{grid-area:safety;padding:5px;font-size:11px;line-height:1.25}.square .contact{grid-area:contact;padding:4px 0;min-width:0}.square .contact strong{font-size:24px;line-height:1.1;overflow-wrap:anywhere}.square .contact span{font-size:10px;line-height:1.25;overflow-wrap:anywhere}
.flyer.square>.reward{grid-area:reward;position:static;transform:none;justify-self:center;margin:0;padding:3px 8px;font-size:11px;line-height:1.2;box-shadow:none;overflow-wrap:anywhere}
.square .foot{grid-area:footer;position:static;margin:0;padding-top:5px;gap:8px;min-width:0;align-self:stretch}.square .qr{width:56px;height:56px}.square .foot>div:nth-child(2){min-width:0;font-size:11px}.square .foot small{font-size:9px;overflow-wrap:anywhere}.square .signature{font-size:9px;flex:none}
.square:not(:has(.photos:not([hidden]))){grid-template-rows:auto auto 0 auto auto auto auto auto 62px;align-content:space-between}
