view-diff{gap:var(--s-3);flex-direction:column;display:flex}view-diff>section{border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}view-diff>section>header{padding:var(--s-2) var(--s-3);background:var(--c-inset);border-bottom:1px solid var(--c-border)}view-diff>section>header code{font-size:var(--fs-sm);overflow-wrap:anywhere}view-diff>section>ol{max-height:420px;font:var(--fs-sm)/1.5 var(--f-mono);margin:0;padding:0;list-style:none;overflow:auto}view-diff>section>ol>li{gap:var(--s-2);padding:0 var(--s-3);display:flex}view-diff>section>ol>li>span:first-child{width:12px;color:var(--c-text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0}view-diff>section>ol>li pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}view-diff>section>ol>li.add{background:color-mix(in srgb,var(--c-success) 14%,transparent)}view-diff>section>ol>li.del{background:color-mix(in srgb,var(--c-error) 14%,transparent)}view-diff>section>ol>li.hunk{color:var(--c-text-muted);background:var(--c-inset)}view-diff .empty{color:var(--c-text-secondary);font-size:var(--fs-sm);margin:0}view-diff .binary-file{gap:var(--s-3);padding:var(--s-3);flex-direction:column;display:flex}view-diff .binary-file>img{-o-object-fit:contain;object-fit:contain;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-inset);align-self:flex-start;max-width:min(100%,320px);max-height:180px}view-diff .binary-file>div{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}view-diff .binary-file>div>row-actions{gap:var(--s-2);flex-wrap:wrap;display:flex}view-diff .binary-file wrap-office{max-height:min(70vh,640px);padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-inset);display:block;overflow:auto}