/* Webcam Test — specific UI. */
.wc-frame {
  position: relative; width: 100%; aspect-ratio: 16 / 9;
  background: #0b0b16; border-radius: var(--radius); overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.wc-video { width: 100%; height: 100%; object-fit: contain; display: block; }
[data-webcam].is-mirror .wc-video { transform: scaleX(-1); }
.wc-placeholder {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: #7a7aa0; font-size: .95rem; text-align: center; padding: 20px; pointer-events: none;
}
[data-webcam].is-live .wc-placeholder { display: none; }

.wc-snap { margin-top: 14px; text-align: center; }
.wc-snap img {
  max-width: 100%; border: 1px solid var(--border); border-radius: var(--radius);
  margin-bottom: 10px;
}