.tool[data-tool=text-diff] .diff-result{margin-block-start:var(--space-5)}.tool[data-tool=text-diff] .diff-result h2{font-size:var(--fs-sm);margin:0 0 var(--space-2);color:var(--c-text-2);text-transform:uppercase;letter-spacing:.04em}.tool[data-tool=text-diff] .diff{border:1px solid var(--c-border);border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--fs-xs);margin:0;padding:0;list-style:none;overflow:hidden}.tool[data-tool=text-diff] .diff li{grid-template-columns:2.5em 2.5em 1.5em minmax(0,1fr);align-items:baseline;display:grid}.tool[data-tool=text-diff] .diff li+li{border-block-start:1px solid var(--c-border)}.tool[data-tool=text-diff] .ln{color:var(--c-text-3);text-align:end;-webkit-user-select:none;user-select:none;padding-inline-end:var(--space-1)}.tool[data-tool=text-diff] .sign{text-align:center;font-weight:700}.tool[data-tool=text-diff] .diff code{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;padding-block:var(--space-1);min-block-size:1.5em;padding-inline-end:var(--space-2)}.tool[data-tool=text-diff] .diff .del{background:var(--c-danger-soft)}.tool[data-tool=text-diff] .diff .del .sign{color:var(--c-danger)}.tool[data-tool=text-diff] .diff .ins{background:color-mix(in srgb, var(--c-ok) 14%, var(--c-surface))}.tool[data-tool=text-diff] .diff .ins .sign{color:var(--c-ok)}.tool[data-tool=text-diff] .diff del{background:color-mix(in srgb, var(--c-danger) 28%, transparent);border-radius:2px;text-decoration:line-through}.tool[data-tool=text-diff] .diff ins{background:color-mix(in srgb, var(--c-ok) 32%, transparent);border-radius:2px;text-decoration:none}@media (max-width:30rem){.tool[data-tool=text-diff] .diff li{grid-template-columns:2em 2em 1.25em minmax(0,1fr)}}