/* Prevent the editor from leaking into the bottom of the feature/introduction page.
 * The original app toggles #editor-page via inline style; this file makes page state
 * mutually exclusive so the editor is never visible unless the editor-active state is set.
 */
html:not(.douTu-editor-active) body:not(.douTu-editor-active) #editor-page {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.douTu-editor-active body.douTu-editor-active #upload-page {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.douTu-editor-active body.douTu-editor-active #editor-page {
  visibility: visible !important;
  pointer-events: auto !important;
}

@media (min-width: 768px) {
  html.douTu-editor-active body.douTu-editor-active #editor-page {
    display: grid !important;
  }
}

@media (max-width: 767px) {
  html.douTu-editor-active body.douTu-editor-active #editor-page {
    display: block !important;
  }
}