.video-section {
      display: flex;
      max-width: 1000px;
      margin: auto;
      background: #111;
    }
    .player {
      flex: 2;
    }
    .playlist {
      flex: 1;
      padding-left: 20px;
      height: 250px;
      overflow: scroll;
    }
    .video-item {
      display: flex;
      margin-bottom: 10px;
      cursor: pointer;
      background: #333;
      padding: 10px;
      transition: background 0.2s;
    }
    .video-item:hover {
      background: #444;
    }
    .video-item img {
      width: 50px;
      height: 30px;
      object-fit: cover;
      margin-right: 10px;
    }
    .video-details {
      flex: 1;
    }
    .video-title {
      font-weight: bold;
      color: #fff;
    }
    .video-description {
      font-size: 12px;
      color: #ccc;
    }