:root{--forest:#102d20;--burgundy:#762536;--cream:#fff5de;--paper:#f8ebd0;--gold:#d8b573;--ink:#302214;--line:#ba9451;color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:17px/1.6 Georgia,serif;background-color:var(--forest);background-image:repeating-linear-gradient(0deg,transparent 0 52px,#742c3670 52px 76px,#d8b57370 76px 78px,transparent 78px 104px),repeating-linear-gradient(90deg,transparent 0 52px,#742c3670 52px 76px,#d8b57370 76px 78px,transparent 78px 104px)}a{color:inherit}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;display:inline-block;padding:11px 20px;border:1px solid var(--gold);border-radius:8px;background:var(--forest);color:var(--cream);text-decoration:none;font-size:16px;text-align:center}button:hover,.button:hover{background:#234c36}.button.light,button.light{background:var(--paper);color:var(--forest)}button:disabled{opacity:.6;cursor:wait}input,textarea,select{display:block;width:100%;min-width:0;padding:10px 12px;border:1px solid #917343;border-radius:5px;background:#fffaf0;color:var(--ink)}textarea{min-height:105px}input[type=checkbox]{width:auto;display:inline-block}label{display:block;margin:12px 0}small{font-family:system-ui,sans-serif;font-size:13px}h1,h2,h3{line-height:1.2;font-weight:500}h1{font-size:clamp(32px,4vw,52px);margin:10px 0 18px}h2{font-size:28px}h3{font-size:22px}p{margin:10px 0 20px}header{background:var(--cream);border-block:3px solid var(--gold);padding:10px clamp(16px,4vw,60px);display:flex;align-items:center;gap:20px;flex-wrap:wrap;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;font-weight:bold}.brand img{border-radius:50%}.brand small{display:block;font:12px Georgia;letter-spacing:1px}nav{display:flex;gap:5px 18px;flex-wrap:wrap;font-size:14px;align-items:center}nav a{padding:5px 0;text-decoration:none;border-bottom:2px solid transparent}nav a[aria-current=page]{border-color:var(--burgundy)}#nav-toggle{margin-left:auto;display:none}.skip{position:absolute;left:-9999px;background:white;z-index:10}.skip:focus{left:10px;top:10px}main{max-width:1320px;margin:26px auto;padding:0 24px;min-height:65vh}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:620px;padding:50px;background:linear-gradient(90deg,#0d211938,#0d2119d6),url('assets/cafe-interior.webp') center/cover;border:2px solid var(--gold);border-radius:12px;color:var(--cream);box-shadow:0 18px 45px #0006}.hero>img{width:min(100%,450px);border-radius:50%;filter:drop-shadow(0 10px 16px #0008);justify-self:center}.hero h1{font-size:clamp(40px,4.5vw,68px);font-style:italic}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-size:13px}.hero .lede{font-size:21px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.page,.paper{background:linear-gradient(130deg,#fff7e5,#f1dfbb);padding:clamp(20px,4vw,44px);border:2px solid var(--gold);border-radius:10px;box-shadow:0 10px 30px #0003}.page-heading{padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid #be9b62}.page-heading .eyebrow{color:var(--burgundy)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.tile{display:block;text-decoration:none;background:var(--cream);padding:22px;border:1px solid #bb9654;border-radius:8px}.tile:hover{box-shadow:0 5px 20px #3e24171c;transform:translateY(-2px)}.tile h2,.tile h3{margin:5px 0 12px}.tile .symbol{font-size:34px;color:var(--burgundy)}.home-tools{margin-top:22px}.home-tools .tile{border-top:5px solid var(--burgundy)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-grid .wide{grid-column:1/-1}.notice{border-left:4px solid var(--burgundy);background:#ffffff66;padding:14px 18px}.empty{padding:24px;background:#ffffff66;border:1px dashed #a68a58;border-radius:8px}.error{color:#782031}.gallery{width:100%;height:auto;display:block;border:1px solid var(--gold);border-radius:8px;margin:20px 0}.choice{display:flex;align-items:center;gap:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #cab58e}.row .actions{margin:0}.qr{padding:20px;background:white;width:fit-content;max-width:100%;margin:18px 0}.qr img,.qr canvas{max-width:100%;height:auto}.member-card{background:var(--forest);color:var(--cream);border:3px solid var(--gold);border-radius:14px;padding:24px;display:flex;align-items:center;gap:24px;max-width:720px}.member-card>img{width:160px;border-radius:50%}.member-card h2{font-size:26px}.member-card.oval{border-radius:140px}.member-card .qr{padding:12px}.portrait{width:100px;height:100px;object-fit:cover;border-radius:50%;border:3px solid var(--gold)}video{width:100%;max-height:350px;background:#102d20;border-radius:8px}footer{padding:30px;text-align:center;color:var(--cream);background:#0d241be6;border-top:2px solid var(--gold)}footer img{border-radius:50%}#status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:14px 22px;border:1px solid var(--gold);border-radius:8px;background:var(--forest);color:var(--cream);z-index:10}#status[hidden],[hidden]{display:none!important}:focus-visible{outline:3px solid #d89016;outline-offset:4px}@media(max-width:900px){header{padding:12px 16px}.brand{font-size:18px}#nav-toggle{display:block}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:10px;border-bottom:1px solid #d0bd95}.hero{padding:30px 24px;gap:24px;min-height:0}.hero>img{width:300px}}@media(max-width:600px){main{padding:0 12px;margin:14px auto}.hero{grid-template-columns:1fr;text-align:center}.hero>img{width:min(80vw,300px)}.hero h1{font-size:40px}.hero .actions{justify-content:center}.hero .lede{font-size:18px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.grid{grid-template-columns:1fr}.home-tools{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:16px}.home-tools h2{font-size:21px}.member-card{flex-wrap:wrap;padding:18px;gap:14px}.member-card>img{width:90px}.member-card.oval{border-radius:40px}.row{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{body{background:white}header,footer,#status,.no-print{display:none!important}main{margin:0;padding:0}.page{border:0;padding:0;box-shadow:none}.member-card{break-inside:avoid;print-color-adjust:exact}.gallery{display:none}}

.preview-banner{background:#f7e6c3;color:#5e2a24;border-bottom:1px solid #ba9451;text-align:center;padding:8px 16px;font:14px/1.5 system-ui,sans-serif}.home-tools{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.home-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}

.feature-icon{display:block;width:84px;height:84px;margin:0 0 17px;filter:drop-shadow(0 3px 3px #60361218)}
.feature-icon svg{display:block;width:100%;height:100%;stroke:#294333;stroke-width:1.7}
.feature-icon .icon-medallion{fill:#f7e8c6;stroke:#b48a43;stroke-width:1.4}
.feature-icon .icon-ring{stroke:#c7a568;stroke-width:.7;opacity:.7}
.feature-icon .icon-paper{fill:#fff7e5}.feature-icon .icon-green{fill:#254836;stroke:#173627}
.feature-icon .icon-red{fill:#8b3040;stroke:#5e202d}.feature-icon .icon-gold{fill:#d5b574;stroke:#94713b}
.home-tools .tile{padding-top:24px;background:linear-gradient(145deg,#fff9e9,#f4e6c8)}
@media(max-width:600px){.feature-icon{width:68px;height:68px;margin-bottom:13px}.home-tools .tile{padding-top:18px}}

.feature-illustration{display:flex;align-items:center;width:164px;height:132px;margin:-6px 0 12px}.feature-illustration img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #502a161c)}.home-tools .tile{padding-top:16px}@media(max-width:600px){.feature-illustration{width:130px;max-width:100%;height:104px;margin:0 0 10px}}
/* Center the coffeehouse illustrations while retaining readable text alignment. */
.feature-illustration{margin-left:auto;margin-right:auto;justify-content:center}
/* Brighter café tiles with richer color and clearer illustration presence. */
.home-tools .tile{background:radial-gradient(ellipse at 50% 24%,#fffefa 0%,#fff5da 48%,#f3dda9 100%);border:2px solid #cc9e4d;border-top:5px solid #853043;box-shadow:0 5px 16px #081d2140,inset 0 0 0 3px #fff8e5;padding:18px 20px 22px;text-align:center}
.home-tools .tile h2{color:#173e2a;font-weight:600;margin-top:10px}
.home-tools .tile p{color:#64432b}
.feature-illustration{width:192px;height:150px;margin-bottom:8px}
.feature-illustration img{filter:saturate(1.25) brightness(1.12) contrast(1.04) drop-shadow(0 5px 4px #663b2324)}
.home-tools .tile:hover{background:radial-gradient(ellipse at 50% 24%,#fff 0%,#fff5da 45%,#efce8b 100%);border-color:#ad7727;box-shadow:0 7px 20px #081d2150,inset 0 0 0 3px #fff8e5}
@media(max-width:600px){.home-tools .tile{padding:16px 12px 18px}.feature-illustration{width:154px;height:122px;max-width:100%}.home-tools .tile h2{font-size:21px}}

/* Keep the circular coffeehouse logo free of square white corners. */
.round-logo{border:0;border-radius:50%;clip-path:circle(49% at 50% 50%)}

.profile-top{display:flex;align-items:center;gap:20px}.preserve-lines{white-space:pre-wrap}.treat-profile .grid{margin:20px 0}.keepsake-grid{display:grid;grid-template-columns:1fr;gap:24px}.print-piece canvas{display:block;width:100%;max-width:760px;height:auto;margin-bottom:12px}.print-piece{break-inside:avoid}@media print{main>.page>.page-heading,#member-qr>h2,#member-qr>p,#member-qr>.qr{display:none}.keepsake-grid{display:block}.print-piece canvas{width:90mm!important;height:var(--print-height)!important;max-width:none;margin:8mm 0}.print-piece{border:0}}

@font-face{font-family:"Great Vibes";src:url("assets/GreatVibes-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}

.treat-profile{border-top:5px solid var(--profile-accent,#174b30);padding-top:20px}.treat-profile h2,.treat-profile h3{color:var(--profile-accent,#174b30)}.accent-sage{--profile-accent:#466b4b}.accent-mauve{--profile-accent:#833c50}.accent-navy{--profile-accent:#203d65}.accent-gold{--profile-accent:#7d591b}.accent-cream{--profile-accent:#705c37}.blessing{font-style:italic}fieldset{min-width:0;border:1px solid var(--gold);border-radius:8px}img,canvas{max-width:100%}

/* Shared member scrapbook; colors follow saved style and accent. */
.scrapbook{--ink:#304435;--accent:#6d293b;--paper:#fff9e9;--motif:'❧';max-width:1020px;margin:auto;padding:clamp(18px,4vw,48px);border:8px double #af935c;border-radius:10px;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg,#9d813510 1px,transparent 1px),linear-gradient(#9d813510 1px,transparent 1px);background-size:18px 18px;box-shadow:0 14px 40px #30211630;overflow-wrap:anywhere}
.scrapbook.theme-men{--accent:#6a462b;--motif:'✦'}.scrapbook.theme-teen-girls{--accent:#82557d;--motif:'❀'}.scrapbook.theme-teen-boys{--accent:#345b78;--motif:'★'}.scrapbook.theme-girls{--accent:#b45179;--motif:'❀'}.scrapbook.theme-boys{--accent:#536d38;--motif:'★'}
.scrapbook.accent-sage{--accent:#5c7257}.scrapbook.accent-mauve{--accent:#7b3449}.scrapbook.accent-navy{--accent:#304c69}.scrapbook.accent-gold{--accent:#806221}.scrapbook.accent-cream{--accent:#7b674d}.scrapbook.accent-lavender{--accent:#79618b}.scrapbook.accent-teal{--accent:#326d69}.scrapbook.accent-chocolate,.scrapbook.accent-brown,.scrapbook.accent-espresso{--accent:#684830}
.scrapbook h1,.scrapbook h2,.scrapbook h3{color:var(--accent)}.scrapbook-ribbon{text-align:center;background:var(--accent);color:#fff9e9;padding:10px;border:1px dashed #e6ce9b;letter-spacing:.07em;font-style:italic}.scrapbook-heading{text-align:center;padding:24px}.scrapbook-heading img{border-radius:50%}.scrapbook-heading p{margin:6px}.scrapbook-intro{display:grid;grid-template-columns:280px 1fr;gap:38px;align-items:center}.scrapbook .polaroid{margin:14px 8px 28px;padding:14px 14px 24px;background:#fffdf7;transform:rotate(-4deg);box-shadow:2px 5px 12px #30211635;position:relative}.polaroid:before{content:'';position:absolute;top:-12px;left:32%;width:95px;height:28px;background:#c6b67c80;transform:rotate(5deg)}.polaroid img,.portrait-placeholder{width:100%;aspect-ratio:1;object-fit:cover;background:#eee5d1}.portrait-placeholder{display:grid;place-items:center;font-size:80px;color:var(--accent)}.polaroid figcaption{text-align:center;font-style:italic;padding-top:16px;font-size:1.3rem}.member-story h1{font-size:clamp(2rem,5vw,3.7rem);margin:8px 0}.member-handle{font-size:1.1rem}.identity-line{font-style:italic}.paper-note{background:#fffdf4;padding:24px;border:1px solid #cdbd9622;box-shadow:1px 3px 7px #392b1615;margin:18px 0}.paper-note h2:before,.treat-menu>h2:before{content:var(--motif);margin-right:12px}.interest-tags,.category-links{display:flex;flex-wrap:wrap;gap:10px}.interest-tags span,.category-links a{padding:9px 14px;border:1px solid var(--accent);border-radius:4px;background:#fffdf4;color:var(--accent)}.category-links a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.treat-menu{margin-top:32px;padding-top:22px;border-top:4px double #b69c66}.menu-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu-category{scroll-margin-top:24px;min-width:0}.saved-find{border-top:1px dashed #cdbd96;padding-top:12px}.saved-find h4{margin-bottom:4px}.scrapbook-bottom{display:grid;grid-template-columns:1fr 190px;gap:26px;border-top:4px double #b69c66;margin-top:28px;padding-top:28px}.page-qr{text-align:center;font-size:.9rem}.page-qr #treat-page-qr{background:white;padding:20px;width:184px;max-width:100%;margin:auto}.page-qr img,.page-qr canvas{max-width:100%;height:auto}.privacy-caption{font-weight:bold}.owner-actions{margin-top:24px;justify-content:center}
@media(max-width:620px){.scrapbook-intro{grid-template-columns:1fr;gap:8px}.scrapbook .polaroid{width:min(260px,85%);justify-self:center}.member-story{text-align:center}.menu-cards,.scrapbook-bottom{grid-template-columns:1fr}.scrapbook{padding:18px;border-width:5px}.paper-note{padding:18px}.scrapbook-heading{padding:18px}.category-links a{min-height:44px}.page-qr{justify-self:center}}
@media print{.owner-actions{display:none}.scrapbook{box-shadow:none;max-width:100%}.menu-category,.polaroid,.scrapbook-bottom{break-inside:avoid}}
/* Approved October 15 member-page composition. */
@font-face{font-family:TreatScript;src:url('assets/GreatVibes-Regular.ttf') format('truetype');font-display:swap}
.finished-treat-page{background-color:#251a13;background-image:repeating-linear-gradient(0deg,transparent 0 35px,#8b172abd 35px 49px,#cf9d5f 49px 51px,#142c21 51px 69px,#b3915e 69px 71px,transparent 71px 86px),repeating-linear-gradient(90deg,#10291f 0 35px,#8b172abd 35px 49px,#cf9d5f 49px 51px,#142c21 51px 69px,#b3915e 69px 71px,#21170f 71px 86px)}
.finished-treat-page header{min-height:160px;padding-top:105px;background:linear-gradient(#1a120b22,#1a120b33),url('assets/cafe-interior.webp') center 42%/cover;border-bottom:6px ridge #a37d40}.finished-treat-page header .brand{position:absolute;top:6px;left:20px;z-index:2}.finished-treat-page header .brand img{width:150px;height:150px;filter:drop-shadow(0 4px 5px #100a06)}.finished-treat-page header .brand span{display:none}.finished-treat-page #navigation{background:#102d20ed;color:#fff0ce;width:100%;padding:14px 16px 14px 150px;justify-content:center;gap:10px 18px}.finished-treat-page main{max-width:1180px;padding:0 16px;margin:18px auto}.finished-treat-page .page{background:none;border:0;padding:0;box-shadow:none}.finished-treat-page .page-heading{display:none}.finished-treat-page footer{background:#20150ce6}
.scrapbook{--paper:#f5e4be;--accent:#6e1529;--ink:#2f2115;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;max-width:1120px}.scrapbook.theme-women{--accent:#721b30}.scrapbook.theme-men{--accent:#633e24}.scrapbook.theme-teen-girls{--accent:#8d467c}.scrapbook.theme-teen-boys{--accent:#315478}.scrapbook.theme-girls{--accent:#aa436f}.scrapbook.theme-boys{--accent:#48602c}.scrapbook.accent-sage{--accent:#4a6243}.scrapbook.accent-mauve{--accent:#721b30}.scrapbook.accent-navy{--accent:#304c69}.scrapbook.accent-gold{--accent:#806221}.scrapbook.accent-cream{--accent:#7b674d}.scrapbook.accent-lavender{--accent:#79618b}.scrapbook.accent-teal{--accent:#326d69}
.scrapbook-intro,.about-panel,.treat-menu,.scrapbook>.paper-note,.scrapbook-bottom{background-color:var(--paper);background-image:url('assets/scrapbook-parchment.png');background-position:center;background-size:100% 100%;border:5px ridge #b88c49;border-radius:16px;box-shadow:0 5px 10px #140c0bc0;padding:28px;margin:20px 0}
.scrapbook-intro{grid-template-columns:25% 1fr 29%;gap:24px;min-height:325px;align-items:center}.scrapbook .polaroid{padding:10px 10px 18px;margin:0;background:#fffbef;transform:rotate(-6deg)}.polaroid figcaption{font:1.5rem TreatScript,Georgia,serif}.polaroid:after{content:'❀';color:var(--accent);font-size:60px;position:absolute;bottom:-25px;right:-18px;text-shadow:1px 2px #d5b46a}.member-story{text-align:center}.member-story h1{font-family:TreatScript,Georgia,serif;font-size:clamp(36px,5.7vw,76px);margin:8px 0;line-height:1.1}.member-handle{font-size:1.2rem;margin:10px 0}.identity-line{border-top:1px solid #b88c49;padding-top:12px}.faith-flourish{font-size:42px;color:var(--accent);letter-spacing:5px}.hero-qr{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 8px;background:linear-gradient(45deg,#721b3038,transparent),#faf0d8;border:6px ridge #a47b3d;border-radius:16px;box-shadow:0 3px 6px #3b201c40}.hero-qr .qr-brand{width:43%;height:auto;border-radius:50%}.hero-qr .page-qr{flex:1;min-width:0;font-size:.95rem;line-height:1.25}.hero-qr #treat-page-qr{padding:10px;width:164px;max-width:100%;background:white}.hero-qr .page-qr p{margin:8px 0}.hero-qr small{font:11px/1.2 Georgia,serif}.about-panel{text-align:center;position:relative;padding:28px 23%;min-height:215px}.about-panel h2,.treat-menu>h2{font-size:36px;margin:0 0 12px}.about-panel h2:before,.treat-menu>h2:before{content:none}.kind-note{position:absolute;right:3%;top:24%;transform:rotate(6deg);font:28px/1.05 TreatScript,serif;color:#6a292b;background:#deb1a1d9;padding:18px;border:2px dashed #bb8974;box-shadow:2px 4px 3px #513a2633}.about-panel:before{content:'❧';position:absolute;left:4%;top:12%;font-size:110px;color:var(--accent)}.interest-panel{position:relative;z-index:1;margin:-34px 8% 26px;background:#faeaca;border:3px ridge #ad8547;border-radius:12px;padding:8px}.interest-tags{justify-content:center;gap:10px}.interest-tags span{display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:2px 10px;font-size:14px;color:#572329}.interest-tags b{font-size:28px;line-height:1.1}.treat-menu{text-align:center;padding:24px 22px}.treat-menu>p{margin:8px 0 18px}.category-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.category-links .picture-category{display:block;padding:0;overflow:hidden;border:3px ridge #b18d4e;border-radius:14px;background:#163326;box-shadow:0 2px 4px #44281755}.category-picture{display:block;aspect-ratio:176 / 96;background-image:url('assets/approved-treat-page-reference.png');background-size:581.82% 1600%;background-repeat:no-repeat}.art-0{background-position:5.66% 66.67%}.art-1{background-position:27.95% 66.67%}.art-2{background-position:50.12% 66.67%}.art-3{background-position:72.52% 66.67%}.art-4{background-position:94.93% 66.67%}.art-5{background-position:5.66% 77.22%}.art-6{background-position:27.95% 77.22%}.art-7{background-position:50.12% 77.22%}.art-8{background-position:72.52% 77.22%}.art-9{background-position:94.93% 77.22%}.category-name{display:block;color:#fff6dc;line-height:1.2;padding:10px 5px;min-height:46px;font-size:17px}.menu-cards{text-align:left;gap:14px;margin-top:14px}.menu-category{background:#fff7e5e8;border:1px solid #b6925d;padding:18px;border-radius:10px;margin:0;box-shadow:none}.scrapbook-bottom{grid-template-columns:1fr 1fr;align-items:center;padding:24px 45px}.closing-note{text-align:center;font-style:italic}.closing-note img{border-radius:50%}.closing-note p{margin:8px}.scrapbook>.paper-note:not(.about-panel){text-align:center}
@media(max-width:850px){.scrapbook-intro{grid-template-columns:27% 1fr;gap:24px}.hero-qr{grid-column:1/-1;max-width:300px;justify-self:center}.about-panel{padding:24px 20% 28px 16%}.kind-note{position:static;display:inline-block;margin:8px;font-size:25px}.category-links{grid-template-columns:repeat(3,minmax(0,1fr))}.about-panel:before{font-size:60px}.finished-treat-page #navigation{padding-left:100px}.finished-treat-page header .brand img{width:125px;height:125px}}
@media(max-width:620px){.finished-treat-page header{padding-top:100px;min-height:155px}.finished-treat-page header .brand{left:14px}.finished-treat-page #nav-toggle{background:#112f23}.finished-treat-page #navigation{padding:18px;gap:10px}.finished-treat-page main{padding:0 8px;margin-top:12px}.scrapbook-intro{grid-template-columns:1fr;padding:24px 20px}.scrapbook .polaroid{width:70%;max-width:260px;justify-self:center;margin:10px 0 22px}.member-story h1{font-size:52px}.hero-qr{grid-column:auto;width:290px;max-width:100%}.about-panel{padding:24px 18px}.about-panel:before{display:none}.interest-panel{margin:-20px 16px 22px}.treat-menu{padding:22px 12px}.category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-name{font-size:16px}.menu-cards{grid-template-columns:1fr}.scrapbook-bottom{grid-template-columns:1fr;padding:22px}.about-panel h2,.treat-menu>h2{font-size:30px}}
.scrapbook.theme-men .scrapbook-intro,.scrapbook.theme-men .about-panel,.scrapbook.theme-men .treat-menu,.scrapbook.theme-men .scrapbook-bottom,.scrapbook.theme-boys .scrapbook-intro,.scrapbook.theme-boys .about-panel,.scrapbook.theme-boys .treat-menu,.scrapbook.theme-boys .scrapbook-bottom,.scrapbook.theme-teen-boys .scrapbook-intro,.scrapbook.theme-teen-boys .about-panel,.scrapbook.theme-teen-boys .treat-menu,.scrapbook.theme-teen-boys .scrapbook-bottom{background-image:repeating-linear-gradient(45deg,#966b2610 0 2px,transparent 2px 8px),radial-gradient(ellipse at top left,#bb9a6d33,transparent);border-color:var(--accent)}
.scrapbook.theme-girls .scrapbook-intro,.scrapbook.theme-girls .about-panel,.scrapbook.theme-girls .treat-menu,.scrapbook.theme-girls .scrapbook-bottom{background-color:#f5dbe9;background-blend-mode:luminosity}.scrapbook.theme-teen-girls .scrapbook-intro,.scrapbook.theme-teen-girls .about-panel,.scrapbook.theme-teen-girls .treat-menu,.scrapbook.theme-teen-girls .scrapbook-bottom{background-color:#e6d8ef;background-blend-mode:luminosity}
.scrapbook-intro{padding:40px 32px}.about-panel{padding-top:42px;padding-bottom:42px}.treat-menu{padding:56px 32px 44px}.scrapbook-bottom{padding:52px 70px}.scrapbook>.paper-note:not(.about-panel){padding:44px}.about-panel:before{display:none}.menu-category{min-height:110px}.menu-category:focus{outline:3px solid var(--accent);outline-offset:3px}.menu-category:target{outline:3px solid var(--accent);outline-offset:3px}.menu-category h3{font-size:21px}.menu-category:empty{display:none}
@media(max-width:620px){.scrapbook-intro{padding:42px 20px 32px}.about-panel{padding:44px 25px 34px}.treat-menu{padding:54px 23px 44px}.scrapbook-bottom{padding:48px 38px}.scrapbook>.paper-note:not(.about-panel){padding:38px 30px}}
.menu-category{min-height:0}.menu-category summary{cursor:pointer;color:var(--accent);font-size:20px;min-height:32px}.menu-category[open]{background:#fff9e9}.menu-cards{grid-template-columns:1fr 1fr}@media(max-width:620px){.menu-cards{grid-template-columns:1fr}}
.scrapbook-intro>*{min-width:0}.hero-qr{width:100%;min-width:0}@media(max-width:620px){.scrapbook-intro{grid-template-columns:minmax(0,1fr)}.hero-qr{width:min(290px,100%)}.member-story h1{font-size:clamp(36px,12vw,52px)}}
/* Keep artwork proportions stable as member content grows. */
.scrapbook-intro,.about-panel,.treat-menu,.scrapbook>.paper-note,.scrapbook-bottom{background-size:100% auto;background-repeat:no-repeat;background-position:top center}.treat-menu{padding-top:90px}.scrapbook-bottom>div:first-child{background:#fff4daeb;padding:18px;border-radius:8px}.treat-menu>h2{background:#faedcfdd;display:table;margin:0 auto 12px;padding:6px 16px;border-radius:8px}.about-panel{background-size:100% 100%}.scrapbook-intro{background-size:100% 100%}@media(max-width:620px){.scrapbook-intro,.about-panel,.treat-menu,.scrapbook>.paper-note,.scrapbook-bottom{background-size:100% auto}.treat-menu{padding-top:46px}.treat-menu>h2{font-size:28px}.scrapbook-bottom{padding:44px 25px}.hero-qr{background:#fff3d8}.kind-note{font-size:25px}}
/* Seven approved visual directions. Coffeehouse is a saved accent, never an age group. */
.scrapbook.scheme-women{--paper:#f5e4be;--accent:#721b30;--theme-dark:#183022;--trim:#b79352;--theme-pattern:repeating-linear-gradient(90deg,#721b3012 0 12px,transparent 12px 24px)}
.scrapbook.scheme-men{--paper:#ead7b6;--accent:#633e24;--theme-dark:#3b281b;--trim:#9c7445;--theme-pattern:repeating-linear-gradient(35deg,#56361914 0 1px,transparent 1px 5px)}
.scrapbook.scheme-teen-girls{--paper:#f7e5f1;--accent:#754781;--theme-dark:#694575;--trim:#b88bb8;--theme-pattern:radial-gradient(circle,#bb82b622 1px,transparent 2px)}
.scrapbook.scheme-teen-boys{--paper:#e4ebec;--accent:#294f70;--theme-dark:#233e55;--trim:#7b9ba9;--theme-pattern:repeating-linear-gradient(135deg,#284f7011 0 3px,transparent 3px 16px)}
.scrapbook.scheme-girls{--paper:#ffe9ef;--accent:#9b3865;--theme-dark:#974f75;--trim:#d7a1b8;--theme-pattern:radial-gradient(circle,#dd99b744 2px,transparent 3px)}
.scrapbook.scheme-boys{--paper:#f0e6c9;--accent:#48602c;--theme-dark:#3d542d;--trim:#a18a4e;--theme-pattern:repeating-linear-gradient(90deg,#47612b12 0 12px,transparent 12px 24px)}
.scrapbook.scheme-coffeehouse{--paper:#f4efda;--accent:#52694a;--theme-dark:#40523a;--trim:#b69a58;--theme-pattern:repeating-linear-gradient(45deg,#62734d12 0 1px,transparent 1px 12px)}
.theme-motif-strip{display:flex;justify-content:center;align-items:center;letter-spacing:.45em;min-height:48px;padding:8px 20px;color:var(--accent);background:var(--paper);background-image:var(--theme-pattern);background-size:26px 26px;border:3px double var(--trim);border-radius:10px;font-size:25px;box-shadow:0 3px 6px #20140e66}
.scrapbook .category-links .picture-category{background:var(--theme-dark);border-color:var(--trim)}.scrapbook .category-name{background:var(--theme-dark);color:#fff8e7}.scrapbook .interest-tags span{color:var(--accent)}
.scrapbook:is(.scheme-men,.scheme-teen-boys,.scheme-boys) :is(.scrapbook-intro,.about-panel,.treat-menu,.scrapbook-bottom),.scrapbook.scheme-coffeehouse :is(.scrapbook-intro,.about-panel,.treat-menu,.scrapbook-bottom){background-color:var(--paper);background-image:var(--theme-pattern);background-size:24px 24px;border:5px ridge var(--trim)}
.scrapbook.scheme-men :is(.scrapbook-intro,.about-panel,.treat-menu,.scrapbook-bottom){outline:1px dashed #987444;outline-offset:-14px;box-shadow:inset 0 0 18px #56392222,0 5px 10px #140c0bc0}.scrapbook.scheme-men .polaroid:after{content:'★'}.scrapbook.scheme-teen-boys .polaroid:after{content:'★'}.scrapbook.scheme-boys .polaroid:after{content:'★'}.scrapbook.scheme-coffeehouse .polaroid:after{content:'❧'}.scrapbook.scheme-teen-girls .polaroid:after{content:'🦋';font-size:42px}.scrapbook.scheme-girls .polaroid:after{content:'🎀';font-size:42px}
.scrapbook.scheme-coffeehouse .kind-note{background:#dce4c9;color:#40523a;border-color:#b69a58}.scrapbook:is(.scheme-men,.scheme-boys,.scheme-teen-boys) .kind-note{background:var(--paper);color:var(--accent);border-color:var(--trim)}
.finished-treat-page[data-treat-scheme=men]{background-color:#3b281b;background-image:repeating-linear-gradient(0deg,transparent 0 42px,#79503477 42px 60px,#b08c55 60px 62px,transparent 62px 85px),repeating-linear-gradient(90deg,#38281c 0 42px,#79503477 42px 60px,#b08c55 60px 62px,#38281c 62px 85px)}
.finished-treat-page[data-treat-scheme=coffeehouse]{background-color:#52644b;background-image:repeating-linear-gradient(0deg,transparent 0 42px,#d8c58b55 42px 59px,#ad9757 59px 61px,transparent 61px 85px),repeating-linear-gradient(90deg,#52644b 0 42px,#d8c58b55 42px 59px,#ad9757 59px 61px,#52644b 61px 85px)}
.finished-treat-page[data-treat-scheme=teen-girls],.finished-treat-page[data-treat-scheme=girls]{background-color:#c49bc4;background-image:repeating-linear-gradient(0deg,transparent 0 32px,#ffe0ed77 32px 48px,#e4c18c 48px 50px,transparent 50px 72px),repeating-linear-gradient(90deg,#b98abb 0 32px,#ffe0ed77 32px 48px,#e4c18c 48px 50px,#b98abb 50px 72px)}
.finished-treat-page[data-treat-scheme=teen-boys],.finished-treat-page[data-treat-scheme=boys]{background-color:#294659;background-image:repeating-linear-gradient(0deg,transparent 0 32px,#799b7c55 32px 48px,#bdab72 48px 50px,transparent 50px 72px),repeating-linear-gradient(90deg,#294659 0 32px,#799b7c55 32px 48px,#bdab72 48px 50px,#294659 50px 72px)}
/* User-approved rich paisley revision: October 15. */
body.finished-treat-page{--paisley-base:#570c20;background-color:var(--paisley-base);background-image:url('assets/burgundy-paisley.svg');background-size:160px 160px;background-repeat:repeat}
body.finished-treat-page[data-treat-scheme=men]{--paisley-base:#3e291d}body.finished-treat-page[data-treat-scheme=coffeehouse]{--paisley-base:#465a3c}body.finished-treat-page[data-treat-scheme=teen-girls]{--paisley-base:#704779}body.finished-treat-page[data-treat-scheme=girls]{--paisley-base:#99476b}body.finished-treat-page[data-treat-scheme=teen-boys]{--paisley-base:#28475b}body.finished-treat-page[data-treat-scheme=boys]{--paisley-base:#40582e}
.finished-treat-page .scrapbook{--parchment:#f7e9c8;--edge:#ba8c4c}.finished-treat-page .scrapbook :is(.scrapbook-intro,.about-panel,.treat-menu,.scrapbook-bottom),.finished-treat-page .scrapbook>.paper-note{position:relative;background-color:var(--parchment);background-image:url('assets/parchment-corner.svg'),radial-gradient(ellipse at 55% 30%,#fff9e780,#dfba7540);background-repeat:no-repeat;background-position:top left,center;background-size:115px 115px,100% 100%;background-blend-mode:normal;border:2px solid var(--edge);border-radius:17px 12px 19px 13px;box-shadow:inset 0 0 18px #a06e3030,0 5px 10px #25081070;outline:1px solid #fff1d088;outline-offset:-6px}
.finished-treat-page .scrapbook-intro{padding:42px 32px;isolation:isolate}.finished-treat-page .theme-motif-strip{display:none}.finished-treat-page .scrapbook .polaroid:after{content:'';position:absolute;width:190px;height:150px;bottom:-40px;right:-72px;background:url('assets/paisley-floral-corner.png') center/contain no-repeat;pointer-events:none}.finished-treat-page .scrapbook .polaroid:before{background:repeating-linear-gradient(90deg,#5d142c 0 9px,#152e22 9px 15px,#c1a26a 15px 17px,#74283a 17px 24px);opacity:.9;box-shadow:1px 2px 2px #351e1930;height:27px;width:88px}
.finished-treat-page .hero-qr{position:relative;background:linear-gradient(120deg,#fff6df,#f1dfb6);border:3px double #a37b39;border-radius:12px;isolation:isolate}.finished-treat-page .hero-qr:after{content:'';position:absolute;right:-28px;bottom:-28px;width:95px;height:75px;background:url('assets/paisley-floral-corner.png') center/contain no-repeat;pointer-events:none}.finished-treat-page .hero-qr:before{content:'';position:absolute;right:20px;top:-12px;width:66px;height:19px;transform:rotate(9deg);background:repeating-linear-gradient(90deg,#5d142c 0 8px,#152e22 8px 13px,#c1a26a 13px 15px,#74283a 15px 21px);z-index:-1}
.finished-treat-page .about-panel{padding:32px 20%;min-height:170px}.finished-treat-page .about-panel:before,.finished-treat-page .about-panel:after{content:'';display:block;position:absolute;bottom:-18px;top:auto;width:150px;height:110px;background:url('assets/paisley-floral-corner.png') center/contain no-repeat;pointer-events:none}.finished-treat-page .about-panel:before{left:-20px}.finished-treat-page .about-panel:after{right:-20px;transform:scaleX(-1)}.finished-treat-page .kind-note{display:none}.finished-treat-page .interest-panel{margin:18px 6% 24px;border:2px solid var(--edge);background:var(--parchment) url('assets/parchment-corner.svg') left center/70px 70px no-repeat;box-shadow:inset 0 0 12px #b38b4930,0 3px 7px #220b1555}
.finished-treat-page .treat-menu{padding:38px 24px 28px}.finished-treat-page .treat-menu>h2{background:none;padding:0 12px}.finished-treat-page .treat-menu>h2:before,.finished-treat-page .about-panel h2:before{content:'❧';color:#a77836;font-size:.8em;margin-right:14px}.finished-treat-page .treat-menu>h2:after,.finished-treat-page .about-panel h2:after{content:'❧';color:#a77836;font-size:.8em;margin-left:14px;display:inline-block;transform:scaleX(-1)}.finished-treat-page .treat-menu:after{content:'';position:absolute;right:-15px;top:-20px;width:120px;height:100px;background:url('assets/paisley-floral-corner.png') center/contain no-repeat;pointer-events:none}
.finished-treat-page .menu-category{background:#fcf0d9 url('assets/parchment-corner.svg') right center/55px 55px no-repeat;border:1px solid #c39b5d;border-radius:8px;box-shadow:inset 0 0 9px #b5883c15,0 2px 3px #62411d18}.finished-treat-page .menu-category[open]{background-color:#fff5df}.finished-treat-page .scrapbook>.paper-note{padding:32px 16%}.finished-treat-page .scrapbook-bottom{padding:32px 60px}.finished-treat-page .scrapbook-bottom>div:first-child{background:#fff6e4a6;border:1px solid #e4cd9d;border-radius:5px}.finished-treat-page .scrapbook-bottom:after{content:'';position:absolute;right:-20px;bottom:-20px;width:150px;height:110px;background:url('assets/paisley-floral-corner.png') center/contain no-repeat;pointer-events:none}.finished-treat-page footer{position:relative;background:#102d20 url('assets/parchment-corner.svg') left bottom/130px 130px no-repeat;border-top:3px double #ac8448}
.finished-treat-page .scrapbook:is(.scheme-men,.scheme-teen-boys,.scheme-boys) .polaroid:after,.finished-treat-page .scrapbook:is(.scheme-men,.scheme-teen-boys,.scheme-boys) :is(.about-panel,.hero-qr,.treat-menu,.scrapbook-bottom):after,.finished-treat-page .scrapbook:is(.scheme-men,.scheme-teen-boys,.scheme-boys) .about-panel:before{background-image:none}.finished-treat-page .scrapbook.scheme-coffeehouse{--parchment:#f4efd9}.finished-treat-page .scrapbook.scheme-teen-girls{--parchment:#f5e8ef}.finished-treat-page .scrapbook.scheme-girls{--parchment:#fff0ec}
@media(max-width:620px){.finished-treat-page .scrapbook-intro{padding:36px 20px 38px}.finished-treat-page .scrapbook .polaroid:after{width:125px;height:110px;right:-37px;bottom:-30px}.finished-treat-page .about-panel{padding:32px 24px 52px}.finished-treat-page .about-panel:before,.finished-treat-page .about-panel:after{width:90px;height:65px;bottom:-10px}.finished-treat-page .interest-panel{margin:20px 16px}.finished-treat-page .treat-menu{padding:46px 18px 24px}.finished-treat-page .treat-menu:after{width:80px;height:65px;right:-8px;top:-12px}.finished-treat-page .treat-menu>h2,.finished-treat-page .about-panel h2{font-size:28px}.finished-treat-page .treat-menu>h2:before,.finished-treat-page .about-panel h2:before{margin-right:5px}.finished-treat-page .treat-menu>h2:after,.finished-treat-page .about-panel h2:after{margin-left:5px}.finished-treat-page .scrapbook-bottom{padding:32px 23px 46px}.finished-treat-page .hero-qr:after{right:-16px;width:75px}.finished-treat-page .scrapbook>.paper-note{padding:32px 26px}}
.finished-treat-page .scrapbook :is(.scrapbook-intro,.about-panel,.treat-menu,.scrapbook-bottom),.finished-treat-page .scrapbook>.paper-note{background-image:url('assets/parchment-corner.svg'),url('assets/paisley-parchment-paper.png');background-size:120px 120px,100% 100%;background-position:top left,center;background-repeat:no-repeat}.finished-treat-page .scrapbook .polaroid:after{width:245px;height:190px;right:-88px;bottom:-52px}.finished-treat-page .about-panel:before,.finished-treat-page .about-panel:after{width:180px;height:135px}.finished-treat-page .scrapbook>.paper-note:after{content:'';position:absolute;right:-14px;bottom:-14px;width:130px;height:100px;background:url('assets/paisley-floral-corner.png') center/contain no-repeat;pointer-events:none}.finished-treat-page .scrapbook-bottom:after{width:190px;height:140px}.finished-treat-page .scrapbook :is(.scheme-teen-girls,.scheme-girls){background-color:#f9e9ee}.finished-treat-page .scrapbook:is(.scheme-men,.scheme-teen-boys,.scheme-boys)>.paper-note:after{display:none}@media(max-width:620px){.finished-treat-page .scrapbook .polaroid:after{width:155px;height:130px;right:-40px;bottom:-35px}.finished-treat-page .about-panel:before,.finished-treat-page .about-panel:after{width:100px;height:75px}.finished-treat-page .scrapbook>.paper-note:after{width:90px;height:70px}.finished-treat-page .scrapbook-bottom:after{width:125px;height:100px}}
/* Approved paisley coffeehouse styling across the shared website. */
body:not(.finished-treat-page){background-color:#570c20;background-image:url('assets/burgundy-paisley.svg');background-repeat:repeat;background-size:160px 160px}
body:not(.finished-treat-page)>header{min-height:160px;padding:105px clamp(16px,4vw,60px) 10px;background:linear-gradient(#1a120b22,#1a120b33),url('assets/cafe-interior.webp') center 42%/cover;border-bottom:6px ridge #a37d40;isolation:isolate}
body:not(.finished-treat-page)>header .brand{position:absolute;top:6px;left:20px;z-index:2}body:not(.finished-treat-page)>header .brand img{width:150px;height:150px;filter:drop-shadow(0 4px 5px #100a06)}body:not(.finished-treat-page)>header .brand span{display:none}
body:not(.finished-treat-page) #navigation{background:#102d20ed;color:#fff0ce;width:100%;padding:14px 16px 14px 150px;justify-content:center;gap:10px 18px}body:not(.finished-treat-page) #navigation a[aria-current=page]{border-color:#d7b775}body:not(.finished-treat-page) #nav-toggle{background:#102d20;color:#fff0ce}
body:not(.finished-treat-page) :is(.page,.paper){position:relative;background:#f7e9c8 url('assets/paisley-parchment-paper.png') center/100% 100% no-repeat;border:2px solid #ba8c4c;border-radius:17px 12px 19px 13px;box-shadow:inset 0 0 18px #a06e3030,0 5px 10px #25081070;outline:1px solid #fff1d088;outline-offset:-6px;padding:clamp(24px,4vw,48px)}
body:not(.finished-treat-page) .page-heading{position:relative;isolation:isolate;border-bottom:3px double #c09a5f;padding:0 140px 24px 0;min-height:135px;color:#4e1c28}body:not(.finished-treat-page) .page-heading:after{content:'';position:absolute;right:-20px;top:-25px;width:150px;height:120px;background:url('assets/paisley-floral-corner.png') center/contain no-repeat;pointer-events:none;z-index:-1}body:not(.finished-treat-page) .page-heading h1{color:#721b30}body:not(.finished-treat-page) .page-heading p{color:#493420;margin-bottom:0}
body:not(.finished-treat-page) .tile{background:#fcf0d9 url('assets/parchment-corner.svg') right top/75px 75px no-repeat;border:1px solid #bc9557;border-radius:12px;box-shadow:inset 0 0 12px #b5883c15,0 3px 5px #3a201522;min-width:0;overflow-wrap:anywhere}body:not(.finished-treat-page) .tile h2,body:not(.finished-treat-page) .tile h3{color:#721b30}body:not(.finished-treat-page) .home-tools .tile{background:#f7e9c8 url('assets/paisley-parchment-paper.png') center/100% 100% no-repeat;border:2px solid #ba8c4c;border-top:3px double #9f793d;box-shadow:inset 0 0 12px #b5883c20,0 5px 10px #25081070}
body:not(.finished-treat-page) .hero{border:3px double #c09a5f;border-radius:17px 12px 19px 13px;box-shadow:0 7px 16px #210a1a70}body:not(.finished-treat-page) .hero .eyebrow{color:#f2d49a}body:not(.finished-treat-page) .hero .button{border-color:#c5a362}
body:not(.finished-treat-page) form{min-width:0}body:not(.finished-treat-page) :is(input,textarea,select){background:#fffaf0;border-color:#ab8447;color:#302214}body:not(.finished-treat-page) fieldset{background:#fff8e799;border-color:#ba9451;min-width:0}body:not(.finished-treat-page) legend{color:#721b30;padding:0 8px;font-weight:bold}body:not(.finished-treat-page) .notice{background:#fff6e3cc;border-left-color:#762536}body:not(.finished-treat-page) .empty{background:#fff8e799;border-color:#b59662}
body:not(.finished-treat-page)>footer{position:relative;background:#102d20 url('assets/parchment-corner.svg') left bottom/130px 130px no-repeat;border-top:3px double #ac8448;color:#fff0ce;padding:34px 140px}body:not(.finished-treat-page)>footer:after{content:'';position:absolute;right:8px;bottom:0;width:145px;height:115px;background:url('assets/paisley-floral-corner.png') center/contain no-repeat;pointer-events:none}body:not(.finished-treat-page) .grid>*{min-width:0}
@media(max-width:900px){body:not(.finished-treat-page)>header{padding:100px 16px 12px}body:not(.finished-treat-page)>header .brand img{width:125px;height:125px}body:not(.finished-treat-page) #navigation{padding:18px;gap:0}body:not(.finished-treat-page) #navigation a{border-color:#d0bd9533}body:not(.finished-treat-page) .page-heading{padding-right:100px}body:not(.finished-treat-page) .page-heading:after{width:110px;height:90px;right:-10px}}
@media(max-width:600px){body:not(.finished-treat-page)>header{min-height:155px}body:not(.finished-treat-page)>header .brand{left:14px}body:not(.finished-treat-page) .page-heading{padding:0 0 62px;min-height:0;text-align:center}body:not(.finished-treat-page) .page-heading:after{top:auto;bottom:-8px;right:calc(50% - 45px);width:90px;height:70px}body:not(.finished-treat-page)>footer{padding:30px 65px 55px}body:not(.finished-treat-page)>footer:after{width:100px;height:80px;right:0;bottom:-8px}body:not(.finished-treat-page) .home-tools{grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.finished-treat-page) .home-tools h2{font-size:20px}body:not(.finished-treat-page) .page{overflow-wrap:anywhere}}
@media print{body:not(.finished-treat-page){background:white}body:not(.finished-treat-page) .page{background:white;border:0;outline:0;box-shadow:none;padding:0}body:not(.finished-treat-page) .page-heading:after,body:not(.finished-treat-page)>footer:after{display:none}}

/* Requested warm cream outer background; keep each member’s panel colors and motifs. */
body,body.finished-treat-page,body:not(.finished-treat-page){background-color:#f8efdc;background-image:none}

/* Category editor on the left, actual Treat Page preview on the right. */
.builder-workspace{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.6fr);gap:28px;align-items:start}.builder-editor,.builder-preview{min-width:0}.builder-categories{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.builder-categories button{font-size:15px;padding:12px 8px;background:#fff8e8;color:#642334;text-align:left}.builder-categories button[aria-selected=true]{background:#762536;color:#fff5de;box-shadow:inset 4px 0 #d8b573}.builder-category-panel[hidden]{display:none}.builder-category-panel h2{font-size:25px;margin:8px 0 18px}.builder-category-panel fieldset{margin:14px 0}.builder-editor .form-grid{display:block}.builder-editor .actions{gap:8px}.builder-editor .actions>*{font-size:14px;padding:10px 12px}.builder-preview{position:sticky;top:16px;background:#fff8e8;border:1px solid #ba9451;border-radius:12px;overflow:hidden;box-shadow:0 5px 16px #553b2522}.preview-heading{padding:14px 18px;border-bottom:1px solid #d8b573}.preview-heading h2{margin:0;font-size:24px;color:#762536}.preview-heading p{margin:5px 0 0;font:13px/1.4 system-ui,sans-serif}.builder-preview iframe{display:block;width:100%;height:75vh;min-height:560px;border:0;background:#f8efdc}.builder-categories button:focus-visible{outline:3px solid #8c652e;outline-offset:2px}@media(max-width:900px){.builder-workspace{grid-template-columns:1fr}.builder-preview{position:static}.builder-preview iframe{height:650px;min-height:0}.builder-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.builder-categories{grid-template-columns:1fr 1fr}.builder-workspace{gap:20px}.builder-preview iframe{height:560px}.preview-heading{padding:12px}}