.yt-live-container { margin: 20px 0; font-family: sans-serif; }
.yt-live-badge { display: inline-block; background: #e62117; color: #fff; padding: 4px 8px; border-radius: 4px; font-weight: bold; margin-bottom: 10px; animation: pulse 2s infinite; }
@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } }
.yt-live-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.yt-live-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.yt-live-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.yt-live-gallery-item { border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: transform 0.2s; }
.yt-live-gallery-item:hover { transform: translateY(-3px); }
.yt-live-gallery-item h4 { font-size: 14px; margin: 10px; line-height: 1.4; color: #333; }
.yt-live-error { background: #ffebee; color: #c62828; padding: 10px; border-radius: 4px; border-left: 4px solid #c62828; }