.agent-radar-wrapper.svelte-1kqx8l1{width:100%;display:flex;flex-direction:column;min-height:550px}.agent-selector.svelte-1kqx8l1{display:flex;flex-wrap:wrap;gap:.375rem;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05);justify-content:center}.agent-btn.svelte-1kqx8l1{display:flex;flex-direction:column;align-items:center;padding:.375rem .5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff05;cursor:pointer;transition:all .2s ease;min-width:60px}.agent-btn.svelte-1kqx8l1:hover{border-color:var(--agent-color);background:#ffffff0d}.agent-btn.active.svelte-1kqx8l1{border-color:var(--agent-color);background:color-mix(in srgb,var(--agent-color) 15%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--agent-color) 30%,transparent)}.agent-icon.svelte-1kqx8l1{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:.375rem;background:#ffffff0d;color:#ffffff80;margin-bottom:.125rem;transition:all .2s ease}.agent-btn.svelte-1kqx8l1:hover .agent-icon:where(.svelte-1kqx8l1),.agent-btn.active.svelte-1kqx8l1 .agent-icon:where(.svelte-1kqx8l1){color:var(--agent-color);background:color-mix(in srgb,var(--agent-color) 20%,transparent)}.agent-name.svelte-1kqx8l1{font-size:.6rem;font-weight:700;color:#ffffffe6;font-family:ui-monospace,monospace}.agent-btn.active.svelte-1kqx8l1 .agent-name:where(.svelte-1kqx8l1){color:var(--agent-color)}.main-content.svelte-1kqx8l1{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:400px}.chart-side.svelte-1kqx8l1{display:flex;align-items:center;justify-content:center;padding:1rem;border-right:1px solid rgba(255,255,255,.05)}.chart-container.svelte-1kqx8l1{width:100%;height:100%;min-height:350px}.details-side.svelte-1kqx8l1{display:flex;flex-direction:column;padding:1.5rem;overflow:hidden}.agent-details.svelte-1kqx8l1{display:flex;flex-direction:column;height:100%}.agent-header.svelte-1kqx8l1{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.agent-icon-large.svelte-1kqx8l1{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:1rem;border:1px solid var(--agent-color);background:color-mix(in srgb,var(--agent-color) 15%,transparent);color:var(--agent-color);flex-shrink:0}.agent-title.svelte-1kqx8l1{font-size:1.5rem;font-weight:700;color:var(--agent-color);font-family:ui-monospace,monospace;margin:0}.agent-subtitle.svelte-1kqx8l1{font-size:.875rem;color:#fff9;margin:.25rem 0 0}.agent-description.svelte-1kqx8l1{font-size:.9rem;color:#ffffffb3;line-height:1.6;margin-bottom:1.25rem}.capabilities.svelte-1kqx8l1{flex:1}.capabilities-title.svelte-1kqx8l1{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.capabilities-list.svelte-1kqx8l1{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.capability-item.svelte-1kqx8l1{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fffc}.capability-item.svelte-1kqx8l1 svg:where(.svelte-1kqx8l1){color:var(--agent-color)}.detail-btn.svelte-1kqx8l1{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;margin-top:1.25rem;border-radius:9999px;border:1px solid var(--agent-color);background:#ffffff08;color:var(--agent-color);font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease}.detail-btn.svelte-1kqx8l1:hover{background:color-mix(in srgb,var(--agent-color) 15%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--agent-color) 30%,transparent);transform:translateY(-2px)}.detail-btn.svelte-1kqx8l1 svg:where(.svelte-1kqx8l1){transition:transform .2s ease}.detail-btn.svelte-1kqx8l1:hover svg:where(.svelte-1kqx8l1){transform:translate(4px)}@media(max-width:900px){.main-content.svelte-1kqx8l1{grid-template-columns:1fr}.chart-side.svelte-1kqx8l1{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);min-height:300px}.chart-container.svelte-1kqx8l1{min-height:280px}.details-side.svelte-1kqx8l1{padding:1rem}.agent-radar-wrapper.svelte-1kqx8l1{min-height:auto}}@media(max-width:640px){.agent-btn.svelte-1kqx8l1{padding:.25rem .375rem;min-width:50px}.agent-icon.svelte-1kqx8l1{width:20px;height:20px}.agent-name.svelte-1kqx8l1{font-size:.5rem}.agent-header.svelte-1kqx8l1{gap:.75rem}.agent-icon-large.svelte-1kqx8l1{width:48px;height:48px}.agent-title.svelte-1kqx8l1{font-size:1.25rem}}