.diff-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px}
.diff-inputs label{display:flex;flex-direction:column;gap:8px;font-weight:600;min-width:0}
.diff-inputs textarea{width:100%;height:260px;min-height:100px;resize:vertical;padding:12px;border:1px solid var(--border2);border-radius:8px;background:var(--surface);color:var(--text);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:4}
.diff-inputs textarea:focus{outline:2px solid var(--link);outline-offset:2px}
.diff-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 18px 18px}
.diff-actions .page-meta{margin:0}
.diff-legend{padding:10px 18px 0;color:var(--muted);font-size:12px}
#diff-output{white-space:pre;word-break:normal;tab-size:4}
.diff-row{display:flex;min-width:max-content;min-height:1.5em}
.diff-row.add{color:var(--diff-add);background:var(--diff-add-bg)}
.diff-row.remove{color:var(--diff-del);background:var(--diff-del-bg)}
.diff-number{display:inline-block;width:6ch;flex-shrink:0;text-align:right;padding-right:1ch;color:var(--muted);user-select:none}
.diff-marker{display:inline-block;width:2ch;flex-shrink:0;user-select:none}
@media(max-width:700px){.diff-inputs{grid-template-columns:1fr}.diff-inputs textarea{height:180px}.page-head{flex-wrap:wrap}}
.diff-content{white-space:pre}
.diff-row.add .diff-inline-change{background:rgba(34,197,94,.3);border-radius:2px;box-shadow:inset 0 -2px var(--diff-add)}
.diff-row.remove .diff-inline-change{background:rgba(248,113,113,.3);border-radius:2px;box-shadow:inset 0 -2px var(--diff-del)}