.header-bar{margin:1.5rem 0 1rem}.sort-controls{display:flex;flex-direction:column;gap:.8rem;padding:.75rem 1rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:calc(var(--border-radius) * 2)}.sort-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sort-info{font-size:var(--font-size-smaller);color:var(--gray-500)}.sort-header .sort-btn{flex-shrink:0}.search-box{width:100%}.search-box input{width:100%;padding:.7rem 1rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:calc(var(--border-radius) * 2);color:var(--body-font-color);font-size:var(--font-size-smaller);outline:none;transition:border-color .2s ease;box-sizing:border-box}.search-box input:focus{border-color:var(--color-accent-note)}.sort-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:var(--body-background);border:1px solid var(--gray-200);border-radius:calc(var(--border-radius) * 1.5);color:var(--body-font-color);font-size:var(--font-size-smaller);cursor:pointer;transition:all .2s ease;white-space:nowrap}.sort-btn:hover{border-color:var(--color-accent-note);background:var(--gray-100)}.sort-btn svg{stroke:currentColor}.sort-btn .icon-desc{display:none}.sort-btn .sort-label{font-size:var(--font-size-smaller)}.mods-list{display:flex;flex-direction:column;gap:.75rem;color:var(--body-font-color);font-family:inherit}.mods-list button,.mods-list input{font-family:inherit}.mod-item{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:calc(var(--border-radius) * 2);padding:1rem;transition:all .2s ease}.mod-item:hover{background:var(--body-background)}.item-main{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.item-info{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.mod-name{font-size:1.1rem;font-weight:500;color:var(--body-font-color);white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:3px}.mod-name::-webkit-scrollbar{height:1.5px}.mod-name::-webkit-scrollbar-thumb{background-color:var(--gray-500);border-radius:3px}.mod-name::-webkit-scrollbar-track{background-color:var(--gray-100);border:.6px solid var(--gray-200);border-radius:3px}.item-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;text-decoration:none;transition:all .2s ease;border:none;background:0 0;padding:0;cursor:pointer;border-radius:var(--border-radius);flex-shrink:0}.action-btn img{width:100%;height:100%;border:1px solid var(--gray-200);border-radius:3px;object-fit:contain;display:block}.action-btn:disabled{pointer-events:none;opacity:.5}.action-btn:disabled img{filter:grayscale(100%)}.action-btn:hover{opacity:.9;transform:scale(1.08)}.action-btn:hover img{filter:grayscale(0%);border-color:var(--color-accent-note)}.scroll-sentinel{text-align:center;padding:1rem;color:var(--gray-500);font-size:var(--font-size-smaller)}@media(max-width:480px){.sort-header{flex-wrap:wrap;gap:.5rem}.sort-btn{flex:1;justify-content:center}.mod-item{padding:.875rem}.item-main{gap:.5rem}.item-info{gap:.375rem}.mod-name{font-size:.875rem}.action-btn{width:32px;height:32px}}