.audio-tool{width:100%}.drop-zone{text-align:center;border-radius:var(--radius);cursor:pointer;border:2px dashed #ccc;justify-content:center;align-items:center;min-height:140px;padding:1.5rem;transition:background .15s,border-color .15s;display:flex}.drop-zone:hover,.drop-zone.is-dragover{background:#f7f7f7;border-color:#999}.media-info[hidden]{display:none}.media-info{margin-top:1.25rem}.media-info-title{word-break:break-word;margin:0 0 .75rem;font-size:1rem;font-weight:600}.media-info-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;display:grid}.media-info-card{border-radius:var(--radius);background:#fafafa;border:1px solid #ddd;padding:.85rem 1rem}.media-info-label{color:#666;margin-bottom:.25rem;font-size:.8rem;display:block}.media-info-card strong{font-size:1.05rem}.audio-controls{flex-wrap:wrap;gap:1rem;margin-top:1.25rem;display:flex}.control-group[hidden]{display:none}.control-group{min-width:160px}.control-group label{margin-bottom:.5rem;font-weight:600;display:block}.control-group select{width:100%;font:inherit;border-radius:var(--radius);border:1px solid #ccc;padding:.7rem}.audio-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.audio-actions button,.download-wrap button{font:inherit;border-radius:var(--radius);cursor:pointer;border:1px solid #ccc;padding:.7rem 1.2rem}.audio-actions button:disabled,.download-wrap button:disabled{opacity:.5;cursor:not-allowed}.progress-wrap{margin-top:1.25rem}.progress-track{background:#eee;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar{background:#333;width:0%;height:100%;transition:width .15s}.audio-status{min-height:1.5rem;margin-top:1rem;font-size:.9rem}.output-player[hidden]{display:none}.output-player{width:100%;margin-top:1.25rem;display:block}.download-wrap{margin-top:1.25rem}@media (width<=600px){.audio-actions{flex-direction:column}.audio-actions button{width:100%}.control-group{width:100%;min-width:0}.download-wrap button{width:100%}}.tool-about{max-width:var(--content-width);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid #eee}.tool-about h2{margin:var(--space-lg) 0 var(--space-sm);font-size:1.3rem}.tool-about h2:first-child{margin-top:0}.tool-about>p{margin:0 0 var(--space-md);color:#444}.about-grid{margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.about-card{border-radius:var(--radius);background:#fafafa;border:1px solid #eee;padding:1rem 1.1rem}.about-card h3{margin:0 0 .4rem;font-size:1rem}.about-card p{color:#555;margin:0;font-size:.9rem}.about-list{margin:0 0 var(--space-md);color:#444;padding-left:1.2rem}.about-list li{margin-bottom:.4rem}.faq-list{flex-direction:column;gap:.6rem;display:flex}.faq-item{border-radius:var(--radius);background:#fafafa;border:1px solid #eee;padding:.9rem 1.1rem}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{color:#555;margin:.6rem 0 0;font-size:.9rem}