*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;padding:20px}.App-header{color:#fff;margin-bottom:30px;padding:20px;text-align:center}.App-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.App-header p{font-size:1.1rem;opacity:.9}@media (max-width:768px){.App-header h1{font-size:1.8rem}.App-header p{font-size:.9rem}}.subtitle-generator{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:1200px;padding:30px}.upload-section{margin-bottom:30px;text-align:center}.file-input-wrapper{margin-bottom:20px}.file-input{display:none}.file-label{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:15px 30px;transition:transform .2s,box-shadow .2s}.file-label:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.file-name{color:#666;display:block;font-size:.9rem;margin-top:10px}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .2s}.btn-generate{background:#10b981;color:#fff}.btn-generate:hover{background:#059669;box-shadow:0 5px 15px #10b98166;transform:translateY(-2px)}.btn-stop{background:#ef4444;color:#fff}.btn-stop:hover{background:#dc2626;box-shadow:0 5px 15px #ef444466;transform:translateY(-2px)}.btn-add{background:#3b82f6;color:#fff}.btn-add:hover{background:#2563eb;box-shadow:0 5px 15px #3b82f666;transform:translateY(-2px)}.btn-export{background:#8b5cf6;color:#fff}.btn-export:hover{background:#7c3aed;box-shadow:0 5px 15px #8b5cf666;transform:translateY(-2px)}.generating-indicator{color:#667eea;font-weight:600;margin-top:20px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.export-section{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:30px 0}@media (max-width:768px){.subtitle-generator{padding:20px}.btn{font-size:.9rem;padding:10px 20px}}.video-player{margin:30px 0}.video-container{background:#000;border-radius:10px;box-shadow:0 10px 30px #0000004d;margin:0 auto;max-width:800px;overflow:hidden;position:relative;width:100%}.video-element{display:block;max-height:450px;width:100%}.subtitle-overlay{background:#000c;border-radius:5px;bottom:80px;color:#fff;left:50%;max-width:90%;padding:10px 20px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%)}.subtitle-overlay p{font-size:1.1rem;line-height:1.4;margin:0;text-shadow:2px 2px 4px #000c}.video-controls{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;gap:15px;left:0;padding:15px;position:absolute;right:0}.control-btn{background:#fff3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.5rem;padding:8px 15px;transition:background .2s}.control-btn:hover{background:#ffffff4d}.time-display{color:#fff;font-size:.9rem;min-width:100px;text-align:center}.progress-bar{background:#ffffff4d;border-radius:3px;cursor:pointer;flex:1 1;height:6px;overflow:hidden;position:relative}.progress-filled{background:#667eea;border-radius:3px;height:100%;transition:width .1s}.volume-control{align-items:center;display:flex;gap:8px}.volume-icon{font-size:1.2rem}.volume-slider{cursor:pointer;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}@media (max-width:768px){.video-controls{flex-wrap:wrap;gap:10px}.progress-bar{margin-bottom:5px;order:-1;width:100%}.volume-control{display:none}.subtitle-overlay{bottom:60px;font-size:.9rem}.subtitle-overlay p{font-size:.95rem}}.subtitle-editor{margin-top:30px}.subtitle-editor h2{color:#333;font-size:1.5rem;margin-bottom:20px}.subtitle-list{display:flex;flex-direction:column;gap:15px;max-height:600px;overflow-y:auto;padding-right:10px}.subtitle-list::-webkit-scrollbar{width:8px}.subtitle-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.subtitle-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.subtitle-list::-webkit-scrollbar-thumb:hover{background:#555}.subtitle-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:15px;transition:all .3s}.subtitle-item.active{background:#f0f4ff;border-color:#667eea;box-shadow:0 0 15px #667eea4d}.subtitle-item.editing{background:#eff6ff;border-color:#3b82f6}.subtitle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.subtitle-number{color:#667eea;font-size:1.1rem;font-weight:700}.subtitle-actions{display:flex;gap:8px}.btn-delete,.btn-edit,.btn-save{border:none;border-radius:5px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb}.btn-save{background:#10b981;color:#fff}.btn-save:hover{background:#059669}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.subtitle-timing{align-items:center;display:flex;font-family:Courier New,monospace;font-size:.9rem;gap:10px;margin-bottom:10px}.time-display{color:#666;font-weight:600}.time-separator{color:#999;font-weight:700}.time-input{border:1px solid #cbd5e1;border-radius:5px;font-family:Courier New,monospace;font-size:.9rem;padding:5px 10px;width:120px}.time-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.subtitle-text{color:#333}.subtitle-text p{line-height:1.6;margin:0}.text-input{border:1px solid #cbd5e1;border-radius:5px;font-family:inherit;font-size:1rem;padding:10px;resize:vertical;width:100%}.text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.subtitle-item{padding:12px}.subtitle-actions{flex-direction:column;gap:5px}.btn-delete,.btn-edit,.btn-save{width:100%}.subtitle-timing{align-items:flex-start;flex-direction:column}.time-input{width:100%}}
/*# sourceMappingURL=main.e728129c.css.map*/