.route-content .df-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:680px){.route-content .df-cols{grid-template-columns:1fr;}}
.route-content .df-cols label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7f8aa3;margin-bottom:6px;}
.route-content .df-summary{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0;font-size:14px;}
.route-content .df-summary .a{color:#4ade80;}
.route-content .df-summary .d{color:#fb7185;}
.route-content .df-summary .s{color:#7f8aa3;}
.route-content .df-view{font-family:ui-monospace,monospace;font-size:13px;line-height:1.55;background:#000;border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:480px;}
.route-content .df-line{display:flex;white-space:pre-wrap;word-break:break-word;padding:0 12px;}
.route-content .df-line .sign{flex:0 0 18px;color:#64748b;user-select:none;}
.route-content .df-add{background:rgba(74,222,128,.12);}
.route-content .df-add .sign{color:#4ade80;}
.route-content .df-del{background:rgba(244,63,94,.12);}
.route-content .df-del .sign{color:#fb7185;}
.route-content .df-same{color:#94a3b8;}