.vfb{overflow:auto;min-height:0;height:100%;font-size:12px;color:var(--ink);background:var(--surface);overscroll-behavior:contain}
.vfb-row{display:flex;align-items:center;gap:6px;padding:3px 6px 3px 0;overflow-wrap:anywhere;border-bottom:1px solid #efefe8}
.vfb-folder{min-height:26px;font-weight:600;cursor:pointer}
.vfb-folder:hover{background:var(--paper)}
.vfb-chevron{display:inline-grid;place-items:center;width:16px;height:16px;padding:0;border:0;background:transparent;color:var(--muted);flex:0 0 auto}
.vfb-chevron:hover{color:var(--copper)}
.vfb-folder-icon{display:inline-flex;color:var(--copper);flex:0 0 auto}
.vfb-folder-name{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;line-height:1.2}
.vfb-folder-count{flex:0 0 auto;color:var(--muted);font-size:11px;font-weight:400}
.vfb-doc{min-height:38px;cursor:grab;background-color:var(--paper);background-size:cover;background-position:center;background-repeat:no-repeat}
.vfb-doc.vfb-no-img{background-image:none}
.vfb-doc-name{flex:1 1 auto;min-width:0;font-weight:700;overflow-wrap:anywhere;line-height:1.2;text-shadow:0 0 3px rgba(255,254,251,.9)}
.vfb-doc-right{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.vfb-doc-meta{font-size:11px;color:var(--muted);white-space:nowrap}
.vfb-preview{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--copper)}
.vfb-preview:hover,.vfb-preview[aria-pressed=true]{background:var(--copper-soft)}
.vfb-selected{box-shadow:inset 3px 0 0 var(--green);background-color:var(--green-soft)}
.vfb-dragging{opacity:.5}
.vfb-empty{padding:12px;color:var(--muted);font-style:italic}
.vfb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;padding:6px 6px 6px 0}
.vfb-grid-item{display:flex;flex-direction:column;gap:3px;padding:3px;border-radius:4px;cursor:grab;min-width:0}
.vfb-grid-img{width:100%;height:64px;object-fit:cover;border-radius:3px;background:var(--paper);display:block}
.vfb-grid-item.vfb-no-img::before{content:"";display:block;height:64px;border-radius:3px;background:var(--paper)}
.vfb-grid-name{font-weight:700;overflow-wrap:anywhere;line-height:1.2}
.vfb button:focus-visible,.vfb-row:focus-visible,.vfb-grid-item:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.vfb-child{min-height:28px;background:var(--surface)}
.vfb-child .vfb-doc-name{font-weight:500}
.vfb-unfold{margin-right:-2px}
.vfb-rename{width:100%;min-width:0;box-sizing:border-box;font:inherit;padding:1px 4px;border:1px solid var(--accent,#9a6b3f);border-radius:4px;background:var(--surface,#fff);color:inherit}
