.diff-page{gap:1rem;display:grid}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.source-editor{flex-direction:column;min-width:0;display:flex}.editor-shell{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface);flex:1;grid-template-columns:auto minmax(0,1fr);min-height:230px;display:grid;overflow:hidden}.editor-lines{border-right:1px solid var(--color-hairline);background:var(--color-canvas-soft);min-width:42px;height:100%;color:var(--color-mute);font-family:var(--font-mono);text-align:right;white-space:pre;user-select:none;font-variant-numeric:tabular-nums;padding:.8rem .55rem;font-size:.8125rem;line-height:1.55;overflow:hidden}.source-editor textarea{box-sizing:border-box;background:var(--color-surface);width:100%;min-width:0;min-height:230px;color:var(--color-ink);font-family:var(--font-mono);resize:vertical;border:0;border-radius:0;padding:.8rem;font-size:.8125rem;line-height:1.55}.source-editor textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent) 22%,transparent);border-color:var(--color-accent)}.compare-row{justify-content:center;margin-top:1rem;display:flex}.compare-trigger{white-space:nowrap;min-width:190px}.diff-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.diff-options,.diff-actions,.change-navigation{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.diff-check{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-soft);min-height:38px;color:var(--color-body);cursor:pointer;align-items:center;gap:.45rem;padding:.4rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.diff-check input{width:16px;height:16px;accent-color:var(--color-accent);flex:0 0 16px;margin:0}.diff-tab-container{gap:.5rem;margin-bottom:.75rem;display:flex}.diff-tab{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface);min-height:40px;color:var(--color-mute);cursor:pointer;flex:1;padding:.5rem;font-size:.8125rem;font-weight:650}.diff-tab.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.result-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.result-status{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.stale-badge{color:#9a3412;background:#ffedd5;border-radius:999px;padding:.3rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.change-position{min-width:106px;color:var(--color-mute);text-align:center;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:650}.diff-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-bottom:.75rem;display:grid}.diff-summary .txt-stat-card{border-color:var(--summary-border,var(--color-hairline));background:var(--summary-bg,var(--color-surface));position:relative;overflow:hidden}.diff-summary .txt-stat-card:before{content:"";background:var(--summary-accent,var(--color-mute));width:4px;position:absolute;inset:0 auto 0 0}.diff-summary .summary-total{--summary-bg:var(--color-accent-soft);--summary-border:color-mix(in srgb,var(--color-accent) 32%,var(--color-hairline));--summary-accent:var(--color-accent)}.diff-summary .summary-added{--summary-bg:#f0fdf4;--summary-border:#bbf7d0;--summary-accent:#16a34a}.diff-summary .summary-removed{--summary-bg:#fff1f2;--summary-border:#fecdd3;--summary-accent:#e11d48}.diff-summary .summary-unchanged{--summary-bg:var(--color-canvas-soft);--summary-accent:#64748b}.diff-viewer{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface);max-height:520px;font-family:var(--font-mono);white-space:normal;overscroll-behavior:auto;font-size:.7813rem;overflow:auto}.diff-row{width:100%;min-height:21px;display:flex}.diff-row.active-change{outline:2px solid var(--color-accent);outline-offset:-2px}.diff-gutter{border-right:1px solid var(--color-hairline);background:var(--color-canvas-soft);width:44px;color:var(--color-mute);text-align:right;user-select:none;font-variant-numeric:tabular-nums;flex:0 0 44px;padding-right:.5rem}.diff-content{white-space:pre;width:100%;min-width:max-content;padding:0 .75rem}.diff-row.added{color:#14532d;background:#e6ffec}.diff-row.added .diff-gutter{color:#1a7f37;background:#ccffd8}.diff-row.removed{color:#7f1d1d;background:#ffebe9}.diff-row.removed .diff-gutter{color:#cf222e;background:#ffd3d0}.diff-content mark{color:inherit;font:inherit;border-radius:3px;padding:.05rem .12rem}.diff-row.added .diff-content mark{background:#86efcf}.diff-row.removed .diff-content mark{background:#fca5a5}.split-container{border:1px solid var(--color-hairline);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.split-pane{background:var(--color-surface);min-width:0;overflow-x:auto}.split-pane:first-child{border-right:1px solid var(--color-hairline)}.split-title{border-bottom:1px solid var(--color-hairline);background:var(--color-canvas-soft);color:var(--color-mute);padding:.45rem .75rem;font-size:.75rem;font-weight:700}#results-section[hidden]{display:none}@media (width<=700px){.source-grid{grid-template-columns:1fr;gap:.75rem}.compare-trigger{width:100%}.editor-shell,.source-editor textarea{min-height:180px}.source-editor textarea,.editor-lines{font-size:16px}.split-container{grid-template-columns:1fr}.split-pane:first-child{border-right:0;border-bottom:1px solid var(--color-hairline)}.result-heading{flex-direction:column;align-items:flex-start}.change-navigation{width:100%}.change-navigation button{flex:1}.diff-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.diff-toolbar,.diff-actions{flex-direction:column;align-items:stretch;width:100%}.diff-actions button{width:100%}}