/* Tela host on /editor-em-canvas-gratis/ */

body.is-fullscreen .fs-workspace.tela-fs {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  /* Header 60 + 5px gap + cluster bar 53. Do not sticky: article then slides behind the iframe. */
  height: calc(100dvh - 118px) !important;
  min-height: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: #eef2f8 !important;
  overflow: hidden;
  overscroll-behavior: contain;
  position: relative;
}

html[data-theme="dark"] body.is-fullscreen .fs-workspace.tela-fs {
  background: #0b0e14 !important;
}

.tela-frame {
  flex: 1;
  min-height: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
  /* speed.css sets iframe { margin: 25px auto } — kill the strip under the cluster bar */
  margin: 0 !important;
  display: block;
}

@media (max-width: 720px) {
  body.is-fullscreen .fs-workspace.tela-fs {
    min-height: 420px !important;
  }
}