/* text-diff.css */
.td-area{min-height:200px}
.td-opts{display:flex;flex-wrap:wrap;gap:8px 20px}
.td-result{margin-top:16px}
.td-stats{display:flex;flex-wrap:wrap;gap:8px}
.td-chip{font-size:13px;font-weight:700;padding:4px 11px;border-radius:999px;background:var(--card-2);border:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums}
.td-chip.add{color:#8ee4a8;border-color:rgba(111,207,151,.45)}
.td-chip.del{color:#ff9d92;border-color:rgba(255,133,119,.45)}
.td-out{background:#0a0b16;border:1px solid var(--line);border-radius:12px;font-family:var(--mono);font-size:13px;line-height:1.6;color:#dfe3ff;max-height:640px;overflow:auto}
.td-table{width:100%;border-collapse:collapse;table-layout:fixed}
.td-table td{vertical-align:top;padding:1px 8px;white-space:pre-wrap;word-break:break-word}
.td-table col.c-ln{width:3.4em}
.td-table col.c-mk{width:1.6em}
.td-table td.ln{color:var(--dim);text-align:right;user-select:none;padding-right:6px;font-size:12px}
.td-table td.mk{color:var(--dim);user-select:none;padding:1px 2px}
.td-table td.tx.del{background:rgba(255,133,119,.12)}
.td-table td.tx.ins{background:rgba(111,207,151,.12)}
.td-table td.tx.empty{background:rgba(255,255,255,.025)}
.td-table tr.skip td{color:var(--dim);text-align:center;font-style:italic;padding:4px}
.td-out del{background:rgba(255,133,119,.38);color:#ffe3df;text-decoration:line-through;text-decoration-color:rgba(255,255,255,.4);border-radius:2px}
.td-out ins{background:rgba(111,207,151,.38);color:#e6ffee;text-decoration:none;border-radius:2px}
.td-flow{white-space:pre-wrap;word-break:break-word;padding:12px 14px}
.td-cols{display:grid;grid-template-columns:1fr 1fr}
.td-cols > div{padding:12px 14px;white-space:pre-wrap;word-break:break-word;min-width:0}
.td-cols > div + div{border-left:1px solid var(--line)}
.td-colhead{font-family:inherit;font-size:12px;color:var(--muted);font-weight:700;margin-bottom:6px}
.td-same{padding:16px;color:var(--accent);font-family:inherit;font-weight:700}
@media (max-width:600px){
  .td-cols{grid-template-columns:1fr}
  .td-cols > div + div{border-left:none;border-top:1px solid var(--line)}
  .td-table col.c-ln{width:2.6em}
  .td-table td.ln{padding:1px 3px}
}