* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #0c0e12;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, monospace;
}

.viewport-3d {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  cursor: grab;
}

.viewport-3d:active {
  cursor: grabbing;
}

.viewport-3d.is-interacting,
.viewport-3d.is-hovering-handle-y,
.viewport-3d.is-resizing-chassis-y {
  cursor: ns-resize;
}

.viewport-3d.is-hovering {
  cursor: pointer;
}

.viewport-3d.is-hovering-handle,
.viewport-3d.is-resizing-chassis {
  cursor: ew-resize;
}

#synth3d-canvas {
  display: block;
  width: 100%;
  height: 100%;
}