.scp__out{display:flex;flex-direction:column;gap:16px;transition:opacity var(--dur-2)}.scp__out[data-stale],.scp__tree[data-stale]{opacity:.45}.scp__legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 14px;padding:0;list-style:none;font-size:var(--text-xs);color:var(--fg-muted)}.scp__legend li{display:inline-flex;align-items:center;gap:8px}.scp__legend li:before{content:"";width:14px;height:14px;border-radius:4px;border:1px solid var(--line-strong);background:var(--surface)}.scp__legend li[data-role=root]:before{background:color-mix(in oklab,var(--aqua) 40%,transparent);border-color:var(--aqua)}.scp__legend li[data-role=scoped]:before{background:color-mix(in oklab,var(--accent) 38%,transparent);border-color:var(--accent)}.scp__legend li[data-role=limit]:before{background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--rose) 45%,transparent) 0 4px,transparent 4px 8px);border-color:var(--rose)}.scp__legend li[data-role=outside]:before{opacity:.5}.scp__tree{display:flex;flex-direction:column;gap:8px;transition:opacity var(--dur-2)}.scp__tree,.scp__tree *{box-sizing:border-box}.scp__tree *{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:22px 10px 8px;border-radius:8px;border:1px solid var(--line);background:transparent;font:inherit;color:var(--fg-muted);text-decoration:none;transition:background var(--dur-3) var(--ease-out),border-color var(--dur-3)}.scp__tree :before{content:attr(data-label);position:absolute;inset-block-start:4px;inset-inline-start:10px;font-family:var(--font-mono);font-size:11px;line-height:1;color:inherit;opacity:.9}.scp__tree :is(h2,h3,p,a,span):not(:has(*)){padding-block-end:6px}.scp__tree [data-role=outside]{color:var(--fg-faint)}.scp__tree [data-role=root]{background:color-mix(in oklab,var(--aqua) 12%,transparent);border-color:var(--aqua);color:var(--fg)}.scp__tree [data-role=scoped]{background:color-mix(in oklab,var(--accent) 14%,transparent);border-color:color-mix(in oklab,var(--accent) 70%,transparent);color:var(--fg)}.scp__tree [data-role=limit]{background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--rose) 14%,transparent) 0 6px,transparent 6px 12px);border-color:var(--rose);border-style:dashed;color:var(--fg-muted)}@media (min-width:720px){.scp__tree .page{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.scp__tree .page>*{flex:1 1 220px}}@media (prefers-reduced-motion:reduce){.scp__out,.scp__tree,.scp__tree *{transition:none}}