.converter-container{max-width:700px;margin:40px auto 50px;padding:30px;background:#fff;border-radius:15px;box-shadow:0 8px 25px rgb(0 0 0 / .1);color:#333;box-sizing:border-box}.converter-title{text-align:center;margin-bottom:15px;font-size:27px;font-weight:500;margin-top:0}.progress-view{padding:20px 0}.progress-header{display:flex;align-items:center;margin-bottom:15px}.progress-spinner{width:20px;height:20px;border:3px solid #f0f0f0;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-right:15px}.progress-container{flex-grow:1;height:20px;background-color:#ecf0f1;border-radius:10px;overflow:hidden}.progress-bar-inner{height:100%;width:0%;background-color:#3498db;transition:width 0.2s ease-in-out;border-radius:10px}.progress-percentage-text{font-weight:500;margin-left:15px;color:#2c3e50}@keyframes spin{to{transform:rotate(360deg)}}.upload-section.drag-over{border-color:#2a73d9;background:#f1f3ff}.drop-text{font-size:17px;margin-bottom:0;margin-top:10px;font-weight:500;text-align:center}.upload-section{background-color:#f8f9fa;border-radius:10px;padding:25px;margin-bottom:25px;border:2px dashed #ced4da;text-align:center;transition:all 0.3s ease;cursor:pointer}.file-input{display:none}.file-input:hover{background-color:#f8f9fa;border-color:#adb5bd}.drop-or{margin-bottom:15px;margin-top:5px;font-size:17px;text-align:center}.upload-btn{padding:9px 13px;background-color:#0073e6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color 0.3s}.upload-btn:hover,.upload-btn:focus{background-color:#0073e6}.upload-btn:active{background-color:#0073e6;transform:scale(.97)}.file-input:hover{background-color:#f8f9fa;border-color:#adb5bd}.file-input::file-selector-button{background-color:#e9ecef;color:#495057;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;margin-right:10px;transition:background-color 0.3s}.file-input::file-selector-button:hover{background-color:#dee2e6}.controls-section{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.convert-btn,.download-btn,.clear-btn,.back-btn{padding:9px 13px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center}.convert-btn:active,.download-btn:active,.clear-btn:active,.back-btn:active{transform:scale(.97);transition:transform 0.1s ease}.convert-btn{background-color:#188932;color:#fff}.convert-btn:hover{background-color:#218838}.convert-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.clear-btn{background-color:#dc3545;color:#fff}.clear-btn:hover,.clear-btn:focus,.clear-btn:active{background-color:#dc3545}.download-btn{background-color:#a8680f;color:#fff}.download-btn:hover,.download-btn:focus,.download-btn:active{background-color:#a8680f}.back-btn{background-color:#6c757d;color:#fff}.back-btn:hover,.back-btn:focus,.back-btn:active{background-color:#6c757d}.download-btn .btn-spinner{display:none;width:18px;height:18px;border:3px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;margin-left:10px}.download-btn.is-downloading .btn-spinner{display:inline-block;animation:spin 1s linear infinite}.result-section{padding:10px;text-align:center}.success-icon{width:50px;height:50px;color:#28a745;margin-bottom:0}.result-message{font-size:1.2rem;font-weight:500;color:#2c3e50;text-align:center;margin-bottom:15px;margin-top:0}.success-view{display:none;flex-direction:column;align-items:center;gap:15px}.clear-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.status-title{margin-bottom:15px;font-weight:500;font-size:1.1rem;display:flex;align-items:center}.animated-loading-text{text-align:center;font-size:17px;color:#5a6a7a}.conversion-counter{text-align:center;font-size:17px;color:#555;font-weight:500;margin-top:10px;margin-bottom:5px;height:1.2em}.wait-message{text-align:center;font-style:italic;font-size:17px;color:#888;margin-top:10px;height:1.2em}.converter-hidden{display:none}.options-section{background-color:#fff;border-radius:10px;padding:10px 15px;margin-bottom:15px;border:1px solid #e9ecef}.options-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.options-header:focus-visible{outline:2px solid #80bdff;outline-offset:2px;border-radius:4px}.options-title{margin:0;font-size:17px;font-weight:500}.options-toggle-icon{transition:transform 0.3s ease;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transform:rotate(0deg)}.options-section:not(.collapsed) .options-toggle-icon{transform:rotate(180deg)}.options-content{overflow:hidden;transition:max-height 0.4s ease-out,padding-top 0.4s ease-out,margin-top 0.4s ease-out;max-height:1000px;padding-top:20px;margin-top:10px;border-top:1px solid #e9ecef}.options-section.collapsed .options-content{max-height:0;padding-top:0;margin-top:0;border-top:none}.option-item{display:flex;flex-direction:column}.option-label{margin-bottom:15px;font-weight:500;font-size:16px;display:flex;align-items:center}.quality-control-group{display:flex;align-items:center;gap:15px}.quality-control-group .option-label{margin-bottom:0;flex-shrink:0}.volume-control-group{display:flex;align-items:center;gap:10px;width:100%}.volume-control-group .option-label{margin-bottom:0;flex-shrink:0}.volume-slider{cursor:pointer}.volume-percentage{font-weight:500;padding:2px 8px;border-radius:5px}.option-item{margin-bottom:15px}.option-item:last-child{margin-bottom:0}.sub-option-group{display:flex;align-items:center;gap:10px;margin-top:8px;padding-left:2px;margin-bottom:5px}.options-section input[type="checkbox"]{transform:scale(1.2);cursor:pointer}.converter-container .duration-input{width:70px;padding:5px 8px;border-radius:5px;border:1px solid #ced4da;background-color:#fff;color:#495057;font-size:16px}.duration-input:disabled{background-color:rgb(0 0 0 / .1);cursor:not-allowed;opacity:.6}.duration-input,.metadata-input-group input[type="number"]{-moz-appearance:textfield;appearance:textfield}.duration-input::-webkit-outer-spin-button,.duration-input::-webkit-inner-spin-button,.metadata-input-group input[type="number"]::-webkit-outer-spin-button,.metadata-input-group input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sub-option-group label{font-weight:500;font-size:16px}.quality-select{padding:8px 12px;border-radius:5px;border:1px solid #ced4da;background-color:#fff;color:#495057;font-size:1rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:20px 20px;padding-right:40px}.metadata-section{padding-top:5px;margin-top:15px}.metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.metadata-input-group{display:flex;flex-direction:column}.metadata-input-group label{font-weight:500;font-size:15px;margin-bottom:5px}.converter-container .metadata-input-group input[type="text"],.converter-container .metadata-input-group input[type="number"],.converter-container .metadata-input-group textarea{width:100%;padding:8px;border-radius:5px;background-color:#fff;border:1px solid #ced4da;font-size:15px;box-sizing:border-box;transition:border-color 0.2s,box-shadow 0.2s}.metadata-input-group textarea{resize:vertical;min-height:60px}.metadata-input-group input[type="text"]:hover,.metadata-input-group input[type="number"]:hover,.metadata-input-group textarea:hover,.metadata-input-group input[type="text"]:focus,.metadata-input-group input[type="number"]:focus,.metadata-input-group textarea:focus{border-color:#80bdff;box-shadow:0 0 0 1px rgb(0 123 255 / .25);outline:none}.converter-container input[type="number"],.converter-container select{background-color:#fff;border-radius:5px;border:1px solid #ced4da;transition:border-color 0.2s,box-shadow 0.2s}.converter-container input[type="number"]:hover,.converter-container select:hover,.converter-container input[type="number"]:focus,.converter-container select:focus,.converter-container input[type="number"]:active,.converter-container select:active{background-color:#fff;border-color:#80bdff;box-shadow:0 0 0 1px rgb(0 123 255 / .25);outline:none}.converter-container button:focus,.converter-container button:active{outline:none;box-shadow:none}.file-list-container{margin-bottom:25px}.file-list{list-style-type:none;padding:0;margin:0;max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px}.file-item{display:flex;align-items:center;gap:15px;padding:10px 15px;border-bottom:1px solid #f0f0f0;background-color:#fff}.file-item:last-child{border-bottom:none}.file-item-info{flex-grow:1;min-width:0}.file-item-name{font-weight:500;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.file-item-meta{font-size:14px;color:#525a5b;margin-top:5px;display:flex;align-items:center;gap:12px}.file-item-size{border-left:1px solid #ccc;padding-left:12px}.file-item-controls{display:flex;align-items:center;gap:10px}.file-item-progress-bar{width:100%;height:6px;background-color:#e9ecef;border-radius:3px;margin-top:8px;overflow:hidden}.file-item-progress-fill{height:100%;background-color:#4cd964;width:0%;transition:width 0.3s ease}.converter-container .item-remove-btn{background:none;border:none;cursor:pointer;color:#adb5bd;padding:0;transition:color 0.2s ease}.item-remove-btn:active{transform:scale(.9)}.item-remove-btn:hover{color:#e74c3c}.faq-list{margin-top:1rem}.faq-list dt{font-weight:500;font-size:1.1em}.faq-list dd{margin-left:0;margin-top:.5rem;margin-bottom:1rem;padding-left:1rem;padding-bottom:10px;border-bottom:1px dashed #ddd}@media (max-width:768px){.converter-container{margin-bottom:60px;padding:15px 0;border-radius:0;box-shadow:none;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}.metadata-grid{grid-template-columns:1fr;gap:12px}.quality-control-group,.volume-control-group{flex-wrap:wrap}.volume-control-group .option-label{width:100%;margin-bottom:0}.volume-control-group .volume-slider{flex-grow:1}.volume-control-group{gap:0}.quality-control-group{gap:4px}.result-section{padding:10px 0}.options-section{padding:10px}.file-item{gap:10px}}