.icon-controls{display:flex;align-items:end;gap:28px;flex-wrap:wrap;margin-bottom:28px}
.icon-controls label{display:grid;gap:10px;color:var(--muted);min-width:220px;flex:1;max-width:360px}
.icon-controls input{background:var(--tile);color:var(--ink);font:inherit;padding:13px 14px;border:1px solid #444;border-radius:4px;width:100%}
.icon-controls input:focus-visible{outline:2px solid #fff;outline-offset:3px}
.icon-controls fieldset{border:0;padding:0;margin:0;display:flex;gap:8px}
.icon-controls legend{color:var(--muted);margin-bottom:10px}
.icon-controls button{margin:0}
#count{color:var(--muted);margin:0 0 12px auto;font-size:11px}
.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;border:1px solid #383838;background:#383838}
.icon-card{background:#101010;min-height:152px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 10px}
.icon-card img{width:28px;height:28px;display:block}
.icon-card h2{font-size:11px;font-weight:400;margin:0;text-transform:none}
.icon-card small{font-size:9px;color:#999}
.icon-downloads{display:flex;gap:18px;font-size:9px;text-decoration:underline;text-underline-offset:3px}
.icon-grid.light .icon-card{background:#f4f4f4;color:#000}
.icon-grid.light small{color:#555}
.icon-grid.light a:focus-visible{outline-color:#000}
#empty{padding:40px 0;color:var(--muted)}
@media(max-width:500px){.icon-controls{gap:20px}.icon-controls label{max-width:none}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#count{margin-left:0}.icon-card{min-height:144px}}