.catalog-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.catalog-toolbar .filter-bar{margin:0;flex:1 1 480px}.catalog-tools{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 1 auto;max-width:100%}.catalog-sort{width:200px;min-width:180px}.catalog-search{position:relative;display:flex;align-items:center;gap:9px;width:260px;max-width:100%;padding:0 12px;border:1px solid var(--border-light);border-radius:9px;background:var(--card-bg);color:var(--text-secondary)}.catalog-search:focus-within{border-color:var(--accent)}.catalog-search input{min-width:0;width:100%;height:42px;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:13px}.catalog-search input::placeholder{color:var(--text-secondary)}
.catalog-suggestions{position:absolute;top:calc(100% + 6px);right:0;width:max(100%,300px);max-width:85vw;z-index:20;border:1px solid var(--border-light);border-radius:10px;padding:6px;background:var(--card-bg);box-shadow:0 12px 30px #0003;max-height:320px;overflow:auto;animation:catalogSuggestIn 140ms ease-out}.catalog-suggestions[hidden]{display:none}.catalog-suggestions button{display:block;width:100%;border:0;border-radius:6px;background:transparent;color:var(--text-primary);text-align:left;padding:10px;cursor:pointer;font:inherit;font-size:13px}.catalog-suggestions button:hover,.catalog-suggestions button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 12%,var(--card-bg))}.catalog-suggestions small{display:block;color:var(--text-secondary);margin-top:5px}.catalog-suggestions p{padding:8px;font-size:13px}.catalog-search-status{color:var(--text-secondary);font-size:12px;margin:0 0 14px}.catalog-search-status:empty{display:none}
.avatar-upload{margin-left:auto;display:grid;gap:8px}.avatar-upload small{font-size:12px;color:var(--text-secondary)}.avatar-upload .as-feedback{margin:0}.profile-avatar-image{width:100%;height:100%;border-radius:50%;overflow:hidden}.sng-crop-avatar{max-width:260px;margin:auto;border-radius:50%;overflow:hidden}.account-avatar-section{flex-wrap:wrap}
@keyframes catalogSuggestIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.catalog-tools{width:100%}.catalog-search{flex:1}.catalog-sort{width:180px;min-width:0}}@media(prefers-reduced-motion:reduce){.catalog-suggestions{animation:none}}