.scanner-stage{position:relative;overflow:hidden;background:#020817;border:1px solid #26364f;border-radius:18px;min-height:320px}.scanner-stage video{display:block;width:100%;height:min(62vh,620px);object-fit:cover;background:#020817}.scanner-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(2,8,23,.38),transparent 25%,transparent 75%,rgba(2,8,23,.48))}.scanner-target{position:absolute;left:6%;right:6%;top:34%;height:31%;border:2px solid rgba(96,165,250,.95);border-radius:16px;box-shadow:0 0 0 9999px rgba(2,8,23,.3),0 0 30px rgba(37,99,235,.28)}.scanner-target:after{content:"";position:absolute;left:3%;right:3%;top:50%;height:2px;background:#60a5fa;box-shadow:0 0 14px #3b82f6;animation:correctoScanLine 1.7s ease-in-out infinite}.scanner-corners{position:absolute;inset:-2px;border-radius:16px;background:linear-gradient(#fff,#fff) left top/28px 3px no-repeat,linear-gradient(#fff,#fff) left top/3px 28px no-repeat,linear-gradient(#fff,#fff) right top/28px 3px no-repeat,linear-gradient(#fff,#fff) right top/3px 28px no-repeat,linear-gradient(#fff,#fff) left bottom/28px 3px no-repeat,linear-gradient(#fff,#fff) left bottom/3px 28px no-repeat,linear-gradient(#fff,#fff) right bottom/28px 3px no-repeat,linear-gradient(#fff,#fff) right bottom/3px 28px no-repeat}.scanner-status{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);max-width:90%;padding:9px 14px;border-radius:999px;background:rgba(2,8,23,.82);border:1px solid #334155;color:#e2e8f0;font-weight:700;text-align:center;backdrop-filter:blur(8px)}.scanner-status.success{background:rgba(6,78,59,.9);border-color:#34d399}.scanner-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px 0}.scanner-controls button,.scanner-controls label{min-height:42px}.scanner-zoom{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #334155;border-radius:12px;background:#0b1527}.scanner-zoom input{width:120px}.scanner-tech{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8fa2bd;font-size:12px}@keyframes correctoScanLine{0%,100%{transform:translateY(-58px);opacity:.45}50%{transform:translateY(58px);opacity:1}}@media(max-width:700px){.scanner-stage{border-radius:0;min-height:50vh}.scanner-stage video{height:58vh}.scanner-target{left:4%;right:4%;top:35%;height:27%}.scanner-controls{padding-inline:10px}.scanner-tech{padding-inline:10px}.camera-panel,.pc-camera{padding:0!important}.camera-panel .camera-toolbar,.pc-camera .camera-head{padding:14px}.camera-panel .camera-footer{padding:12px 14px}.scanner-status{font-size:13px}}