/* Shared discovery content, two explicitly requested compositions. */
.agent-discovery__items{display:grid;gap:var(--space-2)}
.agent-discovery__art{display:block;width:100%;aspect-ratio:4/3;min-width:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--neutral-50)}
.agent-discovery .agent-template>.ph:last-child{font-size:var(--space-7);color:var(--neutral-500)}
#view[data-agent-discovery-style=cards] .agent-discovery__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
#view[data-agent-discovery-style=cards] .agent-discovery .agent-template{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-5);padding:var(--space-4);min-width:0;min-height:0;border-radius:var(--radius-xl)}
#view[data-agent-discovery-style=cards] .agent-template>.ph{display:none}
#view[data-agent-discovery-style=cards] .agent-discovery__art{height:auto;aspect-ratio:4/3}
#view[data-agent-discovery-style=cards] .agent-template .collection-copy{display:block;padding:0 var(--space-2) var(--space-4);gap:var(--space-2)}
#view[data-agent-discovery-style=cards] .agent-template [data-agent-kind]{position:absolute;top:var(--space-7);left:var(--space-7)}
#view[data-agent-discovery-style=cards] .agent-template__name{font-size:var(--type-b3-size);line-height:var(--type-b3-lh)}
#view[data-agent-discovery-style=cards] .agent-template__description{font-size:var(--type-c1-size);line-height:var(--type-c2-lh)}
#view[data-agent-discovery-style=preview] .agent-template{min-height:var(--space-13);padding-block:var(--space-4)}
#view[data-agent-discovery-style=preview] .agent-template>.agent-discovery__art{display:none}
.agent-discovery-preview{position:fixed;inset:auto;margin:0;width:calc(var(--space-14)*3);aspect-ratio:4/3;padding:var(--space-4);box-sizing:border-box;background:var(--surface);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-1);pointer-events:none;overflow:hidden}
.agent-discovery-preview:popover-open{animation:agent-discovery-enter .14s ease-out}
@keyframes agent-discovery-enter{from{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}
@media(max-width:600px){
 #view[data-agent-discovery-style=cards] .agent-discovery__items{grid-template-columns:1fr}
 #view[data-agent-discovery-style=cards] .agent-discovery .agent-template{flex-direction:row;align-items:center;gap:var(--space-5)}
  #view[data-agent-discovery-style=cards] .agent-template>.agent-discovery__art{height:var(--space-14);flex:0 0 calc(var(--space-14) + var(--space-6));width:calc(var(--space-14) + var(--space-6))}
 #view[data-agent-discovery-style=cards] .agent-template .collection-copy{padding:0}
}
@media(hover:none){
 #view[data-agent-discovery-style=preview] .agent-template>.agent-discovery__art{display:block;flex:0 0 var(--space-14);width:var(--space-14)}
 #view[data-agent-discovery-style=preview] .agent-template>.ph:not(:last-child){display:none}
}
@media(prefers-reduced-motion:reduce){.agent-discovery-preview:popover-open{animation:none}}

#view[data-agent-discovery-style=preview] .agent-template>.ph:not(:last-child){display:flex;align-items:center;justify-content:center;width:var(--space-11);height:var(--space-11);flex:0 0 var(--space-11)}
@media(hover:none){#view[data-agent-discovery-style=preview] .agent-template>.ph:not(:last-child){display:none}}

.agent-discovery-preview__art{display:block;width:100%;height:100%}

/* Template cards keep only the artwork and title; preview rows reuse Agent list content. */
#view[data-agent-discovery-style=cards] .agent-discovery .agent-template:is(:hover,:focus-visible){background:transparent}
#view[data-agent-discovery-style=cards] .agent-template .collection-open{display:contents}
#view[data-agent-discovery-style=cards] .agent-template .collection-open>:is(.ph,.bico){display:none}
#view[data-agent-discovery-style=preview] .agent-discovery__items{gap:0}
#view[data-agent-discovery-style=preview] .agent-template .collection-open{pointer-events:none}
#view[data-agent-discovery-style=preview] .agent-template>.ph:last-child{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);flex:0 0 var(--space-10);opacity:0;transition:opacity 120ms ease}
#view[data-agent-discovery-style=preview] .agent-template:is(:hover,:focus-visible)>.ph:last-child{opacity:1}
@media(prefers-reduced-motion:reduce){#view[data-agent-discovery-style=preview] .agent-template>.ph:last-child{transition:none}}

/* Category controls reuse Customize's canonical compact soft-outline tabs. */
.agent-discovery-categories{flex-wrap:wrap;margin:var(--space-5) 0 var(--space-6)}
.agent-discovery>.agent-discovery__heading:not(:first-child){margin-top:var(--space-10)}
.agent-discovery [data-discovery-catalog]>[hidden]{display:none!important}
.agent-discovery__heading{font-weight:var(--fw-medium)}