.q-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--q-space-5);gap:var(--q-space-5)}.q-tools-grid a,.q-tools-grid a:hover{text-decoration:none}.q-tool-card{gap:var(--q-space-4);height:120px;cursor:pointer}.q-tool-card,.q-tool-card-icon{display:flex;align-items:center}.q-tool-card-icon{flex:none;justify-content:center;width:48px;height:48px;border-radius:var(--q-radius-md)}.q-tool-card-body{min-width:0;display:flex;flex-direction:column;gap:var(--q-space-1)}.q-tool-card-title-row{display:flex;align-items:center;gap:var(--q-space-2)}.q-tool-card-body .q-card-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-tool-card-cost{flex:none;padding:1px var(--q-space-2);border-radius:999px;background:var(--q-color-primary-soft,#f0f3ff);color:var(--q-color-primary,#4d6bfe);font-size:var(--q-text-xs);line-height:1.6}.q-tool-card-body .q-tool-card-tagline{margin:0;font-size:var(--q-text-sm);color:var(--q-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:720px){.q-tools-grid{grid-template-columns:repeat(4,1fr);gap:var(--q-space-3) var(--q-space-2)}.q-tool-card{flex-direction:column;justify-content:flex-start;gap:var(--q-space-2);height:auto;padding:var(--q-space-2) var(--q-space-1);border:none;background:none;box-shadow:none;text-align:center}.q-tool-card-icon{width:52px;height:52px;border-radius:var(--q-radius-full)}.q-tool-card-icon svg{width:26px;height:26px}.q-tool-card-body{align-items:center;width:100%}.q-tool-card-body .q-card-title{font-size:var(--q-text-xs);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.q-tools-flat-desktop{display:none}.q-tools-groups{width:100%}.q-tools-group+.q-tools-group{margin-top:var(--q-space-5)}.q-tools-group-title{margin:0 0 var(--q-space-2);color:var(--q-text-muted);font-size:var(--q-text-sm);font-weight:var(--q-font-medium)}.q-tools-grid-auto{grid-template-columns:repeat(auto-fill,80px);gap:var(--q-space-4) var(--q-space-2)}.q-tool-card-icon{border-radius:16px}.q-tools-grid a .q-card-title{color:var(--q-text-primary)}.q-tool-card-body .q-tool-card-tagline,.q-tool-card-cost{display:none}}@media (min-width:721px){.q-tools-groups{display:none}}@media (max-width:359px){.q-tools-grid{grid-template-columns:repeat(3,1fr)}}