body {
  display: flex;
  font-family: Arial, Helvetica, sans-serif;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
}

.track-editor {
  width: calc(100% - 25rem);
  height: 100%;
  overflow-y: hidden;
  margin: 0;
  padding: 0;
  position: relative;
}

.editor-canvas {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  margin: 0;
  padding: 0;
  position: fixed;
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(255,0,0,1) 0%, rgba(82,0,0,1) 100%);
}

body[dark-mode] .editor-canvas {
  background-color: #222;
  color: #ccc;
}

body[dark-mode],
body[dark-mode] .track-editor {
  background-color: #111;
  color: #ccc;
}

body[light-mode] .editor-canvas {
  background-color: #eee;
  color: #222;
}

body[light-mode],
body[light-mode] .track-editor {
  background-color: #fff;
  color: #111;
}