.aieo-hl-preview{margin:1.25rem 0}.aieo-hl-preview__caption{margin:0 0 .5rem;color:var(--ra-muted-foreground);font-size:var(--ra-text-xs);font-weight:600}.aieo-hl-preview__frame{overflow:hidden;border:1px solid var(--ra-border);border-radius:var(--ra-radius-md);background:var(--aieo-hl-bg, #fff)}.aieo-hl-band{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.75rem;align-items:center;min-height:3.75rem;padding:.375rem .75rem;background:var(--aieo-hl-bg, #fff);color:var(--aieo-hl-fg, #1a1a1a);font-size:var(--ra-text-xs)}.aieo-hl-band[hidden]{display:none}.aieo-hl-band.is-compact{min-height:2.5rem}.aieo-hl-band.is-tall{min-height:5rem}.aieo-hl-band.has-line{box-shadow:inset 0 -1px 0 var(--aieo-hl-line, #dcdcdc)}.aieo-hl-band--subtle{background:var(--aieo-hl-subtle, #f4f4f5);color:var(--aieo-hl-fg, #1a1a1a)}.aieo-hl-band--contrast,.aieo-hl-band--announce{background:var(--aieo-hl-contrast, #111);color:var(--aieo-hl-bg, #fff)}.aieo-hl-band--accent{background:var(--aieo-hl-accent, #1a1a1a);color:var(--aieo-hl-on-accent, #fff)}.aieo-hl-band--accent-2{background:var(--aieo-hl-accent-2, #c1272d);color:var(--aieo-hl-on-accent, #fff)}.aieo-hl-band--announce{min-height:2rem}.aieo-hl-band__name{font-size:var(--ra-text-2xs);letter-spacing:.04em;text-transform:uppercase;opacity:.75}.aieo-hl-band__text{text-align:center}.aieo-hl-band__zones{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center;min-width:0}.aieo-hl-band.is-fill .aieo-hl-band__zones{grid-template-columns:auto minmax(0,1fr) auto}.aieo-hl-zone{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;justify-content:flex-start;min-width:0}.aieo-hl-zone.is-center{justify-content:center}.aieo-hl-zone.is-end{justify-content:flex-end}.aieo-hl-band.is-fill .aieo-hl-zone.is-center{flex-wrap:nowrap}.aieo-hl-band__empty{display:none;font-style:italic;opacity:.75}.aieo-hl-band.is-empty{min-height:2rem;background:var(--ra-muted);color:var(--ra-muted-foreground)}.aieo-hl-band.is-empty .aieo-hl-band__zones{display:none}.aieo-hl-band.is-empty .aieo-hl-band__empty{display:block}.aieo-hl-chip{display:inline-flex;flex-direction:column;gap:1px;max-width:16rem;padding:.25rem .5rem;border:1px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:var(--ra-radius-sm);line-height:var(--ra-leading-xs)}.aieo-hl-chip__name{font-weight:600}.aieo-hl-chip__detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.aieo-hl-chip--search{border-color:var(--aieo-hl-line, #dcdcdc);background:var(--aieo-hl-bg, #fff);color:var(--aieo-hl-fg, #1a1a1a)}.aieo-hl-chip--search.is-medium{width:16rem}.aieo-hl-band.is-fill .aieo-hl-chip--search.is-fill{flex:1 1 auto;max-width:none}@media(max-width:782px){.aieo-hl-band{grid-template-columns:minmax(0,1fr);gap:.25rem}.aieo-hl-band__zones,.aieo-hl-band.is-fill .aieo-hl-band__zones{grid-template-columns:minmax(0,1fr)}.aieo-hl-zone,.aieo-hl-zone.is-center,.aieo-hl-zone.is-end{justify-content:flex-start}}
