/* AI Project Universe V4.0 — full-height viewer whose iframe receives all vertical input */
.viewer,.viewer[open],#projectViewer,#projectViewer[open] {
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}
.viewer[open],#projectViewer[open] {
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) !important;
  grid-template-columns: minmax(0,1fr) !important;
}
.viewer__bar {
  position: relative !important;
  z-index: 8 !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}
.viewer iframe,#viewerFrame {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  border: 0 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  touch-action: pan-y pinch-zoom !important;
  background: #101010;
}
.viewer__loading.is-hidden { display: none !important; pointer-events: none !important; }
@media (max-width:760px) {
  .viewer__bar { max-height: 40dvh; overflow-y: auto; overscroll-behavior: contain; }
}