/* Video Display Fix - Ensure videos are visible */

/* Main video in creator studio */
#main-video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #000;
}

/* When camera is active, ensure video is visible */
.camera-active #main-video,
.video-container.has-stream #main-video {
    display: block !important;
}

/* Ensure video container is sized properly */
.video-container {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

/* Live dashboard video specific */
#live-dashboard-video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #000;
}

/* Dashboard video container */
#dashboard-video-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Remove any transform that might hide videos */
#main-video,
#live-dashboard-video {
    transform: none !important;
    position: relative !important;
}

/* Ensure video section is visible */
.video-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix for video player wrapper */
.video-player-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Override any CSS that might hide video elements */
.studio-video,
.video-player {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure no parent is hiding the video */
.dashboard-main,
.studio-main {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}