.svp-player-container { width: 100%; max-width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; }
.svp-responsive-wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background: #000000; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35); }
.svp-responsive-wrapper.ratio-21-9 { padding-bottom: 42.85%; }
.svp-responsive-wrapper.ratio-4-3 { padding-bottom: 75%; }
.svp-responsive-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; display: block; }
.svp-live-indicator-badge { position: absolute; top: 14px; left: 14px; background: #dc2626; color: #ffffff; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 4px; letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 0 2px 8px rgba(220, 38, 38, 0.4); z-index: 10; display: flex; align-items: center; gap: 6px; pointer-events: none; }
.svp-live-pulse-dot { width: 8px; height: 8px; background: #ffffff; border-radius: 50%; display: inline-block; animation: svpPulse 1.5s infinite; }
@keyframes svpPulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(255, 255, 255, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
.svp-fallback-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; z-index: 2; }
.svp-fallback-play-btn { width: 64px; height: 64px; background: rgba(37, 99, 235, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); transition: transform 0.2s ease, background 0.2s ease; }