#browser-container{height:500px;margin:0 auto;background:var(--bg)}#browser-container .vlist{border-radius:0px 0px var(--vlist-border-radius,0.5rem) var(--vlist-border-radius,0.5rem)}#browser-container .vlist-table-header{text-transform:uppercase;font-size:0.6875rem;letter-spacing:0.04em;background:var(--bg-card) !important}#browser-container .vlist-table-header-cell{padding-left:0.75rem;padding-right:0.75rem}#browser-container .vlist-table-header-sort{font-size:1.1em}#browser-container .vlist-table-row{font-size:0.8125rem}#browser-container .vlist-table-cell{padding-left:0.75rem;padding-right:0.75rem;line-height:1.4}#browser-container .vlist-table-row.vlist-item--selected{background:rgba(0,122,255,0.5)}#browser-container .vlist-table-row.vlist-item--selected:hover{background:rgba(0,122,255,0.6)}#browser-container .vlist-table-row.vlist-item--selected .vlist-table-cell{color:white}#browser-container .vlist-table-row.vlist-item--selected .file-name__text{color:white}#browser-container .vlist-table-row.vlist-item:not(.vlist-item--odd):not( .vlist-item--selected ){background-color:initial}.file-name{display:flex;align-items:center;gap:8px;min-width:0}.file-name__icon{font-size:16px;line-height:1;flex-shrink:0}.file-name__text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;color:var(--vlist-text,#111827)}.breadcrumb{display:flex;align-items:center;gap:4px;padding:0;margin:0;border-radius:0;border:none;background:transparent;font-size:13px;overflow-x:auto;white-space:nowrap;flex:1;min-width:0}.breadcrumb__item{padding:4px 8px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.breadcrumb__item:hover{background:var(--bg-hover);color:var(--text)}.breadcrumb__item:last-child{color:var(--text);font-weight:600}.breadcrumb__sep{color:var(--text-muted);font-size:12px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 8px;border:1px solid var(--vlist-border);border-bottom:none;border-radius:var(--vlist-border-radius,0.5rem) var(--vlist-border-radius,0.5rem) 0px 0px}.toolbar__left{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.toolbar__right{display:flex;gap:8px;align-items:center;flex-shrink:0}.toolbar__btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all 0.15s ease}.toolbar__btn--icon{padding:6px;min-width:32px;min-height:32px;justify-content:center}.toolbar__btn--icon svg{display:block;opacity:0.7;transition:opacity 0.15s ease}.toolbar__btn--icon:hover:not(:disabled) svg{opacity:1}.toolbar__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text)}.toolbar__btn:disabled{opacity:0.4;cursor:not-allowed}.toolbar__btn .icon{font-size:14px}.toolbar__select{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:12px;font-family:inherit;cursor:pointer;transition:all 0.15s ease}.toolbar__select:hover{border-color:var(--accent)}.toolbar__select:focus{outline:none;border-color:var(--accent)}.toolbar #btn-back i{-webkit-mask-image:url(/examples/icons/navigate/before.svg);mask-image:url(/examples/icons/navigate/before.svg)}.toolbar #btn-forward i{-webkit-mask-image:url(/examples/icons/navigate/next.svg);mask-image:url(/examples/icons/navigate/next.svg)}.toolbar #btn-view-grid i{-webkit-mask-image:url(/examples/icons/navigate/grid.svg);mask-image:url(/examples/icons/grid.svg)}.toolbar #btn-view-list i{-webkit-mask-image:url(/examples/icons/list.svg);mask-image:url(/examples/icons/list.svg)}.file-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 6px;border-radius:8px;background:transparent;cursor:pointer;transition:all 0.2s ease}.file-card:hover{background:transparent}.file-card[data-type="directory"]:hover{background:transparent}.vlist-item[aria-selected="true"] .file-card{background:transparent}.vlist-item[aria-selected="true"] .file-card__name{background:rgba(0,122,255,0.8);color:white;padding:2px 6px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.file-card__icon{font-size:52px;line-height:1;margin-bottom:6px}.file-card__name{font-weight:500;color:var(--text);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;max-height:2.6em;word-break:break-word}.group-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 8px 48px;background:transparent;margin-top:12px;transition:all 0.2s ease}.vlist--table .group-header{padding:8px 12px 8px 24px}.vlist--table .group-header__label{font-size:11px;text-transform:initial}.vlist--table .group-header__count{font-size:10px}.vlist--grid .group-header{background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.05);margin-top:0;margin-bottom:8px}.vlist-item:first-child .group-header{margin-top:0}.vlist-item[data-sticky="true"] .group-header{background:rgba(15,23,42,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:10}.group-header__label{font-size:13px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:0.8px}.group-header__count{font-size:11px;color:var(--text-muted);opacity:0.6}.vlist-item[data-sticky="true"] .group-header__count{opacity:0.8;background:rgba(255,255,255,0.1);padding:2px 8px;border-radius:10px}.file-detail__header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.file-detail__icon{font-size:28px;line-height:1;flex-shrink:0}.file-detail__name{font-size:13px;font-weight:600;color:var(--text);word-break:break-all}.file-detail__kind{font-size:12px;color:var(--text-muted)}.file-detail__meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.sort-info{display:flex;align-items:center;gap:8px;font-size:13px}.sort-info__key{font-weight:600;color:var(--vlist-text,#111827);text-transform:capitalize}.sort-info__dir{font-size:12px;color:var(--text-muted)}#browser-container .vlist-item{padding:0;border:none}#browser-container .vlist--grid .vlist-item:hover{background:transparent}.split-main--full #browser-container{height:600px}@media (min-width:1200px){.split-main--full #browser-container{height:600px}}@media (max-width:820px){.split-main--full #browser-container{height:480px}.breadcrumb{font-size:12px}.toolbar{flex-direction:column;gap:8px}.toolbar__left,.toolbar__right{width:100%;justify-content:space-between}.file-card__icon{font-size:44px}}