.audio-converter-page{max-width:100%;overflow-x:clip}.ac-app,.ac-header>div,.ac-settings>section,.audio-converter-page .main-column,.audio-converter-page .tool-ui{min-width:0}.audio-converter-page .tool-h1{overflow-wrap:anywhere}.audio-converter-page .tool-ui{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle);box-sizing:border-box;max-width:100%;padding:var(--space-6);width:100%}.ac-app{display:flex;flex-direction:column;gap:22px;max-width:100%;width:100%}.ac-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:20px;justify-content:space-between;padding-bottom:20px}.ac-header h2{color:var(--color-text);font-size:var(--text-2xl);margin:3px 0 5px}.ac-header p{color:var(--color-text-secondary);line-height:1.6;margin:0}.ac-info>span,.ac-kicker{color:var(--color-primary);font-size:11px;font-weight:800;letter-spacing:.13em}.ac-local{align-items:center;background:color-mix(in srgb,var(--color-success) 8%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-success) 35%,var(--color-border));border-radius:999px;color:var(--color-success);display:inline-flex;font-size:12px;font-weight:700;gap:7px;padding:8px 12px;white-space:nowrap}.ac-local svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:17px}.ac-drop{align-items:center;background:var(--color-bg);border:2px dashed var(--color-border-strong);border-radius:18px;box-sizing:border-box;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:9px;justify-content:center;max-width:100%;min-height:220px;padding:28px;transition:.2s;width:100%}.ac-drop.is-drag,.ac-drop:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-bg));border-color:var(--color-primary);transform:translateY(-2px)}.ac-drop-icon{background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50%;box-shadow:0 10px 24px color-mix(in srgb,var(--color-primary) 28%,transparent);color:#fff;display:grid;height:58px;place-items:center;width:58px}.ac-drop-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:28px}.ac-drop small,.ac-drop strong,.ac-legacy{max-width:100%;overflow-wrap:anywhere}.ac-drop strong{font-size:16px}.ac-drop small{color:var(--color-text-secondary)}.ac-legacy{background:var(--color-bg-tertiary);border-radius:999px;color:var(--color-text-muted);font-size:11px;padding:5px 10px}.ac-file{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px;display:grid;gap:13px;grid-template-columns:auto minmax(0,1fr) auto;padding:14px}.ac-file-icon{background:color-mix(in srgb,var(--color-primary) 9%,var(--color-bg));border-radius:12px;color:var(--color-primary);display:grid;height:44px;place-items:center;width:44px}.ac-file-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8;width:24px}.ac-file>div:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.ac-file span,.ac-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-file span{font-size:12px}.ac-file button,.ac-file span{color:var(--color-text-secondary)}.ac-file button{background:transparent;border:1px solid var(--color-border);border-radius:9px;cursor:pointer;font-size:22px;height:34px;width:34px}.ac-settings{display:grid;gap:18px;grid-template-columns:1.2fr .8fr}.ac-settings>section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:17px}.ac-section-head{align-items:flex-start;display:flex;gap:10px;margin-bottom:14px}.ac-section-head>span{background:color-mix(in srgb,var(--color-primary) 9%,var(--color-bg));border-radius:9px;color:var(--color-primary);display:grid;flex:0 0 30px;font-size:11px;font-weight:800;height:30px;place-items:center;width:30px}.ac-section-head h3{font-size:15px;margin:1px 0 3px}.ac-section-head p{color:var(--color-text-muted);font-size:11px;line-height:1.45;margin:0}.ac-formats{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.ac-formats button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:11px;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:2px;justify-content:center;min-height:57px}.ac-formats button small{color:var(--color-text-muted);font-size:9px}.ac-formats button.active,.ac-formats button:hover{border-color:var(--color-primary)}.ac-formats button.active{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.ac-formats button:disabled{border-style:dashed;cursor:not-allowed;opacity:.4}.ac-options,.ac-options label{display:grid;gap:10px}.ac-options label{align-items:center;color:var(--color-text-secondary);font-size:12px;font-weight:600;grid-template-columns:1fr minmax(110px,.8fr)}.ac-options select{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:9px;color:var(--color-text);font:inherit;font-size:12px;padding:9px 10px;width:100%}.audio-converter-page .sr-only{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.ac-quality-levels{border:0;display:grid;gap:9px;margin:0;padding:0}.ac-quality-levels label{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:11px;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);padding:11px 12px;position:relative;transition:border-color .18s,background .18s,box-shadow .18s}.ac-quality-levels label:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.ac-quality-levels label:has(input:checked){background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg));border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 9%,transparent)}.ac-quality-levels input{accent-color:var(--color-primary);height:15px;margin:0;width:15px}.ac-quality-levels label>span{display:flex;flex-direction:column;gap:2px;min-width:0}.ac-quality-levels strong{color:var(--color-text);font-size:12px}.ac-quality-levels strong b{font-size:11px}.ac-quality-levels small{color:var(--color-text-secondary);font-size:10px;line-height:1.4}.ac-quality-levels .recommended:after{background:var(--color-primary);border-radius:999px;color:#fff;content:"Đề xuất";font-size:8px;font-weight:800;letter-spacing:.04em;padding:2px 7px;position:absolute;right:9px;text-transform:uppercase;top:-7px}.ac-engine{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:11px;padding:12px 14px}.ac-engine>i{background:#f59e0b;border-radius:50%;flex:0 0 9px;height:9px;width:9px}.ac-engine.ready>i{background:var(--color-success)}.ac-engine.error>i{background:var(--color-danger)}.ac-engine div{display:flex;flex-direction:column;gap:2px}.ac-engine strong{font-size:12px}.ac-engine span{color:var(--color-text-muted);font-size:11px}.ac-message{background:#fef2f2;border:1px solid #fecaca;border-radius:11px;color:#b91c1c;font-size:12px;margin:0;padding:11px 13px}.ac-progress header{display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.ac-progress>div{background:var(--color-bg-tertiary);border-radius:999px;height:8px;overflow:hidden}.ac-progress i{background:linear-gradient(90deg,#7c3aed,#2563eb);border-radius:inherit;display:block;height:100%;transition:width .2s;width:0}.ac-actions{border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end;padding-top:18px}.ac-actions button,.ac-download{align-items:center;border-radius:11px;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:700;gap:8px;justify-content:center;min-height:45px;padding:0 18px}.ac-reset{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary)}.ac-convert,.ac-download{background:linear-gradient(135deg,#7c3aed,#2563eb);border:0;box-shadow:0 9px 20px rgba(79,70,229,.2);color:#fff}.ac-convert:disabled{box-shadow:none;cursor:not-allowed;opacity:.48}.ac-convert svg,.ac-download svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:19px}.ac-result{background:color-mix(in srgb,var(--color-success) 5%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-success) 35%,var(--color-border));border-radius:15px;display:flex;flex-direction:column;gap:14px;padding:17px}.ac-result header{align-items:center;display:flex;gap:12px;justify-content:space-between}.ac-result header span{color:var(--color-success);font-size:10px;font-weight:800;letter-spacing:.1em}.ac-result h3{font-size:17px;margin:3px 0 0}.ac-result header>strong{color:var(--color-text-secondary);font-size:12px}.ac-result audio{width:100%}.ac-download{align-self:flex-end;text-decoration:none}.ac-info{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-subtle);margin-top:var(--space-10);padding:var(--space-8)}.ac-info h2{font-size:var(--text-2xl);margin:5px 0 10px}.ac-info>p{color:var(--color-text-secondary);line-height:1.7;margin:0}.ac-info>div{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:20px}.ac-info article{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:13px;padding:15px}.ac-info article>strong{color:var(--color-primary);font-size:20px}.ac-info h3{font-size:14px;margin:5px 0}.ac-info article p{color:var(--color-text-secondary);font-size:12px;line-height:1.5;margin:0}@media(max-width:760px){.audio-converter-page .tool-ui{padding:var(--space-4)}.ac-header{flex-direction:column}.ac-settings{grid-template-columns:1fr}.ac-formats{grid-template-columns:repeat(3,1fr)}.ac-info>div{grid-template-columns:1fr}.ac-actions{flex-direction:column-reverse}.ac-actions button,.ac-download{width:100%}.ac-download{align-self:stretch}.ac-result header{align-items:flex-start;flex-direction:column}}@media(max-width:420px){.ac-formats{grid-template-columns:repeat(2,1fr)}.ac-options label{grid-template-columns:1fr}.ac-drop{padding:20px 12px}.ac-local{white-space:normal}}