/* mtt-edge-canvas-height-v3 (2026-10-24, test site) - pure CSS, no JS.
   Root cause of the Edge "half screen": browsers without dvh support (Chromium/Edge < 108).
   A declaration that contains var() is never dropped at parse time, so
     height: calc(100dvh - var(--canvas-topbar-height))
   overrides the vh fallback written before it, then fails at computed-value time and
   becomes height:auto. The workspace collapses to min-height:482px (58 + 482 = 540px).
   The rules below only apply where dvh is NOT supported; dvh-capable browsers are untouched.
   "html" adds one type selector so these beat the lazily loaded canvas CSS (loaded later). */
@supports not (height: 1dvh) {
  html .mtt-canvas-workspace {
    height: calc(100vh - var(--canvas-topbar-height, 58px));
  }

  html .mtt-canvas-app .mtt-canvas-history-sidebar {
    height: calc(100vh - var(--canvas-topbar-height, 58px));
  }

  html .mtt-canvas-assistant__body {
    gap: clamp(var(--canvas-space-4, 16px), 2vh, 24px);
  }

  @media (min-height: 960px) and (min-width: 681px) {
    html .mtt-canvas-assistant__body {
      gap: 24px;
    }
  }

  @media (max-height: 760px) and (min-width: 681px) {
    html .mtt-canvas-assistant__body {
      gap: 5px;
    }
  }

  html .mtt-native-project-dialog {
    max-height: calc(100vh - 32px);
  }
}