[data-tool=diffchecker] .editor{height:clamp(180px,30vh,380px)}[data-tool=diffchecker]{--diff-added:var(--color-success);--diff-added-bg:color-mix(in srgb, var(--color-success) 14%, var(--color-surface));--diff-removed:var(--color-error);--diff-removed-bg:color-mix(in srgb, var(--color-error) 12%, var(--color-surface))}.pane__tools{flex-wrap:wrap;align-items:center;gap:.375rem .5rem;display:flex}.pane__tools-title{color:var(--color-muted);font-size:.8125rem;font-weight:700}.pane__tools-title--gap{margin-left:.5rem}.chip b{font-variant-numeric:tabular-nums}.chip--added:has(input:checked){border-color:var(--diff-added);background:var(--diff-added-bg)}.chip--removed:has(input:checked){border-color:var(--diff-removed);background:var(--diff-removed-bg)}.chip--added b{color:var(--diff-added)}.chip--removed b{color:var(--diff-removed)}.diff[data-hide~=added] .diff__row--added,.diff[data-hide~=removed] .diff__row--removed,.diff[data-hide~=kept] .diff__row--kept{display:none}.pane__note{border-bottom:1px solid var(--color-border);background:var(--color-primary-soft);margin:0;padding:.625rem 1rem;font-size:.9375rem;font-weight:600}.pane__note[hidden]{display:none}.diff{background:var(--color-surface);max-height:clamp(260px,52vh,680px);font:.875rem/1.6 var(--font-mono);overflow:auto}.diff:focus-visible{outline-offset:-3px}.diff__empty{color:var(--color-muted);font-family:var(--font);margin:0;padding:1.25rem 1rem;font-size:.9375rem}.diff__table{table-layout:fixed;width:100%;display:table}.diff__row{display:table-row}.diff__number,.diff__mark,.diff__text{vertical-align:top;height:1.6em;display:table-cell}.diff__number{background:var(--color-surface-2);width:3.25rem;color:var(--color-muted);text-align:right;-webkit-user-select:none;user-select:none;padding:0 .5rem}.diff__mark{-webkit-user-select:none;user-select:none;width:1.75rem;padding-left:.5rem;font-weight:800}.diff__text{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;padding:0 1rem 0 .25rem}.diff__row--added{background:var(--diff-added-bg)}.diff__row--added .diff__mark{color:var(--diff-added)}.diff__row--removed{background:var(--diff-removed-bg)}.diff__row--removed .diff__mark{color:var(--diff-removed)}:is(.workbench:fullscreen #result-pane,.workbench.is-fullscreen #result-pane){flex-direction:column;flex:1;min-height:240px;display:flex}:is(.workbench:fullscreen .diff,.workbench.is-fullscreen .diff){flex:1;min-height:0;max-height:none}@media (width<=640px){.diff__number{width:2.5rem;padding:0 .25rem}.diff__mark{width:1.5rem;padding-left:.25rem}}