:root{color-scheme:dark;font-family:"Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:14px;background:#0c0f12;color:#e3e8e3}
*{box-sizing:border-box}
body{margin:0}
#tree{height:100vh;height:100dvh;overflow:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#354139 transparent;outline:none;overscroll-behavior:contain}
#tree-space{position:relative;min-width:100%}
.tree-row{position:absolute;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;white-space:nowrap;border:1px solid transparent;border-radius:3px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.tree-row:hover{background:#ffffff05}
.tree-row[aria-selected=true]{background:#c5ef8608;color:#c5ef86}
.tree-row:focus-visible{outline:1px solid #c5ef86;outline-offset:-1px}
.chevron{width:12px;flex-shrink:0;color:#9ba994;font-size:20px;line-height:1}
.folder-icon{position:relative;display:inline-block;width:17px;height:12px;flex-shrink:0;border:1.3px solid #b7c394;border-radius:2px}
.folder-icon:before{content:"";position:absolute;width:7px;height:3px;left:-1.3px;top:-4px;border:1.3px solid #b7c394;border-bottom:0;border-radius:2px 2px 0 0}
.folder-icon.open{background:#c5ef8620;border-color:#c5ef86}
.node-name{line-height:1.5}
@media(max-width:600px){#tree{padding:8px}.tree-row{gap:8px;padding:0 8px}}