.diff-samples{margin-top:16px}.diff-samples summary{cursor:pointer;min-height:44px;padding-block:12px;font-weight:700}.diff-samples p,.diff-reading-hint{color:var(--muted);font-size:13px;line-height:1.8}.diff-result-actions{max-width:100%}.diff-input-grid{gap:16px;display:grid}.diff-input textarea{white-space:pre;min-height:240px;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.55}.diff-main-actions{align-items:center}.diff-result-panel{border-top:1px solid var(--line);margin-top:28px;padding-top:26px}.diff-result-heading{gap:16px;display:grid}.diff-result-heading h3{margin:0;font-size:21px}.diff-result-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.diff-toggle{border:1px solid var(--line);background:var(--paper);min-height:48px;color:var(--muted);cursor:pointer;border-radius:12px;align-items:center;gap:9px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.diff-toggle input{width:19px;height:19px;accent-color:var(--brand);margin:0}.diff-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 14px;display:grid}.diff-summary-item{border:1px solid var(--line);background:#f6f8f5;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:10px 12px;display:flex}.diff-summary-item dt{color:var(--muted);font-size:11px;font-weight:800}.diff-summary-item dd{color:var(--ink);margin:0;font-size:19px;font-weight:900}.diff-summary-item--modified{background:#fff9e8;border-color:#ead6a7}.diff-summary-item--added{background:#eef9f3;border-color:#b9ddcc}.diff-summary-item--removed{background:#fff2f3;border-color:#efc5ca}.diff-legend{color:var(--muted);flex-wrap:wrap;gap:10px 16px;margin:0 0 10px;font-size:11px;font-weight:700;display:flex}.diff-legend span{align-items:center;gap:6px;display:inline-flex}.diff-legend-swatch{border:1px solid #0000;border-radius:3px;width:13px;height:13px}.diff-legend-swatch--modified{background:#ffe7a3;border-color:#d7aa4d}.diff-legend-swatch--added{background:#bce8ce;border-color:#75b995}.diff-legend-swatch--removed{background:#ffd0d4;border-color:#d98a94}.diff-view{overscroll-behavior:contain;background:#fbfcfa;border:1px solid #cad4ce;border-radius:12px;max-width:100%;max-height:min(68vh,720px);overflow:auto}.diff-view:focus-visible{border-color:var(--brand)}.diff-row{border-bottom:1px solid #e2e7e4;grid-template-columns:48px 48px 28px 74px minmax(500px,max-content);min-width:698px;min-height:34px;font-size:13px;line-height:1.55;display:grid}.diff-row:last-child{border-bottom:0}.diff-row--unchanged{color:#5e6965}.diff-row--added,.diff-row--modified-after{background:#eef9f3}.diff-row--removed,.diff-row--modified-before{background:#fff2f3}.diff-line-number,.diff-marker,.diff-kind-label{align-items:flex-start;min-height:34px;padding:7px 8px;display:flex}.diff-line-number{color:#77827e;user-select:none;background:#ffffff8c;border-right:1px solid #dce3df;justify-content:flex-end;font-family:Consolas,Courier New,monospace;font-size:11px}.diff-marker{color:var(--ink);user-select:none;justify-content:center;font-weight:900}.diff-kind-label{color:#59645f;white-space:nowrap;user-select:none;font-size:10px;font-weight:900}.diff-code{color:#22352f;white-space:pre;min-height:34px;padding:7px 12px;font-family:Consolas,Courier New,monospace;font-size:13px;display:block}.diff-segment{color:inherit}mark.diff-segment{border-radius:2px;padding:1px 0}.diff-segment--added{color:#064d3d;background:#afe4c4}.diff-segment--removed{color:#7c1726;background:#ffc8ce;text-decoration:line-through 1px}.diff-identical-message{color:var(--brand-dark);text-align:center;margin:0;padding:30px 18px;font-size:14px;font-weight:800}.diff-scroll-hint{color:var(--muted);margin:8px 0 0;font-size:10px}.diff-result-panel .copy-feedback{min-height:1.6em;margin-top:8px;display:block}@media (width<=619px){.diff-row{grid-template-columns:34px 34px 24px minmax(0,1fr);min-width:0}.diff-code{white-space:pre-wrap;overflow-wrap:anywhere;grid-column:1/-1;min-width:0;padding:2px 12px 12px;font-size:14px;line-height:1.7}}@media (width>=620px){.diff-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.diff-result-heading{grid-template-columns:minmax(0,1fr);align-items:end}}@media (width>=860px){.diff-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diff-input textarea{min-height:320px}}