#cssExamplesView .css-library-toolbar { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:18px 0; }
#cssExamplesView .css-library-toolbar .search-box { width:320px; max-width:100%; min-width:0; }
#cssExamplesView .css-library-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); gap:12px; }
#cssExamplesView .css-library-icon { display:grid; grid-template-rows:56px auto; align-content:start; gap:8px; min-width:0; min-height:110px; padding:12px 8px; border:1px solid var(--line); border-radius:6px; background:var(--md-surface-container-low); text-align:center; }
#cssExamplesView .css-library-icon[hidden], #cssExamplesView [data-icon-empty][hidden], #cssExamplesView [data-icon-retry][hidden] { display:none !important; }
#cssExamplesView .css-library-icon-picture { display:grid; place-items:center; width:56px; height:56px; justify-self:center; background:#fff; border-radius:4px; }
#cssExamplesView .css-library-icon img { display:block; width:40px; height:40px; object-fit:contain; }
#cssExamplesView .css-library-icon code { color:var(--ink); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
#cssExamplesView [data-icon-count] { margin:0; font-size:13px; color:var(--muted); }
@media(max-width:500px) { #cssExamplesView .css-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } }