.audio-workspace { max-width:1500px; margin:0 auto; }
.audio-hero { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:12px 4px 34px; }
.audio-eyebrow { color:var(--ui-accent); font-size:11px; font-weight:700; letter-spacing:.14em; }
.audio-hero h1 { margin:14px 0 12px; font-size:clamp(24px,2.5vw,34px); letter-spacing:-.04em; color:var(--ink); }
.audio-hero p { color:var(--ink-soft); margin:0; font-size:14px; line-height:1.8; }
.audio-wave { width:170px; height:80px; display:flex; gap:7px; align-items:center; padding:12px; }
.audio-wave i { display:block; height:var(--height); width:7px; background:var(--ui-accent); border-radius:8px; opacity:.55; }
.audio-layout { display:grid; grid-template-columns:minmax(270px,340px) minmax(0,1fr); gap:22px; align-items:start; }
.audio-library { min-width:0; display:grid; gap:22px; }
.audio-upload-card,.audio-history,.audio-preview { border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.audio-upload-card,.audio-history { padding:20px; }
.audio-section-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px; }
.audio-section-title h2 { font-size:15px; margin:0; }.audio-section-title>span { color:var(--ink-faint); font-size:11px; }
.audio-dropzone { border:1.5px dashed var(--ui-accent-line); border-radius:12px; background:var(--ui-accent-soft); display:flex; flex-direction:column; align-items:center; padding:24px 12px; text-align:center; gap:10px; cursor:pointer; }
.audio-dropzone:hover,.audio-dropzone.is-dragging { border-color:var(--ui-accent); }
.audio-dropzone:focus-visible { outline:2px solid var(--ui-accent); outline-offset:3px; }
.audio-upload-symbol { display:grid;place-items:center; width:36px;height:36px;border:1px solid var(--ui-accent-line);border-radius:12px;font-size:22px;color:var(--ui-accent);background:var(--surface); }
.audio-dropzone strong { font-size:13px; }.audio-dropzone small { font-size:11px; color:var(--ink-soft);line-height:1.8; }
.audio-requirements { display:block; font-size:12px; font-weight:600; margin:18px 0 14px; }.audio-requirements span { color:var(--ink-faint);font-weight:400;margin-left:5px; }
.audio-requirements textarea { display:block; width:100%; resize:vertical; margin-top:8px; padding:10px; border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-weight:400;line-height:1.7; }
.audio-start { width:100%; justify-content:center; }.audio-start:disabled { opacity:.55;cursor:default; }
.audio-upload-progress { margin-top:12px; font-size:12px;color:var(--ink-soft);line-height:1.6; }
#audio-local-preview { margin-top:14px; }#audio-local-preview>div { display:flex;gap:10px;justify-content:space-between;font-size:12px;margin-bottom:8px; }#audio-local-preview strong { overflow-wrap:anywhere; }
.audio-workspace audio { width:100%; height:40px; }.audio-muted { color:var(--ink-faint);font-size:12px;line-height:1.8; }
.audio-history { padding-bottom:10px; }#audio-history-list { max-height:450px;overflow:auto; }
.audio-history-item { width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:13px 9px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;margin-bottom:5px; }
.audio-history-item:hover { background:var(--ui-hover); }.audio-history-item.is-selected { background:var(--ui-accent-soft);border-color:var(--ui-accent-line); }
.audio-file-mark { flex:none;color:var(--ui-accent);font-size:20px; }.audio-history-item>span:nth-child(2) { min-width:0;flex:1; }.audio-history-item strong { display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.audio-history-item small { display:block;font-size:10px;color:var(--ink-faint);margin-top:7px; }
.audio-status { font-size:10px; font-style:normal;white-space:nowrap;color:var(--ink-soft); }.audio-status.completed { color:var(--ui-accent); }.audio-status.failed { color:var(--ui-danger); }
.audio-preview { min-height:650px;overflow:hidden; }.audio-result-heading { display:flex;align-items:start;justify-content:space-between;padding:26px 28px 12px;gap:15px; }.audio-result-heading h2 { font-size:21px; margin:10px 0;overflow-wrap:anywhere; }.audio-result-heading p { font-size:12px;color:var(--ink-faint);overflow-wrap:anywhere; }.audio-delete { flex:none;color:var(--ink-faint);font-size:11px; }
.audio-player { padding:0 28px 18px; }.audio-player small { display:block;font-size:11px;color:var(--ink-faint);margin-top:8px; }
.audio-job-message { margin:0 28px 22px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap; font-size:12px; }.audio-job-message small { color:var(--ink-soft);font-size:11px; }.audio-job-message.is-busy { background:var(--ui-accent-soft);border-color:var(--ui-accent-line); }.audio-job-message.is-error { background:var(--ui-danger-soft);border-color:var(--ui-danger); }.audio-job-message p { line-height:1.7;font-size:12px;margin:8px 0 0; }.audio-job-message>div { flex:1; }
.audio-stage-dot { width:7px;height:7px;flex:none;border-radius:50%;background:var(--ui-accent); }
.audio-result-toolbar { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 28px;border-bottom:1px solid var(--line); }.audio-result-toolbar>div { display:flex;gap:18px;align-items:center; }.audio-result-toolbar [role=tab] { border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-soft);padding:14px 2px;font-size:13px;cursor:pointer; }.audio-result-toolbar [role=tab].is-active { color:var(--ui-accent);border-color:var(--ui-accent);font-weight:700; }.audio-result-toolbar .text-button { font-size:12px; }
.audio-text-preview { padding:24px 28px 32px;max-height:70vh;overflow:auto; }.audio-text-preview h2,.audio-text-preview h3 { color:var(--ink); }.audio-transcript-line { display:flex;gap:16px;align-items:baseline;border-bottom:1px solid var(--line);padding:14px 0; }.audio-transcript-line button { border:0;border-radius:5px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:11px;padding:5px 7px;cursor:pointer;flex:none; }.audio-transcript-line p { margin:0;font-size:14px;line-height:1.9;white-space:pre-wrap; }.audio-plain-transcript { white-space:pre-wrap;line-height:1.9;font-size:14px; }
.audio-empty { display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:640px;text-align:center;padding:30px; }.audio-empty>span { width:72px;height:72px;border-radius:22px;background:var(--ui-accent-soft);color:var(--ui-accent);display:grid;place-items:center;font-size:32px; }.audio-empty h2 { font-size:21px;margin:24px 0 8px; }.audio-empty p { color:var(--ink-soft);font-size:13px;line-height:1.9; }.audio-empty>div { display:flex;gap:20px;margin-top:30px;color:var(--ui-accent);font-size:12px; }.audio-empty small { display:block;margin-top:8px;color:var(--ink-faint);font-weight:400; }
.audio-content-empty { padding:50px 12px;color:var(--ink-soft);text-align:center; }.audio-content-empty strong { font-size:14px; }.audio-content-empty p { font-size:12px;line-height:1.8; }
@media(max-width:1050px) { .audio-layout { grid-template-columns:280px minmax(0,1fr);gap:14px; }.audio-result-heading,.audio-text-preview { padding-left:18px;padding-right:18px; }.audio-player,.audio-result-toolbar { padding-left:18px;padding-right:18px; }.audio-job-message { margin-left:18px;margin-right:18px; }.audio-wave { display:none; } }
@media(max-width:760px) { .audio-layout { grid-template-columns:1fr; }.audio-hero { padding-bottom:22px; }.audio-empty { min-height:330px; }.audio-preview { min-height:400px; }#audio-history-list { max-height:200px; }.audio-result-toolbar>div { gap:10px; } }