.file-upload-zone{border:2px dashed #dee2e6;border-radius:6px;padding:24px 16px;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;background:#f8f9fa;position:relative}.file-upload-zone:hover{border-color:#2196f3;background-color:#e3f2fd}.file-upload-zone.disabled{cursor:not-allowed;opacity:.6}.file-upload-zone.disabled:hover{border-color:#dee2e6;background-color:#f8f9fa}.file-card{border:1px solid #dee2e6;border-radius:6px;padding:10px 12px;margin-bottom:8px;background:#fff;transition:border-color .2s}.file-card.state-error{border-color:#dc3545;background:#fff5f5}.file-card.state-completed{border-color:#28a745;background:#f0fff4}.file-card.state-retrying{border-color:#ff9800;background:#fff8e1}.file-card-header{display:flex;align-items:center;gap:10px}.file-card-preview{width:48px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0;border:1px solid #eee}.file-card-icon{width:48px;height:48px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.file-card-icon.video{background:#e3f2fd;color:#1976d2}.file-card-icon.pdf{background:#ffebee;color:#d32f2f}.file-card-icon.other{background:#f5f5f5;color:#757575}.file-card-info{flex:1;min-width:0}.file-card-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-meta{font-size:.75rem;color:#6c757d;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-card-actions{flex-shrink:0}.file-progress-bar{margin-top:8px}.file-progress-bar .progress{height:6px;border-radius:3px;background-color:#e9ecef;margin-bottom:2px}.file-progress-bar .progress-bar{transition:width .3s ease;border-radius:3px}.file-progress-bar .progress-bar.compressing{background-color:#ff9800}.file-progress-bar .progress-bar.uploading{background-color:#2196f3}.file-progress-bar .progress-bar.retrying{background-color:#ff9800;animation:pulse-progress 1.5s ease-in-out infinite}.file-progress-bar .progress-bar.completed{background-color:#28a745}.file-progress-bar .progress-bar.error{background-color:#dc3545}.file-progress-text{font-size:.7rem;color:#6c757d;display:flex;justify-content:space-between}.file-state-badge{font-size:.7rem;padding:1px 6px;border-radius:3px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.file-count-indicator{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:4px;font-size:.85rem;margin-bottom:10px}.file-count-indicator.incomplete{background:#fff3e0;border:1px solid #ff9800;color:#e65100}.file-count-indicator.complete{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.slow-connection-warning{font-size:.8rem;padding:6px 10px;background:#fff3e0;border-left:3px solid #ff9800;border-radius:0 4px 4px 0;margin-top:8px;color:#e65100}@keyframes pulse-progress{0%,to{opacity:1}50%{opacity:.6}}.file-card-enter{animation:fileSlideIn .3s ease forwards}@keyframes fileSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}