*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{margin:0 auto;max-width:1200px}.app-header h1{color:#2c3e50}.app-header p{color:#7f8c8d;font-size:16px}.upload-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:30px;text-align:center}.upload-area{background-color:#f8f9fa;border:2px dashed #3498db;border-radius:8px;cursor:pointer;padding:40px 20px;transition:all .3s ease}.upload-area:hover{background-color:#e3f2fd;border-color:#2980b9}.upload-area.dragover{background-color:#e8f5e8;border-color:#27ae60}.upload-icon{color:#3498db;font-size:48px;margin-bottom:15px}.upload-text{color:#2c3e50;font-size:18px;margin-bottom:10px}.upload-subtext{color:#7f8c8d;font-size:14px}.file-input{display:none}.player-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.video-player{border-radius:8px;display:block;height:auto;margin:0 auto;max-width:800px;width:100%}.controls-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.control-group{display:flex;flex-direction:column;gap:5px}.control-label{color:#2c3e50;font-size:14px;font-weight:600}.time-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100px}.time-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.time-slider{-webkit-appearance:none;background:#ddd;border-radius:3px;height:6px;outline:none;width:300px}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3498db;border-radius:50%;cursor:pointer;height:20px;width:20px}.time-slider::-moz-range-thumb{background:#3498db;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.clip-button{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .3s ease}.clip-button:hover:not(:disabled){background:#229954}.clip-button:disabled{background:#bdc3c7;cursor:not-allowed}.thumbnail-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.thumbnail-strip{background:#f8f9fa;border-radius:4px;display:flex;gap:10px;overflow-x:auto;padding:10px 0}.thumbnail-item{border:2px solid #0000;border-radius:4px;cursor:pointer;flex-shrink:0;overflow:hidden;transition:transform .2s ease}.thumbnail-item:hover{transform:scale(1.05)}.thumbnail-item.active{border-color:#3498db}.thumbnail-image{display:block;height:45px;object-fit:cover;width:80px}.thumbnail-time{background:#000000b3;color:#fff;font-size:10px;padding:2px;text-align:center}.download-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px;text-align:center}.download-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .3s ease}.download-button:hover:not(:disabled){background:#c0392b}.download-button:disabled{background:#bdc3c7;cursor:not-allowed}.progress-container{margin:15px 0}.progress-bar{background:#ecf0f1;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:#3498db;border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#7f8c8d;font-size:14px;margin-top:5px;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin:10px 0;padding:12px}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;margin:10px 0;padding:12px}.info-message{background:#d1ecf1;border:1px solid #bee5eb;border-radius:4px;color:#0c5460;margin:10px 0;padding:12px}.time-display{border:1px solid #ddd;color:#2c3e50;font-weight:600;min-width:100px;padding:8px 12px;text-align:center}.time-display,.video-info{background:#f8f9fa;border-radius:4px}.video-info{border-left:4px solid #3498db;margin-top:15px;padding:15px}.video-info p{font-size:14px;margin:5px 0}.thumbnail-instructions{color:#7f8c8d;font-size:14px;margin-bottom:15px;text-align:center}.thumbnail-hints{color:#7f8c8d;margin-top:10px;text-align:center}.download-info{margin-bottom:20px;text-align:center}.filename-preview{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;font-family:monospace;margin:10px 0;padding:8px}.download-icon{margin-right:8px}.download-instructions{background:#f8f9fa;border-radius:4px;margin-top:20px;padding:15px;text-align:left}.download-instructions h4{color:#2c3e50;margin-bottom:10px}.download-instructions ul{margin-left:20px}.download-instructions li{font-size:14px;margin:5px 0}.compatibility-note{color:#7f8c8d;margin-top:15px;text-align:center}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:768px){.app{padding:10px}.controls-row{align-items:stretch;flex-direction:column}.time-slider{width:100%}.thumbnail-strip{gap:5px}.thumbnail-image{height:34px;width:60px}.download-instructions{text-align:center}.download-instructions ul{display:inline-block;text-align:left}}.app{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.app-header{color:#fff;margin-bottom:30px;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}.main-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;margin:0 auto;max-width:1200px;padding:30px}@media (max-width:768px){.app{padding:10px}.app-header h1{font-size:2rem}.main-content{padding:20px}}
/*# sourceMappingURL=main.2dcf8dcd.css.map*/