/* Neutral studio backdrop stays behind the transparent WebGL canvas. */
#preview3dModal #preview3dCanvas {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 38%, #fafafa 0%, transparent 65%),
    linear-gradient(#ededed 0%, #e6e6e6 62%, #d8d8d8 100%);
}

#preview3dCanvas > canvas {
  position: relative;
  z-index: 0;
}

#preview3dModal {
  --studio-text: #303030;
  --studio-muted: #595959;
  --studio-button: #ffffffb3;
}

.dark #preview3dModal {
  --studio-text: #eeeeee;
  --studio-muted: #cccccc;
  --studio-button: #ffffff1a;
}

.dark #preview3dModal #preview3dCanvas {
  background:
    radial-gradient(ellipse at 50% 38%, #414141 0%, transparent 65%),
    linear-gradient(#303030 0%, #292929 62%, #202020 100%);
}