.td{--brand: #A56EFF;--bg: #0c0a14;--text: #e2e8f0;--dim: #6B7280;--muted: #475569;--success: #22c55e;--pending: #4DA3FF;--diff-add-bg: rgba(74, 154, 74, .12);--diff-add-text: #4a9a4a;--diff-del-bg: rgba(154, 74, 74, .12);--diff-del-text: #9a4a4a;--border: rgba(165, 110, 255, .18);--control-size: 2rem;--control-side-width: 3rem;--control-thumb-size: .8rem;--control-track-size: 4px;--font: ui-monospace, "Cascadia Code", Menlo, Monaco, "Courier New", monospace;width:100%;max-width:52rem;margin:0 auto;border-radius:.5rem;overflow:hidden;background:var(--bg);font-family:var(--font);font-size:.75rem;line-height:1.45;color:var(--text);box-shadow:0 4px 30px #0000004d}.td:focus{outline:none}@media(max-width:640px){.td{font-size:.5625rem;border-radius:.375rem}}.td-chrome{display:flex;align-items:center;padding:.5rem;background:#1a1730}.td-traffic{display:flex;gap:.5rem}.td-dot{width:.55rem;height:.55rem;border-radius:50%}.td-red{background:#ff5f57}.td-yellow{background:#febc2e}.td-green{background:#28c840}.td-body{display:flex;flex-direction:column;padding:1ch;height:26lh}.td-scroll{flex:1;overflow:hidden}@media(max-width:640px){.td-body{padding:.5ch}}.td-line{white-space:pre;height:1lh}.td-blank{height:1lh}.td-marker{display:inline-block;width:2ch;color:var(--muted)}.td-dim{color:var(--dim)}.td-muted{color:var(--muted)}.td-bold{font-weight:600}.td-brand{color:var(--brand)}.td-shell{color:var(--text)}.td-shell-prompt{color:var(--muted)}.td-line-user{color:var(--text)}.td-tl{padding-left:2ch;position:relative}.td-tl:before{content:"";position:absolute;left:calc(.5ch - .75px);top:0;bottom:0;width:1px;background:var(--border)}.td-tl-diamond{position:absolute;left:0;top:-.1em;width:1ch;height:100%;text-align:center;line-height:1.45}.td-tl-first:before{top:50%}.td-tl-last:before{bottom:50%}.td-tl-diamond-hollow{color:var(--dim)}.td-tl-diamond-tool{color:var(--success)}.td-tl-diamond-brand{color:var(--brand)}.td-tl-diamond-assistant{color:var(--text)}.td-tl-diamond-active{color:var(--pending)}.td-paused .td-shimmer,.td-paused .td-pulse-marker{animation-play-state:paused}.td-line-tool{color:var(--text)}.td-tool-action{font-weight:600}.td-tool-path{color:var(--dim)}.td-line-detail{color:var(--dim);padding-left:2ch}.td-diff-linenum{display:inline-block;width:3ch;text-align:right;color:var(--dim)}.td-diff-add{color:var(--diff-add-text)}.td-diff-del{color:var(--diff-del-text)}.td-diff-add>span{background:var(--diff-add-bg);display:block}.td-diff-del>span{background:var(--diff-del-bg);display:block}.td-pulse-marker{display:inline-block;width:2ch;color:var(--pending);animation:td-pulse .8s step-end infinite}.td-shimmer{background:linear-gradient(90deg,var(--dim) 0%,var(--dim) 35%,#9CA3AF 50%,var(--dim) 65%,var(--dim) 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:td-shimmer 1s ease-in-out infinite}@keyframes td-pulse{50%{opacity:0}}@keyframes td-shimmer{0%{background-position:100% 0}to{background-position:0% 0}}.td-line-output{color:var(--dim)}.td-header{display:flex;align-items:center;gap:2ch;padding-left:1ch;margin-bottom:1ch}.td-mascot{flex-shrink:0;width:11ch;height:auto}.td-meta{line-height:1.45}#td-tui-bottom{flex-shrink:0;position:sticky;bottom:0;background:var(--bg)}.td-input{margin-top:.5ch}.td-border-line{height:1lh;display:flex;align-items:center}.td-border-line:after{content:"";display:block;width:100%;height:1px;background:var(--border)}.td-input-row{height:1lh;color:var(--text)}.td-placeholder-wrap{position:relative}.td-placeholder-wrap .td-block-cursor{position:absolute;left:0;top:0}.td-cursor-char{color:var(--bg);position:relative;z-index:1}.td-block-cursor{display:inline-block;width:1ch;height:1.1em;background:#e2e8f0;vertical-align:text-bottom}.td-footer{display:flex;justify-content:space-between;padding:.5ch 2ch 0;color:var(--muted)}@media(max-width:640px){.td-footer-right{display:none}}.td{position:relative}.td-narration{position:absolute;bottom:12%;left:50%;transform:translate(-50%);text-align:center;color:#e2e8f0;font-size:.75rem;margin:0;padding:.3em 1.2em;background:#000000b3;border-radius:.25rem;transition:opacity .3s ease;pointer-events:none;max-width:calc(100% - 2rem)}.td-narration:empty,.td-narration.td-hidden{opacity:0}.td-controls{position:absolute;right:1rem;bottom:.65rem;left:1rem;z-index:2;display:grid;grid-template-columns:var(--control-side-width) minmax(0,1fr) var(--control-side-width);align-items:center;gap:.25rem;opacity:0;transform:translateY(.2rem);transition:opacity .14s ease,transform .14s ease;pointer-events:none}.td:hover .td-controls,.td:focus-within .td-controls{opacity:1;transform:translateY(0);pointer-events:auto}.td-control-button{display:inline-flex;align-items:center;justify-content:center;position:relative;justify-self:center;border:0;background:transparent;color:#e2e8f0cc;font:inherit;line-height:0;padding:0;width:var(--control-size);height:var(--control-size);cursor:pointer}.td-control-button:before{content:"";display:block;width:1.2rem;height:1.2rem;background:currentColor}.td-control-button[data-state=play]:before{clip-path:polygon(18% 12%,18% 88%,88% 50%);transform:translate(.04rem)}.td-control-button[data-state=pause]:before{clip-path:polygon(14% 10%,38% 10%,38% 90%,14% 90%,14% 10%,62% 10%,86% 10%,86% 90%,62% 90%,62% 10%)}.td-control-button:hover,.td-control-button:focus-visible{color:var(--text)}.td-control-button:focus-visible{outline:none}.td-control-range:focus-visible{outline:1px solid rgba(226,232,240,.42);outline-offset:2px}.td-control-range{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:var(--control-size);margin:0;padding:0;--timeline-progress: 0%;background:linear-gradient(to right,var(--brand) 0%,var(--brand) var(--timeline-progress),rgba(226,232,240,.18) var(--timeline-progress),rgba(226,232,240,.18) 100%) center / 100% var(--control-track-size) no-repeat;cursor:pointer}.td-control-range::-webkit-slider-runnable-track{height:var(--control-track-size);border:0;border-radius:0;background:transparent}.td-control-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--control-thumb-size);height:var(--control-thumb-size);margin-top:calc((var(--control-track-size) - var(--control-thumb-size)) / 2);border:0;border-radius:50%;background:var(--text)}.td-control-range::-moz-range-progress{height:var(--control-track-size);border-radius:0;background:transparent}.td-control-range::-moz-range-thumb{width:var(--control-thumb-size);height:var(--control-thumb-size);border:0;border-radius:50%;background:var(--text)}.td-control-range::-moz-range-track{height:var(--control-track-size);border:0;border-radius:0;background:transparent}.td-control-time{justify-self:center;width:var(--control-side-width);color:#e2e8f08c;font-size:.68rem;text-align:center;font-variant-numeric:tabular-nums}@media(max-width:640px){.td-controls{right:.7rem;bottom:.45rem;left:.7rem}.td-control-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:calc((var(--control-track-size) - 1rem) / 2)}.td-control-range::-moz-range-thumb{width:1rem;height:1rem}}