.video-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 16px;
}

.player iframe {
  width: 100%;
  height: 400px;
  border-radius: 12px;
}

.playlist {
  max-height: 400px;
  overflow-y: auto;
}

.playlist-item {
  cursor: pointer;
  padding: 8px;
  border-bottom: 1px solid #ddd;
}

.playlist-item:hover {
  background: #f2f2f2;
}

.video-search {
  position: relative;
  margin-bottom: 12px;
}

.dropdown {
  display: none;
  position: absolute;
  background: white;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10;
}