/* ...existing code... */

/* Media preview styles */
.media-preview {
  position: relative;
  height: 150px;
  background-color: #f8f9fa;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-image: url('/static/images/video-placeholder.svg') !important;
  background-size: cover;
  background-position: center;
}
.media-preview .media-preview-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.media-preview .media-preview-img:hover {
  transform: scale(1.05);
}
.media-preview .video-type-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(108, 117, 125, 0.8);
  color: white;
  border-radius: 0.375rem;
  z-index: 10;
}
.media-preview .video-type-badge i {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.media-preview .video-type-badge.youtube {
  background: rgba(255, 0, 0, 0.8);
}
.media-preview .video-type-badge.rutube {
  background: rgba(52, 152, 219, 0.8);
}
.media-preview .video-type-badge.vk {
  background: rgba(76, 114, 176, 0.8);
}
.media-preview .video-type-badge.cdn {
  background: rgba(52, 73, 94, 0.8);
}
.media-preview .video-type-badge.local-video {
  background: rgba(46, 204, 113, 0.8);
}

.vk-thumbnail {
  background-image: url('/static/img/vk-video-placeholder.svg') !important;
  background-size: cover;
  background-position: center;
}

/* ...existing code... */