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