.audio-tool {padding:28px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;color:#182b45;box-shadow:0 8px 28px #1f37580f}.audio-tool [hidden]{display:none!important}.audio-picker{text-align:center;border:2px dashed #a9bdd5;border-radius:12px;padding:32px 16px;background:#f6f9fd}.audio-picker.is-dragging{border-color:#2563eb;background:#edf4ff}.audio-picker>.material-icons{font-size:42px;color:#2563eb}.audio-tool button,.audio-button{display:inline-block;padding:10px 20px;border:0;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer;font:inherit;text-decoration:none}.audio-tool button:disabled{opacity:.5;cursor:wait}.audio-tool button:focus-visible,.audio-tool a:focus-visible,.audio-tool select:focus-visible,.audio-tool input:focus-visible{outline:3px solid #93b9ff;outline-offset:3px}.audio-tool .audio-secondary{margin-top:0;background:#edf2f8;color:#263a55}.audio-muted,.audio-privacy{color:#52657d;font-size:14px}.audio-privacy{padding:14px;background:#f0f8f5;border-radius:8px}.audio-warning,#audio-notice{padding:12px;border-radius:8px;background:#fff6df;color:#745300}#audio-notice{background:#fff0f1;color:#a61c30}#audio-details{display:grid;grid-template-columns:minmax(100px,1fr) 3fr;gap:8px 16px}#audio-details dt{color:#52657d}#audio-details dd{margin:0;overflow-wrap:anywhere}.audio-tool fieldset{border:1px solid #dfe6ef;border-radius:10px;margin:18px 0;padding:16px}.audio-tool fieldset label{display:inline-flex;gap:6px;align-items:center;margin-inline-end:22px}.audio-tool select{max-width:100%;padding:8px;border:1px solid #a9bdd5;border-radius:6px;background:#fff}.audio-tool progress{width:80%;height:18px;margin:16px 0;accent-color:#2563eb}#audio-result-name{overflow-wrap:anywhere}.audio-guide{margin-top:32px}.audio-guide h2{font-size:20px;margin-top:26px}.audio-guide p{color:#52657d;line-height:1.8}@media(max-width:560px){.audio-tool{padding:16px}.audio-picker{padding:24px 12px}#audio-details{grid-template-columns:1fr 2fr;font-size:14px}.audio-tool fieldset label{margin-inline-end:12px}.audio-tool progress{width:72%}}

.audio-information { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; margin:24px 0; }
.audio-information>div { min-width:0; }
.audio-information h2 { margin:0 0 16px; font-size:20px; }
.audio-preview video { display:block; width:100%; max-height:320px; aspect-ratio:16/9; background:#101827; border-radius:10px; object-fit:contain; }
.audio-settings-row { display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; }
.audio-settings-row fieldset { min-width:0; margin:0; flex:1 1 310px; }
.audio-quality { flex:1 1 220px; display:flex; flex-direction:column; justify-content:center; gap:8px; padding:16px; border:1px solid #dfe6ef; border-radius:10px; }
.audio-quality>label { font-weight:600; }
.audio-quality select { width:100%; }
.audio-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.audio-actions:has(button:not([hidden]), a:not([hidden])) { margin-top:16px; }
@media(max-width:700px) { .audio-information { grid-template-columns:1fr; gap:20px; } }

@media(min-width:701px) { #audio-details { grid-template-columns:max-content minmax(0,1fr); } #audio-details dt { white-space:nowrap; } }

.audio-button[aria-disabled="true"] { background:#e2e8f0; color:#8190a3; cursor:not-allowed; }