.icon-library-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.icon-library-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.icon-library-toolbar .search-field{flex:1;min-width:160px;max-width:480px}
.icon-library-toolbar input{width:100%}
.icon-library-toolbar [hidden]{display:none}
#icon-library-count{margin-left:auto;color:var(--text-secondary);font-size:14px;white-space:nowrap}
.icon-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.icon-library-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:104px;padding:12px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--surface-primary);background-image:var(--ambient-panel-image);color:var(--text-primary);text-align:center;text-decoration:none}
.icon-library-item:hover{background-color:var(--action-soft);border-color:var(--action-text)}
.icon-library-item:focus-visible{position:relative;z-index:1}
.icon-library-glyph{display:flex;align-items:center;justify-content:center;height:32px;color:var(--action-text)}
.icon-library-glyph svg{width:var(--icon-lg);height:var(--icon-lg)}
.icon-library-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:14px;line-height:20px}
.icon-library-empty{grid-column:1/-1;padding:24px;background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary)}
.icon-library-license{margin-top:16px;font-size:14px;color:var(--text-secondary)}
@media(max-width:480px){.icon-library-toolbar .search-field{max-width:none;flex-basis:100%}}

/* Passive SVG resources preserve their original geometry and alpha in every theme. */
.icon-library-imported{display:block;width:var(--icon-lg);height:var(--icon-lg);background-color:currentColor;-webkit-mask-image:var(--library-icon-image);mask-image:var(--library-icon-image);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-mode:alpha}
@media(forced-colors:active){.icon-library-imported{forced-color-adjust:none;color:CanvasText}}