.gif-to-video-container{display:flex;flex-direction:column;gap:1.5rem}.preview-section{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.preview-box{display:flex;flex-direction:column;align-items:center;gap:.5rem}.preview-box label{font-size:.75rem;color:var(--text-secondary, #6c757d);text-transform:uppercase}.preview-box img,.preview-box video{max-width:300px;max-height:300px;border-radius:8px;border:1px solid var(--border-color, #dee2e6)}.controls-section{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.control-group{display:flex;flex-direction:column;gap:.25rem}.control-group label{font-size:.75rem;color:var(--text-secondary, #6c757d)}.control-group select{padding:.5rem .75rem;border:1px solid var(--border-color, #dee2e6);border-radius:6px;font-size:.875rem}.action-bar{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.processing-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{width:48px;height:48px;border:4px solid var(--border-color, #dee2e6);border-top-color:var(--primary-color, #007bff);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;max-width:300px;height:8px;background:var(--border-color, #dee2e6);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary-color, #007bff);transition:width .3s ease}.result-section{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:1.5rem;background:var(--bg-secondary, #f8f9fa);border-radius:12px}.result-section video{max-width:100%;max-height:400px;border-radius:8px}.result-actions{display:flex;gap:.75rem}.error-message{padding:1rem;background:var(--color-error-subtle);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error)}.privacy-note{text-align:center;padding:1rem;color:var(--text-secondary, #6c757d);font-size:.875rem}