.scanner-modal{position:fixed;inset:0;background:#071321ef;z-index:100;display:grid;place-items:center;padding:16px}.scanner-shell{width:min(560px,100%);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #0008}.scanner-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.scanner-head h2{margin:0;font-size:18px}.scanner-close{font-size:24px;padding:5px 10px}.scanner-stage{position:relative;background:#000;aspect-ratio:4/3;overflow:hidden}.scanner-stage video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;inset:22% 8%;border:3px solid #22c55e;border-radius:14px;box-shadow:0 0 0 999px #0005}.scanner-line{position:absolute;left:10%;right:10%;top:50%;height:2px;background:#22c55e;box-shadow:0 0 10px #22c55e}.scanner-status{padding:14px 18px;text-align:center;color:#475467}.camera-scan{display:inline-flex;align-items:center;gap:8px}
.scanner-frame{inset:4%!important;border-width:2px!important;box-shadow:0 0 0 999px #0002!important}.scanner-line{left:4%;right:4%}