.qr-scanner-hint{margin:.75rem 0 0;color:var(--var-gray-500);font-size:.9rem}.qr-scanner-droppable{min-height:200px;height:200px}.qr-scanner-droppable.has-preview{border-style:solid}.qr-scanner-droppable.has-preview .droppable-zone-icon{width:auto;height:auto;max-width:calc(100% - 1rem);max-height:140px;object-fit:contain;border-radius:.35rem}.qr-scanner-overlay{position:fixed;inset:0;z-index:10000;background:#000;color:#fff;touch-action:none;overscroll-behavior:none}.qr-scanner-overlay[hidden]{display:none !important}.qr-scanner-overlay video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;transform-origin:center center}.qr-scanner-overlay-ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.55), transparent 28%),linear-gradient(to top, rgba(0, 0, 0, 0.55), transparent 28%)}.qr-scanner-overlay-top,.qr-scanner-overlay-bottom{display:flex;align-items:center;gap:.75rem;padding:max(.75rem,env(safe-area-inset-top)) 1rem max(.75rem,env(safe-area-inset-bottom));pointer-events:auto}.qr-scanner-overlay-top{justify-content:space-between}.qr-scanner-overlay-bottom{flex-direction:column;justify-content:flex-end}.qr-scanner-overlay-btn{appearance:none;border:0;border-radius:9999px;padding:.65rem 1.1rem;background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(8px);cursor:pointer;font:inherit}.qr-scanner-overlay-btn:hover{background:rgba(255,255,255,.28)}.qr-scanner-device-wrap{display:flex;align-items:center;gap:.5rem;min-width:0}.qr-scanner-device-label{white-space:nowrap;font-size:.9rem}#qr-scanner-device{min-width:9rem;max-width:min(60vw,16rem);border-radius:.5rem;border:0;padding:.45rem .6rem;background:rgba(255,255,255,.92);color:#111}.qr-scanner-overlay-frame{width:min(72vw,280px);aspect-ratio:1;margin:auto;border:2px solid rgba(255,255,255,.85);border-radius:1rem;box-shadow:0 0 0 9999px rgba(0,0,0,.25);pointer-events:none}.qr-scanner-permission-help{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:min(92vw,26rem);padding:1.25rem 1.35rem;border-radius:1rem;background:rgba(20,20,20,.92);backdrop-filter:blur(10px);pointer-events:auto;text-align:center}.qr-scanner-permission-help[hidden]{display:none !important}.qr-scanner-permission-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.qr-scanner-permission-text,.qr-scanner-permission-steps{margin:0 0 .85rem;font-size:.92rem;line-height:1.45;color:rgba(255,255,255,.9)}.qr-scanner-permission-steps{text-align:left;padding-left:1.25rem}#qr-scanner-retry-permission{margin-top:.25rem}.qr-scanner-overlay.is-permission-blocked .qr-scanner-overlay-frame{visibility:hidden}.qr-scanner-overlay-status{margin:0;text-align:center;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.6)}#qr-scanner-flip{display:none;margin-top:.75rem}.qr-scanner-overlay.is-mobile-ui .qr-scanner-device-wrap{display:none}.qr-scanner-overlay.is-mobile-ui #qr-scanner-flip{display:inline-flex}body.qr-scanner-camera-open{overflow:hidden;touch-action:none;overscroll-behavior:none}.qr-scanner-output section{margin-bottom:1.25rem}.qr-scanner-output section h2{margin:0 0 .5rem;font-size:1.05rem}.qr-scanner-content{position:relative}.qr-scanner-content>.toolbar{position:absolute;top:.35rem;right:.35rem;z-index:1;margin-left:0}.qr-scanner-content .qr-scanner-raw{padding-right:2.75rem}.qr-scanner-field{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem}.qr-scanner-field>span{min-width:0;word-break:break-word}.qr-scanner-field>.toolbar{flex-shrink:0;margin-left:0}.qr-scanner-raw{white-space:pre-wrap;word-break:break-word;margin:0;padding:.75rem;background:var(--var-title-bg-color);border-radius:.5rem;border:1px solid var(--var-border-color)}.qr-scanner-warning{color:var(--var-red)}