.tr-page{padding-top:52px;padding-bottom:100px}.tr-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px;display:flex}.tr-heading .back-link{margin-bottom:28px;display:inline-block}.tr-heading h1{letter-spacing:-.055em;margin:12px 0;font-size:clamp(42px,5vw,72px);line-height:1}.tr-heading p{color:#647086;max-width:650px;margin:0;font-size:17px;line-height:1.6}.tr-badge{color:#b62e75;border:1px solid #eadce5;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.tr-badge svg{width:18px;height:18px}.tr-workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.tr-main,.tr-side{background:#fff;border:1px solid #e2e5ea;border-radius:24px;box-shadow:0 18px 45px #1e2a440d}.tr-main{min-height:570px;overflow:hidden}.tr-panel-head{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.tr-status{color:#697488;font-size:12px;font-weight:700}.tr-status.is-processing{color:#bc3981}.tr-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:40px;display:flex}.tr-empty-icon{color:#cf428c;background:#fceaf3;border-radius:22px;place-items:center;width:72px;height:72px;display:grid}.tr-empty-icon svg{width:34px;height:34px}.tr-spinner{border:3px solid #efc4da;border-top-color:#c73882;border-radius:50%;flex:none;width:36px;height:36px;animation:.8s linear infinite tr-spin;display:inline-block}.tr-submit .tr-spinner{border-width:2px;border-color:#175042 #17504240 #17504240;width:18px;height:18px}@keyframes tr-spin{to{transform:rotate(360deg)}}.tr-empty h2{margin:24px 0 8px;font-size:26px}.tr-empty p{color:#758094;max-width:360px;line-height:1.55}.tr-result-head{justify-content:space-between;align-items:start;gap:20px;padding:26px 28px 18px;display:flex}.tr-result-head h2{overflow-wrap:anywhere;margin:0 0 5px;font-size:22px}.tr-result-head p{color:#7c8798;margin:0;font-size:13px}.tr-export{flex:none;gap:6px;display:flex}.tr-export button{color:#bf357f;cursor:pointer;background:#fff;border:1px solid #e2e5ea;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800}.tr-export button:hover{background:#fceaf3}.tr-tabs{border-bottom:1px solid #e7e9ee;gap:4px;margin:0 28px;display:flex}.tr-tabs button{color:#778294;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 16px;font-size:13px;font-weight:700}.tr-tabs button[aria-selected=true]{color:#bc3079;border-color:#cd438b}.tr-segments,.tr-summary{max-height:620px;padding:8px 28px 28px;overflow:auto}.tr-segment{border-bottom:1px solid #eff0f3;grid-template-columns:58px 1fr;gap:12px;padding:18px 0;display:grid}.tr-segment:last-child{border-bottom:0}.tr-time{color:#c44188;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.tr-segment strong{color:#26334d;font-size:13px}.tr-segment p{color:#45526a;white-space:pre-wrap;margin:6px 0 0;line-height:1.65}.tr-summary p{color:#45526a;white-space:pre-wrap;margin:16px 0;line-height:1.65}.tr-side{padding:26px}.tr-side h2{margin:12px 0 8px;font-size:24px}.tr-side>p{color:#718096;font-size:13px;line-height:1.6}.tr-upload{color:#b62e75;width:100%;font:inherit;cursor:pointer;background:#fff9fc;border:1px dashed #d8b7cb;border-radius:18px;flex-direction:column;align-items:center;gap:8px;margin:22px 0 15px;padding:28px 15px;display:flex}.tr-upload:hover:not(:disabled){background:#fceaf3}.tr-upload:disabled{opacity:.6;cursor:wait}.tr-upload svg{width:27px;height:27px}.tr-upload strong{color:#29324a;font-size:15px}.tr-upload small{color:#8a92a0;text-align:center;font-size:11px}.tr-file{color:#3b465f;border:1px solid #e7e9ee;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:10px;font-size:12px;display:flex}.tr-file svg{color:#c94389;flex:none;width:17px;height:17px}.tr-file span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tr-file small{color:#8b95a4;flex:none}.tr-audio{width:100%;margin-top:16px}.tr-steps{border-top:1px solid #e7e9ee;margin:28px 0;padding-top:24px}.tr-steps p{color:#526078;gap:12px;margin:15px 0;font-size:13px;line-height:1.45;display:flex}.tr-steps b{color:#ca438a}.tr-submit{justify-content:center;gap:10px;width:100%}.tr-error{background:#fff0f0;border-radius:10px;padding:12px;color:#a62836!important}.tr-note{margin:12px 0 0;font-size:12px!important}@media (max-width:900px){.tr-heading{display:block}.tr-badge{margin-top:20px}.tr-workspace{grid-template-columns:1fr}.tr-side{grid-row:1}}@media (max-width:560px){.tr-page{padding-top:30px}.tr-result-head{display:block}.tr-export{margin-top:16px}.tr-panel-head,.tr-result-head{padding-left:18px;padding-right:18px}.tr-tabs{margin:0 18px}.tr-segments,.tr-summary{padding-left:18px;padding-right:18px}}