/* ASAR viewer (141g). Site tokens only; row edges use the visual kit's --st-k colours so they match the map. */
.av-tool { max-width: 1100px; min-width: 0; }
.tool-ui .av-lede { color: var(--color-muted); font-size: .92rem; margin: -.5rem 0 .75rem; }
.av-drop { border: 2px dashed var(--color-border); border-radius: var(--radius-panel); padding: 1rem; background: var(--color-surface); }
.av-drop.is-over { border-color: var(--color-link); }
.av-drop input[type=file] { max-width: 100%; }
.av-samples { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .6rem; color: var(--color-muted); }
.av-samples span { flex-basis: 100%; }
.av-samples button { padding: 10px 14px; min-height: 44px; }
.av-status { margin: .75rem 0 .25rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.av-status:empty, .av-note:empty, .av-notes:empty { display: none; }
.av-summary { font-weight: 700; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; margin-bottom: .1rem; }
.av-facts { display: grid; grid-template-columns: minmax(8rem, max-content) minmax(0, 1fr); gap: .3rem 1rem; margin: .75rem 0; padding: .75rem 1rem; background: var(--color-surface); border: 1px solid var(--line); border-radius: 7px; }
.av-facts dt { color: var(--color-muted); font-size: .9rem; }
.av-facts dd { margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.av-notes { color: var(--color-muted); font-size: .9rem; }
.av-crumbs-row { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: .25rem 0 .5rem; }
.av-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; min-width: 0; font-size: .9rem; }
.av-crumb-label, .av-crumb-sep { color: var(--color-muted); }
.av-crumb-here { font-weight: 700; overflow-wrap: anywhere; }
.av-chip { min-height: 44px; padding: 6px 12px; border-radius: var(--radius-pill); background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); font-size: .9rem; }
.av-chip:hover { background: var(--color-surface-raised); }
.av-map-in { min-height: 44px; }
.av-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
@media (min-width: 900px) { .av-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.av-list, .av-preview { min-width: 0; }
.av-h { font-size: 1.05rem; margin: 1.25rem 0 .4rem; }
.av-h3 { font-size: 1rem; margin: 1rem 0 .25rem; }
.av-label { display: block; font-size: .9rem; color: var(--color-muted); }
.av-list input[type=search] { width: 100%; max-width: 28rem; min-height: 44px; margin: 0 0 .25rem; }
.av-box { max-height: min(28rem, 60vh); overflow: auto; border: 1px solid var(--line); border-radius: 7px; background: var(--color-surface); overscroll-behavior: contain; margin-top: .4rem; }
.av-box:focus-visible, .av-pv-body:focus-visible { outline: 3px solid var(--color-link); outline-offset: 2px; }
.av-table { width: 100%; border-collapse: collapse; font: 13px/1.45 var(--font-label); font-variant-numeric: tabular-nums; }
.av-table th { position: sticky; top: 0; background: var(--color-surface-raised); color: var(--color-muted); font-weight: 400; text-align: left; padding: 6px 8px; white-space: nowrap; }
.av-table td { padding: 6px 8px; border-top: 1px solid var(--line); white-space: nowrap; }
.av-table .av-num { text-align: right; }
.av-table .av-name { white-space: normal; overflow-wrap: anywhere; min-width: 8rem; }
#av-tree tr { cursor: pointer; }
#av-tree tr:hover { background: var(--color-surface-raised); }
#av-tree tr.is-selected { background: color-mix(in srgb, var(--color-link) 25%, transparent); outline: 2px solid var(--color-link); outline-offset: -2px; }
#av-tree td:first-child { border-left: 4px solid var(--av-kind, var(--line)); }
.av-k-folder { --av-kind: var(--st-k0); } .av-k-file { --av-kind: var(--st-k1); }
.av-k-out { --av-kind: color-mix(in srgb, var(--color-muted) 55%, var(--color-surface)); }
.av-twist { display: inline-block; width: 1em; color: var(--color-muted); }
.av-tag { margin-left: .4rem; padding: 0 .35rem; border: 1px solid var(--color-border); border-radius: var(--radius-pill); font-size: 11px; color: var(--color-muted); }
.av-pv-title { font-weight: 700; overflow-wrap: anywhere; margin: 0; font-family: var(--font-label); }
.av-pv-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; }
.av-pv-actions button { min-height: 44px; }
.av-pv-actions:not(:has(button:not([hidden]))) { display: none; }
.av-pv-body { margin: .5rem 0 0; max-height: min(28rem, 60vh); overflow: auto; padding: .6rem .75rem; background: var(--color-surface); border: 1px solid var(--line); border-radius: 7px; font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; tab-size: 2; overscroll-behavior: contain; }
.av-pv-body.is-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.av-pv-body.is-hex { white-space: pre; }
.av-note { color: var(--color-muted); font-size: .9rem; margin: .35rem 0 0; overflow-wrap: anywhere; }
.av-host { border-top: 1px solid var(--line); padding: .25rem 0; }
.av-host summary { cursor: pointer; min-height: 40px; display: list-item; padding: .5rem 0 .25rem; overflow-wrap: anywhere; }
.av-url-list { list-style: none; margin: .25rem 0 .5rem; padding: 0 0 0 1.25rem; font: 13px/1.6 var(--font-label); overflow-wrap: anywhere; max-height: 22rem; overflow: auto; }
.av-url-list li { padding: 2px 0; }
.av-url-list code { overflow-wrap: anywhere; }
.av-in { margin-left: .4rem; }
.av-file-link { background: none; border: 0; padding: 4px 2px; min-height: 32px; color: var(--color-link); text-decoration: underline; font: inherit; font-size: 12px; cursor: pointer; overflow-wrap: anywhere; text-align: left; }
.av-out { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.av-out button { min-height: 44px; }
@media (max-width: 520px) {
  .av-table .av-wide { display: none; }
  .av-table { font-size: 12px; }
  .av-table th, .av-table td { padding: 6px 5px; }
  .av-facts { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .av-facts dd { margin-bottom: .45rem; }
  .av-pv-body.is-hex { font-size: 11px; padding: .5rem; }
}