.stt-extraction{box-sizing:border-box;background:var(--sl-void);font-family:var(--sl-font-body);color:var(--sl-ink);padding:100px 24px}.stt-extraction__inner{max-width:1180px;margin:0 auto}.stt-extraction__header{text-align:center}.stt-extraction__title{margin:0}.stt-extraction__lead{color:var(--sl-ink-2);margin:0;font-size:18px}.stt-extraction__grid{grid-template-columns:1fr;align-items:start;gap:28px;display:grid}@media (min-width:1024px){.stt-extraction__grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:stretch}}.stt-extraction__transcript{box-sizing:border-box;border:1px solid var(--sl-line);background:var(--sl-void-2);box-shadow:none;border-radius:2px;padding:26px 26px 24px}@media (min-width:1024px){.stt-extraction__transcript{flex-direction:column;min-height:100%;display:flex}}.stt-extraction__transcript-title{margin:0 0 20px;line-height:1.2}.stt-extraction__transcript-title-main{font-size:25px;line-height:1.2}.stt-extraction__transcript-title-accent{font-size:27px;line-height:1.2}.stt-extraction__lines{flex-direction:column;gap:18px;display:flex}.stt-extraction__line-meta{align-items:center;gap:7px;margin-bottom:5px;display:flex}.stt-extraction__line-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.stt-extraction__line-speaker{letter-spacing:.06em;color:var(--sl-ink-2);font-size:11px;font-weight:700}.stt-extraction__line-time{color:var(--sl-ink-3);font-size:11px}.stt-extraction__line-text{color:var(--sl-ink);margin:0;font-size:16px;line-height:1.5}.stt-extraction__run{background:0 0;padding:1px 0}.stt-extraction__run--highlight{border-radius:2px;margin:0 -4px;padding:1px 4px;font-weight:600}.stt-extraction__waveform{align-items:flex-end;gap:2.5px;height:44px;margin-top:26px;display:flex}@media (min-width:1024px){.stt-extraction__waveform{margin-top:auto}}.stt-extraction__waveform-bar{border-radius:2px;flex-shrink:0;width:3px;transition:background .3s}.stt-extraction__outputs{min-width:0}@media (min-width:1024px){.stt-extraction__outputs{flex-direction:column;min-height:100%;display:flex}}.stt-extraction__cards{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.stt-extraction__cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stt-extraction__cards{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:100%;min-height:0}}.stt-extraction__card{background:var(--sl-void-2);color:inherit;text-align:left;cursor:pointer;box-shadow:none;border:1px solid #0000;border-radius:2px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex;transform:translateY(0)}@media (min-width:1024px){.stt-extraction__card{box-sizing:border-box;height:100%;min-height:0}}.stt-extraction__card:hover,.stt-extraction__card:focus-visible,.stt-extraction__card--active{border-color:var(--sl-gold);outline:none}.stt-extraction__card--active{transform:translateY(-2px)}.stt-extraction__card-top{align-items:center;margin-bottom:0;display:flex}.stt-extraction__card-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.stt-extraction__card-label{color:var(--sl-ink);margin-bottom:0;font-size:17px;font-weight:400;line-height:1.2}@media (max-width:767px){.stt-extraction__card{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:14px 16px}.stt-extraction__card-top{margin-bottom:0}}