.audio-compression{box-sizing:border-box;width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff);color:var(--ink);box-shadow:0 24px 90px #0003;font:inherit}
.audio-compression::backdrop{background:#111a35a6;backdrop-filter:blur(4px)}
.audio-compression [hidden]{display:none!important}.ac-header{display:flex;gap:20px;align-items:center;justify-content:space-between}.ac-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.audio-compression h2{font-size:24px;letter-spacing:-.5px;margin:4px 0 0}.ac-close{border:0;background:var(--surface-2,#f2f4f8);color:var(--muted);border-radius:10px;width:34px;height:34px;cursor:pointer;font:24px/1 inherit}.ac-intro{font-size:14px;color:var(--muted);line-height:1.6;margin:15px 0 19px}.ac-file{border:1px solid var(--line);padding:14px;border-radius:13px;display:flex;align-items:center;gap:13px;background:var(--surface-2,#f6f8fc)}.ac-file>div{min-width:0}.ac-file strong{font-size:14px;display:block;overflow-wrap:anywhere}.ac-file small{color:var(--muted);font-size:12px;display:block;margin-top:4px}.ac-icon{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;color:var(--accent,#3155ee);background:var(--accent-soft,#eaf0ff)}.ac-icon svg{width:23px;height:23px}.ac-settings{margin:22px 0 14px}.ac-settings label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.ac-settings .hint{font-size:12px;line-height:1.6}.ac-estimate{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface-2,#f6f8fc);border-radius:10px;padding:11px 13px;font-size:13px}.ac-estimate strong{color:var(--accent,#3155ee);font-variant-numeric:tabular-nums}.ac-status{font-size:12px;color:var(--muted);margin-top:16px;min-height:18px}.ac-progress{width:100%;height:7px;display:block;margin:12px 0 18px;accent-color:var(--accent,#3155ee);border-radius:5px}.ac-error{font-size:13px;line-height:1.6;margin:15px 0}.ac-result{background:var(--surface-2,#f6f8fc);border:1px solid var(--line);border-radius:12px;padding:14px;margin:16px 0}.ac-result>strong{color:var(--accent,#3155ee);font-size:14px}.ac-result p{font-size:13px;margin:5px 0 10px}.ac-result audio{width:100%;height:42px}.ac-result .hint{font-size:12px;margin:8px 0 0;color:var(--muted)}.ac-actions{position:sticky;bottom:-26px;background:var(--surface,#fff);padding:12px 0 4px;display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;margin-top:23px}.ac-actions .btn{font-size:13px}.audio-compression button:focus-visible,.audio-compression select:focus-visible{outline:3px solid #809aff;outline-offset:3px}.audio-pending-note{color:var(--muted);font-size:12px;margin:8px 0}.audio-pending-tag{color:var(--accent,#3155ee);font-size:11px;margin-left:5px}
@media(max-width:600px){.audio-compression{padding:20px;max-height:calc(100dvh - 20px)}.audio-compression h2{font-size:22px}.ac-actions{bottom:-20px}.ac-actions .btn{flex:1 1 100%;text-align:center;justify-content:center}.ac-actions [data-use]{order:-1}.ac-actions [data-start]{order:-1}.ac-settings select{font-size:16px}}