.youtube-widget-container { width: 854px; margin: 0 auto; }
        .video-player-container { margin-bottom: 15px; position: relative; padding-bottom: 56.25%; height: 0; }
        .video-player-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

        .ribbon-container {
            position: relative;
            width: 100%;
        }

        .video-ribbon {
            display: flex;
            overflow-x: auto;
            padding-bottom: 10px;
            scroll-behavior: smooth;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        .video-ribbon::-webkit-scrollbar {
            display: none;
        }

        .video-ribbon img {
            width: 120px; height: 90px; object-fit: cover; margin-right: 10px;
            cursor: pointer; border: 3px solid transparent;
            flex-shrink: 0; transition: border-color 0.3s;
        }
        .video-ribbon img:hover { border-color: #555555; }
        .video-ribbon img.active-video { border-color: #999999; }        

        .scroll-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            font-size: 20px;
            cursor: pointer;
            opacity: 1;
            transition: opacity 0.3s;
        }
        .scroll-arrow:hover { background-color: rgba(0, 0, 0, 0.8); }
        .scroll-arrow#scrollLeft { left: -20px; }
        .scroll-arrow#scrollRight { right: -20px; }
        .scroll-arrow.hidden {
            opacity: 0;
            pointer-events: none;
        }