.td{--brand:#a56eff;--bg:#0c0a14;--text:#fff;--dim:#999;--muted:gray;--success:#22c55e;--pending:#4da3ff;--diff-add-bg:#042208;--diff-add-text:#4a9a4a;--diff-del-bg:#2a0606;--diff-del-text:#ff5c7a;--border:#a56eff80;--user-bg:#ffffff14;--gutter:3ch;--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;background:var(--bg);width:100%;max-width:52rem;font-family:var(--font);color:var(--text);border-radius:.5rem;margin:0 auto;font-size:.75rem;line-height:1.45;overflow:hidden;box-shadow:0 4px 30px #0000004d}.td:focus{outline:none}@media (width<=640px){.td{border-radius:.375rem;font-size:.5625rem}}.td-chrome{background:#1a1730;align-items:center;padding:.5rem;display:flex}.td-traffic{gap:.5rem;display:flex}.td-dot{border-radius:50%;width:.55rem;height:.55rem}.td-red{background:#ff5f57}.td-yellow{background:#febc2e}.td-green{background:#28c840}.td-body{flex-direction:column;height:26lh;padding:1ch 0;display:flex}.td-scroll{flex:1;overflow:hidden}#td-content{padding:0 var(--gutter)}@media (width<=640px){.td-body{padding:.5ch 0}.td-body .td-line{white-space:pre-wrap;overflow-wrap:anywhere;height:auto;min-height:1lh}.td-body .td-tl>span:last-child{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.td-body .td-line-diff{white-space:pre;text-overflow:ellipsis;padding-right:0;overflow:hidden}.td-body .td-tl.td-line-diff>span{white-space:pre;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.td-body .td-diff-content{white-space:pre;text-overflow:ellipsis;min-width:0;overflow:hidden}.td-input{margin-left:0;margin-right:0;padding-left:1ch;padding-right:1ch}.td-body .td-input-row{align-items:baseline;height:auto;min-height:1lh;display:flex}.td-body #td-input-text{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0}}.td-line{white-space:pre;height:1lh}.td-blank{height:1lh}.td-marker{width:2ch;color:var(--muted);display:inline-block}.td-chat-marker{width:2ch;color:var(--text);display:inline-block}.td-tool-marker{color:var(--success)}.td-dim{color:var(--dim)}.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);background:var(--user-bg);margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}.td-tl{align-items:baseline;gap:1ch;padding-left:0;display:flex}.td-hex-marker{display:inline-block;transform:translateY(-.08em)}.td-tl-hex{text-align:center;width:1ch}.td-tl-hex-hollow{color:var(--dim)}.td-tl-hex-tool{color:var(--success)}.td-tl-hex-brand{color:var(--brand)}.td-tl-hex-assistant{color:var(--text)}.td-tl-hex-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{text-align:right;width:2ch;color:var(--dim);display:inline-block}.td-tl.td-line-diff{margin-right:calc(-1 * var(--gutter))}.td-tl.td-line-diff>span:last-child{flex:1;min-width:0}.td-diff-content{box-sizing:border-box;margin:0 1ch 0 4ch;padding-left:1ch;display:block}.td-diff-ellipsis{color:var(--dim)}.td-diff-add{color:var(--diff-add-text);background:var(--diff-add-bg)}.td-diff-del{color:var(--diff-del-text);background:var(--diff-del-bg)}.td-diff-add .td-diff-linenum{color:var(--diff-add-text)}.td-diff-del .td-diff-linenum{color:var(--diff-del-text)}.td-diff-add .td-diff-code{color:#ecf2fb}.td-diff-add .hljs-keyword,.td-diff-add .hljs-literal{color:#a56eff}.td-diff-add .hljs-built_in,.td-diff-add .hljs-type,.td-diff-add .hljs-class{color:#4be0b0}.td-diff-add .hljs-number{color:#ff7a5c}.td-diff-add .hljs-string,.td-diff-add .hljs-regexp,.td-diff-add .hljs-symbol{color:#f5c451}.td-diff-add .hljs-comment,.td-diff-add .hljs-quote{color:#999}.td-diff-add .hljs-title.function_,.td-diff-add .hljs-function,.td-diff-add .hljs-title{color:#4da3ff}.td-diff-add .hljs-title.class_{color:#4be0b0}.td-diff-add .hljs-property,.td-diff-add .hljs-attr,.td-diff-add .hljs-attribute{color:#9ee86b}.td-diff-add .hljs-meta{color:#e07bd0}.td-diff-add .hljs-subst{color:#ecf2fb}.td-pulse-marker{width:2ch;color:var(--pending);animation:.8s step-end infinite td-pulse;display:inline-block}.td-shimmer{background:linear-gradient(90deg, var(--muted) 0%, var(--muted) 35%, var(--dim) 50%, var(--muted) 65%, var(--muted) 100%);-webkit-text-fill-color:transparent;background-position:100% 0;background-size:300% 100%;background-clip:text;animation:1s ease-in-out infinite td-shimmer}@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{align-items:center;gap:2ch;display:flex}.td-mascot{flex-shrink:0;width:11ch;height:auto;margin-left:-1.1ch}.td-meta{line-height:1.45}#td-tui-bottom{padding:0 var(--gutter);background:var(--bg);flex-shrink:0}.td-input{border:1px solid var(--border);border-radius:.2rem;margin:.5ch -2ch 0;padding:.5lh 2ch}.td-input-row{height:1lh;color:var(--text)}.td-block-cursor{background:var(--text);vertical-align:text-bottom;width:1ch;height:1.1em;display:inline-block}.td-footer{color:var(--dim);padding-top:.5ch}.td-status-dim{color:var(--muted)}.td{position:relative}.td-narration{text-align:center;color:#e2e8f0;pointer-events:none;background:#000000b3;border-radius:.25rem;max-width:calc(100% - 2rem);margin:0;padding:.3em 1.2em;font-size:.75rem;transition:opacity .3s;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.td-narration:empty{opacity:0}.td-controls{z-index:2;grid-template-columns:var(--control-side-width) minmax(0, 1fr) var(--control-side-width);opacity:0;pointer-events:none;align-items:center;gap:.25rem;transition:opacity .14s,transform .14s;display:grid;position:absolute;bottom:.65rem;left:1rem;right:1rem;transform:translateY(.2rem)}.td:hover .td-controls,.td:focus-within .td-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.td-control-button{color:#e2e8f0cc;font:inherit;width:var(--control-size);height:var(--control-size);cursor:pointer;background:0 0;border:0;justify-content:center;justify-self:center;align-items:center;padding:0;line-height:0;display:inline-flex;position:relative}.td-control-button:before{content:"";background:currentColor;width:1.2rem;height:1.2rem;display:block}.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-offset:2px;outline:1px solid #e2e8f06b}.td-control-range{appearance:none;width:100%;min-width:0;height:var(--control-size);--timeline-progress:0%;background:linear-gradient(to right, var(--brand) 0%, var(--brand) var(--timeline-progress), #e2e8f02e var(--timeline-progress), #e2e8f02e 100%) center / 100% var(--control-track-size) no-repeat;cursor:pointer;margin:0;padding:0;display:block}.td-control-range::-webkit-slider-runnable-track{height:var(--control-track-size);background:0 0;border:0;border-radius:0}.td-control-range::-webkit-slider-thumb{appearance:none;width:var(--control-thumb-size);height:var(--control-thumb-size);margin-top:calc((var(--control-track-size) - var(--control-thumb-size)) / 2);background:var(--text);border:0;border-radius:50%}.td-control-range::-moz-range-progress{height:var(--control-track-size);background:0 0;border-radius:0}.td-control-range::-moz-range-thumb{width:var(--control-thumb-size);height:var(--control-thumb-size);background:var(--text);border:0;border-radius:50%}.td-control-range::-moz-range-track{height:var(--control-track-size);background:0 0;border:0;border-radius:0}.td-control-time{width:var(--control-side-width);color:#e2e8f08c;text-align:center;font-variant-numeric:tabular-nums;justify-self:center;font-size:.68rem}@media (width<=640px){.td-controls{bottom:.45rem;left:.7rem;right:.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}}