.scanner-shell{width:min(760px,100%);margin:auto}.scanner-mode{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.scanner-mode button{padding:15px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:#1b1b20;color:#ddd;text-align:left}.scanner-mode button.active{border-color:#d39a17;background:rgba(211,154,23,.16);color:#f2ca6b}.qr-camera{position:relative;border-radius:18px;overflow:hidden;background:#050505;min-height:320px;display:grid;place-items:center}.qr-camera video{width:100%;max-height:65vh;object-fit:cover}.qr-guide{position:absolute;width:min(250px,66%);aspect-ratio:1;border:3px solid #d39a17;border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.34)}.scanner-status{text-align:center;color:#aaa;padding:12px}.scanner-fallback{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.12)}@media(max-width:650px){.scanner-mode{grid-template-columns:1fr}.qr-camera{min-height:270px}}