.demo-builder{--demo-ink:#171715;--demo-gold:#805613;--demo-cream:#fcf6e9;--demo-line:#e8e1d5;color:var(--demo-ink);font:16px/1.5 Arial,Helvetica,sans-serif}.demo-builder *{box-sizing:border-box}.demo-builder .demo-kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--demo-gold);margin:0 0 12px}.demo-builder h1{font-size:clamp(30px,5vw,44px);line-height:1.12;margin:0 0 14px}.demo-builder h2{font-size:25px;line-height:1.2;margin:0 0 10px}.demo-builder p{margin:0 0 18px;color:#514e49}.demo-builder .demo-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:28px 0;gap:10px}.demo-builder .demo-steps li{font-size:13px;padding:10px 5px;border-bottom:3px solid var(--demo-line);color:#65615a}.demo-builder .demo-steps li[aria-current=step]{border-color:#bb8426;color:var(--demo-ink);font-weight:700}.demo-builder .demo-stage{padding:26px;border:1px solid var(--demo-line);border-radius:16px;background:#fff}.demo-builder .demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-builder label{display:block;font-weight:700}.demo-builder input,.demo-builder select{display:block;width:100%;font:400 16px/1.4 Arial,Helvetica,sans-serif;padding:12px;border:1px solid #a8a299;border-radius:7px;background:white;color:#171715;margin:7px 0 0}.demo-builder .demo-full{grid-column:1/-1}.demo-builder .demo-help{font-size:13px;font-weight:400;display:block;color:#65615a;margin-top:6px}.demo-builder .demo-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:26px}.demo-builder button,.demo-builder .demo-button{font:700 16px/1.3 Arial,Helvetica,sans-serif;min-height:48px;padding:12px 18px;background:var(--demo-ink);color:white;border:2px solid var(--demo-ink);border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.demo-builder .demo-secondary{background:white;color:var(--demo-ink)}.demo-builder .demo-upload{padding:25px;border:2px dashed #b4a58d;border-radius:12px;background:var(--demo-cream);text-align:center}.demo-builder .demo-upload input{max-width:380px;margin:14px auto 0}.demo-builder .demo-wordmark{font-weight:800;font-size:23px;line-height:1.05;text-align:center;color:#171715}.demo-builder .demo-wordmark small{display:block;font-size:12px;letter-spacing:.12em;margin-top:7px;color:var(--demo-gold)}.demo-builder .demo-logo{display:block;max-width:100%;max-height:110px;object-fit:contain;margin:auto}.demo-builder .demo-upload-preview{background:#fff;padding:24px;margin-bottom:16px;border-radius:8px}.demo-builder .demo-print{border:1px solid #c5b696;max-width:650px;margin:22px auto;background:#fff}.demo-builder .demo-category{padding:8px 12px;background:#986b2d;color:white;text-transform:uppercase;text-align:center;font-size:12px;letter-spacing:.08em;font-weight:700}.demo-builder .demo-print-body{display:grid;grid-template-columns:1fr 1.15fr .65fr;gap:14px;align-items:center;padding:22px 16px}.demo-builder .demo-print-copy{text-align:center;overflow-wrap:anywhere}.demo-builder .demo-print-copy strong{display:block;font-size:27px;line-height:1.1;margin-bottom:7px}.demo-builder .demo-print-copy span{font-size:13px;display:block}.demo-builder .demo-qr{border:1px dashed #b4a58d;padding:12px 5px;text-align:center;font-size:11px;color:#65615a;line-height:1.3}.demo-builder .demo-print-note{font-size:11px;text-align:center;padding:0 12px 12px;color:#65615a}.demo-builder .demo-mobile{max-width:420px;margin:22px auto;border:1px solid var(--demo-line);border-radius:22px;padding:32px 24px;text-align:center;background:white;box-shadow:0 10px 40px #00000008}.demo-builder .demo-mobile .demo-value{font-size:44px;line-height:1.05;margin:26px 0 12px;color:#171715;font-weight:800}.demo-builder .demo-mobile .demo-desc{font-size:20px}.demo-builder .demo-mobile .demo-note{font-size:13px;padding-top:18px;border-top:1px solid var(--demo-line)}.demo-builder .demo-mobile-actions{display:flex;justify-content:center;gap:12px;margin:24px 0}.demo-builder .demo-error{color:#9e2317;font-size:14px}.demo-builder .demo-status{font-size:14px;margin:16px 0 0}.demo-builder [hidden]{display:none!important}.demo-builder button:focus-visible,.demo-builder input:focus-visible,.demo-builder select:focus-visible{outline:3px solid #bb8426;outline-offset:3px}@media(max-width:600px){.demo-builder .demo-fields{grid-template-columns:1fr}.demo-builder .demo-stage{padding:20px}.demo-builder .demo-steps{gap:4px}.demo-builder .demo-steps li{font-size:11px}.demo-builder .demo-print-body{gap:8px;padding:17px 10px}.demo-builder .demo-wordmark{font-size:18px}.demo-builder .demo-print-copy strong{font-size:24px}.demo-builder .demo-print-copy span{font-size:12px}}

.demo-builder .demo-steps li{padding:0}.demo-builder .demo-steps button{width:100%;min-height:52px;padding:8px 4px;font-size:13px;line-height:1.25;border:0;border-radius:5px 5px 0 0;background:transparent;color:#65615a;font-weight:400}.demo-builder .demo-steps li[aria-current=step] button{color:#171715;background:#fcf6e9;font-weight:700}@media(max-width:600px){.demo-builder .demo-steps button{font-size:11px;min-height:55px}}
