.directory-tree{margin:1.5rem 0 1.25rem}.directory-tree h2{margin:0 0 .75rem;font-size:1rem}.tree-root-list,.tree-children,.tree-documents{list-style:none;padding:0;margin:0}.tree-root-list{display:grid;gap:1rem}.tree-branch{border:1px solid var(--divider);border-radius:.65rem;background:color-mix(in srgb,var(--panel) 94%,var(--canvas) 6%);overflow:clip;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--panel) 84%,transparent)}.tree-branch-root{border-color:color-mix(in srgb,var(--teal) 18%,var(--divider));background:linear-gradient(180deg,color-mix(in srgb,var(--teal-pale) 26%,var(--panel)) 0%,var(--panel) 100%);box-shadow:0 .85rem 1.8rem color-mix(in srgb,var(--teal-pale) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--teal-pale) 58%,transparent)}.tree-branch[open]{border-color:color-mix(in srgb,var(--teal) 26%,var(--divider));background:color-mix(in srgb,var(--teal-pale) 24%,var(--panel))}.tree-folder{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .75rem;align-items:start;padding:.9rem .95rem .9rem calc(1rem + (var(--tree-level) * .3rem));cursor:pointer;list-style:none}.tree-folder::-webkit-details-marker{display:none}.tree-folder::marker{content:""}.tree-folder:before{content:"";position:absolute;left:calc(.55rem + (var(--tree-level) * .3rem));top:.9rem;bottom:.9rem;width:3px;border-radius:999px;background:color-mix(in srgb,var(--teal) 16%,var(--divider))}.tree-branch-root>.tree-folder:before{background:linear-gradient(180deg,var(--teal) 0%,color-mix(in srgb,var(--teal) 28%,var(--divider)) 100%)}.tree-folder-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;min-width:0}.tree-folder-toggle{width:.78rem;height:.78rem;margin-top:.32rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:var(--muted);transform:rotate(-45deg);transition:transform .16s ease,color .16s ease}.tree-folder-text{display:grid;gap:.16rem;min-width:0}.tree-branch[open]>.tree-folder{background:color-mix(in srgb,var(--teal-pale) 48%,transparent)}.tree-branch[open]>.tree-folder .tree-folder-toggle{color:var(--teal);transform:rotate(45deg)}.tree-folder:focus-visible{border-radius:.5rem;outline:2px solid color-mix(in srgb,var(--teal) 48%,transparent);outline-offset:-2px}.folder-name{min-width:0;font-weight:800;color:var(--ink)}.folder-path{min-width:0;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.folder-counts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;margin-left:auto}.folder-count{display:inline-flex;align-items:center;min-height:1.35rem;padding:.05rem .4rem;border:1px solid var(--divider);border-radius:999px;background:color-mix(in srgb,var(--panel) 92%,var(--ink) 8%);color:var(--muted);font-size:.78rem}.folder-count-template{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 35%,var(--divider));background:color-mix(in srgb,var(--teal) 10%,transparent)}.tree-panel{display:grid;gap:.7rem;padding:.35rem .85rem .9rem 1rem;border-top:1px solid color-mix(in srgb,var(--divider) 78%,transparent);background:color-mix(in srgb,var(--panel) 88%,transparent)}.tree-children{display:grid;gap:.65rem}.tree-child{position:relative;padding-left:calc(1rem + (var(--tree-level) * .45rem));border-left:1px solid color-mix(in srgb,var(--teal) 18%,var(--divider))}.tree-child:before{content:"";position:absolute;top:1.15rem;left:-1px;width:calc(.8rem + (var(--tree-level) * .1rem));border-top:1px solid color-mix(in srgb,var(--teal) 18%,var(--divider))}.tree-documents{display:grid;gap:.48rem;margin-left:.1rem;padding-left:.55rem;border-left:1px solid color-mix(in srgb,var(--teal) 18%,var(--divider))}.tree-document-item{position:relative;padding-left:calc(.7rem + (var(--tree-level) * .4rem))}.tree-document-item:before{content:"";position:absolute;top:1.1rem;left:0;width:calc(.55rem + (var(--tree-level) * .12rem));border-top:1px solid color-mix(in srgb,var(--teal) 18%,var(--divider))}.tree-document{display:grid;gap:.15rem;padding:.52rem .6rem .52rem .68rem;border:1px solid color-mix(in srgb,var(--teal) 12%,transparent);border-radius:.45rem;color:var(--ink);text-decoration:none;background:color-mix(in srgb,var(--panel) 90%,transparent)}.tree-document:hover{background:color-mix(in srgb,var(--teal) 10%,transparent);text-decoration:none}.tree-document-title{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.tree-document-type{display:inline-flex;align-items:center;min-height:1.2rem;padding:0 .38rem;border:1px solid var(--divider);border-radius:999px;color:var(--muted);font-size:.72rem;line-height:1}.tree-document-type[data-document-type=template]{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 35%,var(--divider));background:color-mix(in srgb,var(--teal) 10%,transparent)}.tree-document-type[data-document-type=summary]{color:var(--violet);border-color:color-mix(in srgb,var(--violet) 35%,var(--divider));background:color-mix(in srgb,var(--violet-pale) 55%,transparent)}.tree-document-path{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.tree-help{margin-top:0;color:var(--muted);font-size:.92rem}@media(max-width:720px){.tree-folder{grid-template-columns:1fr;padding:.8rem .8rem .8rem calc(.9rem + (var(--tree-level) * .22rem))}.tree-folder:before{left:calc(.45rem + (var(--tree-level) * .22rem));top:.8rem;bottom:.8rem}.folder-counts{justify-content:flex-start;margin-left:1.4rem}.tree-panel{padding:.2rem .65rem .7rem .8rem}.tree-child{padding-left:calc(.75rem + (var(--tree-level) * .28rem))}.tree-child:before{width:calc(.6rem + (var(--tree-level) * .08rem))}.tree-document-item{padding-left:calc(.5rem + (var(--tree-level) * .24rem))}.tree-document-item:before{width:calc(.4rem + (var(--tree-level) * .08rem))}.tree-document{padding-inline:.5rem}}