body{background-color:#f0f0f0;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:20px}#app{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;width:80%}#drop-zone{background:#fff;border:2px dashed #ccc;border-radius:20px;cursor:pointer;padding:50px;text-align:center}#lyrics-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;font-size:24px;gap:10px;line-height:1.5;max-height:70vh;overflow-y:auto;padding:20px}.line{border-radius:5px;margin:0;opacity:.6;padding:10px;transition:all .3s}.line.active{background-color:#0000000d;opacity:1;transform:scale(1.02)}.word{cursor:default;transition:all .3s}.word.active{background-color:#f44;color:#fff;font-weight:700}.word.timing{background-color:#4caf50;color:#fff}#controls{background:#ffffffe6;border-radius:10px;bottom:0;box-shadow:0 -2px 10px #0000001a;justify-content:space-between;padding:20px;position:sticky}#controls,#playback-info{align-items:center;display:flex}#playback-info{font-family:monospace;font-size:18px;gap:20px}#current-time,#playback-speed{background:#eee;border-radius:5px;padding:5px 10px}#save-button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:all .3s}#save-button:disabled{background:#ccc;cursor:not-allowed}#save-button:hover:not(:disabled){background:#45a049}#file-info{background:#ffffffe6;border-radius:5px;color:#666;font-size:14px;margin:10px 0;padding:10px}#audio-file-info,#json-file-info{margin:5px 0}#file-info:empty{display:none}#spacebar-state{background-color:#4caf50;border-radius:3px;color:#fff;display:inline-block;font-size:12px;margin-left:10px;opacity:0;padding:2px 6px;transition:opacity .3s}#spacebar-state.active{opacity:1}.App{background-color:#f5f5f5;justify-content:center;margin:0 auto;max-width:800px;min-height:100vh;padding:20px;text-align:center}.App,.audio-player{align-items:center;display:flex}.audio-player{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;flex-direction:column;margin-top:20px;max-width:900px;padding:2rem;width:90%}.file-uploads{gap:10px;margin-bottom:20px;max-width:400px;width:100%}.file-upload,.file-uploads{display:flex;flex-direction:column}.file-upload{align-items:flex-start;gap:5px}.file-upload label{color:#333;font-weight:500}.file-input{border:2px dashed #ccc;border-radius:5px;cursor:pointer;padding:1rem;transition:border-color .3s;width:100%}.file-input:hover{border-color:#4caf50}.player-controls{display:flex;flex-direction:column;gap:10px;margin-top:20px;width:100%}audio{width:100%}.control-buttons{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.speed-control{align-items:center;display:flex;gap:10px}.speed-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 10px}.speed-btn:hover:not(:disabled){background-color:#e0e0e0}.speed-btn:disabled{cursor:not-allowed;opacity:.5}.speed-display{font-size:14px;font-weight:700;min-width:40px;text-align:center}.play-pause-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px}.play-pause-btn:hover{background-color:#2980b9}.time-display{font-size:14px;margin-top:5px;text-align:center}.editor-buttons{display:flex;gap:15px}.save-lyrics-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:background-color .2s}.save-lyrics-btn:hover{background-color:#45a049}.save-lyrics-btn:active{background-color:#3e8e41}.reset-lyrics-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:background-color .2s}.reset-lyrics-btn:hover{background-color:#d32f2f}.reset-lyrics-btn:active{background-color:#b71c1c}.lyrics-display{align-items:center;background-color:#f8f8f8;display:flex;justify-content:center;margin-top:1rem;min-height:60px;padding:1rem;width:100%}.lyrics-display p{color:#333;font-size:1.1rem;margin:0}.json-display{background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;color:#333;font-family:monospace;font-size:.9rem;line-height:1.4;max-height:300px;overflow-x:auto;padding:1rem;text-align:left}.lyrics-display h3{color:#333;margin-bottom:.5rem}.correction-indicator{color:#ff6b6b}.spacebar-active-indicator,.spacebar-indicator{background:#4ecdc433;border-radius:4px;color:#4ecdc4;font-weight:700;padding:2px 8px}.editor-controls{align-items:center;display:flex;justify-content:space-between;margin:10px 0;width:100%}.timing-status{min-height:24px}.player-info-container{display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.playback-speed-display{align-items:center;display:flex}.speed-label{font-size:14px;margin-right:5px}.speed-value{font-size:14px;font-weight:700}.editor-controls-column{align-items:center;flex-direction:column}.editor-controls-column,.uploaded-files-info{display:flex;justify-content:center;width:100%}.uploaded-files-info{background-color:#f5f5f5;border-bottom:1px solid #ddd;gap:20px;margin-bottom:15px;padding:8px 15px}.file-info-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:50%}.file-info{font-size:14px;font-weight:500;margin:0}.keyboard-shortcuts{color:#777;font-size:.85em;margin:5px 0;padding:0 10px;text-align:left;width:100%}.keyboard-shortcuts ul{list-style-type:none;margin:3px 0;padding:0}.keyboard-shortcuts li{margin:2px 0}.keyboard-shortcuts strong{color:#555}.lyrics-display{border:1px solid #ccc;border-radius:5px;margin-top:20px;overflow-y:auto;padding:10px;text-align:left}.lyric-line{margin-bottom:0;padding:10px;transition:background-color .3s}.active-line{background-color:#f0f0f0;border-radius:5px}.word{border-radius:3px;display:inline-block;margin:0 5px;padding:2px 4px;transition:background-color .2s}.highlighted{background-color:#f44;border-radius:3px}.correction-mode.active-line{background-color:#e8f5e9}.correction-mode.highlighted{background-color:#81c784}.correction-indicator{color:green;font-weight:700;margin-left:10px}.line-words{font-size:24px;margin-bottom:2px}.timing{background-color:#4ecdc4;border-radius:3px;box-shadow:0 0 0 2px #4ecdc4;color:#fff}.correction-indicators{align-items:center;display:flex;gap:10px;margin-top:5px}.spacebar-indicator{background:#4ecdc433;border-radius:4px;color:#4ecdc4;font-weight:700;padding:2px 8px}.line-edit-form{display:flex;flex-direction:column;gap:8px;padding:8px 0}.line-edit-input{background-color:#fff;border:2px solid #4ecdc4;border-radius:4px;font-size:1em;padding:8px 12px;width:100%}.line-edit-buttons{display:flex;gap:10px}.line-edit-cancel,.line-edit-save{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:6px 12px;transition:background-color .2s}.line-edit-save{background-color:#4ecdc4;color:#fff}.line-edit-save:hover{background-color:#3db9b0}.line-edit-cancel{background-color:#f1f1f1;color:#333}.line-edit-cancel:hover{background-color:#e0e0e0}.correction-help{color:#666;font-style:italic}
/*# sourceMappingURL=main.9a987e61.css.map*/