.benchmark-panel{gap:var(--ui-space-md);min-width:0;display:grid}.benchmark-panel__media{border-radius:var(--ui-radius-sm);background:var(--ui-color-surface-sunken);border:0;width:3rem;height:3rem;padding:0;overflow:hidden}.benchmark-panel__media img{object-fit:cover;width:100%;height:100%}.benchmark-panel__percentile{padding:var(--ui-space-2xs) var(--ui-space-xs);border-radius:var(--ui-radius-sm);white-space:nowrap;font-size:.6875rem;font-weight:600;display:inline-flex}.benchmark-panel__percentile--poor{color:var(--ui-color-danger);background:var(--ui-color-danger-soft)}.benchmark-panel__percentile--belowAvg{color:var(--ui-color-accent);background:var(--ui-color-accent-soft)}.benchmark-panel__percentile--average{color:var(--ui-color-warning);background:var(--ui-color-warning-soft)}.benchmark-panel__percentile--good{color:var(--ui-color-success);background:var(--ui-color-success-soft)}.benchmark-panel__percentile--excellent{color:var(--ui-color-primary-fg);background:var(--ui-color-success)}