/* app/assets/stylesheets/camera.css */

.camera-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

.camera-interface {
  text-align: center;
}

.camera-controls {
  margin: 15px 0;
}

.camera-controls button {
  margin: 0 5px;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* .btn-primary { background-color: #007bff; color: white; }
.btn-success { background-color: #28a745; color: white; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-warning { background-color: #ffc107; color: black; } */

#video, #preview {
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#previewContainer {
  text-align: center;
}