body {

  margin: 0;

  overflow: hidden;

  background: black;

}



#ar-container {

  position: relative;

  width: 100vw;

  height: 100vh;

}



#camera {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: 1;

}



#overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  pointer-events: none;

}



#controls {

  position: absolute;

  bottom: 20px;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  gap: 10px;

  z-index: 3;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 10px;

  padding: 10px;

}

button, input[type="range"] {

  cursor: pointer;

}