.text-diff-checker{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.text-diff-checker .panes{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.text-diff-checker textarea{min-height:180px;font-family:var(--font-mono);font-size:.85rem}.text-diff-checker .options{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.text-diff-checker .option{align-items:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s3);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);display:flex}.text-diff-checker .option label{cursor:pointer;flex:1}.text-diff-checker .diff{border:1px solid var(--border);border-radius:var(--r);font-family:var(--font-mono);font-size:.82rem;line-height:1.6;overflow-x:auto}.text-diff-checker .row{gap:var(--s2);padding:2px var(--s3);border-bottom:1px solid var(--border);grid-template-columns:3ch 3ch 1fr 1fr;display:grid}.text-diff-checker .row:last-child{border-bottom:0}.text-diff-checker .num{color:var(--muted);text-align:right;-webkit-user-select:none;user-select:none;font-size:.72rem}.text-diff-checker .side{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2)}.text-diff-checker .row.delete .left,.text-diff-checker .row.replace .left{background-color:color-mix(in srgb, var(--danger) 12%, transparent);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--danger) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--danger) 60%, transparent)}.text-diff-checker .row.insert .right,.text-diff-checker .row.replace .right{background-color:color-mix(in srgb, var(--success) 14%, transparent)}.text-diff-checker mark{background-color:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--text);border-radius:2px;padding:0 1px;font-weight:650}.text-diff-checker .empty{padding:var(--s4);color:var(--muted);font-family:var(--font-sans)}.text-diff-checker .actions{gap:var(--s2);display:flex}.text-diff-checker .actions button:disabled{opacity:.5;cursor:not-allowed}.text-diff-checker code{background-color:var(--surface-inset);border-radius:3px;padding:1px 4px;font-size:.85em}@media (max-width:560px){.text-diff-checker .row{grid-template-columns:3ch 3ch 1fr}.text-diff-checker .side.right{grid-column:3}}
