.audio-converter-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f5f6fa,#dfe6e9);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3436}@media(max-width:768px){.audio-converter-container{padding:1rem}}.converter-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:2rem;width:100%;max-width:800px;margin:0 auto}.converter-title{text-align:center;color:#6c5ce7;margin-bottom:.5rem;font-size:2rem;font-weight:700}.converter-description{text-align:center;color:#636e72;margin-bottom:2rem;font-size:1rem}.upload-section{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;border:2px dashed #dfe6e9;border-radius:12px;transition:all .3s ease;cursor:pointer}.upload-section:hover{border-color:#6c5ce7;background:rgba(162,155,254,.05)}.file-input{display:none}.upload-label{display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;text-align:center}.upload-label span{margin-top:1rem;font-weight:600;color:#6c5ce7;font-size:1.1rem}.upload-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background:rgba(108,92,231,.1);border-radius:50%;color:#6c5ce7}.upload-icon svg{width:30px;height:30px;fill:currentColor}.upload-hint{margin-top:.5rem;font-size:.9rem;color:#636e72}.file-info-section{display:flex;flex-direction:column;gap:1.5rem}.file-info{gap:1rem;padding:1rem;background:#f5f6fa;border-radius:12px}.file-icon,.file-info{display:flex;align-items:center}.file-icon{justify-content:center;width:40px;height:40px;color:#6c5ce7}.file-icon svg{width:24px;height:24px;fill:currentColor}.file-details{flex:1}.file-details h3{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-details p{margin:.2rem 0 0;font-size:.8rem;color:#636e72}.change-file-btn{background:none;border:none;color:#6c5ce7;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.change-file-btn:hover{background:rgba(108,92,231,.1)}.settings-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#f5f6fa;border-radius:12px}.settings-section h3{margin:0 0 .5rem;font-size:1.1rem}.setting-control{display:flex;align-items:center;gap:1rem}.setting-control label{flex:0 0 120px;font-size:.9rem;font-weight:500}.setting-control input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:#dfe6e9;border-radius:3px;outline:none}.setting-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#6c5ce7;border-radius:50%;cursor:pointer;transition:all .3s ease}.setting-control input[type=range]:disabled{opacity:.6;cursor:not-allowed}.setting-control input[type=range]:disabled::-webkit-slider-thumb{background:#636e72}.setting-control span{flex:0 0 30px;text-align:center;font-size:.9rem;font-weight:600;color:#6c5ce7}.convert-btn,.download-btn{width:100%;padding:1rem;border:none;border-radius:12px;background:#6c5ce7;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.convert-btn:hover,.download-btn:hover{background:rgb(67.9090909091,47.5454545455,224.4545454545);transform:translateY(-2px)}.convert-btn:disabled,.download-btn:disabled{background:#dfe6e9;cursor:not-allowed;transform:none}.download-btn{background:#00b894}.download-btn:hover{background:rgb(0,133,106.9782608696)}.progress-section{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-container label{font-size:.9rem;font-weight:500;color:#636e72}.progress-container progress{width:100%;height:8px;border-radius:4px;-webkit-appearance:none}.progress-container progress::-webkit-progress-bar{background:#dfe6e9;border-radius:4px}.progress-container progress::-webkit-progress-value{background:#6c5ce7;border-radius:4px;transition:width .3s ease}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:rgba(214,48,49,.1);border-radius:12px;color:#d63031;margin-top:1.5rem;font-size:.9rem}.error-message svg{width:20px;height:20px;fill:currentColor}.hidden-download-link{display:none}@media(max-width:600px){.converter-card{padding:1.5rem}.setting-control{flex-direction:column;align-items:flex-start;gap:.5rem}.setting-control label{flex:1}.setting-control input[type=range]{width:100%}.file-info{flex-direction:column}.file-info,.file-info .file-details{text-align:center}}