.method-content {
            transition: opacity 0.3s ease-in-out;
        }

        .method-content.hidden {
            display: none;
        }

        #uploadProgress {
            transition: all 0.3s ease-in-out;
        }

        #uploadProgressBar {
            transition: width 0.3s ease-in-out;
        }

        /* File upload area hover effects */
        #videoFileInput+label:hover {
            border-color: #3b82f6;
            background-color: #f8fafc;
        }

        .dark #videoFileInput+label:hover {
            border-color: #60a5fa;
            background-color: #374151;
        }

        /* Selected file info animation */
        #selectedFileInfo {
            animation: slideDown 0.3s ease-out;
        }

        /* Warning animation */
        #nameWarning {
            animation: slideDown 0.3s ease-out;
        }

        /* Input field transitions */
        #uploadVideoName {
            transition: border-color 0.3s ease;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }