.tm-tx-source,.tm-tx-pass,.tm-tx-result,.tm-tx-wave path,.tm-tx-line,.tm-tx-badge{animation-duration:7s;animation-timing-function:var(--ease);animation-iteration-count:infinite;animation-fill-mode:backwards}.tm-tx-source{animation-name:tm-tx-source}.tm-tx-pass{animation-name:tm-tx-pass}.tm-tx-result{animation-name:tm-tx-result}.tm-tx-wave path{transform-box:fill-box;transform-origin:50%;animation-name:tm-tx-wave;animation-delay:calc(var(--tx-i) * 80ms)}.tm-tx-line{animation-name:tm-tx-line;animation-delay:calc(var(--tx-l) * .35s)}.tm-tx-badge{animation-name:tm-tx-badge}@keyframes tm-tx-source{0%,4%{opacity:0;transform:translate(-9px)}14%,to{opacity:1;transform:translate(0)}}@keyframes tm-tx-wave{0%,8%{transform:scaleY(.3)}20%{transform:scaleY(1)}32%{transform:scaleY(.5)}44%,to{transform:scaleY(1)}}@keyframes tm-tx-pass{0%,24%{opacity:0;transform:translate(-8px)}36%,to{opacity:1;transform:translate(0)}}@keyframes tm-tx-result{0%,38%{opacity:0;transform:translate(-9px)scale(.97)}50%,to{opacity:1;transform:translate(0)scale(1)}}@keyframes tm-tx-line{0%,48%{opacity:0;transform:translateY(4px)}58%,to{opacity:1;transform:translateY(0)}}@keyframes tm-tx-badge{0%,74%{opacity:0}84%,to{opacity:1}}.tx{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;container-type:inline-size}.tx.is-dropping{border-color:var(--accent)}.tx__source{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tx__name{overflow-wrap:anywhere;min-width:0;color:var(--text);font-family:var(--font-display);letter-spacing:var(--track-display);font-size:1rem;font-weight:600}.tx__facts{color:var(--text-subtle);font-family:var(--font-mono);font-size:.75rem}.tx__spacer{flex:auto}.tx__drop{border:1px dashed var(--border-input);border-radius:var(--r-lg);background:var(--bg-subtle);text-align:center;cursor:pointer;align-content:center;justify-items:center;gap:7px;min-height:210px;padding:24px;display:grid}.tx__drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tx.is-dropping .tx__drop{border-color:var(--accent);background:var(--accent-soft)}.tx__drop-mark{border:1px solid var(--border-input);background:var(--surface);width:58px;height:58px;color:var(--accent);box-shadow:var(--shadow-sm);border-radius:18px;place-items:center;margin-bottom:2px;display:grid}.tx__drop-mark svg{width:42px;height:42px}.tx__drop-title{color:var(--text);font-family:var(--font-display);font-weight:650}.tx__drop-note,.tx__drop-formats{max-width:52ch;color:var(--text-subtle);font-size:.83rem;line-height:1.5}.tx__link{color:var(--accent-text);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.tx__player{width:100%;height:40px}.tx__controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;display:grid}.tx__field{border:0;align-content:start;gap:7px;min-width:0;margin:0;padding:0;display:grid}.tx__field>label{color:var(--text);font-size:.79rem;font-weight:650}.tx__field .select{width:100%;min-height:38px}.tx__hint{color:var(--text-subtle);font-size:.73rem;line-height:1.45}.tx__actions{justify-content:flex-end;gap:9px;display:flex}.tx__status{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle);grid-template-columns:auto minmax(0,1fr) minmax(90px,28%);align-items:center;gap:11px;min-height:54px;padding:10px 13px;display:grid}.tx__status-icon{background:var(--success);width:9px;height:9px;box-shadow:0 0 0 4px var(--success-soft);border-radius:50%}.tx__status-copy{gap:2px;min-width:0;display:grid}.tx__status-copy strong{color:var(--text);font-size:.78rem}.tx__status-copy span{color:var(--text-subtle);font-size:.7rem;line-height:1.4}.tx__progress{background:var(--border);border-radius:999px;height:5px;overflow:hidden}.tx__progress span{border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width .16s linear;display:block}.tx__result{gap:12px;display:grid}.tx__summary{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.tx__summary>span{border-inline-start:1px solid var(--border);gap:2px;min-width:0;padding:12px 14px;display:grid}.tx__summary>span:first-child{border-inline-start:0}.tx__summary strong{color:var(--text);font:650 1rem var(--font-display)}.tx__summary small{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.tx__lines{border:1px solid var(--border-input);border-radius:var(--r-md);background:var(--surface);max-height:420px;margin:0;padding:6px;list-style:none;display:grid;overflow-y:auto}.tx__line{border-radius:var(--r-sm);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px;padding:6px 8px;display:grid}.tx__line.is-current{background:var(--accent-soft)}.tx__time{border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-subtle);font:.72rem var(--font-mono);cursor:pointer;border-radius:6px;padding:2px 6px}.tx__time:hover,.tx__time:focus-visible{border-color:var(--accent);color:var(--accent-text)}.tx__text{min-width:0;color:var(--text);overflow-wrap:anywhere;border-radius:4px;font-size:.92rem;line-height:1.55}.tx__text:focus{outline:2px solid var(--border-input);outline-offset:2px}.tx__export{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.tx__format{flex:0 260px}.tx__export-buttons{flex-wrap:wrap;gap:9px;display:flex}.tx__privacy{color:var(--text-subtle);text-align:center;font-size:.76rem;line-height:1.5}.tx+.tool-saving{margin-top:12px}.tx__host{min-height:100%}.tx__host>.tx{align-content:start;min-height:100%}.tx__host>.tx:focus-within{box-shadow:var(--shadow-sm)}.tx__host>.tx .tx__lines{min-height:300px;max-height:none}@container (width<=680px){.tx__controls{grid-template-columns:1fr}.tx__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tx__summary>span:nth-child(3){border-inline-start:0;border-top:1px solid var(--border)}.tx__summary>span:nth-child(4){border-top:1px solid var(--border)}.tx__status{grid-template-columns:auto minmax(0,1fr)}.tx__progress{grid-column:1/-1;width:100%}}@container (width<=430px){.tx__source .tx__spacer{display:none}.tx__source .btn{flex:auto}.tx__name,.tx__facts{flex-basis:100%}.tx__actions,.tx__export-buttons{grid-template-columns:1fr;width:100%;display:grid}.tx__actions .btn,.tx__export-buttons .btn{width:100%}.tx__format{flex-basis:100%}}