.directory-tree{--dt-bg:var(--background, #ffffff);--dt-text:var(--text-color, #1f2937);--dt-border:var(--border-color, #e5e7eb);--dt-muted:#6b7280;--dt-hover:var(--hover-bg, #f3f4f6);--dt-outline:var(--accent-neutral-600, #6b7280);--dt-bg-dark:var(--background-dark, #0f1115);--dt-text-dark:var(--text-color-dark, #e5e7eb);--dt-border-dark:var(--border-color-dark, #2d3139);--dt-hover-dark:#1a1d23;display:block;margin:1rem 0;padding:.25rem .5rem;border:1px solid var(--dt-border);background:var(--dt-bg);border-radius:6px}
@media (prefers-color-scheme:dark){
.directory-tree{border-color:var(--dt-border-dark);background:var(--dt-bg-dark);color:var(--dt-text-dark)}
}
.directory-tree [role=treeitem]{display:block;border-radius:4px;color:inherit}
.directory-tree [role=treeitem]:focus{outline:0}
.directory-tree [role=treeitem]:focus-visible{outline:2px solid var(--dt-outline);outline-offset:2px}
.directory-tree .directory-tree-row{display:flex;align-items:center;gap:.35rem;padding:.15rem .35rem;border-radius:4px}
.directory-tree .directory-tree-row:hover{background:var(--dt-hover)}
@media (prefers-color-scheme:dark){
.directory-tree .directory-tree-row:hover{background:var(--dt-hover-dark)}
}
.directory-tree .directory-tree-row{cursor:default}
.directory-tree [aria-expanded] .directory-tree-row{cursor:pointer}
.directory-tree [role=group]{margin-left:1rem;padding-left:.5rem;border-left:1px dashed var(--dt-border)}
@media (prefers-color-scheme:dark){
.directory-tree [role=group]{border-left-color:var(--dt-border-dark)}
}
.directory-tree .directory-tree-toggle{background:0 0;border:0;padding:0;margin:0;font:inherit;color:inherit;width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.directory-tree .directory-tree-toggle:focus{outline:0}
.directory-tree .directory-tree-toggle:focus-visible{outline:2px solid var(--dt-outline);outline-offset:2px}
.directory-tree .caret::before{content:'▸';display:inline-block;transition:transform 120ms ease-in-out}
.directory-tree-item[aria-expanded=true]>.directory-tree-row .caret::before{transform:rotate(90deg)}
.directory-tree .directory-tree-spacer{display:inline-block;width:1rem;height:1rem}
.directory-tree [role=group][hidden]{display:none}