.ref-quick{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin:0 0 26px;padding:18px 20px}.ref-quick p{color:var(--fg-2);margin:0;font-size:14.5px;line-height:1.6}.ref-quick code{color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.ref-quick-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ref-swatches{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin:0 0 8px;display:grid}.ref-swatch{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;color:inherit;font:inherit;border-radius:10px;flex-direction:column;gap:0;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.ref-swatch:hover,.ref-swatch:focus-visible{border-color:var(--line-2)}.ref-swatch-chip{border-bottom:1px solid var(--line);height:42px}.ref-swatch-meta{flex-direction:column;gap:2px;padding:8px 10px 9px;display:flex}.ref-swatch-id{color:var(--fg);letter-spacing:-.01em;font-size:13px;font-weight:650}.ref-swatch-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ref-swatch-hex{color:var(--fg-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.ref-swatch.is-copied .ref-swatch-id{color:var(--accent)}.ref-facets{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:12px;margin:18px 0 0;display:grid}.ref-facet{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:16px 18px;transition:border-color .15s;display:block}.ref-facet:hover{border-color:var(--line-2)}.ref-facet-name{color:var(--fg);justify-content:space-between;align-items:baseline;gap:10px;font-size:14.5px;font-weight:620;display:flex}.ref-facet-count{color:var(--muted);white-space:nowrap;font-size:11.5px;font-weight:500}.ref-facet-blurb{color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.55}.ref-facet-icons{align-items:center;gap:6px;margin-top:12px;display:flex}.ref-facet-icons img{object-fit:contain;background-color:#6f757f;background-image:linear-gradient(45deg,#00000029 25%,#0000 25% 75%,#00000029 75%),linear-gradient(45deg,#00000029 25%,#0000 25% 75%,#00000029 75%);background-position:0 0,4px 4px;background-size:8px 8px;border-radius:5px;width:24px;height:24px;padding:2px}.ref-pager{flex-wrap:wrap;align-items:center;gap:6px;margin:26px 0 0;display:flex}.ref-pager a,.ref-pager span{border:1px solid var(--line);text-align:center;min-width:36px;color:var(--fg-2);background:var(--panel);border-radius:8px;padding:7px 9px;font-size:12.5px}.ref-pager a:hover{border-color:var(--line-2);color:var(--fg)}.ref-pager .ref-pager-cur{color:var(--fg);border-color:var(--line-2);background:var(--panel-2);font-weight:650}.ref-pager .ref-pager-gap{color:var(--muted);background:0 0;border:0;min-width:0;padding:7px 2px}.ref-links{flex-wrap:wrap;gap:7px;margin:16px 0 0;display:flex}.ref-note{max-width:760px;color:var(--muted);margin:26px 0 0;font-size:12.5px;line-height:1.6}.ref-hint{color:var(--muted);margin:0 0 12px;font-size:12.5px}@media (max-width:560px){.ref-swatches{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.ref-quick{padding:15px 16px}}