.demo-banner{position:fixed;inset:0 0 auto;z-index:10000;min-height:44px;display:flex;align-items:center;justify-content:center;gap:18px;padding:7px 14px;background:#f9d96b;color:#47262d;font:13px system-ui,sans-serif;box-shadow:0 2px 12px #0002}.demo-banner a{color:inherit;font-weight:700}.demo-banner button{font:inherit;padding:5px 10px;border:1px solid #47262d;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.demo-banner button:focus-visible,.demo-banner a:focus-visible{outline:3px solid #47262d;outline-offset:3px}body{padding-top:48px}.app-shell{height:calc(100dvh - 48px)}.demo-receipt-dialog{max-width:min(92vw,620px);max-height:90dvh;padding:24px;border:0;border-radius:16px;background:#faf4e8;color:#47262d}.demo-receipt-dialog canvas{display:block;width:100%;height:auto;margin:18px auto}.demo-receipt-dialog::backdrop{background:#241016b3}@media(max-width:800px){.demo-banner{gap:8px;flex-wrap:wrap;min-height:68px;font-size:11px}.demo-banner span{display:none}body{padding-top:68px}.app-shell{height:calc(100dvh - 68px)}}