*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;color:#334155;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}code{font-family:Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e2e8f0}::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a67d8}.file-upload-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #0000001a;max-width:600px;padding:2.5rem;width:100%}.file-upload-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin-bottom:.5rem;text-align:center}.subtitle{color:#64748b;font-size:1rem;margin-bottom:2rem;text-align:center}.upload-form{display:flex;flex-direction:column;gap:1.5rem}.language-selector label{color:#334155;display:block;font-weight:600;margin-bottom:.5rem}.language-selector select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#334155;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.language-selector select:focus{border-color:#667eea;outline:none}.language-selector select option{background:#fff;color:#334155}.drag-drop-area{background:#f8fafc;border:3px dashed #cbd5e1;border-radius:12px;padding:2.5rem 2rem;transition:all .3s ease}.drag-drop-area.active{background:#667eea0d;border-color:#667eea}.file-input{display:none}.drag-drop-label{cursor:pointer;display:block}.drag-drop-content{color:#64748b;text-align:center}.upload-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.drag-drop-content p{margin:.5rem 0}.file-types{font-size:.9rem;opacity:.7}.file-hint{color:#667eea;font-size:.9rem}.file-selected{background:#667eea0d;border:1px solid #667eea33;border-radius:8px;justify-content:space-between;padding:1.5rem}.file-info,.file-selected{align-items:center;display:flex}.file-info{flex:1 1;gap:1rem}.file-icon{font-size:1.5rem}.file-details{display:flex;flex-direction:column}.file-name{color:#334155;font-weight:600;margin-bottom:.25rem}.file-size{color:#64748b;font-size:.9rem}.clear-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#dc2626;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.clear-btn:hover{background:#ef444433}.process-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #667eea33;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.process-btn:hover:not(:disabled){box-shadow:0 8px 15px #667eea4d;transform:translateY(-2px)}.process-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.process-btn.loading{background:#cbd5e1}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:768px){.file-upload-container{margin:0 1rem;padding:1.5rem}.file-selected{gap:1rem}.file-info,.file-selected{flex-direction:column;text-align:center}}.video-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #0000001a;padding:2rem}.video-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.video-list-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;margin:0}.tab-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.tab-buttons button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 4px #0000000d;color:#475569;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.tab-buttons button:hover{background:#f8fafc}.tab-buttons button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.loading-section{color:#64748b;padding:3rem;text-align:center}.loading-section .spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{color:#94a3b8;font-size:1.1rem;padding:3rem;text-align:center}.videos-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.video-card:hover{border-color:#667eea;box-shadow:0 10px 25px #667eea26;transform:translateY(-5px)}.video-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.folder-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.folder-badge.input{background:#3b82f61a;border:1px solid #3b82f633;color:#1d4ed8}.folder-badge.output{background:#22c55e1a;border:1px solid #22c55e33;color:#15803d}.processed-badge{background:#a855f71a;border:1px solid #a855f733;border-radius:20px;color:#7e22ce;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.video-info{margin-bottom:1.5rem}.video-name{color:#334155;font-size:1.1rem;line-height:1.4;margin-bottom:.5rem;word-break:break-word}.video-details{color:#64748b;display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.video-actions{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-width:100px;padding:.5rem 1rem;text-align:center;transition:all .3s ease}.download-btn{background:#22c55e1a;border:1px solid #22c55e33;color:#15803d}.download-btn:hover{background:#22c55e33;transform:translateY(-1px)}.delete-btn{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.delete-btn:hover{background:#ef444433;transform:translateY(-1px)}@media (max-width:768px){.video-list-header{align-items:stretch;flex-direction:column}.tab-buttons{justify-content:center}.videos-grid{grid-template-columns:1fr}.video-actions{flex-direction:column}.action-btn{min-width:auto}.video-list-container{margin:0 1rem;padding:1rem}}.stats-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #0000001a;padding:2rem}.stats-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;text-align:center}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#667eea;box-shadow:0 10px 25px #667eea26;transform:translateY(-5px)}.stat-card.input{border-left:4px solid #3b82f6}.stat-card.output{border-left:4px solid #22c55e}.stat-card.total{border-left:4px solid #8b5cf6}.stat-icon{font-size:2.5rem;margin-bottom:1rem}.stat-info h3{color:#334155;font-size:1.2rem;margin-bottom:1rem}.stat-value{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#64748b;font-size:.9rem;margin-bottom:.5rem}.stat-size{color:#667eea;font-weight:600}.loading-spinner{color:#64748b;padding:3rem;text-align:center}.folder-paths{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.path-item{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.path-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.path-item strong{color:#334155;font-size:.9rem}.path-item span{color:#64748b;font-family:Courier New,monospace;font-size:.9rem;word-break:break-all}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.path-item{align-items:flex-start;flex-direction:column}}.agentic-processing{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #fffc;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #fffc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:2rem 0;overflow:hidden;padding:2rem;position:relative}.agentic-background{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.floating-orb{border-radius:50%;filter:blur(40px);opacity:.15;position:absolute}.orb-1{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);height:200px;right:-50px;top:-50px;width:200px}.orb-2{animation:float 8s ease-in-out infinite reverse;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-30px;height:150px;left:20%;width:150px}.orb-3{animation:float 10s ease-in-out infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);height:100px;right:20%;top:40%;width:100px}.grid-pattern{background-image:linear-gradient(#00000005 1px,#0000 0),linear-gradient(90deg,#00000005 1px,#0000 0);background-size:50px 50px;bottom:0;left:0;position:absolute;right:0;top:0}.agentic-content{position:relative;z-index:2}.agentic-processing-indicator{color:#1e293b;text-align:center}.ai-avatar{height:80px;margin:0 auto 2rem;position:relative;width:80px}.ai-core{align-items:center;box-shadow:0 8px 25px #667eea4d,inset 0 1px 0 #fff6;color:#fff;display:flex;font-size:1.5rem;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.ai-core,.ai-pulse{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.ai-pulse{animation:pulse 2s ease-in-out infinite;bottom:-10px;left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px}.agentic-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#334155,#667eea);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.agentic-header p{color:#64748b;font-size:1rem;margin-bottom:2rem}.agentic-progress{margin:2rem 0}.progress-track{background:#00000014;border-radius:3px;box-shadow:inset 0 1px 2px #0000001a;height:6px;margin-bottom:3rem;overflow:hidden;position:relative}.progress-fill{animation:progressSlide 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;box-shadow:0 0 10px #667eea66;height:100%;width:30%}.agentic-steps{justify-content:space-between}.agentic-step,.agentic-steps{display:flex;position:relative}.agentic-step{align-items:center;flex:1 1;flex-direction:column}.step-icon{font-size:1.5rem;margin-bottom:.5rem;opacity:.5;transition:all .3s ease}.agentic-step.active .step-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));opacity:1;transform:scale(1.2)}.step-name{color:#94a3b8;font-size:.8rem;font-weight:500;margin-bottom:.5rem;transition:all .3s ease}.agentic-step.active .step-name{color:#334155;font-weight:600}.step-dot{background:#cbd5e1;border-radius:50%;box-shadow:0 1px 3px #0000001a;height:10px;transition:all .3s ease;width:10px}.agentic-step.active .step-dot{background:#667eea;box-shadow:0 0 0 3px #667eea33;transform:scale(1.2)}.ai-metrics{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffffe6;border-radius:12px;box-shadow:0 2px 4px #0000000d,0 1px 0 #fffc;min-width:120px;padding:1rem 1.5rem}.metric-label{color:#64748b;display:block;font-size:.8rem;font-weight:500;margin-bottom:.25rem}.metric-value{display:block;font-size:1.1rem;font-weight:700}.ai-thinking{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center}.thinking-dots{display:flex;gap:.25rem}.dot{animation:bounce 1.4s ease-in-out infinite both;background:#64748b;border-radius:50%;height:5px;width:5px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.agentic-result{color:#1e293b}.result-header{margin-bottom:2rem;text-align:center}.result-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));font-size:3rem;margin-bottom:1rem}.result-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#334155,#667eea);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.result-header p{color:#64748b;font-size:1rem}.result-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.result-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffffe6;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #fffc;padding:1.5rem}.result-card.full-width{grid-column:1/-1}.card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:1.25rem}.card-header h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.card-content{color:#475569;font-size:.95rem;line-height:1.5}.metric-row{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:.75rem 0}.metric-row:last-child{border-bottom:none}.metric-row span:first-child{color:#64748b;font-weight:500}.metric-value{color:#1e293b;font-weight:600}.output-terminal{background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 8px 25px #00000026;overflow:hidden}.terminal-header{align-items:center;background:#334155;border-bottom:1px solid #475569;display:flex;justify-content:space-between;padding:1rem 1.25rem}.terminal-controls{display:flex;gap:.5rem}.control{border-radius:50%;height:14px;transition:all .2s ease;width:14px}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27ca3f}.control:hover{transform:scale(1.1)}.terminal-header span{color:#e2e8f0;font-weight:500}.terminal-content,.terminal-header span{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem}.terminal-content{background:#1e293b;color:#00ff9d;line-height:1.4;margin:0;max-height:200px;overflow-y:auto;padding:1.25rem}.agentic-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.ai-button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.ai-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-button.secondary{background:#ffffffe6;border:1px solid #fffc;color:#475569}.ai-button.danger{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.ai-button:hover{box-shadow:0 12px 25px #00000026,0 8px 10px -5px #0000001a;transform:translateY(-2px)}.ai-button:active{transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.03)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes progressSlide{0%,to{transform:translateX(-25%)}50%{transform:translateX(100%)}}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.agentic-processing.success{background:linear-gradient(135deg,#f0fdf4,#f1f5f9);border-color:#22c55e4d}.agentic-processing.error{background:linear-gradient(135deg,#fef2f2,#f1f5f9);border-color:#ef44444d}@media (max-width:768px){.agentic-processing{border-radius:16px;margin:1rem 0;padding:1.5rem}.ai-metrics{align-items:center;flex-direction:column;gap:1rem}.metric{max-width:200px;width:100%}.agentic-steps{flex-wrap:wrap;gap:1rem}.agentic-step{flex-basis:calc(33.333% - 1rem);flex-grow:0;flex-shrink:0}.agentic-actions{align-items:center;flex-direction:column}.ai-button{justify-content:center;max-width:250px;width:100%}}@media (max-width:480px){.agentic-step{flex-basis:calc(50% - 1rem);flex-grow:0;flex-shrink:0}.result-cards{gap:1rem;grid-template-columns:1fr}.agentic-header h3,.result-header h3{font-size:1.3rem}}.App{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);color:#334155;min-height:100vh}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #00000014;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:transform .3s ease-in-out;z-index:100}.App-header.hidden{transform:translateY(-100%)}.header-content{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.App-header p{color:#64748b;font-size:.9rem;margin:0;opacity:.8}.App-nav{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.App-nav button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000000d;color:#475569;cursor:pointer;font-size:.9rem;padding:.5rem 1.25rem;transition:all .3s ease}.App-nav button:hover{background:#f8fafc;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.App-nav button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 5px #667eea4d;color:#fff}.App-main{margin:0 auto;max-width:1200px;min-height:calc(100vh - 150px);padding:1.5rem}.upload-section{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.new-process-btn,.view-videos-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s ease}.new-process-btn:hover,.view-videos-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.App-footer{background:#fff;border-top:1px solid #e2e8f0;color:#64748b;font-size:.85rem;margin-top:2rem;padding:1rem;text-align:center}@media (max-width:768px){.App-header h1{font-size:1.5rem}.App-header p{font-size:.8rem}.App-main{padding:1rem}.App-nav{gap:.5rem;margin-top:.75rem}.App-nav button{font-size:.8rem;padding:.4rem .8rem}.action-buttons{align-items:center;flex-direction:column}.new-process-btn,.view-videos-btn{max-width:250px;padding:.6rem 1.25rem;width:100%}.header-content{padding:0 1rem}}@media (max-width:480px){.App-header{padding:.75rem 0}.App-header h1{font-size:1.3rem}.App-nav{gap:.25rem}.App-nav button{font-size:.75rem;padding:.35rem .7rem}}
/*# sourceMappingURL=main.ab6dbfd2.css.map*/