.stt-extraction{box-sizing:border-box;background:#f0f0f0;padding:100px 24px;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:oklch(16% 0 0)}.stt-extraction__inner{max-width:1180px;margin:0 auto}.stt-extraction__header{text-align:center}.stt-extraction__title{margin:0}.stt-extraction__lead{margin:0;font-size:18px;color:oklch(50% .005 270)}.stt-extraction__grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}@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;padding:26px 26px 24px;border:1px solid oklch(92% .005 270);border-radius:18px;background:#ffffff;box-shadow:0 1px 3px rgba(20,20,40,.04)}@media (min-width:1024px){.stt-extraction__transcript{display:flex;flex-direction:column;min-height:100%}}.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{display:flex;flex-direction:column;gap:18px}.stt-extraction__line-meta{display:flex;align-items:center;gap:7px;margin-bottom:5px}.stt-extraction__line-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%}.stt-extraction__line-speaker{font-size:11px;font-weight:700;letter-spacing:.06em;color:oklch(50% .01 270)}.stt-extraction__line-time{font-size:11px;color:oklch(66% .005 270)}.stt-extraction__line-text{margin:0;font-size:16px;line-height:1.5;color:oklch(22% .005 270)}.stt-extraction__run{padding:1px 2px;background:transparent}.stt-extraction__run--highlight{padding:1px 5px;border-radius:5px;font-weight:600}.stt-extraction__waveform{display:flex;align-items:flex-end;gap:2.5px;height:44px;margin-top:26px}@media (min-width:1024px){.stt-extraction__waveform{margin-top:auto}}.stt-extraction__waveform-bar{width:3px;flex-shrink:0;border-radius:2px;transition:background .3s ease}.stt-extraction__outputs{min-width:0}@media (min-width:1024px){.stt-extraction__outputs{display:flex;flex-direction:column;min-height:100%}}.stt-extraction__cards{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width:640px){.stt-extraction__cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stt-extraction__cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));flex:1;gap:14px;min-height:0;height:100%}}.stt-extraction__card{display:flex;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid transparent;border-radius:16px;background:#ffffff;color:inherit;text-align:left;cursor:pointer;box-shadow:none;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}@media (min-width:1024px){.stt-extraction__card{box-sizing:border-box;min-height:0;height:100%}}.stt-extraction__card--active,.stt-extraction__card:focus-visible,.stt-extraction__card:hover{outline:none;border-color:#1266ed}.stt-extraction__card--active{transform:translateY(-2px)}.stt-extraction__card-top{display:flex;align-items:center;margin-bottom:0}.stt-extraction__card-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%}.stt-extraction__card-label{margin-bottom:0;font-size:17px;font-weight:400;line-height:1.2;color:oklch(15% 0 0)}@media (max-width:767px){.stt-extraction__card{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px}.stt-extraction__card-top{margin-bottom:0}}