.field-scanner-overlay{position:fixed;z-index:10000;inset:0;background:#061321f2;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));display:grid;place-items:center}.field-scanner-panel{width:min(100%,700px);display:grid;gap:.7rem;color:#fff;text-align:center}.barcode-viewport{position:relative;width:100%;aspect-ratio:16/9;max-height:58vh;overflow:hidden;background:#000;border-radius:12px}.barcode-viewport video{width:100%;height:100%;object-fit:cover}.barcode-guide{position:absolute;inset:35% 7%;border:3px solid #24b98b;border-radius:8px;box-shadow:0 0 0 999px #06132199;transition:border-color .15s,box-shadow .15s}.barcode-guide.is-holding{border-color:#ffd45c;box-shadow:0 0 0 999px #06132199,0 0 18px #ffd45c}.barcode-guide:before,.barcode-guide:after{content:"";position:absolute;top:50%;width:18px;height:2px;background:#24b98b}.barcode-guide:before{left:-3px}.barcode-guide:after{right:-3px}.barcode-guide i{position:absolute;left:50%;top:15%;bottom:15%;width:2px;background:#24b98b}.barcode-guide i:after{content:"";position:absolute;left:-8px;top:50%;width:18px;height:2px;background:#24b98b}.barcode-guide.is-holding:before,.barcode-guide.is-holding:after,.barcode-guide.is-holding i,.barcode-guide.is-holding i:after{background:#ffd45c}.field-scanner-panel p{margin:0;color:#b8c8d2}.field-scanner-panel button{background:#fff;color:#0b1f33}@media(max-width:540px){.barcode-viewport{aspect-ratio:4/3}.barcode-guide{inset:38% 5%}}