.tree-panel{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in oklab, var(--surface) 90%, var(--gold) 5%), var(--surface));box-shadow:var(--shadow);border-radius:1.25rem;position:relative;overflow:hidden}.tree-panel:before{content:"";inset-inline:1.25rem;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--gold) 75%, transparent), transparent);height:1px;position:absolute;top:0}.tree-head{width:100%;font-family:var(--ff-display);letter-spacing:-.015em;color:var(--fg);justify-content:space-between;align-items:center;gap:.75rem;padding:1.05rem 1.25rem;font-size:1.0625rem;font-weight:600;display:flex}.tree-head__title{align-items:center;gap:.6rem;display:inline-flex}.tree-head__title:before{content:"";background:var(--gold);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in oklab, var(--gold) 20%, transparent);border-radius:999px}.tree-head__caret{color:var(--gold);transition:transform .3s cubic-bezier(.4,0,.2,1)}[dir=rtl] .tree-head__caret{transform:rotate(180deg)}.tree-head[aria-expanded=true] .tree-head__caret,[dir=rtl] .tree-head[aria-expanded=true] .tree-head__caret{transform:rotate(90deg)}.tree-actions{justify-content:flex-end;padding:0 1.1rem .4rem;display:flex}.tree-action{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg);border-radius:.5rem;padding:.3rem .55rem;font-size:.6875rem;font-weight:600}.tree-action:hover{color:var(--gold);background:color-mix(in oklab, var(--gold) 10%, transparent)}.tree-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--gold) 38%, transparent) transparent;padding:0 .75rem 1rem}.tree-scroll::-webkit-scrollbar{width:9px}.tree-scroll::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--gold) 34%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.tree-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--gold) 55%, transparent);background-clip:padding-box}.tree-list{margin:0;padding:0;list-style:none}.tree-sub .tree-list{border-inline-start:1px solid color-mix(in oklab, var(--gold) 20%, var(--line));margin-inline-start:.9rem;padding-inline-start:.65rem}.tree-row{align-items:center;gap:.1rem;display:flex}.tree-toggle{width:1.75rem;height:1.75rem;color:var(--muted-fg);border-radius:.5rem;flex:none;place-items:center;display:grid}.tree-toggle:hover{color:var(--gold);background:color-mix(in oklab, var(--gold) 12%, transparent)}.tree-caret{transition:transform .28s cubic-bezier(.4,0,.2,1)}[dir=rtl] .tree-caret{transform:rotate(180deg)}.tree-toggle[aria-expanded=true] .tree-caret,[dir=rtl] .tree-toggle[aria-expanded=true] .tree-caret{transform:rotate(90deg)}.tree-link{min-width:0;color:var(--muted-fg);border-radius:.6rem;flex:auto;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .6rem;display:flex}.tree-link--parent{color:var(--fg);font-weight:500}.tree-link:hover{color:var(--fg);background:color-mix(in oklab, var(--gold) 9%, transparent)}.tree-leaf>.tree-link{padding-inline-start:2.45rem}.tree-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-count{font-variant-numeric:tabular-nums;color:var(--muted-fg);background:color-mix(in oklab, var(--line) 55%, transparent);border-radius:999px;flex:none;padding:.08rem .5rem;font-size:.6875rem;font-weight:600;transition:color .18s,background-color .18s}.tree-link:hover .tree-count{color:var(--gold);background:color-mix(in oklab, var(--gold) 16%, transparent)}.tree-sub{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1);display:grid}.tree-sub[data-open=true]{grid-template-rows:1fr}.tree-sub>div{min-height:0;overflow:hidden}@keyframes tree-in{0%{opacity:0;transform:translateY(6px)}}.tree-list--root>li{animation:.5s cubic-bezier(.2,.7,.2,1) both tree-in;animation-delay:calc(var(--i,0) * 55ms + 90ms)}@media (prefers-reduced-motion:reduce){.tree-sub,.tree-caret,.tree-head__caret{transition:none}.tree-list--root>li{animation:none}}