.icon-controls{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:24px}.icon-controls label{display:grid;gap:8px;flex:1 1 180px;min-width:0}.icon-controls input,.icon-controls select,.icon-controls button{font:inherit;padding:12px;min-height:48px;max-width:100%;background:var(--ink);color:var(--paper);border:1px solid var(--line)}.icon-controls input[type=color]{width:100%;padding:6px}.icon-controls button{cursor:pointer}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}.icon-card{border:1px solid var(--line);padding:20px;min-width:0}.icon-art{display:grid;place-items:center;min-height:120px;background:#f2f4ef}.icon-art svg{width:64px;height:64px}.icon-card h2{font-size:18px;margin:16px 0}.icon-card p{font-size:11px;color:var(--muted)}.icon-card-actions{display:flex;gap:8px;flex-wrap:wrap}.icon-card button{font:inherit;font-size:12px;min-height:44px;padding:8px 10px;border:1px solid var(--line);background:var(--ink);color:var(--paper);cursor:pointer}.icon-library button:focus-visible,.icon-library input:focus-visible,.icon-library select:focus-visible,.icon-licence summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.icon-licence{margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.icon-licence summary{cursor:pointer}#icon-status{min-height:24px}@media(max-width:480px){.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.icon-card{padding:12px}.icon-card-actions{flex-direction:column}.icon-controls button{width:100%}}@media(max-width:320px){.icon-grid{grid-template-columns:1fr}}