.jdf-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}.jdf-output:empty{display:none}.jdf-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}.jdf-legend-item{display:flex;align-items:center;gap:.4rem}.jdf-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.jdf-legend-dot.removed{background:#fee2e2;border:1px solid #fca5a5}.jdf-legend-dot.added{background:#dcfce7;border:1px solid #86efac}.jdf-legend-dot.modified{background:#fef9c3;border:1px solid #fde047}.jdf-body{padding:1rem;background:#fff}.jdf-row{padding:.15rem .5rem;border-radius:4px;margin-bottom:2px;white-space:pre-wrap;word-break:break-all}.diff-removed{background:#fee2e2;color:#991b1b}.diff-added{background:#dcfce7;color:#166534}.diff-modified{background:#fef9c3;color:#713f12}.diff-same,.jdf-summary{color:var(--gray-600)}.jdf-summary{padding:.75rem 1rem;background:var(--gray-50);border-top:1px solid var(--gray-200);font-size:.8rem;font-family:system-ui,sans-serif}