.scanner-page{max-width:620px;margin:0 auto;padding:16px;width:100%;box-sizing:border-box}.scanner-page.hidden{display:none}.scanner-page h2{margin:5px 0 18px;font-size:23px}.scanner-page small{color:var(--text-secondary);letter-spacing:.14em;font-size:10px}.scanner-event-label{display:grid;gap:8px;font-size:12px}.scanner-page select{width:100%;min-height:44px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;padding:10px}.scanner-page [role=status]{font-size:12px;line-height:1.5}.scanner-page [role=status]:empty{display:none}.scanner-team{margin:12px 0;border:1px solid var(--border-color);border-radius:12px;padding:12px}.scanner-team summary{cursor:pointer;padding:5px;font-size:13px}.scanner-team label,.scanner-permission{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px}.scanner-team input,.scanner-permission input{width:18px;height:18px;flex-shrink:0}.scanner-team button{min-height:44px;width:100%;border:0;border-radius:9px;background:#d3b36b;color:#121826;font-weight:600;margin-top:8px}.scanner-preview{width:100%;height:1000px;border:0;display:block;color-scheme:dark}.scanner-page button:focus-visible,.scanner-page summary:focus-visible{outline:2px solid #d3b36b;outline-offset:3px}
.scanner-team-controls{--border-color:#303b4d;--text-primary:#edf0f6;--bg-card:#141c2a;margin-bottom:14px}.scanner-team-controls:empty{display:none}

body.scanner-is-open{overflow:hidden}.scanner-page:not(.hidden){position:fixed;inset:0;z-index:10000;max-width:none;height:100dvh;overflow:auto;overscroll-behavior:contain;margin:0;padding:16px max(16px,calc((100vw - 700px)/2));background:#080c14;color:#edf0f6}.scanner-page .scanner-event-label{padding-right:56px}.scanner-exit{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:10001;width:44px;height:44px;display:grid;place-items:center;border:1px solid #39465a;border-radius:50%;background:#182333;color:#edf0f6;font-size:28px;cursor:pointer}.scanner-exit:hover{background:#2b394d}

.scanner-page:not(.hidden){display:flex;flex-direction:column;gap:10px;overflow:hidden;padding-bottom:max(12px,env(safe-area-inset-bottom))}.scanner-page [data-panel]{flex:1;min-height:0}.scanner-preview{height:100%;}.scanner-page [data-team]:empty{display:none}.scanner-team-controls{width:100%;margin:0 0 12px}.scanner-team{margin:0;border:1px solid #28394a;border-radius:12px;padding:0;background:#101d2a}.scanner-team summary{list-style:none;min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:#b8cad8;font-size:12px}.scanner-team summary::after{content:'⌄';font-size:18px}.scanner-team[open]{position:absolute;inset:0 0 auto;z-index:15;max-height:80%;overflow:auto;padding:0 12px 12px;box-shadow:0 20px 50px #000a}.scanner-team[open] summary{padding-inline:0}.scanner-permission{font-size:11px}

/* Keep the toolbar clear of the phone status bar and display cutouts. */
.scanner-page:not(.hidden){padding-top:calc(env(safe-area-inset-top,0px) + 24px);padding-right:max(20px,env(safe-area-inset-right,0px),calc((100vw - 700px)/2));padding-left:max(20px,env(safe-area-inset-left,0px),calc((100vw - 700px)/2));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px);gap:18px}.scanner-exit{top:calc(env(safe-area-inset-top,0px) + 24px);right:max(20px,env(safe-area-inset-right,0px))}.scanner-page .scanner-event-label{gap:10px}

.scanner-page .scanner-exit{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:46px;height:46px;min-width:46px;min-height:46px;padding:0;line-height:1;border-radius:50%;aspect-ratio:1}.scanner-exit svg{display:block;width:20px;height:20px;flex:none;pointer-events:none}