.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:720px){.file-grid{grid-template-columns:1fr}}.header-toggle{display:flex;align-items:center;gap:8px;font-size:.88rem;cursor:pointer;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.rs-bar{display:flex;gap:2px;height:10px;margin:10px 0 12px}.seg{border-radius:999px;min-width:8px}.seg-chg{background:#f2c14e}.seg-add{background:#4cae82}.seg-del{background:#e5677e}.seg-same{background:#e2e8f0}.rs-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;font-size:.85rem;color:var(--text)}.rs-legend b{font-weight:700;color:var(--heading);font-variant-numeric:tabular-nums;margin-left:2px}.rs-legend .same,.rs-legend .same b{color:var(--text-sub)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.dot-chg{background:#f2c14e}.dot-add{background:#4cae82}.dot-del{background:#e5677e}.dot-same{background:#cbd5e1}.tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tab{border:none;background:transparent;padding:8px 18px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;border-radius:999px;color:var(--text-sub);display:flex;align-items:center;gap:7px;transition:background-color .15s,color .15s,box-shadow .15s}.tab:hover{background:#ffffffb3}.tab[aria-selected=true]{font-weight:700;background:var(--panel);color:var(--heading);box-shadow:var(--shadow)}.tab.t-chg[aria-selected=true]{background:var(--chg-bg);color:var(--chg-fg)}.tab.t-add[aria-selected=true]{background:var(--add-bg);color:var(--add-fg)}.tab.t-del[aria-selected=true]{background:var(--del-bg);color:var(--del-fg)}.tab .count{background:#ffffffd9;border-radius:999px;font-size:.75rem;padding:0 8px;box-shadow:0 1px 2px #0f172a14}.tab:not([aria-selected=true]) .count{background:#e5ebf2;box-shadow:none}.vlist{overflow:auto;border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);max-height:560px}.vlist-inner{width:max-content;min-width:100%}.trow{display:grid;align-items:stretch;border-bottom:1px solid var(--line);height:36px}.trow.thead{position:sticky;top:0;z-index:2;background:#f6f9fc;border-bottom:1px solid #dde6ef;font-weight:700;font-size:.8rem;color:#475569}.trow.r-add{background:var(--add-row)}.trow.r-del{background:var(--del-row)}.trow.r-chg{background:var(--chg-row)}.tcell{padding:0 12px;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.tcell.gutter{color:var(--text-sub);font-size:.78rem;justify-content:flex-end;background:#0f172a06;font-variant-numeric:tabular-nums}.tcell.cell-changed{background:var(--chg-cell);border-radius:8px;margin:3px 2px;height:30px}.tcell .old{color:var(--old-fg);text-decoration:line-through;overflow:hidden;text-overflow:ellipsis}.tcell .arrow{margin:0 5px;color:var(--text-sub);flex-shrink:0}.tcell .new{color:var(--add-fg);font-weight:700;overflow:hidden;text-overflow:ellipsis}.tcell .empty-val{color:var(--text-sub);font-style:italic}.tbl-empty{padding:44px 16px;text-align:center;color:var(--text-sub);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.preview-table{border-collapse:separate;border-spacing:0;margin-top:8px;font-size:.78rem;max-width:100%;display:block;overflow-x:auto;border-radius:var(--radius-sm)}.preview-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:var(--panel-tint);padding:3px 10px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}details>summary{cursor:pointer}.recomputing{opacity:.55;transition:opacity .15s}