// 영상 섹션
.videoSection {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: white;

  // 모바일
  @media (max-width: 768px) {
    flex: none;
    height: auto;
  }

  // 태블릿 이상
  @media (min-width: 769px) {
    border-right: 1px solid #e5e7eb;
  }
}

// 비디오 플레이어 래퍼
.videoPlayerWrapper {
  width: 100%;
  aspect-ratio: 16/9;
  background: #f3f4f6;

  // 모바일: 자동 높이 (16:9 비율 유지)
  @media (max-width: 768px) {
    height: auto;
  }

  // 태블릿 이상: 16:9 비율로 고정
  @media (min-width: 769px) {
    flex-shrink: 0;
  }
}

// 빈 공간 컨테이너
.emptySpace {
  background: #ffffff;
  // 모바일에서는 표시하지 않음
  @media (max-width: 768px) {
    display: none;
  }

  // 태블릿 이상에서는 남은 공간 차지
  @media (min-width: 769px) {
    flex: 1;
    min-height: 0;
  }
}