.diff-editor{--diff-mod-text:var(--blue);--diff-rule:var(--border-color);--diff-quiet:color-mix(in srgb, var(--text-color) 5%, transparent);--status-emerald-strong:var(--diff-add-strong-bg);--status-rose-strong:var(--diff-del-strong-bg);border:1px solid var(--diff-rule);border-radius:var(--doc-radius-md);background:var(--card-bg);min-height:0;color:var(--text-color);font-family:var(--app-font-mono);font-size:var(--app-type-callout);flex-direction:column;flex:0 auto;display:flex;overflow:hidden}.diff-toolbar{border-bottom:1px solid var(--diff-rule);background:var(--ws-chrome-bg);font-family:var(--app-font-sans);font-size:var(--app-type-footnote);flex:none;align-items:center;gap:.125rem;padding:.25rem .5rem;display:flex}.diff-toolbar__count{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-right:auto}.diff-toolbar__rule{background:var(--diff-rule);width:1px;height:1rem;margin:0 .25rem}.diff-toolbar__btn{border-radius:var(--doc-radius-sm);width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;transition:background-color var(--doc-transition-fast), color var(--doc-transition-fast);background:0 0;border:0;place-items:center;padding:0;display:grid}.diff-toolbar__btn svg{width:.9375rem;height:.9375rem}.diff-toolbar__btn:hover:not(:disabled){background:var(--diff-quiet);color:var(--text-color)}.diff-toolbar__btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.diff-toolbar__btn:disabled{opacity:.4;cursor:default}.diff-toolbar__btn[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--primary)}.diff-editor__viewport{flex:auto;min-height:0;display:flex;position:relative}.diff-editor__scroll{flex:1;min-width:0;line-height:1.6;position:relative;overflow:auto}.diff-editor__scroll:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.diff-panes{z-index:var(--app-z-base);border-bottom:1px solid var(--diff-rule);background:var(--ws-chrome-bg);font-family:var(--app-font-sans);font-size:var(--app-type-footnote);grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-weight:600;display:grid;position:sticky;top:0}.diff-panes__side{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.375rem .75rem;display:flex}.diff-panes__side+.diff-panes__side{border-left:1px solid var(--diff-rule)}.diff-panes__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diff-panes__count{font-family:var(--app-font-mono);font-variant-numeric:tabular-nums}.diff-panes__count.is-added{color:var(--diff-add-ink)}.diff-panes__count.is-removed{color:var(--diff-del-ink)}.diff-row{display:grid;position:relative}.diff-row--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.diff-row--inline{grid-template-columns:2.75rem 2.75rem 1rem minmax(0,1fr)}.diff-row.is-current:before{content:"";background:var(--diff-mod-text);pointer-events:none;width:3px;position:absolute;inset-block:0;inset-inline-start:0}.diff-side{min-width:0;display:flex}.diff-side+.diff-side{border-left:1px solid var(--diff-rule)}.diff-side__num{text-align:right;width:2.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex:none;padding-right:.5rem}.diff-side__mark{text-align:center;-webkit-user-select:none;user-select:none;flex:none;width:1rem;font-weight:600}.diff-side__code{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0;padding-right:.5rem}.diff-row--inline .diff-side__num{width:auto}.diff-side.is-added,.diff-row--inline.is-added{background:var(--diff-add-bg)}.diff-side.is-removed,.diff-row--inline.is-removed{background:var(--diff-del-bg)}.diff-side.is-added>.diff-side__mark,.diff-row--inline.is-added>.diff-side__mark{color:var(--diff-add-ink)}.diff-side.is-removed>.diff-side__mark,.diff-row--inline.is-removed>.diff-side__mark{color:var(--diff-del-ink)}.diff-row--inline.is-added .diff-side__num,.diff-side.is-added .diff-side__num{color:var(--diff-add-ink)}.diff-row--inline.is-removed .diff-side__num,.diff-side.is-removed .diff-side__num{color:var(--diff-del-ink)}.diff-side.is-filler{background-image:repeating-linear-gradient(135deg, transparent 0 .25rem, var(--diff-quiet) .25rem .3125rem)}.diff-fold{border:0;border-block:1px solid var(--diff-rule);background:var(--diff-quiet);width:100%;color:var(--text-muted);font-family:var(--app-font-sans);font-size:var(--app-type-footnote);cursor:pointer;transition:background-color var(--doc-transition-fast), color var(--doc-transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.25rem .75rem;display:flex}.diff-fold svg{width:.875rem;height:.875rem}.diff-fold:hover{background:color-mix(in srgb, var(--text-color) 9%, transparent);color:var(--text-color)}.diff-fold:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.diff-ruler{border-left:1px solid var(--diff-rule);background:var(--diff-quiet);flex:none;width:.75rem;position:relative}.diff-ruler__mark{opacity:.8;cursor:pointer;border-radius:1px;min-height:.25rem;position:absolute;left:.125rem;right:.125rem}.diff-ruler__mark.is-added{background:var(--diff-add-base)}.diff-ruler__mark.is-removed{background:var(--diff-del-base)}.diff-ruler__mark.is-modified{background:var(--diff-mod-text)}.diff-ruler__mark.is-current,.diff-ruler__mark:hover{opacity:1}
