.tool:has(>.stt),.stt__host{container-type:inline-size}.stt{border:1px solid var(--border-input);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);text-align:left;gap:16px;padding:clamp(14px,2.2cqi,24px);display:grid}.stt__top,.stt__editor-head,.stt__editor-foot,.stt__primary,.stt__actions{align-items:center;display:flex}.stt__top,.stt__editor-head,.stt__editor-foot{justify-content:space-between;gap:14px}.stt__state{grid-template-columns:10px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.stt__state-dot{border-radius:var(--r-full);background:var(--text-subtle);width:9px;height:9px}.stt__state-dot[data-kind=recording]{background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft);animation:stt-listening 1.6s var(--ease) infinite}.stt__state-dot[data-kind=loading]{background:var(--warning)}.stt__state-dot[data-kind=success]{background:var(--success)}.stt__state-dot[data-kind=error]{background:var(--danger)}.stt__state strong,.stt__state small{display:block}.stt__state strong{font-size:.8125rem;font-weight:650}.stt__state small{color:var(--text-muted);margin-top:2px;font-size:.7188rem;line-height:1.4}.stt__session{color:var(--text-subtle);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-shrink:0;gap:7px;font-size:.6875rem;display:flex}.stt__session span{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-subtle);padding:4px 7px}.stt__wave{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-subtle);justify-content:center;align-items:center;gap:clamp(3px,.7cqi,7px);min-height:132px;padding:24px 18px 34px;display:flex;position:relative;overflow:hidden}.stt__wave:after{background:var(--border);content:"";height:1px;position:absolute;inset:50% 18px auto}.stt__wave i{z-index:1;border-radius:var(--r-full);background:var(--text-subtle);opacity:.42;width:clamp(3px,.6cqi,6px);height:66px;transform:scaleY(var(--stt-level,.12));transition:transform 80ms linear, background .18s var(--ease), opacity .18s var(--ease)}.stt__wave.is-listening i{background:var(--accent);opacity:.9}.stt__wave-label{color:var(--text-subtle);text-align:center;font-size:.6875rem;position:absolute;inset:auto 12px 9px}.stt__controls{grid-template-columns:minmax(190px,.75fr) minmax(270px,1.25fr);align-items:end;gap:14px;display:grid}.stt__field label{color:var(--text);margin-bottom:7px;font-size:.8125rem;font-weight:620;display:block}.stt__field .select{width:100%;height:42px}.stt__primary,.stt__actions{gap:8px}.stt__primary{justify-content:flex-end}.stt__primary .btn{white-space:nowrap;min-height:42px}.stt__language-note{border:1px solid color-mix(in srgb, var(--warning) 30%, transparent);border-radius:var(--r-sm);background:var(--warning-soft);color:var(--warning);margin:0;padding:9px 11px;font-size:.75rem;line-height:1.45}.stt__toggle{justify-content:center;min-width:164px}.stt__stop,.stt__toggle.is-recording .stt__mic{display:none}.stt__toggle.is-recording .stt__stop{display:block}.stt__model{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle);grid-template-columns:32px minmax(0,1fr);align-items:center;gap:11px;min-height:48px;padding:8px 10px 10px;display:grid;position:relative;overflow:hidden}.stt__model-icon{border-radius:var(--r-md);background:var(--surface);width:32px;height:32px;color:var(--text-muted);place-items:center;display:grid}.stt__model[data-kind=loading] .stt__model-icon{color:var(--accent)}.stt__model[data-kind=success] .stt__model-icon{color:var(--success);background:var(--success-soft)}.stt__model[data-kind=error] .stt__model-icon{color:var(--danger);background:var(--danger-soft)}.stt__model-copy strong,.stt__model-copy>span{display:block}.stt__model-copy strong{font-size:.75rem;font-weight:650}.stt__model-copy>span{color:var(--text-muted);margin-top:2px;font-size:.6875rem;line-height:1.45}.stt__model-progress{background:var(--surface-inset);height:3px;position:absolute;inset:auto 0 0;overflow:hidden}.stt__model-progress>span{background:var(--accent);width:2%;height:100%;transition:inline-size .18s var(--ease);display:block}.stt__model-progress.is-indeterminate>span{animation:1.7s ease-in-out infinite stt-progress;inline-size:35%!important}.stt__editor{border:1px solid var(--border-input);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.stt__editor-head{border-bottom:1px solid var(--border);background:var(--bg-subtle);min-height:42px;padding:8px 12px 8px 14px}.stt__editor-head>label{font-size:.8125rem;font-weight:650}.stt__editor-head>span{color:var(--text-subtle);font-family:var(--font-mono);font-variant-numeric:tabular-nums;gap:10px;font-size:.6875rem;display:flex}.stt__editor-head strong{color:var(--text-muted);font-weight:500}.stt__editor textarea{background:var(--surface);width:100%;min-height:250px;color:var(--text);font:inherit;resize:vertical;border:0;padding:clamp(14px,2cqi,20px);font-size:1rem;line-height:1.65;display:block}.stt__editor textarea:focus{outline:2px solid var(--focus);outline-offset:-2px}.stt__editor textarea::placeholder{color:var(--text-subtle)}.stt__editor-foot{border-top:1px solid var(--border);background:var(--bg-subtle);min-height:50px;padding:8px 10px 8px 14px}.stt__editor-foot>span{color:var(--text-subtle);font-size:.6875rem;line-height:1.4}.stt__actions{flex-shrink:0}.stt__actions .btn{min-height:34px;padding:6px 10px;font-size:.75rem}.stt__clear{appearance:none;color:var(--text-muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:.75rem;text-decoration:underline}.stt__clear:hover{color:var(--text)}.stt__clear:disabled{opacity:.42;cursor:default}.stt__clear:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.stt__privacy{color:var(--text-subtle);margin:0;font-size:.7188rem;line-height:1.5}.stt__host>.stt{min-height:100%;box-shadow:none;align-content:start}.stt__host [data-stt=expand]{display:none}.stt__host .stt__editor textarea{min-height:clamp(280px,42dvh,640px)}@keyframes stt-listening{0%,to{box-shadow:0 0 0 4px var(--accent-soft)}50%{box-shadow:0 0 0 7px var(--accent-soft)}}@keyframes stt-progress{0%{transform:translate(-110%)}to{transform:translate(390%)}}@container (width<=600px){.stt{gap:12px;padding:11px}.stt__top{align-items:flex-start}.stt__session{flex-direction:column;align-items:flex-end}.stt__session span{padding-block:2px}.stt__wave{gap:3px;min-height:104px;padding-inline:10px}.stt__wave i{width:3px;height:52px}.stt__controls{grid-template-columns:1fr}.stt__primary{grid-template-columns:minmax(0,1fr) auto;display:grid}.stt__toggle{min-width:0}.stt__editor textarea{min-height:218px;font-size:.9375rem}.stt__editor-foot{flex-direction:column;align-items:flex-start}.stt__actions{flex-wrap:wrap;width:100%}.stt__actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){.stt__state-dot[data-kind=recording],.stt__model-progress.is-indeterminate>span{animation:none}.stt__wave i,.stt__model-progress>span{transition:none}}.tm-stt-source,.tm-stt-pass,.tm-stt-result,.tm-stt-wave path,.tm-stt-caret{animation-duration:7s;animation-timing-function:var(--ease);animation-iteration-count:infinite;animation-fill-mode:backwards}.tm-stt-source{animation-name:tm-stt-source}.tm-stt-pass{animation-name:tm-stt-pass}.tm-stt-result{animation-name:tm-stt-result}.tm-stt-wave path{animation-name:tm-stt-wave;animation-delay:calc(var(--stt-motion-i) * 90ms)}.tm-stt-caret{animation-name:tm-stt-caret}@keyframes tm-stt-source{0%,5%{opacity:0;transform:translate(-9px)}16%,to{opacity:1;transform:translate(0)}}@keyframes tm-stt-pass{0%,27%{opacity:0;transform:translate(-8px)}42%,to{opacity:1;transform:translate(0)}}@keyframes tm-stt-result{0%,45%{opacity:0;transform:translate(-9px)scale(.97)}61%,to{opacity:1;transform:translate(0)scale(1)}}@keyframes tm-stt-wave{0%,9%{transform:scaleY(.25)}22%{transform:scaleY(1)}36%{transform:scaleY(.45)}50%,to{transform:scaleY(1)}}@keyframes tm-stt-caret{0%,58%{opacity:0}66%,72%{opacity:1}80%,86%{opacity:0}94%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.tm-stt-source,.tm-stt-pass,.tm-stt-result,.tm-stt-wave path,.tm-stt-caret{animation:none}}