.yt-floating-overlay {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.85);z-index: 9998;opacity: 0;visibility: hidden;transition: opacity 0.4s ease, visibility 0.4s ease;}.yt-floating-overlay.active {opacity: 1;visibility: visible;}.yt-floating-container {position: fixed;top: 50%;left: 20px;transform: translateY(-20%);z-index: 9999;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);border-radius: 10px;overflow: visible !important;background-color: #000;cursor: grab;user-select: none;-webkit-user-select: none;touch-action: none;transition: width 0.45s cubic-bezier(0.25, 1, 0.5, 1), height 0.45s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.45s ease, top 0.45s cubic-bezier(0.25, 1, 0.5, 1), left 0.45s cubic-bezier(0.25, 1, 0.5, 1), transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);}.yt-floating-container.type-short:not(.fullscreen) {width: 160px;height: 284.44px;aspect-ratio: 9 / 16;}.yt-floating-container.type-video:not(.fullscreen) {width: 260px;height: 146.25px;aspect-ratio: 16 / 9;}.yt-floating-container.dragging {cursor: grabbing;box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5);transition: none !important;}.yt-iframe-wrapper {width: 100%;height: 100%;overflow: hidden;border-radius: 10px;position: relative;background: #000;}.yt-iframe-wrapper #ytFloatingIframe {border: none;pointer-events: none;opacity: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: width 0.45s cubic-bezier(0.25, 1, 0.5, 1), height 0.45s cubic-bezier(0.25, 1, 0.5, 1), top 0.45s cubic-bezier(0.25, 1, 0.5, 1), left 0.45s cubic-bezier(0.25, 1, 0.5, 1);}.yt-floating-container.type-short:not(.fullscreen) #ytFloatingIframe {width: 500%;height: 300%;top: -100%;left: -200%;}.yt-floating-container.type-short:not(.fullscreen) #ytFloatingIframe.zoom-out {width: 100%;height: 100%;top: 0;left: 0;}.yt-floating-container.type-video:not(.fullscreen) #ytFloatingIframe {width: 260%;height: 260%;top: -80%;left: -80%;}.yt-floating-container.type-video:not(.fullscreen) #ytFloatingIframe.zoom-out {width: 100%;height: 100%;top: 0;left: 0;}.yt-iframe-cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;z-index: 10000;opacity: 0;pointer-events: none !important;visibility: hidden;border-radius: inherit;transition: opacity 0.25s ease, visibility 0.25s ease;}.yt-iframe-cover.active {visibility: visible;opacity: 1;}.yt-expand-badge {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.8);width: 48px;height: 48px;background: rgba(0, 0, 0, 0.75);border: 2px solid rgba(255, 255, 255, 0.8);border-radius: 50%;color: #fff;display: flex;align-items: center;justify-content: center;z-index: 10001;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow: 0 4px 15px rgba(0,0,0,0.5);}.yt-expand-badge.active {opacity: 1;visibility: visible;transform: translate(-50%, -50%) scale(1);}.yt-expand-badge svg {width: 24px;height: 24px;fill: currentColor;}.yt-control-btn {position: absolute;top: -16px !important;right: -16px !important;width: 32px;height: 32px;background: #000;color: #fff;border: 2px solid #fff;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10002;pointer-events: auto !important;transition: background 0.2s ease, transform 0.2s ease;padding: 0;box-shadow: 0 4px 10px rgba(0,0,0,0.5);}.yt-control-btn:hover {background: #222;transform: scale(1.1);}.yt-control-btn svg {width: 16px;height: 16px;fill: currentColor;}.yt-floating-container.fullscreen.type-short {position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;height: 84vh !important;aspect-ratio: 9 / 16;width: auto !important;max-width: 92vw !important;border-radius: 16px !important;cursor: default;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);background-color: #000;}.yt-floating-container.fullscreen.type-video {position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;width: 80vw !important;max-width: 960px !important;aspect-ratio: 16 / 9;height: auto !important;max-height: 85vh !important;border-radius: 16px !important;cursor: default;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);background-color: #000;}.yt-floating-container.fullscreen .yt-iframe-wrapper {border-radius: 16px;}.yt-floating-container.fullscreen #ytFloatingIframe {width: 100% !important;height: 100% !important;top: 0 !important;left: 0 !important;pointer-events: auto !important;transform: scale(1.02);transform-origin: center center;}@media (max-width: 600px) {.yt-floating-container.type-short:not(.fullscreen) {width: 120px;height: 213px;}.yt-floating-container.type-video:not(.fullscreen) {width: 200px;height: 112.5px;}.yt-floating-container.fullscreen.type-short {height: 82vh !important;max-width: 94vw !important;}.yt-floating-container.fullscreen.type-video {width: 92vw !important;}}.hidden {display: none !important;}