.tool-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}.local-badge{font-size:12px;color:var(--accent);border:1px solid var(--line);border-radius:30px;padding:8px 13px}.transcription-workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);gap:50px;padding:32px 0}.drop-zone{padding:30px;text-align:center;border:1px dashed var(--accent);border-radius:18px;background:#ffffff45;transition:background .15s}.drop-zone.dragging{background:#ffffffb3;outline:2px solid var(--accent);outline-offset:5px}.drop-zone svg{width:200px;height:65px;stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linecap:round;opacity:.65;margin-bottom:12px}.drop-zone svg ellipse{fill:var(--accent);stroke:none}.drop-zone h2{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.4}.drop-zone p{font-size:14px;color:var(--muted);line-height:1.9;max-width:31em;margin:12px auto 23px}.selected-file{padding-top:20px}.selected-file>div{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:13px;margin-bottom:12px}.selected-file strong{font-weight:500;overflow-wrap:anywhere}.selected-file span{color:var(--muted);white-space:nowrap}.selected-file audio{width:100%;height:40px}.transcription-settings{margin:25px 0;display:flex;flex-wrap:wrap;gap:18px;align-items:center}.transcription-settings label{font-size:13px;color:var(--muted)}.transcription-settings label>span:first-child{display:block;margin-bottom:8px}.transcription-settings select{display:block;padding:10px 32px 10px 12px;max-width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;min-height:42px}.transcription-settings .cache-setting{display:flex;align-items:flex-start;gap:9px;line-height:1.7;max-width:240px}.cache-setting input{accent-color:var(--accent);width:17px;height:17px;margin-top:3px;flex-shrink:0}.transcription-actions,.result-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.transcription-actions>span,.result-actions>span{font-size:12px;color:var(--muted)}.transcription-page button:disabled{cursor:not-allowed;opacity:.45}.transcription-help{padding:5px 0 5px 32px;border-left:1px solid var(--line)}.transcription-help h2{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.4;margin:23px 0 16px}.transcription-help p,.transcription-help li{font-size:13px;color:var(--muted);line-height:1.9}.transcription-help ul{margin:20px 0;padding-left:18px}.transcription-help li+li{margin-top:10px}.clear-model{font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:42px}.transcription-status{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:1fr auto;gap:12px}.transcription-status>p{font-size:14px;line-height:1.8}.transcription-status #elapsed{font-size:12px;color:var(--muted);padding-top:4px;white-space:nowrap}.transcription-status progress{grid-column:1/-1;width:100%;height:9px;accent-color:var(--accent)}#userMessage,#errorDetails{grid-column:1/-1;color:var(--muted)}#userMessage.error{color:var(--danger)}#errorDetails summary{font-size:12px;cursor:pointer}#errorText{font-size:12px;line-height:1.6;padding:15px;background:var(--raised);border:1px solid var(--line);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;max-height:230px;overflow:auto}.transcription-result{padding:30px;border:1px solid var(--line);border-radius:18px;background:#ffffff45;margin:8px 0 38px}.result-header{display:flex;align-items:center;justify-content:space-between;gap:28px}.result-header h2{font-family:var(--serif);font-size:32px;font-weight:400;margin:12px 0;line-height:1.4}.result-statistics{display:flex;gap:25px}.result-statistics strong,.result-statistics span{display:block}.result-statistics strong{font-size:23px;font-weight:400;font-variant-numeric:tabular-nums}.result-statistics span{font-size:11px;color:var(--muted);margin-top:5px;white-space:nowrap}#pianoRoll{width:100%;height:160px;display:block;margin:22px 0;border-block:1px solid var(--line)}.result-caption{font-size:12px;color:var(--muted);line-height:1.9;margin-top:20px}.transcription-next{max-width:780px;margin:18px 0 32px}.transcription-next h2{font-family:var(--serif);font-weight:400;font-size:28px;margin-bottom:16px}.transcription-next p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:12px}.transcription-credits{margin:25px 0 55px;color:var(--muted);font-size:12px;line-height:1.9}.transcription-credits summary{cursor:pointer}.transcription-credits p{margin-top:14px;max-width:800px}.transcription-credits a{text-decoration:underline;text-underline-offset:3px}[data-theme=night] .drop-zone,[data-theme=night] .transcription-result{background:#ffffff06}[data-theme=night] .drop-zone.dragging{background:#ffffff12}@media(max-width:900px){.transcription-workbench{grid-template-columns:1fr;gap:30px}.transcription-help{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}.transcription-help h2{margin-top:15px}.result-header{align-items:flex-start;flex-direction:column}.result-statistics{gap:30px}}@media(max-width:760px){.tool-heading{align-items:flex-start}.tool-heading .eyebrow{max-width:180px;font-size:10px;line-height:1.8}.local-badge{font-size:10px;padding:6px 9px;white-space:nowrap}.drop-zone{padding:26px 20px}.drop-zone h2{font-size:27px}.transcription-settings{display:block}.transcription-settings .cache-setting{margin-top:18px;max-width:none}.selected-file>div{align-items:flex-start;flex-direction:column;gap:6px}.transcription-status{grid-template-columns:1fr}.transcription-result{padding:22px 18px}.result-header h2{font-size:28px}.result-statistics{gap:22px}.result-statistics strong{font-size:21px}.result-statistics span{font-size:10px}.transcription-actions .pill{padding-inline:18px}.transcription-status #elapsed{padding:0}}