.tdf-output{margin-top:1.5rem;font-family:"Courier New",Courier,monospace;font-size:.875rem;line-height:1.6;border-radius:10px;border:1px solid var(--gray-200);overflow:hidden}.tdf-output:empty{display:none}.tdf-legend{display:flex;gap:1.5rem;padding:.75rem 1rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200);font-size:.8rem;font-family:system-ui,sans-serif;flex-wrap:wrap}.tdf-legend-item{display:flex;align-items:center;gap:.4rem}.tdf-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.tdf-legend-dot.removed{background:#fee2e2;border:1px solid #fca5a5}.tdf-legend-dot.added{background:#dcfce7;border:1px solid #86efac}.tdf-body{padding:.5rem 1rem;background:#fff}.tdf-line{padding:.1rem .5rem;border-radius:3px;margin-bottom:1px;white-space:pre-wrap;word-break:break-all;display:flex;gap:.75rem}.tdf-line-prefix{flex-shrink:0;width:1ch;user-select:none}.tdf-line.tdf-removed{background:#fee2e2;color:#991b1b}.tdf-line.tdf-added{background:#dcfce7;color:#166534}.tdf-line.tdf-same,.tdf-summary{color:var(--gray-600)}.tdf-summary{padding:.75rem 1rem;background:var(--gray-50);border-top:1px solid var(--gray-200);font-size:.8rem;font-family:system-ui,sans-serif}