.demo[data-v-a0259900]{margin:2rem 0;display:grid;gap:1rem;border:1px solid rgb(var(--color-border));border-radius:.75rem;padding:1.25rem;background:rgb(var(--color-card));color:rgb(var(--color-text-base))}.head[data-v-a0259900]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.toggle-btn[data-v-a0259900]{padding:.4rem .85rem;border-radius:999px;border:1px solid rgb(var(--color-accent));background:rgb(var(--color-accent));color:rgb(var(--color-card));font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit}.toggle-btn[data-v-a0259900]:hover{filter:brightness(1.05)}.toggle-btn code[data-v-a0259900]{background:transparent;font-size:inherit;padding:0}.state-pill[data-v-a0259900]{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:999px;border:1px solid rgb(var(--color-border));background:rgb(var(--color-fill));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.02em;transition:border-color .18s ease,background .18s ease}.state-pill[data-on=true][data-v-a0259900]{border-color:rgb(var(--color-accent));background:rgba(var(--color-accent),.1)}.state-pill code[data-v-a0259900]{background:transparent;padding:0;font-size:inherit}.panes[data-v-a0259900]{display:grid;gap:1rem}.pane[data-v-a0259900]{display:grid;gap:.75rem;padding:1rem;border-radius:.55rem;background:rgb(var(--color-fill));border:1px solid rgb(var(--color-border));min-width:0}.pane-head[data-v-a0259900]{display:grid;gap:.25rem}.pane-title[data-v-a0259900]{margin:0;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.85}.pane-title code[data-v-a0259900]{background:transparent;padding:0;font-size:inherit;text-transform:none;letter-spacing:0}.pane-sub[data-v-a0259900]{margin:0;font-size:.78rem;line-height:1.4;opacity:.7}.pane-sub code[data-v-a0259900]{background:rgb(var(--color-card));padding:.05rem .3rem;border-radius:.25rem;font-size:.7rem}.tree[data-v-a0259900]{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.node[data-v-a0259900]{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem .65rem;border-radius:.4rem;border:1px solid rgb(var(--color-border));background:rgb(var(--color-card));transition:border-color .18s ease,opacity .18s ease,background .18s ease}.node.depth-1[data-v-a0259900]{margin-left:1rem}.node.depth-2[data-v-a0259900]{margin-left:2rem}.node.depth-3[data-v-a0259900]{margin-left:3rem}.node.depth-1[data-v-a0259900]:before,.node.depth-2[data-v-a0259900]:before,.node.depth-3[data-v-a0259900]:before{content:"";position:absolute;top:50%;left:-.5rem;width:.5rem;height:1px;background:#7f7f7f4d}.node.depth-1[data-v-a0259900]:before{left:-.5rem}.node.depth-2[data-v-a0259900]:before{left:-.5rem}.node.depth-3[data-v-a0259900]:before{left:-.5rem}.node-name[data-v-a0259900]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:600}.node.provider[data-v-a0259900]{border-color:rgb(var(--color-accent));background:rgba(var(--color-accent),.08)}.node.dim[data-v-a0259900]{opacity:.45}.node.consumer[data-on=true][data-v-a0259900],.node.provider[data-on=true][data-v-a0259900],.drilling .node[data-on=true][data-v-a0259900]{border-color:rgb(var(--color-accent))}.badge[data-v-a0259900]{display:inline-flex;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;padding:.15rem .45rem;border-radius:.25rem;background:rgb(var(--color-fill));border:1px solid rgb(var(--color-border));color:rgb(var(--color-text-base));letter-spacing:.02em}.badge code[data-v-a0259900]{background:transparent;padding:0;font-size:inherit}.badge.state[data-v-a0259900]{background:rgba(var(--color-accent),.12);border-color:rgb(var(--color-accent));color:rgb(var(--color-accent))}.badge.prop[data-v-a0259900]{background:#7f7f7f1f}.badge.inject[data-v-a0259900]{background:rgba(var(--color-accent),.12);border-color:rgb(var(--color-accent));color:rgb(var(--color-accent))}.badge.muted[data-v-a0259900]{opacity:.7;font-style:italic}.footnote[data-v-a0259900]{margin:0;font-size:.78rem;line-height:1.5;opacity:.8}.footnote code[data-v-a0259900]{background:rgb(var(--color-fill));padding:.05rem .3rem;border-radius:.25rem;font-size:.72rem}@media(min-width:720px){.panes[data-v-a0259900]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}