/* camera.css */
.camera-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  width: 100%;
  height: 80%;
}

.camera-feed {
  border: 2px solid #333;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.camera-feed img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.camera-controls {
  margin-top: 10px;
  text-align: center;
}

.camera-message {
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
  min-height: 20px;
}
/* Add these new styles */
.code-prompt {
  text-align: center;
  padding: 20px;
}

.code-prompt input {
  width: 100px;
  padding: 5px;
  font-size: 18px;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.code-prompt button {
  margin-top: 10px;
  padding: 5px 15px;
}