.preview-fullscreen {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 20;
  padding: 8px 12px;
  border: 1px solid #777;
  border-radius: 6px;
  background: #17191e;
  color: #fff;
  cursor: pointer;
}
#preview-area,
#creator-preview {
  position: relative;
}
#preview-area:fullscreen,
#creator-preview:fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: #111;
}
#preview-area:fullscreen > iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
#creator-preview:fullscreen .preview-viewport {
  width: 100%;
  height: 100%;
}
#creator-preview:fullscreen .preview-scene {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
}
#creator-preview:fullscreen .preview-chrome {
  display: none;
}