.demo-banner{max-width:680px;margin:auto;padding:16px 22px;background:#e7f2ff;color:#164e7a;border-bottom:1px solid #c4d9ef;box-sizing:border-box}.demo-banner p{font-size:13px;line-height:1.6;margin:6px 0 12px}.demo-controls{display:flex;gap:8px;flex-wrap:wrap}.demo-banner button{background:white;color:#164e7a;border-color:#9cb9d4}.demo-qr-page{background:#f4f6f9;color:#253448}.demo-qr-main{max-width:620px;margin:40px auto;padding:28px;background:white;border:1px solid #dce3eb;border-radius:12px;box-sizing:border-box}.demo-qr-main h1{font-size:30px;line-height:1.25;margin:24px 0 16px}.demo-qr-main p{line-height:1.7}.demo-qr-main label{display:block;font-weight:600;margin:24px 0 8px}.demo-qr-main input{width:100%;padding:12px;border:1px solid #a7b5c4;border-radius:6px;font:inherit;box-sizing:border-box}.demo-note,#demo-site-help,#demo-local-note{font-size:13px;color:#526374}.demo-qr-main :focus-visible{outline:3px solid #1672be;outline-offset:3px}#demo-qr-error{color:#a32219}#demo-qr-image{display:block;width:320px;max-width:100%;height:auto;margin:24px auto;image-rendering:pixelated}.demo-url{display:block;overflow-wrap:anywhere;font-size:13px}.demo-onboarding .identity-grid{max-height:34dvh}.demo-qr-page::selection{background:#cce5ff}@media(max-width:520px){.demo-qr-main{margin:16px;padding:20px}.demo-qr-main h1{font-size:26px}.demo-onboarding .identity-grid{max-height:30dvh}.demo-banner{padding:14px 16px}.guest-header:has(+.demo-banner){flex-wrap:wrap;height:auto;min-height:68px;padding-top:10px;padding-bottom:10px}.guest-header:has(+.demo-banner) .guest-wordmark{display:none}.guest-header:has(+.demo-banner) .identity-open{max-width:100%;overflow-wrap:anywhere}.demo-controls .button{min-height:40px}}
.guest-header:has(+.demo-banner) .identity-open{min-width:0;max-width:50%;overflow-wrap:anywhere}.guest-header:has(+.demo-banner){height:auto;min-height:68px;padding-top:10px;padding-bottom:10px}

.guest-header:has(#identity-open){flex-wrap:wrap;height:auto;min-height:68px;padding-top:10px;padding-bottom:10px}.guest-header #identity-open{min-width:0;max-width:50%;overflow-wrap:anywhere}