:root{--primary:#8400ff;--primary-dark:#6b00cc;--secondary:#a03bff;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius:12px;--radius-sm:8px;--sidebar-width:280px;--header-height:64px;--transition:all .3s cubic-bezier(.4,0,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-secondary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.icon-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;transition:all .2s}.icon-card.expanded{grid-column:span 2}.icon-preview{cursor:pointer;justify-content:center;align-items:center;display:flex}.icon-inspector{border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px}.icon-header{justify-content:space-between;margin-bottom:10px;display:flex}.icon-sub{color:#777;font-size:12px}.icon-controls{gap:12px;margin-bottom:10px;display:flex}.icon-controls label{flex-direction:column;font-size:12px;display:flex}.icon-actions{flex-wrap:wrap;gap:8px;display:flex}.icon-actions button{cursor:pointer;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:6px 10px;font-size:12px}.icon-actions button:hover{background:#eee}@media (max-width:767px){body{padding-bottom:80px}}.filters-container{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-bar{flex:1;min-width:250px}.search-input{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.category-filter{align-items:center;gap:.5rem;display:flex}.category-filter label{color:#374151;white-space:nowrap;font-weight:500}.category-select{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:200px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.category-select:hover{border-color:#d1d5db}.category-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.results-info{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem}.no-results{text-align:center;color:#9ca3af;padding:4rem 2rem}.no-results p{margin-bottom:1rem;font-size:1.25rem}.clear-filters-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s}.clear-filters-btn:hover{background-color:#2563eb}@media (max-width:768px){.filters-container{flex-direction:column;align-items:stretch}.search-bar{width:100%}.category-filter{flex-direction:column;align-items:stretch;width:100%}.category-select{width:100%}}