.kamera {
  margin-bottom: 12px;
}

.kamera-bingkai {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: var(--purple-900);
  aspect-ratio: 3 / 4;
  max-height: 70vh;
  margin: 0 auto;
}

.kamera-bingkai video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kamera-panduan {
  position: absolute;
  inset: 12% 14%;
  border: 3px dashed rgba(255, 255, 255, 0.8);
  border-radius: 28px;
  pointer-events: none;
}

.kamera .hint {
  text-align: center;
  margin: 10px 0 12px;
}

.kamera-bingkai video {
  transform: scaleX(-1);
}