.text-panes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pane-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pane-heading h3{margin:2px 0}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.text-panes textarea{width:100%;min-height:260px;padding:13px;border:1.5px solid var(--ink);border-radius:13px;background:#fcfcfa;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.text-panes small{color:var(--muted)}.compare-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:18px 0}.compare-toolbar .tabs{margin:0}.compare-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.compact-field{display:flex;align-items:center;gap:7px;margin:0}.compact-field>span{margin:0}.compact-field select{min-height:40px;padding:5px 9px}.summary-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1.5px solid var(--ink);border-radius:15px 15px 0 0;background:var(--soft-accent)}.summary-bar h3{margin:3px 0}.summary-counts{display:flex;gap:8px;flex-wrap:wrap}.summary-counts span{padding:6px 9px;border:1px solid var(--ink);border-radius:999px;background:#fff;font-size:10px}.summary-counts .added{background:#dff3e8}.summary-counts .removed{background:#ffe2dc}.diff-output{min-height:260px;border:1.5px solid var(--ink);border-top:0;border-radius:0 0 15px 15px;background:#fff;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.diff-line{display:grid;grid-template-columns:42px minmax(0,1fr);border-bottom:1px solid #ecebe6}.diff-line i{padding:4px 8px;color:#8c8e88;font-style:normal;text-align:right;user-select:none}.diff-line code{padding:4px 9px;white-space:pre-wrap;overflow-wrap:anywhere}.diff-line.add{background:#dff3e8}.diff-line.remove{background:#ffe2dc}.word-diff{padding:18px;white-space:pre-wrap;overflow-wrap:anywhere}.word-diff ins{background:#bfe9d1;text-decoration:none}.word-diff del{background:#ffc5bb}.side-diff{display:grid;grid-template-columns:1fr 1fr}.side-column{min-width:0;border-right:1px solid var(--ink)}.side-column:last-child{border-right:0}.side-row{min-height:29px;padding:5px 9px;border-bottom:1px solid #ecebe6;white-space:pre-wrap;overflow-wrap:anywhere}.side-row.add{background:#dff3e8}.side-row.remove{background:#ffe2dc}@media(max-width:820px){.text-panes{grid-template-columns:1fr}.compare-toolbar{align-items:stretch;flex-direction:column}.compare-options{align-items:flex-start;flex-direction:column}.compare-options .primary-button{width:100%}.summary-bar{align-items:flex-start;flex-direction:column}.side-diff{grid-template-columns:1fr}.side-column{border-right:0;border-bottom:2px solid var(--ink)}}