.share-browse-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--border-light)}.share-browse-bar .search-box{display:flex;flex:1;gap:8px;max-width:500px;margin-left:auto;min-width:0}.share-browse-bar .search-input{flex:1;min-width:0;width:100%;height:38px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;transition:all var(--transition-normal)}.share-browse-bar .search-input:focus{outline:0;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-light)}.share-browse-bar .search-box .btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;font-size:13px;white-space:nowrap}.series-sort.share-sort,.share-sort{display:flex;align-items:center;gap:4px;width:auto;flex-shrink:0;order:0;margin:0;padding:4px;border:1px solid var(--border-light);border-radius:11px;background:var(--bg-secondary)}.share-sort .tab-btn{flex:0 0 auto;padding:9px 18px;border:0;border-radius:8px;color:var(--text-secondary);background:0 0;font-size:14px;line-height:20px;cursor:pointer}.share-sort .tab-btn.active,.share-sort .tab-btn[aria-pressed=true]{background:var(--accent-blue-light,#0088ff18);color:var(--accent-blue)}.share-sort .tab-btn:not(.active):not([aria-pressed=true]):hover{background:var(--bg-secondary)}.share-sort .tab-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}@media (max-width:640px){.share-browse-bar{flex-wrap:wrap;gap:12px}.share-browse-bar .search-box{flex-basis:100%;margin-left:0;max-width:none}.share-sort .tab-btn{padding:8px 14px;font-size:13px}}.share-filter-bar{display:flex;align-items:center;flex-wrap:wrap;min-height:58px;margin:0 0 16px;padding:12px 16px;gap:12px}.share-filter-bar .filter-bar__tabs{flex:1;min-width:0}.share-filter-bar .share-upload-button{margin-left:auto;flex-shrink:0;min-height:36px;padding:8px 16px;font-size:13px;white-space:nowrap}.share-filter-bar select{width:180px;max-width:100%;height:34px;padding:4px 10px;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);background:var(--bg-primary);font-size:13px}@media (max-width:640px){.share-filter-bar{flex-direction:row;align-items:center}.share-filter-bar .filter-bar__tabs{flex-basis:calc(100% - 60px)}.share-filter-bar select{width:130px;min-width:0}}