/* Two independent search methods: place/project on the left, AI labels on the right. */
.topbar-tools { justify-self:end; display:flex; align-items:center; gap:12px; }
.nav-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--red); color:#fff; text-decoration:none; font:600 12px "DM Sans","Noto Sans SC",sans-serif; transition:transform .2s,background .2s; }
.nav-avatar:hover { background:#fff; color:var(--red); transform:scale(1.08); }
.archive-search { display:flex; align-items:center; gap:9px; width:min(100%,560px); margin:20px 0 0 auto; padding:10px 12px; border:1px solid rgba(20,20,20,.16); border-radius:8px; background:rgba(255,255,255,.72); color:#676767; }
.archive-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--ink); font:13px "DM Sans","Noto Sans SC",sans-serif; }
.archive-search input::placeholder { color:#8b8b8b; }
.archive-search kbd { border:1px solid rgba(20,20,20,.22); padding:2px 4px; color:#777; font:10px "DM Mono",monospace; }
.filters { display:block; padding:18px 0 10px; }
.filter-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:start; }
.filter-method { min-width:0; padding:12px; border:1px solid rgba(20,20,20,.12); border-radius:16px; background:rgba(255,255,255,.7); }
.filter-method .filter-group { min-height:52px; width:100%; margin:0; padding:8px 2px; border:0; border-radius:0; background:transparent; grid-template-columns:46px 31px minmax(0,1fr) 31px; }
.filter-method .filter-group + .filter-group { border-top:1px solid rgba(20,20,20,.1); }
.filter-method .tag-scroll { width:29px; height:29px; }
.tag-categories { min-height:52px; display:flex; align-items:center; gap:7px; overflow-x:auto; scrollbar-width:none; padding:0 0 8px; border-bottom:1px solid rgba(20,20,20,.1); }
.tag-categories::-webkit-scrollbar { display:none; }
.tag-category { flex:0 0 auto; cursor:pointer; border:1px solid rgba(20,20,20,.16); border-radius:99px; padding:7px 10px; background:rgba(255,255,255,.7); color:var(--ink); font:11px "DM Sans","Noto Sans SC",sans-serif; transition:.2s; }
.tag-category:hover,.tag-category.selected { color:#fff; background:var(--red); border-color:var(--red); }
.filter-ai .filter-group { padding-top:10px; }
.profile { padding:95px 5vw 120px; color:var(--ink); background:#fafafa; border-top:1px solid var(--line); }
.profile-heading { display:flex; justify-content:space-between; align-items:end; padding-bottom:28px; border-bottom:1px solid var(--line); }
.profile-heading h2 { margin:0; font-size:clamp(30px,4vw,54px); letter-spacing:-.07em; }
.profile-tabs { display:flex; gap:8px; padding:20px 0 0; }
.profile-tab { cursor:pointer; border:1px solid rgba(20,20,20,.16); border-radius:99px; padding:8px 14px; color:var(--ink); background:#fff; font:12px "DM Sans","Noto Sans SC",sans-serif; }
.profile-tab.active { background:var(--red); border-color:var(--red); color:#fff; }
.profile-filters { border-bottom:1px solid var(--line); }
.profile .empty-state a { color:var(--red); margin-left:8px; }
.dialog-actions { display:flex; grid-template-columns:none; gap:8px; }
.dialog-actions button { flex:1 1 0; white-space:nowrap; }
@media (max-width:900px) { .filter-layout { grid-template-columns:1fr; gap:12px; } }
@media (max-width:600px) { .profile { padding:70px 16px; }.profile-heading { display:block; }.profile-heading .result-count { margin-top:14px; } }
@media (max-width:600px) { .archive-search { width:100%; margin-top:16px; } }