.receipt-demo-launch{position:fixed;z-index:55;right:max(18px,env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom));border:1px solid #9d2424;background:#b71920;color:#fff4e3;padding:14px 18px;font:800 12px/1.2 system-ui,sans-serif;letter-spacing:.12em;box-shadow:0 10px 28px #000a;cursor:pointer}
.receipt-demo-launch:hover{background:#d1262d}
.receipt-demo-backdrop{position:fixed;inset:0;z-index:120;background:#000d;display:grid;place-items:center;padding:16px;overflow-y:auto;box-sizing:border-box}
.receipt-demo-panel{position:relative;box-sizing:border-box;width:min(100%,520px);max-height:calc(100dvh - 32px);overflow-y:auto;background:#f3ead8;color:#211a16;border:1px solid #bead93;padding:10px;box-shadow:0 24px 80px #000c;font-family:system-ui,sans-serif}
.receipt-demo-scan-area{position:relative;border:1px solid #d0c0a7;padding:clamp(22px,5vw,36px)}
.receipt-demo-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#782424;font-size:31px;cursor:pointer}
.receipt-demo-eyebrow{display:block;color:#a61e22;font-size:10px;font-weight:800;letter-spacing:.18em;margin:0 40px 10px 0}
.receipt-demo-panel h2{font:800 clamp(25px,6vw,36px)/1.05 Georgia,serif;text-transform:uppercase;margin:0 30px 12px 0;color:#211a16}
.receipt-demo-panel p{font-size:14px;line-height:1.5;margin:0 0 16px;color:#40362e}
.receipt-demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 12px}
.receipt-demo-upload,.receipt-demo-camera-button{display:block;text-align:center;border:1px dashed #a73837;background:transparent;padding:15px 10px;color:#7d2022;font:800 13px/1.2 system-ui,sans-serif;letter-spacing:.04em;cursor:pointer}
.receipt-demo-camera-button{border-style:solid;background:#211a16;color:#fff4e3}
.receipt-demo-camera-button:disabled{opacity:.55;cursor:wait}
.receipt-demo-upload input{position:absolute;opacity:0;width:1px;height:1px}
.receipt-demo-camera{margin:12px 0;background:#1b1715;padding:9px;text-align:center}
.receipt-demo-camera[hidden]{display:none}
.receipt-demo-video{display:block;width:100%;max-height:310px;object-fit:contain;margin-bottom:9px}
.receipt-demo-capture{border:0;background:#b71920;color:#fff4e3;padding:12px 22px;font:800 12px/1.2 system-ui,sans-serif;letter-spacing:.08em;cursor:pointer}
.receipt-demo-preview{display:block;max-width:100%;max-height:280px;object-fit:contain;margin:12px auto;background:#fff}
.receipt-demo-preview[hidden]{display:none}
.receipt-demo-panel .receipt-demo-status{min-height:38px;font-size:13px;margin:14px 0}
.receipt-demo-status.success{color:#235c37!important;font-weight:700}
.receipt-demo-status.error{color:#a01921!important;font-weight:700}
.receipt-demo-submit{width:100%;min-height:45px}
.receipt-demo-submit[hidden],.receipt-demo-retry[hidden]{display:none}
.receipt-demo-retry{width:100%;min-height:45px;border:1px solid #a21c22;background:transparent;color:#8b171e;font:800 12px/1.2 system-ui,sans-serif;letter-spacing:.09em;cursor:pointer}
.receipt-demo-history{min-width:0;margin:0;padding:22px clamp(12px,5vw,26px) 14px}
.receipt-demo-summary{display:flex;justify-content:space-between;gap:14px;align-items:center}
.receipt-demo-summary{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.05em;margin-bottom:10px}
.receipt-demo-summary strong{font-size:24px;color:#a21c22}
.receipt-demo-columns,.receipt-demo-row{display:grid;grid-template-columns:minmax(76px,.9fr) minmax(0,1.3fr) 88px;align-items:center;gap:8px;min-width:0}
.receipt-demo-columns{color:#705f52;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:8px 0}
.receipt-demo-columns span:last-child{text-align:right}
.receipt-demo-row{font-size:12px;border-top:1px solid #d7cbb8;padding:12px 0;line-height:1.3}
.receipt-demo-row span{min-width:0;overflow-wrap:anywhere}
.receipt-demo-row strong{color:#a21c22;white-space:nowrap;text-align:right}
.receipt-demo-toast{position:fixed;z-index:150;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(420px,calc(100vw - 28px));box-sizing:border-box;padding:16px 20px;background:#1d1917;color:#fff3e1;border-left:4px solid #b71920;box-shadow:0 12px 40px #0009;font:700 14px/1.35 system-ui,sans-serif;text-align:center}
@media(max-width:650px){.receipt-demo-launch{left:50%;right:auto;transform:translateX(-50%);bottom:calc(77px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px)}.receipt-demo-panel{max-height:calc(100dvh - 24px)}}
@media(max-width:360px){.receipt-demo-actions{grid-template-columns:1fr}}
@media(max-width:390px){.receipt-demo-columns,.receipt-demo-row{grid-template-columns:78px minmax(0,1fr) 88px;font-size:11px;gap:6px}}