.barcode-camera{display:flex;flex-direction:column;gap:12px;width:100%}.barcode-camera-preview{position:relative;width:100%;min-height:320px;background:#0f0f0f;border-radius:16px;overflow:hidden}.barcode-camera-preview video{width:100%;height:100%;object-fit:cover;display:block}.barcode-camera-overlay{position:absolute;inset:0;pointer-events:none}.barcode-camera-frame{position:absolute;left:12%;right:12%;top:32%;height:28%;border:2px solid rgba(255,255,255,.9);border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.45)}.barcode-camera-hint{position:absolute;left:0;right:0;bottom:14%;text-align:center;font-size:15px;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45)}.barcode-camera-status{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}.barcode-camera-status.is-visible{opacity:1}.barcode-camera-result{display:none;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.4;background:rgba(206,214,255,.18);color:#1e1e1e}.barcode-camera-result.is-visible{display:block}.barcode-camera-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:4px}.barcode-camera-capture.button{min-width:220px}.barcode-camera.is-uploading .barcode-camera-frame{border-color:#cfd6ff}.barcode-camera.is-success .barcode-camera-frame{border-color:#56c271}.barcode-camera.is-error .barcode-camera-frame{border-color:#ff7b7b}@media (min-width:768px){.barcode-camera-preview{min-height:420px}.barcode-camera-hint{font-size:16px}}