:root{--border: #d0d7de;--border-soft: #eaeef2;--bg-soft: #f6f8fa;--fg-muted: #57606a;--accent: #0969da;--added-bg: #e6ffec;--removed-bg: #ffebe9;--modified-bg: #fff8c5;--seg-left: #ffc9c9;--seg-right: #a7f3b4;--ws-mark: #c2c8ce;--ws-changed-bg: #ffd8a8;--ws-changed-fg: #7a4b00}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px;color:#1f2328;background:#fff}.toolbar{flex:0 0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.toolbar__title{font-weight:600;font-size:15px}.toolbar__group{display:flex;align-items:center;gap:10px}.toolbar__group--end{margin-left:auto}.lang-select{padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#1f2328;font-size:13px;cursor:pointer}.lang-select:hover{border-color:#afb8c1}.switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar__label{color:var(--fg-muted);font-size:13px}.counter{min-width:140px;color:var(--fg-muted);font-variant-numeric:tabular-nums}.seg-control{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.view-btn{padding:5px 12px;border:none;background:#fff;color:#1f2328;font-size:13px;cursor:pointer;transition:background .12s}.view-btn+.view-btn{border-left:1px solid var(--border)}.view-btn:hover{background:#f3f4f6}.view-btn--active{background:var(--accent);color:#fff}.btn{padding:5px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#1f2328;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:#f3f4f6;border-color:#afb8c1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:#0860ca;border-color:#0860ca}.btn--sm{padding:2px 8px;font-size:12px}.workspace{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding:12px 16px 16px}.editors{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .12s,box-shadow .12s}.editor--dragover{border-color:var(--accent);box-shadow:0 0 0 3px #0969da26}.editor__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px 5px 12px;background:var(--bg-soft);border-bottom:1px solid var(--border-soft)}.editor__name{font-size:13px;color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor__area{height:140px;resize:vertical;border:none;outline:none;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,Courier New,monospace;font-size:12.5px;line-height:1.5;-moz-tab-size:4;tab-size:4}.result{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px}.result__placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);border:1px dashed var(--border);border-radius:8px}.diff-scroll{flex:1;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:8px}.diff-table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:ui-monospace,SFMono-Regular,Consolas,Courier New,monospace;font-size:12.5px;line-height:1.55}.diff-table col.col-no{width:52px}.diff-table th,.diff-table td{padding:1px 8px;vertical-align:top}.diff-table thead th{position:sticky;top:0;z-index:1;text-align:left;font-weight:600;background:var(--bg-soft);border-bottom:1px solid var(--border)}.diff-table td.c-code{white-space:pre-wrap;word-break:break-word;border-left:1px solid var(--border-soft)}.diff-table td.c-no{text-align:right;color:#8c959f;background:#fbfcfd;-webkit-user-select:none;user-select:none}tr.row--added>td{background:var(--added-bg)}tr.row--removed>td{background:var(--removed-bg)}tr.row--modified>td{background:var(--modified-bg)}tr.row--empty>td{background:var(--bg-soft)}td.c-code--left .seg{background:var(--seg-left);border-radius:2px}td.c-code--right .seg{background:var(--seg-right);border-radius:2px}.ws{color:var(--ws-mark)}.ws--changed{color:var(--ws-changed-fg);background:var(--ws-changed-bg);border-radius:2px}.diff-table--unified col.col-no{width:52px}.diff-table td.c-code--unified{border-left:1px solid var(--border-soft)}.u-sign{display:inline-block;width:1.2em;margin-right:4px;text-align:center;font-weight:700;-webkit-user-select:none;user-select:none}.u-sign--add{color:#1a7f37}.u-sign--del{color:#cf222e}tr.row--current>td{outline:2px solid var(--accent);outline-offset:-2px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:8px 16px;border-radius:6px;background:#1f2328eb;color:#fff;font-size:13px;z-index:10}