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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Arial,sans-serif;margin:0 auto;max-width:700px;padding:20px;text-align:center}h1{margin-bottom:20px}.dropzone-wrapper{margin:0 auto;max-width:760px;position:relative;width:100%}.dropzone{background-color:#fafafa;border:2px dashed #aaa;border-radius:10px;box-sizing:border-box;cursor:pointer;margin-bottom:24px;min-height:320px;padding:30px;width:100%}.dropzone.loaded{background-color:#fafafa;border-color:#aaa;border-style:dashed;cursor:default;padding:20px}.dropzone:hover{background-color:#f0f0f0}.info-panel-side{background-color:#e5e7eb;border:1px solid #9ca3af;border-radius:10px;color:#111827;font-size:.95rem;line-height:1.7;padding:16px;position:absolute;right:-320px;top:0;width:240px}@media (max-width:1050px){.info-panel-side{margin-top:16px;position:static;right:auto;width:100%}}.player{margin-top:20px;position:relative}video{border-radius:10px;box-shadow:0 2px 6px #0003}.timeline{background:#ccc;border-radius:5px;cursor:pointer;height:10px;margin:10px 0 5px;position:relative}.progress{background:#007bff;border-radius:5px;height:100%}.range{background:red;border-radius:2px;height:18px;position:absolute;top:-4px;width:8px}.range.start{background:green}.range.end{background:red}.time-info{display:flex;font-size:.9rem;justify-content:space-around;margin-bottom:10px}button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 20px}button:hover{background:#0056b3}button:disabled{background:#aaa;cursor:not-allowed}.player-volume,.sound-multiplier{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:10px}.player-volume label,.sound-multiplier label{color:#333;font-size:1rem}.player-volume input[type=range],.sound-multiplier input[type=range]{width:200px}.player-volume span,.sound-multiplier span{color:#333;font-size:1rem}.player-controls{align-items:center;bottom:-10%;display:flex;justify-content:space-between;left:10px;position:absolute;width:95%}.limit-size-option{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:1rem;padding:10px}.limit-size-option label{color:#333;font-size:1rem}.limit-size-option input[type=number]{border:1px solid #ccc;border-radius:4px;font-size:.9rem;margin-top:5px;padding:5px;width:80px}.limit-size-option input[type=checkbox]{margin-right:10px}.hotkeys-legend{background-color:#f4f4f4;border-radius:6px;color:#333;font-size:.9rem;margin-top:20px;padding:10px 20px;text-align:left}.hotkeys-legend h3{color:#007bff;font-size:1.2rem;margin-bottom:10px}.hotkeys-legend ul{list-style-type:none;padding:0}.hotkeys-legend li{margin-bottom:5px}.video-player{border-radius:5px;box-shadow:0 2px 6px #0003;max-height:400px;width:100%}.volume-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#f000;border-radius:8px;bottom:15px;box-shadow:0 2px 6px #00000026;display:flex;gap:0;height:6%;justify-content:flex-end;padding:0 6px;position:absolute;right:0;width:15%;z-index:10}.volume-overlay input[type=range]{height:6px;max-width:100%;width:100%}.video-wrapper{position:relative}.volume-overlay{opacity:0;pointer-events:none;transition:opacity .3s ease}.video-wrapper:hover .volume-overlay{opacity:1;pointer-events:auto}.volume-overlay label{color:#333;font-size:.9rem;font-weight:500}.volume-overlay input[type=range]{flex:1 1}.timeline-bar{background-color:#d1d5db;border-radius:6px;cursor:pointer;height:24px;margin-top:1rem;position:relative}.timeline-range{background-color:#3b82f6;bottom:0;opacity:.4;position:absolute;top:0}.timeline-handle-end,.timeline-handle-start{cursor:ew-resize;height:100%;position:absolute;top:0;width:8px}.timeline-handle-start{background-color:#16a34a}.timeline-handle-end{background-color:#dc2626}.timeline-time-display{color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;margin-top:.25rem}.timeline-background{background-color:#101114;border-radius:6px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.timeline-indicator{background-color:#fff;bottom:0;pointer-events:none;position:absolute;top:0;width:2px;z-index:2}
/*# sourceMappingURL=main.0a2b3b4d.css.map*/