body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f9f9f9;color:#333;font-family:Roboto,sans-serif;margin:0;padding:0}.app-container{margin:auto;max-width:1200px;padding:20px}.title{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:20px;margin-top:0;text-align:center}.main-content{display:flex;gap:20px;justify-content:space-between}.left-side,.right-side{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;width:50%}button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:all .3s ease}button:hover{background-color:#2980b9}button:disabled{background-color:#ccc;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a{text-decoration:none}a button{background-color:#2ecc71}a button:hover{background-color:#27ae60}.left-side button,.left-side input{display:block;margin-top:10px;width:100%}.right-side{text-align:center}@media (max-width:768px){.main-content{flex-direction:column;gap:10px}.left-side,.right-side{width:100%}}.video-player-container{margin:0 auto;max-width:800px;position:relative;width:100%}.controls{align-items:center;background-color:#00000080;display:flex;justify-content:center;padding:10px}.controls button{color:#fff;font-size:24px;margin-right:15px}.controls .MuiSlider-root{width:300px}.controls .MuiSlider-root .MuiSlider-thumb{background-color:#fff}.video{border:2px solid #ccc;border-radius:8px;height:auto;margin:0 auto;max-width:500px;width:40%}button:hover{background-color:#0056b3}button:active{background-color:#003f8a}.subtitle-list-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:10px;transition:transform .2s,box-shadow .2s}.subtitle-list-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-3px)}.subtitle-list-item.selected{background-color:#e0f7fa;border-color:#00838f}
/*# sourceMappingURL=main.efacce90.css.map*/