@layer components{.codex-toolbar{display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-5);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--elev-1);position:relative;z-index:1;min-width:0}@media(max-width:480px){.codex-toolbar{padding:var(--sp-4);gap:var(--sp-4)}}.codex-toolbar__search-wrap{position:relative;display:flex;align-items:center}.codex-toolbar__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none;transition:color var(--dur-fast) var(--ease-out)}.codex-toolbar__search{width:100%;min-height:44px;padding:10px 14px 10px 40px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);box-sizing:border-box}.codex-toolbar__search::placeholder{color:var(--text-muted);font-style:italic}.codex-toolbar__search:focus{border-color:#ff1f4d80;box-shadow:0 0 0 3px #ff1f4d1f}.codex-toolbar__search-wrap:focus-within .codex-toolbar__search-icon{color:var(--accent-hot)}.facet{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.facet__head{display:flex;align-items:center;gap:var(--sp-3)}.facet__legend{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:0;margin:0;float:none;display:inline-flex;align-items:center;gap:var(--sp-2)}.facet__legend:before{content:"";display:inline-block;width:3px;height:12px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px #ff1f4d80}.facet__count{font-family:var(--font-mono);font-size:12px;color:var(--accent-hot);letter-spacing:.08em;font-weight:500;background:#ff1f4d1a;border:1px solid rgba(255,31,77,.25);border-radius:var(--r-pill);padding:2px 10px;line-height:1.4;white-space:nowrap}.facet__count[hidden]{display:none}.facet__options{display:flex;flex-wrap:wrap;gap:var(--sp-2);min-width:0}.facet-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;min-height:44px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);line-height:1.4;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);user-select:none;box-sizing:border-box;position:relative;min-width:0}.facet-pill__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.facet-pill:hover{border-color:#ffffff2e;color:var(--text-primary);transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.facet-pill,.facet-pill:hover{transform:none;transition:none}}.facet-pill__check{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.facet-pill:has(.facet-pill__check:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.facet-pill__dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;background:currentColor;opacity:.55;transition:opacity var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.codex-toolbar__clear{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;min-height:36px;border-radius:var(--r-pill);border:1px solid rgba(255,31,77,.4);background:#ff1f4d1a;color:var(--accent-hot);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;cursor:pointer;align-self:flex-start;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.codex-toolbar__clear:hover{background:#ff1f4d33;border-color:#ff1f4d99;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.codex-toolbar__clear,.codex-toolbar__clear:hover{transform:none;transition:none}}.codex-toolbar__clear-icon{width:14px;height:14px;display:block;flex-shrink:0}.codex-toolbar__clear[hidden]{display:none}}