/* 시연은 영상처럼 프레임 안에서 재생한다. 확대된 장면이 문서 크기를 늘리지 않게 한다. */
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  overscroll-behavior: none;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 0;
}

/* 원본 비율을 유지하면서 가로·세로 모두 주어진 시연 영역 안에 맞춘다. */
#stage {
  width: min(100%, calc(100vh * 1440 / 900));
  overflow: hidden;
  overflow: clip;
  border-radius: 14px;
}

.frame {
  width: min(100%, calc(100vh * 1512 / 760));
  overflow: hidden;
  overflow: clip;
}

#stage,
.frame {
  flex: none;
}

/* 내부 자동 스크롤은 유지하고 브라우저의 스크롤 막대만 감춘다. */
* {
  scrollbar-width: none;
}

*::-webkit-scrollbar {
  display: none;
}