.terminal-replay{background:#1e1e2e;border:1px solid #e2e8f0;border-radius:12px;margin:2rem 0;overflow:hidden}.terminal-replay .tr-header{border-bottom:1px solid #313244;padding:1.25rem 1.5rem .75rem}.terminal-replay .tr-header h3{color:#cdd6f4;margin:0 0 .25rem;font-size:1.1rem}.terminal-replay .tr-subtitle{color:#6c7086;margin:0;font-size:.875rem}.terminal-replay .tr-pills{background:#181825;border-bottom:1px solid #313244;flex-wrap:wrap;gap:.4rem;padding:.75rem 1.25rem;display:flex}.terminal-replay .tr-pill{color:#a6adc8;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #45475a;border-radius:100px;padding:.35rem .75rem;font-family:inherit;font-size:.78rem;font-weight:500;transition:color .15s,background .15s,border-color .15s}.terminal-replay .tr-pill:hover{color:#cdd6f4;background:#ffffff14;border-color:#585b70}.terminal-replay .tr-pill.active{color:#cba6f7;background:#cba6f71f;border-color:#cba6f766}.terminal-replay .tr-stage{min-height:120px;padding:1.25rem 1.5rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.6;position:relative}.terminal-replay .tr-replay{color:#6c7086;cursor:pointer;opacity:0;pointer-events:none;background:#ffffff0d;border:1px solid #313244;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:color .15s,background .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.terminal-replay .tr-replay.visible{opacity:1;pointer-events:auto}.terminal-replay .tr-replay:hover{color:#cdd6f4;background:#ffffff1a}.terminal-replay .step{opacity:0;margin-bottom:.6rem;transition:opacity .2s,transform .2s;transform:translateY(4px)}.terminal-replay .step.visible{opacity:1;transform:translateY(0)}.terminal-replay .step-context{color:#6c7086;margin-bottom:.75rem;font-family:inherit;font-size:.85rem;font-style:italic}.terminal-replay .step-prompt{color:#cdd6f4;padding:.1rem 0}.terminal-replay .step-prompt .prompt-marker{color:#a6e3a1;user-select:none;margin-right:.4rem}.terminal-replay .step-prompt .prompt-text{color:#cdd6f4}.terminal-replay .step-prompt .cursor{vertical-align:text-bottom;background:#cdd6f4;width:.55em;height:1.1em;margin-left:1px;animation:.8s step-end infinite tr-blink;display:inline-block}@keyframes tr-blink{50%{opacity:0}}.terminal-replay .step-thinking{color:#a6adc8;padding:.1rem 0}.terminal-replay .step-thinking .dots:after{content:"";animation:1.2s steps(4,end) infinite tr-dots}@keyframes tr-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.terminal-replay .step-tool{background:#cba6f714;border:1px solid #cba6f726;border-radius:6px;margin:.4rem 0;padding:.5rem .75rem}.terminal-replay .step-tool .tool-header{color:#cba6f7;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-size:.75rem;font-weight:600}.terminal-replay .step-tool .tool-cmd{color:#f5c2e7}.terminal-replay .step-output{color:#a6adc8;white-space:pre-wrap;border-left:2px solid #45475a;margin:.3rem 0;padding:.1rem 0 .1rem 1rem;font-size:.8rem}.terminal-replay .step-output.error{color:#f38ba8;border-left-color:#f38ba880}.terminal-replay .step-output.ok{color:#a6e3a1;border-left-color:#a6e3a180}.terminal-replay .step-output.why{color:#f9e2af;border-left-color:#f9e2af80}.terminal-replay .step-output.dim{color:#6c7086}.terminal-replay .step-output.docs{color:#89b4fa;border-left-color:#89b4fa80}.terminal-replay.tr-static .tr-stage{min-height:0}.terminal-replay.tr-static .step:last-child{margin-bottom:0}.terminal-replay .step-agent{letter-spacing:.03em;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:.3rem;padding:.25rem .65rem;font-family:inherit;font-size:.72rem;font-weight:600;display:inline-flex}.terminal-replay .step-agent.claude{color:#cba6f7;background:#cba6f71f;border:1px solid #cba6f740}.terminal-replay .step-agent.codex{color:#a6e3a1;background:#a6e3a11f;border:1px solid #a6e3a140}.terminal-replay .step-agent .agent-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.terminal-replay .step-response{color:#cdd6f4;padding:.2rem 0}.terminal-replay .step-response.codex .response-icon{color:#a6e3a1}.terminal-replay .step-response .response-icon{color:#cba6f7;margin-right:.35rem}.terminal-replay .step-separator{border:none;border-top:1px dashed #45475a;margin:.75rem 0}