.transcription-section.svelte-15fbu7u{background:var(--paper);padding:8rem 0 4rem}.section-header.svelte-15fbu7u{max-width:var(--article-width);margin:0 auto 3rem;padding:0 var(--container-padding);text-align:center}.section-header.svelte-15fbu7u h2:where(.svelte-15fbu7u){font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:1.5rem;line-height:1.2;color:var(--ink)}.section-header.svelte-15fbu7u p:where(.svelte-15fbu7u){font-size:1.25rem;line-height:1.8;color:var(--muted);text-align:left}.headline-rule.svelte-15fbu7u{width:100px;height:3px;background:var(--ink);margin:1.5rem auto}.demo-figure.svelte-15fbu7u{display:flex;justify-content:center;margin:0 auto;padding:0 var(--container-padding)}.testimonial-section.svelte-15fbu7u{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper)}.transcription-graphic.svelte-15fbu7u{position:relative;background:#fff;border-radius:12px;box-shadow:0 25px 80px #0000001f;border:1px solid var(--border);overflow:hidden;width:100%;max-width:420px}.app-logo.svelte-15fbu7u{position:absolute;top:1rem;right:1.25rem;font-family:var(--logo-font);font-size:1.25rem;color:var(--ink);z-index:1}.transcription-content.svelte-15fbu7u{padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.audio-panel.svelte-15fbu7u{display:flex;flex-direction:column;gap:.75rem}.audio-header.svelte-15fbu7u{display:flex;align-items:center;gap:.75rem}.audio-icon.svelte-15fbu7u{width:36px;height:36px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:var(--ink)}.audio-info.svelte-15fbu7u{display:flex;flex-direction:column;gap:.125rem}.audio-name.svelte-15fbu7u{font-size:.85rem;font-weight:500;color:var(--ink)}.audio-meta.svelte-15fbu7u{font-size:.7rem;color:var(--muted)}.waveform.svelte-15fbu7u{display:flex;align-items:center;justify-content:center;gap:2px;height:48px;padding:0 .5rem}.waveform-bar.svelte-15fbu7u{flex:1;background:#e0e0e0;border-radius:1px;transition:background .15s ease}.waveform-bar.played.svelte-15fbu7u{background:var(--ink)}.progress-bar.svelte-15fbu7u{height:3px;background:#e8e8e8;border-radius:2px;overflow:hidden}.progress-fill.svelte-15fbu7u{height:100%;background:var(--ink);transition:width .05s linear}.transcript-panel.svelte-15fbu7u{border-top:1px solid var(--border);padding-top:1rem;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.transcript-panel.visible.svelte-15fbu7u{opacity:1;transform:translateY(0)}.transcript-label.svelte-15fbu7u{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.75rem}.transcript-lines.svelte-15fbu7u{display:flex;flex-direction:column;gap:.5rem}.transcript-line.svelte-15fbu7u{display:flex;gap:.75rem;font-size:.8rem;line-height:1.5}.timestamp.svelte-15fbu7u{color:var(--muted);font-family:var(--mono-font, monospace);font-size:.7rem;flex-shrink:0;padding-top:.1rem}.text.svelte-15fbu7u{color:var(--ink)}@media(max-width:600px){.section-header.svelte-15fbu7u p:where(.svelte-15fbu7u){font-size:1.1rem}.headline-rule.svelte-15fbu7u{width:80px}.transcription-graphic.svelte-15fbu7u{max-width:100%}.waveform-bar.svelte-15fbu7u{min-width:2px}}@media(max-width:480px){.headline-rule.svelte-15fbu7u{width:60px;height:2px}}