.scan-frame video{
  display:none;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:13px;
}
.scan-frame video.active{display:block}
.scan-frame canvas{display:none}
.scan-frame.camera-live{
  border-style:solid;
  border-color:#2f775e;
  background:#071d18;
}
.scan-frame.camera-live .scan-line{z-index:2}
#scanPlaceholder.hidden{display:none}
.camera-actions{
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin:14px 0 4px;
}
.camera-status{
  min-height:38px;
  margin:10px auto 0;
  max-width:420px;
}
.camera-status.ok{color:#2f775e}
.camera-status.error{color:#a83232}
@media(max-width:700px){
  .scan-frame{height:min(62vh,420px)}
  .camera-actions .primary{min-height:44px}
}