/* Match the dashboard's preferred 125% browser-zoom density at normal desktop zoom. */
@media (min-width: 1101px) {
  body.dashboard-app {
    zoom: 1;
  }

  body.dashboard-app .dashboard-shell {
    width: 80%;
    zoom: 1.25;
  }

  .designer > .discord-preview {
    position: relative;
    top: auto;
    align-self: start;
    will-change: transform;
  }

  .designer > .discord-preview .preview-sticky {
    position: static;
  }
}

/* Preserve the existing responsive sizing on tablets and phones. */
@media (max-width: 1100px) {
  body.dashboard-app {
    zoom: 1;
  }

  body.dashboard-app .dashboard-shell {
    width: 100%;
    zoom: 1;
  }

  .designer > .discord-preview {
    position: static;
  }
}