body.template-designer-page-mode main {
  padding: 0;
  background: #f6f8fb;
  min-height: 100vh;
}

body.template-designer-page-mode main > header {
  display: none;
}

body.template-designer-page-mode #content {
  min-height: 100vh;
  overflow: visible;
}

body.template-designer-page-mode .wysiwyg-template-editor {
  min-height: 100vh;
  height: auto;
  overflow: visible;
}

body.template-designer-page-mode .wysiwyg-template-editor > form {
  min-height: calc(100vh - 82px);
  height: auto;
  overflow: visible;
}

body.template-designer-page-mode .template-designer-workspace {
  flex: none;
  height: calc(100vh - 260px);
  min-height: 650px;
  overflow: hidden;
}

body.template-designer-page-mode .designer-actions {
  position: static;
}

@media (max-height: 800px) {
  body.template-designer-page-mode .template-designer-workspace {
    height: 650px;
  }
}