.tf{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tf-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;display:flex}.tf-bar .dot{border-radius:50%;width:10px;height:10px}.tf-bar .dot.r{background:var(--red)}.tf-bar .dot.y{background:var(--yellow)}.tf-bar .dot.g{background:var(--green)}.tf-title{text-align:center;font-family:var(--font);font-size:var(--font-size-2xs);color:var(--text-muted);flex:1}.tf-body{font-family:var(--font);font-size:var(--font-size-sm);padding:24px;line-height:1.9}.prompt-line{font-family:var(--font);font-size:var(--font-size-sm);line-height:1.9}.prompt-path{color:var(--blue)}.prompt-dollar{color:var(--text-muted)}.prompt-cmd{color:var(--green)}.output-box{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);font-family:var(--font);font-size:var(--font-size-sm);padding:24px;line-height:1.8}.dashed-divider{border-bottom:1px dashed var(--border);margin:32px 0}.cursor-block{background:var(--green);vertical-align:middle;width:8px;height:15px;animation:1s step-end infinite blink;display:inline-block}@media (max-width:768px){.tf-body,.output-box{padding:16px}}