| .agent-visualizer { | |
| padding: 1rem; | |
| font-family: sans-serif; | |
| } | |
| .grid { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 1rem; | |
| } | |
| .agent-card { | |
| background: #f4f4f4; | |
| padding: 1rem; | |
| border-radius: 8px; | |
| width: 220px; | |
| box-shadow: 0 0 5px rgba(0,0,0,0.1); | |
| } | |
| .triangle { | |
| display: flex; | |
| justify-content: space-between; | |
| font-weight: bold; | |
| } | |
| .vertex { | |
| flex: 1; | |
| text-align: center; | |
| } | |
| .meta p { | |
| margin: 0.3rem 0; | |
| } |