/* Use the selected brand image's icon with a light wordmark that fits the dark UI. */
.header-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  text-decoration: none;
}

.header-brand img,
.brand img.brand-full-logo {
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  object-fit: cover;
  object-position: left center;
  border-radius: 11px;
  background: transparent;
  filter: drop-shadow(0 3px 8px rgba(5, 3, 18, .38));
}

.header-brand::after,
.brand:has(.brand-full-logo)::after {
  color: #f8f5ff;
  font-weight: 800;
  letter-spacing: .5px;
  white-space: nowrap;
}

.header-brand::after {
  content: "映作";
  font-size: 22px;
}

.brand:has(.brand-full-logo) {
  gap: 8px;
}

.brand:has(.brand-full-logo)::after {
  content: "映作 AI";
  font-size: 18px;
}

.rail > img.logo {
  content: url("/public/image/yingzuo-brand.png");
  object-fit: cover;
  object-position: left center;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  filter: drop-shadow(0 4px 8px rgba(76, 45, 160, .42));
}

@media (max-width: 560px) {
  .header-brand img,
  .brand img.brand-full-logo {
    width: 36px;
    height: 36px;
  }
}