.video-editor {
    .ant-card-head {
        border-bottom: 1px solid var(--border-color-light);
        
        .ant-card-head-title {
            padding: 16px 0;
            
            .ant-typography {
                .anticon {
                    color: var(--primary-color);
                }
            }
        }
    }

    .ant-card-body {
        padding: 24px;
    }

    .video-preview {
        width: 100%;
        height: 350px;
        border-radius: 8px;
        overflow: hidden;
        background: var(--background-color-dark);
        margin-bottom: 24px;
        border: 1px solid var(--border-color-light);

        @media (max-width: 768px) {
            height: 250px;
        }
    }

    .ant-empty {
        padding: 60px 20px;
        background: var(--background-color-light);
        border-radius: 8px;
        border: 2px dashed var(--border-color-light);
        margin-bottom: 24px;

        .ant-empty-description {
            color: var(--text-color-secondary);
            font-size: 14px;
        }
    }

    .sync-controls {
        padding: 16px;
        background: var(--background-color-light);
        border-radius: 8px;
        border: 1px solid var(--border-color-light);

        .ant-space {
            width: 100%;
            justify-content: space-between;

            @media (max-width: 768px) {
                flex-direction: column;
                align-items: stretch;
                gap: 12px;
            }
        }

        .ant-picker {
            border-radius: 6px;
            font-family: 'Courier New', monospace;

            &:focus {
                border-color: var(--primary-color);
                box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
            }
        }

        .ant-switch {
            &.ant-switch-checked {
                background-color: var(--success-color);
            }
        }

        .ant-typography {
            &.ant-typography code {
                background: var(--background-color);
                border: 1px solid var(--border-color);
                border-radius: 4px;
                padding: 2px 6px;
                font-family: 'Courier New', monospace;
                font-size: 12px;
            }
        }
    }

    .upload-controls {
        padding: 16px;
        background: var(--background-color);
        border-radius: 8px;
        border: 1px solid var(--border-color-light);

        .ant-btn {
            border-radius: 6px;
            transition: all 0.2s ease;

            &:hover:not(:disabled) {
                transform: translateY(-1px);
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            }

            &.ant-btn-primary {
                background: var(--primary-color);
                border-color: var(--primary-color);

                &:hover:not(:disabled) {
                    background: var(--primary-color-hover);
                    border-color: var(--primary-color-hover);
                }
            }
        }

        .ant-input {
            border-radius: 6px 0 0 6px;

            &:focus {
                border-color: var(--primary-color);
                box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
            }
        }

        .ant-input-group-compact {
            .ant-btn {
                border-radius: 0 6px 6px 0;
                border-left: none;
            }
        }

        .ant-typography {
            font-size: 12px;
            color: var(--text-color-secondary);
        }
    }

    // Dark theme support
    .dark & {
        .video-preview {
            background: var(--background-color-darker);
            border-color: var(--border-color-dark);
        }

        .sync-controls,
        .upload-controls {
            background: var(--background-color-darker);
            border-color: var(--border-color-dark);
        }

        .ant-empty {
            background: var(--background-color-darker);
            border-color: var(--border-color-dark);
        }
    }

    // Mobile responsiveness
    @media (max-width: 576px) {
        .ant-card-body {
            padding: 16px;
        }

        .sync-controls,
        .upload-controls {
            padding: 12px;
        }

        .upload-controls {
            .ant-space-compact {
                flex-direction: column;

                .ant-input,
                .ant-btn {
                    border-radius: 6px;
                    border: 1px solid var(--border-color);
                }

                .ant-btn {
                    margin-top: 8px;
                    width: 100%;
                }
            }
        }
    }

    // High contrast mode
    @media (prefers-contrast: high) {
        .video-preview,
        .sync-controls,
        .upload-controls {
            border-width: 2px;
        }
    }

    // Reduced motion
    @media (prefers-reduced-motion: reduce) {
        .ant-btn:hover {
            transform: none;
        }
    }
}