/* Audio-only surface matching the approved reference. */
.audio-converter-page{--audio-panel:#122640;--audio-ink:#e4edff;--audio-muted:#afc7eb;--audio-border:#304c70}
.audio-converter-page.tool-studio.vc-workspace main.specialist-family{display:block;width:calc(100% - var(--workspace-offset));max-width:none;padding:28px clamp(20px,4vw,50px) 32px}
.audio-converter-page main>*{max-width:1128px;margin-inline:auto}
.audio-converter-page .audio-hero{display:flex;align-items:center;gap:20px;padding:0;margin-bottom:24px}
.audio-converter-page .audio-hero-icon{display:grid;place-items:center;width:76px;height:76px;flex:none;border:1px solid #00baff;border-radius:17px;background:linear-gradient(135deg,#074579,#102443);color:#17c7ff;box-shadow:inset 0 0 18px #00bcff16}
.audio-hero-icon svg{width:42px;height:42px}
.audio-converter-page .audio-hero p{margin:0;color:var(--audio-muted);font-size:13px}
.audio-converter-page .audio-hero h1{font-size:clamp(29px,3.6vw,44px);line-height:1.2;letter-spacing:-.025em;margin:3px 0 10px;background:linear-gradient(100deg,#5dd8f4,#e1e6ff 70%);background-clip:text;-webkit-text-fill-color:transparent}
.audio-converter-page .audio-hero .lead{margin:0;font-size:15px;line-height:1.5}
.audio-converter-page .audio-tool-card{padding:22px 38px 26px!important;border:1px solid #315b86!important;border-radius:16px!important;background:radial-gradient(ellipse at 10% 10%,#15396088,transparent 70%),linear-gradient(120deg,#102641,#14253b)!important;box-shadow:inset 0 1px 1px #92beff13,0 14px 50px #0003!important;color:var(--audio-ink)}
.audio-converter-page .audio-upload{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #8096ba;border-radius:13px;background:linear-gradient(115deg,#0c192c,#101c2e);padding:24px 18px 14px;margin:16px 6px 48px;box-shadow:0 0 0 18px #7593b805}
.audio-upload-icon{width:58px;height:58px;color:#9790da;margin-bottom:14px}
.audio-converter-page .audio-select{display:flex;align-items:center;justify-content:center;gap:14px;min-width:270px;min-height:58px;font-size:18px;font-weight:750}
.audio-converter-page.tool-studio .audio-select,.audio-converter-page.tool-studio .audio-convert{background:linear-gradient(120deg,#165b97,#18385d)!important;color:#f1f5ff!important;border:1px solid #00c7ff!important;border-radius:12px;box-shadow:inset 0 0 18px #00c9ff1f,0 0 16px #00c9ff15;transition:box-shadow .16s,filter .16s,transform .12s}
.audio-select svg,.audio-convert svg{width:25px;height:25px;flex:none}
.audio-converter-page .audio-upload .audio-drop-copy{font-size:15px;margin:10px 0 12px;color:var(--audio-muted)}
.audio-converter-page .audio-upload .studio-file-limits{margin:0;color:var(--audio-muted);font-size:13px}
.audio-upload.is-dragging{outline:2px solid #00baff;outline-offset:5px}
.audio-converter-page .audio-step h2{font-size:22px;letter-spacing:0;line-height:1.3;margin:0 0 5px;color:var(--audio-ink)}
.audio-converter-page .audio-step>p{margin:0 0 16px;color:var(--audio-muted);font-size:14px;line-height:1.5}
.audio-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.audio-format{position:relative;display:flex;flex-direction:column;gap:18px;padding:24px 26px 18px;border:1px solid var(--audio-border);border-radius:12px;background:linear-gradient(130deg,#17273d,#192338);color:var(--audio-ink);cursor:pointer;min-width:0;transition:border-color .15s,box-shadow .15s}
.audio-format-top{display:flex;align-items:center;gap:22px;min-height:72px}
.audio-format-top strong{font-size:20px;font-weight:750}
.audio-format-top small{display:block;width:max-content;padding:3px 9px;margin-top:6px;border:1px solid #00baff;border-radius:20px;font-size:11px;color:#6cd5ff;background:#0871b633;box-shadow:inset 0 0 8px #00baff22}
.audio-format-icon{display:grid;place-items:center;flex:none;width:78px;height:72px;border:1px solid #197cce;border-radius:16px;background:linear-gradient(130deg,#075187,#1a204c);color:#79c5ff;font-size:46px}
.audio-format-icon svg{width:44px;height:44px}
.audio-format-description{font-size:16px;line-height:1.55;color:var(--audio-muted)}
.audio-format input{position:absolute;right:21px;top:21px;width:18px;height:18px;margin:0;accent-color:#00bfff;cursor:pointer}
.audio-format:has(input:checked){border:2px solid #00bfff;padding:23px 25px 17px;background:linear-gradient(120deg,#103454,#152a44);box-shadow:0 0 22px #00aaff15,inset 0 0 18px #00aaff09}
.audio-format:has(input:checked) .audio-format-icon{border-color:#00bfff;color:#21c3ff;box-shadow:0 0 18px #00aaff22}
.audio-info-step,.audio-convert-step{margin-top:24px;padding-top:24px;border-top:1px solid #2b4561}
.audio-info{display:grid;grid-template-columns:38% minmax(0,1fr);padding:24px 26px;background:linear-gradient(115deg,#162438,#172236);border:1px solid var(--audio-border);border-radius:12px}
.audio-file-summary{display:flex;align-items:center;gap:18px;padding-right:24px;border-right:1px solid #2b405e;min-width:0}
.audio-file-icon{display:grid;place-items:center;width:68px;height:68px;flex:none;border-radius:14px;background:#2b3855;color:#9aa6db;font-size:34px}
.audio-file-summary strong{display:block;font-size:14px;overflow-wrap:anywhere}
.audio-file-summary p{font-size:13px;line-height:1.5;margin:5px 0 0;color:var(--audio-muted)}
.audio-converter-page .audio-metadata{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 0;margin:0;padding-left:30px;background:none;border:0;box-shadow:none}
.audio-metadata div{grid-column:span 4;padding-left:26px;border-left:1px solid #2b405e;min-width:0}
.audio-metadata div:nth-child(n+4){grid-column:span 3}
.audio-metadata div:nth-child(1),.audio-metadata div:nth-child(4){border:0;padding-left:0}
.audio-metadata dt{color:var(--audio-muted);font-size:12px;line-height:1.4}
.audio-metadata dd{color:var(--audio-ink);font-size:14px;margin:5px 0 0;overflow-wrap:anywhere}
.audio-converter-page .audio-convert{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:55px;font-size:16px;font-weight:750}
.audio-converter-page .audio-convert:disabled{opacity:1!important;border-color:#566c97!important;background:linear-gradient(110deg,#34435f,#35415e)!important;color:#899bc3!important;box-shadow:inset 0 0 6px #c5d2ff15!important;cursor:not-allowed}
.audio-converter-page .audio-error{color:#ffb8cb;font-size:14px}
.audio-error:empty,[data-audio-operation-status]:empty{display:none}
.audio-converter-page progress{display:block;width:100%;height:6px;margin-top:16px;accent-color:#00bfff}
.audio-converter-page progress[hidden]{display:none}
.audio-converter-page [data-audio-operation-status]{margin:12px 0 0;font-size:14px;color:var(--audio-muted)}
.audio-help{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.audio-help details{align-self:start;border:1px solid #315b86;border-radius:13px;background:linear-gradient(120deg,#163152,#1a2c46);color:var(--audio-ink)}
.audio-help summary{display:flex;align-items:center;gap:18px;min-height:64px;padding:15px 24px;cursor:pointer;font-size:16px;font-weight:700;list-style:none}
.audio-help summary::-webkit-details-marker{display:none}.audio-help summary:after{content:"⌄";margin-left:auto;color:var(--audio-muted)}.audio-help details[open] summary:after{transform:rotate(180deg)}
.audio-help summary span{color:#51cfff;font-size:28px}.audio-help details:last-child summary span{color:#be8bff}
.audio-help details>div{padding:0 24px 20px;color:var(--audio-muted);font-size:14px;line-height:1.6}.audio-help h3{font-size:15px;color:var(--audio-ink)}
.audio-converter-page :is(button,summary,input):focus-visible,.audio-format:has(input:focus-visible){outline:2px solid #90eaff!important;outline-offset:4px!important}
@media(hover:hover){.audio-converter-page.tool-studio .audio-select:not(:disabled):hover,.audio-converter-page.tool-studio .audio-convert:not(:disabled):hover{filter:brightness(1.25);box-shadow:var(--studio-primary-hover-shadow)!important}.audio-format:hover{border-color:#55c4ff;box-shadow:0 0 20px #00baff20}}
.audio-converter-page.tool-studio .audio-select:not(:disabled):active,.audio-converter-page.tool-studio .audio-convert:not(:disabled):active{transform:translateY(1px);box-shadow:var(--studio-pressed-shadow)!important}
@media(max-width:1000px){.audio-format{padding:22px 18px 18px}.audio-format:has(input:checked){padding:21px 17px 17px}.audio-format-top{gap:12px}.audio-format-icon{width:60px;height:60px}.audio-format-description{font-size:14px}.audio-info{grid-template-columns:1fr;gap:24px}.audio-file-summary{border-right:0;padding-right:0}.audio-converter-page .audio-metadata{padding-left:0}}
@media(max-width:700px){.audio-converter-page.tool-studio.vc-workspace main.specialist-family{padding:24px 16px}.audio-converter-page .audio-hero{gap:14px}.audio-converter-page .audio-hero-icon{width:58px;height:62px}.audio-converter-page .audio-hero h1{font-size:29px}.audio-converter-page .audio-hero .lead{font-size:13px}.audio-converter-page .audio-tool-card{padding:18px!important}.audio-converter-page .audio-upload{margin:8px 0 32px;padding:22px 12px 14px;box-shadow:none}.audio-converter-page .audio-select{min-width:0;width:min(100%,270px);font-size:16px}.audio-formats{grid-template-columns:1fr;gap:12px}.audio-format{gap:12px}.audio-format-top{min-height:60px}.audio-format-description{font-size:15px}.audio-info{padding:18px}.audio-metadata div,.audio-metadata div:nth-child(n+4){grid-column:span 6;padding:0;border:0}.audio-help{grid-template-columns:1fr}.audio-converter-page .audio-step h2{font-size:20px}.audio-file-icon{width:48px;height:54px}}
@media(prefers-reduced-motion:reduce){.audio-converter-page *{transition:none!important}}
:root[data-theme=light] .audio-converter-page{--audio-panel:#edf5ff;--audio-ink:#152843;--audio-muted:#405d80;--audio-border:#91afd1}
:root[data-theme=light] .audio-converter-page .audio-tool-card{background:linear-gradient(120deg,#e1eeff,#f3f7ff)!important}
:root[data-theme=light] .audio-converter-page :is(.audio-upload,.audio-format,.audio-info,.audio-help details){background:#edf4ff}
:root[data-theme=light] .audio-converter-page .audio-format:has(input:checked){background:#d7efff}
:root[data-theme=light] .audio-converter-page .audio-hero h1{background-image:linear-gradient(100deg,#137c9c,#273e77)}
.audio-help .tool-help-grid{display:contents}
.audio-converter-page.tool-studio.vc-workspace main.specialist-family> :is(.audio-hero,.audio-tool-card,.audio-help){width:100%;max-width:1128px;margin-inline:auto}
.audio-converter-page.tool-studio.vc-workspace main .audio-select{font-size:18px;min-width:270px;min-height:58px;padding:14px 26px}
.audio-converter-page.tool-studio.vc-workspace main .audio-convert{font-size:16px;min-height:55px}
.audio-converter-page [data-audio-file]{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0;pointer-events:none}
.audio-converter-page.tool-studio.studio-rollout .audio-metadata>div{background:none;border:0;border-left:1px solid #2b405e;border-radius:0;padding:0 0 0 26px;box-shadow:none}
.audio-converter-page.tool-studio.studio-rollout .audio-metadata>div:nth-child(1),.audio-converter-page.tool-studio.studio-rollout .audio-metadata>div:nth-child(4){border:0;padding:0}
.audio-converter-page.tool-studio .audio-metadata dt{text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}
.audio-converter-page.tool-studio .audio-metadata dd{font-size:14px;font-weight:400}
.audio-converter-page .audio-help .tool-help-grid{display:contents}
.audio-converter-page.tool-studio .audio-help details{margin:0;border:1px solid #315b86;border-radius:13px;background:linear-gradient(120deg,#163152,#1a2c46)}
.audio-converter-page.tool-studio .audio-help summary{min-height:64px;padding:15px 24px;font-size:16px}
.audio-converter-page .audio-help .tool-help-chevron{display:none}
@media(max-width:700px){.audio-converter-page.tool-studio.vc-workspace main .audio-select{font-size:16px;min-width:0}.audio-converter-page.tool-studio.studio-rollout .audio-metadata>div{border:0;padding:0}}
.audio-converter-page.tool-studio .audio-help details{padding:0}
.audio-converter-page.tool-studio .audio-help summary{margin:0;line-height:1.3}
.audio-converter-page.tool-studio.vc-workspace main .audio-format input{appearance:none;background:transparent;border:2px solid #9fb6df;border-radius:50%;width:18px;height:18px;padding:0}
.audio-converter-page.tool-studio.vc-workspace main .audio-format input:checked{border-color:#00bdff;background:radial-gradient(circle,#00c8ff 0 3px,transparent 4px);box-shadow:0 0 9px #00baff66}
@media(max-width:700px){.audio-converter-page.tool-studio .audio-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.audio-converter-page.tool-studio .audio-metadata>div,.audio-converter-page.tool-studio .audio-metadata>div:nth-child(n+4){grid-column:auto}}
