:root{--primary-color:#4a0e4e;--secondary-color:#4d0f94;--accent-color:#3498db;--background-color:#fff;--text-color:#333;--light-text-color:#666;--error-color:#e74c3c;--success-color:#2ecc71;--button-color:#b8860b}body{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;padding:0}.app-container{margin:0 auto;max-width:800px;padding:40px 20px}.app-header{margin-bottom:40px;text-align:center}.app-header h1{color:#4a0e4e;color:var(--primary-color);font-size:3.5em;font-weight:800;margin:0;text-shadow:2px 2px 4px #0000001a}.app-header .subtitle{color:#666;color:var(--light-text-color);font-size:1.2em;font-weight:400;margin:10px 0 0}.app-main{background:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;min-height:400px;padding:30px;position:relative;transition:min-height .3s ease}.app-main.loading{min-height:600px}.result-section,.upload-section,.url-section{margin-bottom:30px}h2{color:#4a0e4e;color:var(--primary-color);font-size:1.8em;font-weight:600;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:15px}.file-input-wrapper{display:inline-block;overflow:hidden;position:relative}.file-input{cursor:pointer;font-size:100px;opacity:0;position:absolute;right:0;top:0}.file-label{background-color:#b8860b;background-color:var(--button-color);border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:10px 20px;transition:background-color .3s,transform .1s}.file-label:hover{background-color:#a67c00;transform:translateY(-1px)}.file-label:active{transform:translateY(1px)}.url-input{border:1px solid #666;border:1px solid var(--light-text-color);border-radius:4px;color:#333;color:var(--text-color);font-size:16px;padding:10px;transition:border-color .3s;width:100%}.url-input:focus{border-color:#3498db;border-color:var(--accent-color);outline:none}.generate-another-button,.submit-button{background-color:#b8860b;background-color:var(--button-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:background-color .3s,transform .1s}.generate-another-button:hover,.submit-button:hover{background-color:#a67c00;transform:translateY(-1px)}.generate-another-button:active,.submit-button:active{transform:translateY(1px)}.submit-button:disabled{background-color:#bdc3c7;color:#7f8c8d;cursor:not-allowed;transform:none}.loading-overlay{align-items:center;background-color:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.loading-content{text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#b8860b;border-top:4px solid var(--button-color);height:50px;margin:20px auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.audio-player{margin-bottom:20px;width:100%}.download-link{background-color:#b8860b;background-color:var(--button-color);border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;margin-right:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s,transform .1s}.download-link:hover{background-color:#a67c00;transform:translateY(-1px)}.download-link:active{transform:translateY(1px)}.generate-another-button{margin-top:20px}.file-info{align-items:center;background-color:#f1f3f5;border-radius:4px;display:flex;margin-top:10px;padding:8px 12px}.file-info span{color:#333;color:var(--text-color);flex-grow:1;margin-right:10px;word-break:break-all}.delete-file{align-items:center;background:none;border:none;border-radius:50%;color:#e74c3c;color:var(--error-color);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .3s}.delete-file:hover{background-color:#fdeaea}@media (max-width:600px){.app-container{padding:20px 10px}.app-main{padding:20px}.app-header h1{font-size:2.5em}.app-header .subtitle{font-size:1em}}.keys-button{align-items:center;background-color:#b8860b;background-color:var(--button-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .3s;width:40px}.keys-button:hover{background-color:#a67c00}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;padding:20px;width:300px}.modal-content h2{margin-top:0}.modal-content label{display:block;margin-top:10px}.modal-content input{margin-top:5px;padding:5px;width:100%}.modal-buttons{display:flex;justify-content:flex-end;margin-top:20px}.modal-buttons button{background-color:#b8860b;background-color:var(--button-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.modal-buttons button:hover{background-color:#a67c00}.process-stage{margin:15px 0}.icon-wrapper,.process-stage{align-items:center;display:flex}.icon-wrapper{background-color:#f0f0f0;border-radius:50%;height:40px;justify-content:center;margin-right:15px;width:40px}.icon-wrapper.active{animation:pulse 1.5s infinite;background-color:#4caf50}.icon-wrapper svg{height:24px;width:24px}.active svg{stroke:#fff}@keyframes pulse{0%{box-shadow:0 0 0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}
/*# sourceMappingURL=main.3dd640fb.css.map*/