/* 官方品牌为 SVG（viewBox 300 130 1470 410），由 mirror_brand.js 换成 /logo.png */

svg[viewBox="300 130 1470 410"][data-mirror-logo="hidden"],
svg[viewBox="0 0 484 117"][data-mirror-logo="hidden"],
svg[viewBox="0 0 484 163"][data-mirror-logo="hidden"] {
  display: none !important;
}

.mirror-brand-logo {
  display: block;
  object-fit: contain;
  flex-shrink: 0;
  user-select: none;
  -webkit-user-drag: none;
}

/* 生成中遮罩、小徽章等（原 w-6 h-6） */
.mirror-brand-logo--sm {
  width: 1.5rem;
  height: 1.5rem;
}

/* 按钮 loading、保存遮罩（原 w-3.5 / w-4） */
.mirror-brand-logo--xs {
  width: 1rem;
  height: 1rem;
}

.mirror-brand-logo--md {
  width: 2rem;
  height: 2rem;
}

/* 顶栏 / 页内导航 */
.mirror-brand-logo--nav {
  height: 1.75rem;
  width: auto;
  max-width: min(10rem, 42vw);
}

a:has(.mirror-brand-logo),
nav a:has(svg[viewBox="300 130 1470 410"]) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

/* 主页顶栏：LOGO 右侧 Sketch studio */
nav .mirror-nav-studio-title {
  display: inline-flex !important;
  align-items: center;
  flex-shrink: 0;
  margin-left: 0.5rem;
  margin-right: 0.75rem;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.2;
  white-space: nowrap;
  user-select: none;
  color: #ffffff !important;
}

html:not(.dark) nav .mirror-nav-studio-title {
  color: #111111 !important;
}

nav .flex.items-center.gap-4:has(.mirror-nav-studio-title) {
  align-items: center !important;
}

/* 画布错误页等大号品牌位 */
.mirror-brand-logo--lg {
  width: 3rem;
  height: 3rem;
}

/* 替换完成前也隐藏官网 SVG，避免紫渐变旧标露出 */
svg[viewBox="300 130 1470 410"]:not([data-mirror-logo="hidden"]),
svg[viewBox="0 0 484 117"]:not([data-mirror-logo="hidden"]),
svg[viewBox="0 0 484 163"]:not([data-mirror-logo="hidden"]),
svg[aria-label="草图AI"]:not([data-mirror-logo="hidden"]),
svg[aria-label="青禾计划"]:not([data-mirror-logo="hidden"]) {
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* React 易失宿主：计时器 / loading 按钮 / 保存遮罩（JS 轮询 + CSS 兜底） */
[data-mirror-volatile-logo="1"] > svg,
div[data-mirror-gen-hud="1"] > svg,
div.absolute.top-0.right-0.z-\[60\].h-10:has(span.tabular-nums.tracking-wider) > svg {
  display: none !important;
}

img[data-mirror-volatile-logo-img="1"],
img[data-mirror-gen-hud-logo="1"] {
  display: block !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

img[data-mirror-volatile-logo-img="1"].mirror-brand-logo--sm,
img[data-mirror-gen-hud-logo="1"] {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

img[data-mirror-volatile-logo-img="1"].mirror-brand-logo--xs {
  width: 1rem !important;
  height: 1rem !important;
}