/* The icon picker (2026-10-29) */
.ip{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-sans)}
.ip-float{position:absolute;z-index:20;top:calc(100% + .375rem);left:0;width:min(26rem,calc(100vw - 2rem));height:22rem;box-shadow:0 10px 30px rgba(18,20,23,.12)}
.ip-q{margin:.625rem .625rem .375rem;padding:.5rem .625rem;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-input);color:var(--foreground);background:var(--background)}
.ip-q:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint-strong)}
.ip-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));gap:.25rem;padding:.25rem .625rem .5rem;align-content:start}
.ip-i{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .125rem .375rem;border:0;border-radius:var(--radius-sm);background:none;color:var(--foreground);cursor:pointer}
.ip-i svg{width:22px;height:22px}
.ip-i span{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--muted-foreground)}
.ip-i:hover,.ip-i:focus-visible{background:var(--accent);outline:none}
.ip-i:hover span,.ip-i:focus-visible span{color:var(--primary)}
.ip-foot{display:flex;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-meta);color:var(--muted-foreground)}
.ip-foot a{color:var(--primary);text-decoration:none;white-space:nowrap}