[data-tool-view=TextCompare] .compare-intro{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}[data-tool-view=TextCompare] .compare-intro p{color:var(--muted);margin:0}[data-tool-view=TextCompare] .compare-intro button{flex-shrink:0}[data-tool-view=TextCompare] .compare-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}[data-tool-view=TextCompare] .compare-inputs>div{min-width:0}[data-tool-view=TextCompare] .compare-inputs label{margin-bottom:8px;font-weight:600;display:block}[data-tool-view=TextCompare] textarea{resize:vertical;width:100%;min-height:260px}[data-tool-view=TextCompare] .compare-help{color:var(--muted);font-size:.875rem;line-height:1.6}[data-tool-view=TextCompare] .compare-options{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:12px 24px;min-width:0;margin:20px 0;padding:12px 16px;display:flex}[data-tool-view=TextCompare] .compare-options legend{padding:0 8px;font-weight:600}[data-tool-view=TextCompare] label:has(input){align-items:center;gap:10px;min-height:44px;display:flex}[data-tool-view=TextCompare] input[type=checkbox]{width:20px;height:20px;accent-color:var(--focus);flex-shrink:0}[data-tool-view=TextCompare] #compare-result{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}[data-tool-view=TextCompare] #compare-summary{font-size:1.15rem;line-height:1.5}[data-tool-view=TextCompare] .compare-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}[data-tool-view=TextCompare] .compare-actions label{margin-right:auto}[data-tool-view=TextCompare] .compare-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}[data-tool-view=TextCompare] table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.875rem}[data-tool-view=TextCompare] th{background:var(--soft);text-align:start;font-weight:600}[data-tool-view=TextCompare] th,[data-tool-view=TextCompare] td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}[data-tool-view=TextCompare] th:nth-child(-n+3){width:54px}[data-tool-view=TextCompare] td:last-child{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace}[data-tool-view=TextCompare] tr[data-kind=add]{background:var(--success-bg)}[data-tool-view=TextCompare] tr[data-kind=remove]{background:var(--warning-bg)}@media (width<=620px){[data-tool-view=TextCompare] .compare-inputs{grid-template-columns:1fr}[data-tool-view=TextCompare] textarea{min-height:180px}[data-tool-view=TextCompare] .compare-intro{flex-direction:column;align-items:flex-start}[data-tool-view=TextCompare] th:nth-child(-n+3){width:43px}[data-tool-view=TextCompare] th,[data-tool-view=TextCompare] td{padding:8px 4px}[data-tool-view=TextCompare] table{font-size:.8125rem}}
