.video-to-images-container{display:flex;flex-direction:column;gap:1.5rem}.video-section{display:flex;flex-direction:column;gap:1rem;align-items:center}.preview-video{max-width:100%;max-height:400px;border-radius:8px;background:var(--color-bg-primary, #000)}.controls-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--bg-secondary, #f8f9fa);border-radius:12px}.control-row{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:140px}.control-group label{font-size:.75rem;color:var(--text-secondary, #6c757d);text-transform:uppercase;font-weight:500}.control-group input,.control-group select{padding:.625rem .75rem;border:1px solid var(--border-color, #dee2e6);border-radius:6px;font-size:.875rem;background:#fff}.control-group input:focus,.control-group select:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.time-inputs{display:flex;gap:1rem;align-items:center}.time-inputs span{color:var(--text-secondary, #6c757d)}.estimate-box{padding:1rem;background:#fff;border:1px solid var(--border-color, #dee2e6);border-radius:8px;text-align:center}.estimate-box.warning{background:var(--color-warning-subtle);border-color:#ffe082}.estimate-count{font-size:2rem;font-weight:700;color:var(--text-primary, #212529)}.estimate-label{font-size:.75rem;color:var(--text-secondary, #6c757d)}.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;color:var(--text-primary, #212529)}.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}.results-section{display:flex;flex-direction:column;gap:1rem}.results-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.results-header h4{margin:0}.results-actions{display:flex;gap:.5rem}.frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;max-height:500px;overflow-y:auto;padding:.5rem}.frame-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border-color, #dee2e6);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.frame-item:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.frame-item img{width:100%;height:auto;display:block}.frame-label{position:absolute;bottom:0;left:0;right:0;padding:.25rem .5rem;background:#000000b3;color:#fff;font-size:.625rem;text-align:center}.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}@media(max-width:600px){.control-row{flex-direction:column}.frames-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}