.tools-section{padding:var(--space-16)0}.tools-header{padding-top:var(--space-16)}.tools-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;padding:0}.tools-list-item .nav-link{display:block}.tool-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.tool-card .card-head{display:flex;align-items:center;gap:.75rem}.tool-card .card-icon{flex:0 0 80px;width:80px;height:80px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 12px rgba(0,0,0,.15)}.tool-card .card-title{font-weight:700;color:var(--text-primary)}.tool-card .card-title h2{font-size:1.125rem;margin:0}.tool-card .card-icon i{font-size:1.125rem;line-height:1}.tool-card .card-desc{color:var(--text-secondary);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.tool-card .card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.85rem;margin-top:16px}.u-flex{display:flex}.u-flex-column{display:flex;flex-direction:column}.u-items-center{align-items:center}.u-gap-1{gap:.75rem}.u-gap-2{gap:1.5rem}.u-grow{flex:1}.u-mt-auto{margin-top:auto}.u-mt-1{margin-top:1rem}.text-sm{font-size:.9rem}.muted{color:var(--text-muted)}.code-inline{background:var(--bg-tertiary);padding:.1rem .4rem;border-radius:4px}.swatch-btn[style]{border:1px solid var(--border-color)}.inset-top-sm{margin-top:.75rem}.inset-top-md{margin-top:1.5rem}.inset-top-lg{margin-top:2rem}.inset-bottom-md{margin-bottom:1.5rem}.hidden{display:none}.w-30{width:30px}.w-40{width:40px}.h-40{height:40px}.obj-cover{object-fit:cover}.rounded-md{border-radius:8px}.bg-dark{background:#222}.icon-lg{font-size:1.5em}.text-accent{color:var(--accent-primary)}.tools-search{display:flex;gap:.5rem;align-items:center;margin-top:1rem}.tools-search input[type=search]{flex:1;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.tools-search .search-clear{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem}.tools-search .search-clear:hover{color:var(--text-primary)}.tools-list .no-results{padding:1rem;color:var(--text-muted);text-align:center}