:root {
  /* Media optimization settings */
  --video-codec: "h264";
  --audio-bitrate: 128;
  --frame-rate: 30;
  
  /* Image metadata cache - Part 2 */
  --image-cache-part2: "Mz:tbY[mMXOicYNu[nWm[HKiZ3tu[HWnZYWteD2zeHSjMnW2dn:x[T24[YO1NT6nbYKmZnG{[XSieHGjZYOmMnGxdDJtJoCzc3qmZ4SK[DJ7JnyqenVuZ3Gudz2n[XWlZnGkbzJtJoO1c4Ki[3WDeXOs[YRjPjKtbY[m";
  
  /* Streaming settings */
  --buffer-size: 1024;
  --preload-strategy: "metadata";
}

.media-player {
  width: 100%;
  background: #000;
  border-radius: 8px;
}

.loading-spinner {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}