:root{color-scheme:light;--ink:#292523;--paper:#fffdf9;--line:#ded6ca;--accent:#744330;--muted:#69615a;--surface:#f3eee6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}header,main,footer{max-width:1240px;margin:auto;padding:24px 36px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}header>span{font-size:14px;color:var(--muted)}a{color:inherit;text-underline-offset:4px}.brand{text-decoration:none;letter-spacing:.14em;font-size:17px;font-weight:650}.brand span{display:block;font:13px/1.8 Georgia,serif;letter-spacing:.04em;color:var(--muted)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.16;margin:0 0 16px}h1{font-size:clamp(32px,4vw,46px)}h2{font-size:28px}h3{font-size:21px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--accent);margin:0 0 12px}.section-heading{margin:25px 0 32px}.steps{display:flex;gap:32px;font-size:14px;color:var(--muted);margin:8px 0 28px}.steps span{display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent;padding:8px 0}.steps [aria-current]{color:var(--accent);border-color:var(--accent)}.steps b{font-weight:500}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;display:flex;flex-direction:column}.product-card img{width:100%;height:260px;object-fit:contain;padding:22px;background:var(--surface)}.product-card .copy{padding:25px;display:flex;flex-direction:column;flex:1}.product-card p{margin:0 0 22px;color:var(--muted)}.product-card button{margin-top:auto}.design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.design-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.design-card img{display:block;width:100%;height:280px;object-fit:contain;padding:12px;background:#f8f5f0}.design-card .copy{padding:16px;display:flex;flex-direction:column;flex:1}.design-card h3{font-size:20px}.design-card .meta{font-size:14px;color:var(--muted);margin:0 0 12px}.design-card button{margin-top:auto;font-size:15px;padding:10px}.filters{display:flex;gap:18px;flex-wrap:wrap;background:var(--surface);padding:20px;border-radius:8px}.filters>label{flex:1;min-width:185px}.filters .search{flex:1.6}label{display:block;font-weight:550;font-size:15px}input:not([type=checkbox]),select{display:block;width:100%;border:1px solid #bdb2a3;border-radius:5px;padding:12px;background:white;color:var(--ink);margin-top:6px;min-height:48px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #c38e60;outline-offset:3px}button{cursor:pointer;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:white;padding:13px 20px;font-weight:600;min-height:46px}button:hover{background:#583120}button:disabled{opacity:.5;cursor:default}.back{background:none;border:0;color:var(--accent);padding:8px 0;font-weight:500}.back:hover{background:none;text-decoration:underline}.secondary{background:transparent;color:var(--accent);display:block;margin:26px auto}.secondary:hover{background:var(--surface)}.muted{color:var(--muted);font-size:14px;font-weight:400}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-top:20px}.preview-panel{position:sticky;top:24px}.preview-wrap{background:var(--surface);padding:26px;border-radius:10px;text-align:center}.preview-wrap img{max-width:100%;width:auto;max-height:660px;object-fit:contain;background:white;box-shadow:0 7px 24px #302c2817}#fields label{margin:18px 0}#fields input{font-size:18px}.email-copy{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:24px 0}.consent{display:flex;align-items:flex-start;gap:12px;font-weight:400;font-size:15px}.consent input{flex:0 0 auto;width:20px;height:20px;margin:3px 0;accent-color:var(--accent)}#emailField{margin-top:16px}#submit{width:100%;margin:12px 0}.error{background:#fff1ed;border:1px solid #b95036;color:#8b2714;padding:16px;border-radius:5px}.notice{background:#fbf0cf;color:#6a4e16;padding:12px 16px;border-radius:5px;font-size:14px}.receipt{max-width:700px;padding:30px 0 80px}.reference{font:38px/1.3 ui-monospace,monospace;font-weight:700;letter-spacing:.08em;color:var(--accent);padding:20px;background:var(--surface);display:inline-block;border-radius:6px}.receipt button{margin-top:20px}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:64px;font-size:14px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1000px){.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-grid{gap:30px}.product-card img{height:210px}.product-card .copy{padding:18px}}@media(max-width:700px){header,main,footer{padding:20px}.brand{font-size:14px}header>span{display:none}.steps{gap:22px;margin-bottom:18px}.section-heading{margin:16px 0 24px}.product-grid{grid-template-columns:1fr;gap:18px}.product-card{display:grid;grid-template-columns:36% 1fr}.product-card img{height:100%;min-height:200px;padding:14px}.product-card h2{font-size:25px}.product-card p{font-size:14px;margin-bottom:16px}.product-card button{font-size:14px;padding:10px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-card img{height:220px}.design-card .copy{padding:12px}.design-card h3{font-size:18px}.filters{gap:12px;padding:14px}.filters>label{min-width:125px}.filters .search{flex-basis:100%}.editor-grid{grid-template-columns:1fr;gap:24px}.preview-panel{position:static}.preview-wrap{padding:20px}.preview-wrap img{max-height:420px}.editor-grid h1{font-size:32px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.product-card .price{font-size:24px;font-weight:700;color:var(--accent);margin:0 0 18px}

/* Waiting state in the same space as the finished customer preview. */
.preview-loading{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 16px;text-align:center;color:var(--ink)}
.preview-loading p{max-width:34ch;margin:0;line-height:1.6}
.preview-loading .preview-loading-title{font-weight:650;font-size:18px}
.preview-spinner{display:block;flex:0 0 auto;width:44px;height:44px;margin-bottom:6px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:preview-spin 1s linear infinite}
@keyframes preview-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.preview-loading{min-height:230px;padding:22px 8px}}
@media(prefers-reduced-motion:reduce){.preview-spinner{animation:none}}