.vc{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--ink);font-size:var(--text-sm);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.vc-header{background:var(--bg);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-4)}.vc .headline{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.vc .headline h1{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.vc .headline .meta{color:var(--muted);font-size:var(--text-xs)}.vc .note{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-xs);align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);line-height:1.45;display:flex}.vc .note b{color:var(--ink);font-weight:var(--weight-semibold)}.vc-main{flex:1;min-height:0;display:flex;position:relative}.vc .panes{background:var(--surface-muted);flex:1;min-width:0;margin-inline-end:var(--vc-rail);display:flex}.vc .pane{flex-direction:column;flex:1;min-width:0;margin:0;display:flex}.vc .pane+.pane{border-left:1px solid var(--border-strong)}.vc .pane-title{background:var(--bg);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--text-micro);letter-spacing:.04em;padding:var(--space-2) var(--space-3);text-transform:uppercase;justify-content:space-between;display:flex}.vc .stage{background:var(--surface);cursor:grab;flex:1;min-height:min(64dvh,720px);position:relative;overflow:hidden}.vc .stage.dragging{cursor:grabbing}.vc .stage .canvas{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.vc .stage .render{display:block}.vc .stage .marks{position:absolute;inset:0;overflow:visible}.vc .stage .marks [data-weight=heavy]{stroke-width:var(--hl-heavy,.25)}.vc .stage .marks [data-weight=medium]{stroke-width:var(--hl-medium,.18)}.vc .stage .marks [data-weight=light]{stroke-width:var(--hl-light,.12)}.vc .stage .marks>g>g{cursor:pointer;transition:opacity 90ms}@media (prefers-reduced-motion:reduce){.vc .stage .marks>g>g{transition:none}}.vc .stage .busy{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.vc .stage.busy .canvas{filter:grayscale();opacity:.18}.vc .busy-inner{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-xs);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);display:flex}.vc .ring{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite vc-spin}@keyframes vc-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vc .ring{animation-duration:2.4s}}.vc .stage.busy:after{display:none}.vc .stage.empty:after{color:var(--faint);content:attr(data-empty);font-size:var(--text-xs);place-items:center;display:grid;position:absolute;inset:0}.vc{--vc-rail:330px}.vc-aside{background:var(--bg);border-left:1px solid var(--border);min-height:0;width:var(--vc-rail);flex-direction:column;flex-shrink:0;display:flex;position:absolute;inset-block:0;inset-inline-end:0}.vc .controls{border-bottom:1px solid var(--border);gap:var(--space-2);padding:var(--space-2) var(--space-3);display:flex}.vc .segmented{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.vc .segmented button{appearance:none;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font:inherit;min-height:0;padding:3px var(--space-3);white-space:nowrap;background:0 0;border:1px solid #0000}.vc .segmented button:hover:not([aria-selected=true]){color:var(--ink);background:0 0}.vc .segmented button[aria-selected=true]{background:var(--surface);border-color:var(--border-strong);color:var(--ink);font-weight:var(--weight-medium)}.vc .segmented button[hidden]{display:none}.vc .vc-target{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);font:inherit;font-size:var(--text-xs);min-width:0;padding:3px var(--space-2)}.vc .vc-fit{margin-left:auto}.vc .list{flex:1;min-height:0;overflow-y:auto}.vc .group-title{background:var(--bg);color:var(--faint);font-size:var(--text-micro);letter-spacing:.04em;padding:7px var(--space-3) var(--space-1);text-transform:uppercase;z-index:1;position:sticky;top:0}.vc .row{cursor:pointer;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-left:2px solid #0000;grid-template-columns:14px 1fr auto;display:grid}.vc .row:hover{background:var(--surface-muted)}.vc .row[aria-selected=true]{background:var(--surface-muted);border-left-color:var(--accent)}.vc .row[data-weight=light]{opacity:.62}.vc .glyph{font-family:var(--mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:center}.vc .row[data-intent=add] .glyph{color:var(--diff-add)}.vc .row[data-intent=remove] .glyph{color:var(--diff-remove)}.vc .row[data-intent=modify] .glyph{color:var(--diff-modify)}.vc .row[data-intent=move] .glyph{color:var(--diff-move)}.vc .row[data-intent=alert] .glyph{color:var(--diff-alert)}.vc .subject{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vc .detail{color:var(--muted);font-family:var(--mono);font-size:var(--text-micro);white-space:nowrap}.vc .kind{color:var(--faint);font-size:var(--text-micro)}.vc .empty-state{color:var(--muted);padding:var(--space-7) var(--space-4);text-align:center;line-height:1.5}.vc-footer{background:var(--bg);border-top:1px solid var(--border);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);justify-content:space-between;display:flex}.vc .status{color:var(--muted);font-size:var(--text-xs)}.vc-footer-actions{gap:var(--space-2);display:flex}.vc-pair{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.vc-pair select{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--mono);font-size:var(--text-xs);min-height:0;padding:var(--space-1) 7px}.vc-pair-arrow{color:var(--faint)}@media (max-width:900px){.vc-main{flex-direction:column}.vc .panes{margin-inline-end:0}.vc-aside:not(.vc-aside--full){max-height:50dvh}.vc-aside{border-left:0;border-top:1px solid var(--border);width:auto;position:static;inset:auto}}.vc-aside--full{border-left:0;flex:1;width:auto;position:static;inset:auto}.vc-pair select{flex:none;width:auto}