.browse-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-min);max-width:var(--sidebar-max);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;position:relative}.browse-sidebar .file-tree{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-head{display:flex;align-items:center;gap:var(--space-2);height:var(--toolbar-height);padding:0 var(--space-5) 0 var(--space-5);flex:0 0 auto;border-bottom:1px solid var(--color-border-subtle)}.sidebar-title{display:flex;align-items:center;gap:var(--space-1-5);flex:1;min-width:0;margin:0 calc(-1 * var(--space-1-5));padding:var(--space-1) var(--space-1-5);border:0;background:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.sidebar-title:hover{background:var(--color-surface-hover);color:var(--color-accent)}.sidebar-title:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sidebar-title-icon{width:15px;height:15px;flex:none;color:var(--color-accent)}.sidebar-title-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-hbtn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border:0;background:none;cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-md);transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.sidebar-hbtn:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-hbtn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sidebar-hbtn svg{width:15px;height:15px}.sidebar-filter{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:0 var(--space-3) 0 var(--space-5);width:100%;flex:1 1 auto;min-width:0;background:none;border:0;border-radius:0;color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) ease}.sidebar-filter:hover{background:var(--color-surface-hover)}.sidebar-filter svg{width:14px;height:14px;flex:none}.sidebar-filter-label{flex:1;min-width:0}.sidebar-filter kbd{margin-left:auto;flex:none;font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--weight-medium);padding:1px var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs)}.sidebar-foot{display:flex;align-items:stretch;height:38px;flex:0 0 auto;padding:0;border-top:1px solid var(--color-border-subtle);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-tertiary)}.browse-sidebar.animating{transition:width var(--duration-slow) var(--ease-out)}.browse-sidebar.dragging{transition:none}.browse-sidebar.animating .sidebar-head,.browse-sidebar.animating .file-tree,.browse-sidebar.animating .sidebar-foot{width:var(--sidebar-anim-w)}.browse-sidebar.collapsed{border-right:none;box-shadow:none}.browse-sidebar.collapsed .sidebar-resize-handle{display:none}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;flex-shrink:0;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.sidebar-toggle:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.sidebar-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sidebar-resize-handle{position:absolute;top:0;right:-3px;width:8px;height:100%;cursor:col-resize;z-index:var(--z-above)}.sidebar-resize-handle:before{content:"";position:absolute;right:3px;top:0;bottom:0;width:2px;background:transparent;transition:background-color var(--duration-fast) var(--ease-out)}.sidebar-resize-handle:hover:before,.sidebar-resize-handle.dragging:before{background:var(--color-accent)}.browse-panels{display:flex;flex:1;min-height:0}.browse-main{position:relative;flex:1;display:flex;flex-direction:column;min-width:0}@media(max-width:768px){.browse-panels{flex-direction:column}.browse-sidebar{width:100%!important;max-width:none;min-width:0;height:40vh;border-right:none;border-bottom:1px solid var(--color-border)}.sidebar-resize-handle{display:none}}