.bynder-video-component{max-width:800px;margin:20px auto;padding:20px;background:#f8f9fa;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.video-container{position:relative}
.video-viewer{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.video-info{margin-bottom:20px;text-align:center;padding-bottom:15px;border-bottom:1px solid #e9ecef}
.video-title{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 10px 0;line-height:1.4}
.video-description{font-size:14px;color:#6c757d;margin:0;line-height:1.6;background:rgba(255,255,255,0.8);padding:12px 16px;border-radius:6px;border-left:3px solid #007cba;text-align:left;max-width:100%}
.video-description p{margin:0}
.video-player{max-width:100%}
.video-element{width:100%;max-width:100%;height:auto;border-radius:8px;background:#000;margin-bottom:15px}
.video-metadata{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888;padding-top:10px;border-top:1px solid #eee;flex-wrap:wrap;gap:10px}
.video-format{text-transform:uppercase;font-weight:500}
.video-size{font-variant-numeric:tabular-nums}
.video-dimensions{font-variant-numeric:tabular-nums}
.video-duration{font-variant-numeric:tabular-nums}
.bynder-asset-placeholder{text-align:center;padding:40px 20px;color:#666;background:#f8f9fa;border-radius:8px;border:2px dashed #ddd;margin:20px auto;max-width:400px}
.bynder-video .bynder-partial-metadata-warning{padding:8px 12px;margin:0 auto 12px;color:#666;background:#fff3cd;border:1px solid #b6d4fe;border-radius:4px;font-size:small;position:relative;max-width:80%}
.bynder-video .bynder-preview-notice{padding:8px 12px;margin:0 auto 12px;color:#084298;background:#cfe2ff;border:1px solid #b6d4fe;border-radius:4px;font-size:small;position:relative;max-width:80%}
.loading-state{text-align:center;padding:20px;color:#666}
.error-state{text-align:center;padding:20px;color:#d32f2f;background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;margin:10px 0}
.video-element::-webkit-media-controls-panel{background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.2))}
.video-element::-webkit-media-controls-play-button{background-color:#007cba;border-radius:50%}
.video-element::-webkit-media-controls-play-button:hover{background-color:#005a87}
.video-element::-webkit-media-controls-timeline{background:#e0e6ed;border-radius:3px}
.video-element::-webkit-media-controls-current-time-display,.video-element::-webkit-media-controls-time-remaining-display{color:#666;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
@media screen and (max-width:768px){.bynder-video-component{margin:10px;padding:15px}
.video-title{font-size:16px}
.video-metadata{flex-direction:column;align-items:flex-start;gap:5px}
}
@media screen and (max-width:480px){.video-metadata{font-size:11px}
}
.video-loading{display:flex;align-items:center;justify-content:center;min-height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}
@keyframes loading{0{background-position:200% 0}
100%{background-position:-200% 0}
}