/* style.css */
body {
  margin: 0;
  /* Allow vertical scrolling for the content */
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #222;
  font-family: Arial, sans-serif;
}

/* 
   Strictly confine the 3D container to its parent (the DialogBox).
   We use !important to override any lingering full-screen styles.
*/
#canvas-container {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  
  /* Reset any fixed positioning that made it float or cover the screen */
  top: auto !important;
  left: auto !important;
  z-index: auto !important;
  
  /* Ensure interactions (spinning the cube) work */
  pointer-events: auto !important;
}

canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  outline: none;
}