.collections-sidebar{gap:var(--spacing-sm);background:var(--color-surface);width:100%;padding:var(--spacing-md);flex-direction:column;display:flex}.drawer__content .collections-sidebar{background:0 0;padding:0}.collections-sidebar__header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.collections-sidebar__heading{align-items:center;gap:var(--spacing-xs);min-width:0;display:flex}.collections-sidebar__icon{color:var(--color-primary);flex-shrink:0}.collections-sidebar__title{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:700}.collections-sidebar__close-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.collections-sidebar__close-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.collections-sidebar__close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.collections-sidebar__list{gap:var(--spacing-xs);flex-direction:column;display:flex}.collections-sidebar__loading,.collections-sidebar__empty{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-sm)}.collections-sidebar__create-row{align-items:center;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-xs);padding:var(--spacing-sm);border:var(--border-width-sm) dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-primary-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;font-weight:600;display:flex}.collections-sidebar__create-row:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.collections-sidebar__create-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.collections-sidebar__create-icon{color:var(--color-primary);flex-shrink:0}.collections-sidebar__create-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.collection-row{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex}.collection-row:hover{background:var(--color-surface-hover)}.collection-row--active{background:var(--color-primary-light)}.collection-row--all{width:100%;padding:var(--spacing-sm);color:var(--color-text-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;font-weight:600}.collection-row--all:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.collection-row__icon{color:var(--color-error);flex-shrink:0}.collection-row__icon--uncategorized{color:var(--color-text-secondary)}.collection-row__button{align-items:center;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-sm);color:var(--color-text-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;font-weight:500;display:flex}.collection-row__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.collection-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.collection-row__count{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface-raised);border-radius:var(--radius-full);padding:2px var(--spacing-sm);flex-shrink:0}.collection-row--active .collection-row__name{color:var(--color-primary-text);font-weight:600}.collection-row--active .collection-row__count{background:var(--color-primary-subtle);color:var(--color-primary-text)}.collection-row__actions{padding-right:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast);align-items:center;gap:2px;display:flex}.collection-row:hover .collection-row__actions,.collection-row:focus-within .collection-row__actions{opacity:1}.collection-row__action-btn{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.collection-row__action-btn:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.collection-row__action-btn--danger:hover{color:var(--color-error);background:#ef444426}.collection-color-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}@media (width<=767px){.collection-row__actions{opacity:1}.collection-row__action-btn{width:32px;height:32px}}@media (hover:none) and (pointer:coarse){.collection-row__actions{opacity:1}}