/* Chatpod chrome — one sheet for OWUI overlay + ASUI embed. Last word on tokens.
 * Sync: copy to ASUI src/app/chatpod-ui.css and OWUI build/static/chatpod-ui.css.
 */
:root {
  /* —— primitives —— */
  --cp-radius-control: 10px;
  --cp-radius-card: 12px;
  --cp-radius-dialog: 20px;
  --cp-radius-pill: 22px;
  --cp-radius-tooltip: 8px;
  --cp-space-unit: 4px;
  --cp-chrome-edge-inset: 8px; /* equal L/R topbar inset (Chat + Canvas) */
  --cp-chrome-icon-gap: 8px; /* same-class header icon gap */
  --cp-control-height: 36px; /* alias of OWUI --cp-hit-nav */
  --cp-chrome-header-height: var(--cp-control-height); /* Chat sticky row = Canvas topbar */
  --cp-hit-touch: 44px;
  --cp-toolbar-gap: 4px;
  --cp-icon: 18px;
  --cp-icon-dense: 16px;
  --cp-stroke: 1.5px;
  --cp-type-ui: 14px;
  --cp-type-caption: 13px;
  --cp-type-title: 28px;
  --cp-bg: #ffffff;
  --cp-ink: #0d0d0d;
  --cp-secondary: #5d5d5d;
  --cp-tertiary: #8f8f8f;
  --cp-hover: rgba(0, 0, 0, 0.05);
  --cp-hover-strong: rgba(0, 0, 0, 0.08);
  --cp-hairline: rgba(0, 0, 0, 0.08);
  /* Ink-adjacent semantic red — readable, not neon / not pale */
  --cp-danger: color-mix(in srgb, #9f1c1c 82%, var(--cp-ink));
  /* Light canvas selection / skill-card frames — medium gray, never ink-black */
  --cp-wireframe: rgba(0, 0, 0, 0.22);
  --cp-motion-fast: 120ms;
  --cp-motion-standard: 180ms;
  --cp-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --cp-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* —— semantic aliases (prefer these over page-chat / page-canvas stacks) —— */
  --surface-0: var(--cp-bg);
  --surface-1: var(--cp-bg);
  --surface-2: color-mix(in srgb, var(--cp-ink) 6%, var(--cp-bg));
  --text-primary: var(--cp-ink);
  --text-secondary: var(--cp-secondary);
  --text-tertiary: var(--cp-tertiary);
  --border-default: var(--cp-hairline);
  --radius-control: var(--cp-radius-control);
  --radius-card: var(--cp-radius-card);
  --radius-dialog: var(--cp-radius-dialog);
  --radius-pill: var(--cp-radius-pill);
  --control-height: var(--cp-control-height);
  --icon-size: var(--cp-icon);
  --icon-size-dense: var(--cp-icon-dense);
  --spacing: var(--cp-space-unit);
  --motion-fast: var(--cp-motion-fast);
  --motion-standard: var(--cp-motion-standard);
  --ease-standard: var(--cp-ease);
}

html.dark {
  --cp-bg: #000000;
  --cp-ink: #fafafa;
  --cp-secondary: #a1a1aa;
  --cp-tertiary: #71717a;
  --cp-hover: rgba(255, 255, 255, 0.08);
  --cp-hover-strong: rgba(255, 255, 255, 0.12);
  --cp-hairline: rgba(255, 255, 255, 0.12);
  --cp-danger: color-mix(in srgb, #f87171 55%, var(--cp-ink));
  --cp-wireframe: rgba(255, 255, 255, 0.22);
}

html[data-embed="chatpod"],
html[data-lovart-ref="1"] {
  /* 36 hit + 4px inset so hover wells don't kiss the hairline */
  --cp-chrome-bar-pad: 4px;
  --cp-chrome-header-height: calc(
    var(--cp-control-height) + 2 * var(--cp-chrome-bar-pad)
  );
}

html[data-embed="chatpod"] {
  --background: var(--cp-bg);
  --foreground: var(--cp-ink);
  --card: var(--cp-bg);
  --card-foreground: var(--cp-ink);
  --popover: var(--cp-bg);
  --popover-foreground: var(--cp-ink);
  --muted: var(--surface-2);
  --muted-foreground: var(--cp-secondary);
  --accent: var(--cp-hover);
  --accent-foreground: var(--cp-ink);
  --border: var(--cp-hairline);
  --input: var(--cp-hairline);
  --primary: var(--cp-ink);
  --primary-foreground: var(--cp-bg);
  --ring: var(--cp-ink);
  --sidebar: var(--cp-bg);
  --sidebar-foreground: var(--cp-ink);
  --sidebar-primary: var(--cp-ink);
  --sidebar-primary-foreground: var(--cp-bg);
  --sidebar-accent: var(--cp-hover);
  --sidebar-border: var(--cp-hairline);
  --sidebar-ring: var(--cp-ink);
  background: var(--cp-bg);
  color: var(--cp-ink);
  color-scheme: light;
  font-family: var(--cp-font);
}

html.dark[data-embed="chatpod"] {
  color-scheme: dark;
}

/* Map Lovart chrome vars → shared tokens (embed / ref). No duplicate page stacks. */
html[data-embed="chatpod"] .lovart-x-app,
html[data-lovart-ref="1"] .lovart-x-app {
  --lovart-bg: var(--cp-bg);
  --lovart-canvas-bg: var(--cp-bg);
  --lovart-canvas-grid: color-mix(in srgb, var(--cp-ink) 6%, transparent);
  --lovart-panel-bg: var(--cp-bg);
  --lovart-topbar-bg: var(--cp-bg);
  --lovart-border: var(--cp-hairline);
  --lovart-border-soft: color-mix(in srgb, var(--cp-ink) 8%, transparent);
  --lovart-text: var(--cp-ink);
  --lovart-muted: var(--cp-secondary);
  --lovart-label: var(--cp-tertiary);
  --lovart-active-bg: var(--cp-hover);
  --lovart-selection: var(--cp-ink);
  --lovart-image-meta: var(--cp-secondary);
  --lovart-accent-blue: var(--cp-ink);
  --lovart-accent-violet: var(--cp-secondary);
  --lovart-accent-amber: var(--cp-secondary);
  --lovart-btn-hover-bg: var(--cp-hover);
  --lovart-btn-active-bg: var(--cp-hover-strong);
  --lovart-btn-radius: var(--cp-radius-control);
  --lovart-radius: var(--cp-radius-control);
  --lovart-radius-card: var(--cp-radius-card);
  --lovart-radius-menu: var(--cp-radius-card);
  --lovart-radius-modal: var(--cp-radius-dialog);
  --lovart-radius-composer: var(--cp-radius-card);
  --lovart-focus-ring: 2px solid var(--cp-ink);
  --lovart-header-btn: var(--cp-control-height);
  --lovart-btn-h: var(--cp-control-height);
  --lovart-btn-h-sm: var(--cp-control-height);
  --lovart-btn-icon: var(--cp-icon-dense);
  --lovart-icon-visual: var(--cp-icon);
  --lovart-input-height: var(--cp-control-height);
  --lovart-composer-bg: var(--surface-2);
  --lovart-send-bg: var(--cp-hover-strong);
  --lovart-text-base: var(--cp-type-ui);
  --lovart-text-sm: var(--cp-type-caption);
  font-family: var(--cp-font);
}

html[data-embed="chatpod"],
html[data-lovart-ref="1"] {
  --lovart-btn-active-bg: var(--cp-hover);
  --lovart-btn-border: var(--cp-hairline);
  --lovart-btn-icon-size: var(--cp-control-height);
  --lovart-btn-radius: var(--cp-radius-control);
  --lovart-btn-pill-radius: 9999px;
  --lovart-btn-muted: var(--cp-secondary);
}

html .lovart-x-app {
  --lovart-space-xs: var(--cp-space-unit);
  --lovart-space-sm: calc(var(--cp-space-unit) * 2);
  --lovart-space-md: calc(var(--cp-space-unit) * 3);
  --lovart-space-lg: calc(var(--cp-space-unit) * 4);
}

/* —— Shared control language (variants) —— */
.cp-control {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--cp-toolbar-gap);
  height: var(--cp-control-height);
  min-height: var(--cp-control-height);
  padding: 0 calc(var(--cp-space-unit) * 3);
  border: 1px solid transparent;
  border-radius: var(--cp-radius-control);
  background: transparent;
  color: var(--cp-ink);
  font-family: var(--cp-font);
  font-size: var(--cp-type-ui);
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
  transition:
    background-color var(--cp-motion-fast) var(--cp-ease),
    color var(--cp-motion-fast) var(--cp-ease),
    border-color var(--cp-motion-fast) var(--cp-ease);
}
.cp-control:hover {
  background: var(--cp-hover);
}
.cp-control:active {
  background: var(--cp-hover-strong);
}
.cp-control:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.cp-control--ghost {
  border-color: var(--cp-hairline);
  background: transparent;
  color: var(--cp-secondary);
}
.cp-control--ghost:hover {
  color: var(--cp-ink);
  background: var(--cp-hover);
}
.cp-control--selected {
  background: var(--cp-hover);
  color: var(--cp-ink);
  border-color: var(--cp-hairline);
}
.cp-control--compact {
  width: var(--cp-control-height);
  min-width: var(--cp-control-height);
  padding: 0;
}
.cp-control--compact svg,
.cp-control__icon {
  width: var(--cp-icon-dense);
  height: var(--cp-icon-dense);
  stroke-width: var(--cp-stroke);
}
.cp-control--primary {
  background: var(--cp-ink);
  color: var(--cp-bg);
  border-color: transparent;
}
.cp-control--primary:hover {
  background: color-mix(in srgb, var(--cp-ink) 88%, var(--cp-bg));
}

html body #cp-workspace-choice { border-radius: 0; }
html body #cp-workspace-choice:focus,
html body #cp-workspace-choice:focus-visible { outline: none; }
html body #cp-workspace-choice a,
html body #cp-workspace-choice a[aria-current="page"] {
  border-radius: var(--cp-radius-pill);
  border: 1px solid var(--cp-hairline) !important;
  background: var(--cp-bg) !important;
  box-shadow: none;
  outline: none;
}
html body #cp-workspace-choice a[aria-current="page"] strong {
  font-weight: 600;
}
html body #cp-workspace-choice a:not([aria-current="page"]) strong {
  font-weight: 400;
}
html body #cp-workspace-choice a:hover {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
}
html body #cp-workspace-choice a:focus { outline: none; box-shadow: none; }
html body #cp-workspace-choice a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/*
 * Workspace back — icon button; “工作台” is a hover/focus tooltip.
 * Markup: nav.cp-workspace-back > a.cp-workspace-back__btn > svg + span.cp-workspace-back__label
 */
.cp-workspace-back {
  display: inline-flex;
  position: relative;
  flex: none;
  flex-shrink: 0;
  align-self: center;
  width: var(--cp-control-height);
  height: var(--cp-control-height);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  z-index: 3;
}
.cp-workspace-back__btn {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: var(--cp-control-height);
  min-width: var(--cp-control-height);
  height: var(--cp-control-height);
  min-height: var(--cp-control-height);
  padding: 0;
  border: 0;
  border-radius: var(--cp-radius-control);
  background: transparent;
  color: var(--cp-secondary);
  text-decoration: none;
  box-shadow: none;
  touch-action: manipulation;
  transition:
    background-color var(--cp-motion-fast) var(--cp-ease),
    color var(--cp-motion-fast) var(--cp-ease);
}
.cp-workspace-back__icon {
  display: block;
  width: var(--cp-icon-dense);
  height: var(--cp-icon-dense);
  flex-shrink: 0;
  stroke-width: var(--cp-stroke);
}
.cp-workspace-back__label {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  z-index: 40;
  padding: 6px 10px;
  border-radius: var(--cp-radius-tooltip);
  background: #000;
  color: #fff;
  font-size: var(--cp-type-caption);
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%);
  transition: opacity var(--cp-motion-fast) var(--cp-ease);
  box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
}
.cp-workspace-back__btn:hover {
  color: var(--cp-ink);
  background: var(--cp-hover);
}
.cp-workspace-back__btn:hover .cp-workspace-back__label,
.cp-workspace-back__btn:focus-visible .cp-workspace-back__label {
  opacity: 1;
}
.cp-workspace-back__btn:active {
  background: var(--cp-hover-strong);
}
.cp-workspace-back__btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* Phone / coarse: keep 工作台 on the same hit as sibling chrome (36), not a solo 44.
   Canvas embed media query below locks the whole chrome row to --cp-control-height (same as Chat). */
@media (max-width: 768px), (pointer: coarse) and (hover: none) {
  .cp-workspace-back {
    width: var(--cp-control-height);
    min-width: var(--cp-control-height);
    max-width: var(--cp-control-height);
    height: var(--cp-control-height);
    min-height: var(--cp-control-height);
    max-height: var(--cp-control-height);
    z-index: 20;
  }
  .cp-workspace-back__btn {
    width: var(--cp-control-height);
    min-width: var(--cp-control-height);
    max-width: var(--cp-control-height);
    height: var(--cp-control-height);
    min-height: var(--cp-control-height);
    max-height: var(--cp-control-height);
    color: var(--cp-ink);
  }
}

html[data-embed="chatpod"] .lovart-btn-pill.is-primary,
html[data-lovart-ref="1"] .lovart-btn-pill.is-primary {
  background: var(--cp-ink);
  color: var(--cp-bg);
  border-color: transparent;
}

html[data-embed="chatpod"] .lovart-btn-pill.is-primary:hover:not(:disabled),
html[data-lovart-ref="1"] .lovart-btn-pill.is-primary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--cp-ink) 88%, var(--cp-bg));
  border-color: transparent;
}

#cp-auth button:disabled { cursor: not-allowed; opacity: .5; }
#cp-auth button:focus-visible,
#cp-auth input:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
#cp-auth button:active:not(:disabled) { filter: brightness(.94); }
#cp-auth button { touch-action: manipulation; }

/* —— Phase 2: Header / toolbar chrome align (embed only) —— */
html[data-embed="chatpod"] .lovart-x-topbar,
html[data-lovart-ref="1"] .lovart-x-topbar,
html[data-embed="chatpod"] .lovart-x-chat__header,
html[data-lovart-ref="1"] .lovart-x-chat__header {
  box-sizing: border-box;
  height: var(--cp-chrome-header-height);
  min-height: var(--cp-chrome-header-height);
  max-height: var(--cp-chrome-header-height);
  /* Equal L/R — shared --cp-chrome-edge-inset (was embed 12/8). */
  padding-inline: var(--cp-chrome-edge-inset) !important;
  padding-left: var(--cp-chrome-edge-inset) !important;
  padding-right: var(--cp-chrome-edge-inset) !important;
  padding-block: var(--cp-chrome-bar-pad) !important;
  gap: var(--cp-chrome-icon-gap) !important;
  border-bottom: 1px solid var(--cp-hairline);
  background: var(--cp-bg);
}

/*
 * Logo ↔ 工作台 same-slot (Chat sidebar brand pattern).
 * When back is mounted, hide wordmark; mobile never shows wordmark in chrome.
 */
.lovart-x-chrome-brand-slot {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: var(--cp-control-height);
  min-height: var(--cp-control-height);
  gap: 0;
}
.lovart-x-chrome-brand-slot:has(.cp-workspace-back) .lovart-x-chrome-brand-slot__mark {
  display: none !important;
}
.lovart-x-chrome-brand-slot__mark {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  pointer-events: none;
}
.lovart-x-chrome-brand-slot__mark .lovart-x-brand-logo {
  height: 20px;
  max-width: 128px;
}
@media (max-width: 768px) {
  .lovart-x-chrome-brand-slot__mark,
  .lovart-x-topbar__brand,
  .lovart-x-topbar .lovart-x-brand-logo {
    display: none !important;
  }
}

/* Same-class icon groups: left === right gap (was left 4px / right 8px). */
html[data-embed="chatpod"] .lovart-x-topbar__left,
html[data-lovart-ref="1"] .lovart-x-topbar__left,
html[data-embed="chatpod"] .lovart-x-topbar__right,
html[data-lovart-ref="1"] .lovart-x-topbar__right,
html[data-embed="chatpod"] .lovart-x-topbar__assets,
html[data-lovart-ref="1"] .lovart-x-topbar__assets,
html[data-embed="chatpod"] .lovart-x-chat__header-actions,
html[data-lovart-ref="1"] .lovart-x-chat__header-actions,
html[data-embed="chatpod"] .lovart-x-chat__title-row,
html[data-lovart-ref="1"] .lovart-x-chat__title-row {
  gap: var(--cp-chrome-icon-gap) !important;
  column-gap: var(--cp-chrome-icon-gap) !important;
}

html[data-embed="chatpod"] .lovart-x-header-btn,
html[data-lovart-ref="1"] .lovart-x-header-btn,
html[data-embed="chatpod"] .lovart-x-topbar .cp-workspace-back__btn,
html[data-lovart-ref="1"] .lovart-x-topbar .cp-workspace-back__btn,
html[data-embed="chatpod"] .lovart-x-chat__header .cp-workspace-back__btn,
html[data-lovart-ref="1"] .lovart-x-chat__header .cp-workspace-back__btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--cp-control-height);
  min-width: var(--cp-control-height);
  max-width: var(--cp-control-height);
  height: var(--cp-control-height);
  min-height: var(--cp-control-height);
  max-height: var(--cp-control-height);
  padding: 0;
  border-radius: var(--cp-radius-control);
  color: var(--cp-secondary);
  transition:
    background-color var(--cp-motion-fast) var(--cp-ease),
    color var(--cp-motion-fast) var(--cp-ease);
}
html[data-embed="chatpod"] .lovart-x-header-btn:hover,
html[data-lovart-ref="1"] .lovart-x-header-btn:hover {
  color: var(--cp-ink);
  background: var(--cp-hover);
}
html[data-embed="chatpod"] .lovart-x-header-btn:focus-visible,
html[data-lovart-ref="1"] .lovart-x-header-btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
html[data-embed="chatpod"] .lovart-x-header-btn svg,
html[data-lovart-ref="1"] .lovart-x-header-btn svg,
html[data-embed="chatpod"] .lovart-x-toolbar-icon svg,
html[data-lovart-ref="1"] .lovart-x-toolbar-icon svg,
html[data-embed="chatpod"] .lovart-btn-icon svg,
html[data-lovart-ref="1"] .lovart-btn-icon svg,
html[data-embed="chatpod"] .lovart-x-asset-tab__icon,
html[data-lovart-ref="1"] .lovart-x-asset-tab__icon,
html[data-embed="chatpod"] .lovart-x-asset-tab__icon svg,
html[data-lovart-ref="1"] .lovart-x-asset-tab__icon svg,
html[data-embed="chatpod"] .lovart-x-topbar .cp-workspace-back__icon,
html[data-lovart-ref="1"] .lovart-x-topbar .cp-workspace-back__icon,
html[data-embed="chatpod"] .lovart-x-chat__header .cp-workspace-back__icon,
html[data-lovart-ref="1"] .lovart-x-chat__header .cp-workspace-back__icon {
  width: var(--cp-icon-dense) !important;
  height: var(--cp-icon-dense) !important;
  min-width: var(--cp-icon-dense) !important;
  min-height: var(--cp-icon-dense) !important;
  max-width: var(--cp-icon-dense) !important;
  max-height: var(--cp-icon-dense) !important;
  flex-shrink: 0;
  stroke-width: var(--cp-stroke) !important;
}

/* Keep topbar icon siblings on the same 36 hit (not share/page pill). */
html[data-embed="chatpod"] .lovart-x-topbar .lovart-x-header-btn,
html[data-lovart-ref="1"] .lovart-x-topbar .lovart-x-header-btn,
html[data-embed="chatpod"] .lovart-x-chat__header .lovart-x-header-btn,
html[data-lovart-ref="1"] .lovart-x-chat__header .lovart-x-header-btn {
  width: var(--cp-control-height) !important;
  min-width: var(--cp-control-height) !important;
  max-width: var(--cp-control-height) !important;
  height: var(--cp-control-height) !important;
  min-height: var(--cp-control-height) !important;
  max-height: var(--cp-control-height) !important;
}
html[data-embed="chatpod"] .lovart-x-page-tab,
html[data-lovart-ref="1"] .lovart-x-page-tab,
html[data-embed="chatpod"] .lovart-x-page-tab__select,
html[data-lovart-ref="1"] .lovart-x-page-tab__select {
  height: var(--cp-control-height) !important;
  min-height: var(--cp-control-height) !important;
  max-height: var(--cp-control-height) !important;
  border-radius: var(--cp-radius-pill) !important;
}

/* Light: page-tab close was white-on-gray (invisible). Use secondary ink. */
html[data-embed="chatpod"]:not(.dark) .lovart-x-page-tab__close,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-page-tab__close {
  color: var(--cp-secondary) !important;
  opacity: 1 !important;
}
html[data-embed="chatpod"]:not(.dark) .lovart-x-page-tab__close:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-page-tab__close:hover {
  color: var(--cp-ink) !important;
  background: var(--cp-hover) !important;
}
html[data-embed="chatpod"]:not(.dark) .lovart-x-page-tab:not(.is-active):not(:hover) .lovart-x-page-tab__close,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-page-tab:not(.is-active):not(:hover) .lovart-x-page-tab__close {
  opacity: 0.72 !important;
}

@media (max-width: 768px), (pointer: coarse) and (hover: none) {
  /*
   * Canvas chrome = Chat chrome: one row at --cp-control-height (36).
   * Do not solo-lift 工作台 to --cp-hit-touch (44); lovart mobile vars still
   * declare 44 — lock peers + host together so they cannot diverge.
   */
  html[data-embed="chatpod"] .lovart-x-topbar .lovart-x-header-btn,
  html[data-lovart-ref="1"] .lovart-x-topbar .lovart-x-header-btn,
  html[data-embed="chatpod"] .lovart-x-chat__header .lovart-x-header-btn,
  html[data-lovart-ref="1"] .lovart-x-chat__header .lovart-x-header-btn,
  html[data-embed="chatpod"] .lovart-x-topbar .cp-workspace-back,
  html[data-lovart-ref="1"] .lovart-x-topbar .cp-workspace-back,
  html[data-embed="chatpod"] .lovart-x-chat__header .cp-workspace-back,
  html[data-lovart-ref="1"] .lovart-x-chat__header .cp-workspace-back,
  html[data-embed="chatpod"] .lovart-x-topbar .cp-workspace-back__btn,
  html[data-lovart-ref="1"] .lovart-x-topbar .cp-workspace-back__btn,
  html[data-embed="chatpod"] .lovart-x-chat__header .cp-workspace-back__btn,
  html[data-lovart-ref="1"] .lovart-x-chat__header .cp-workspace-back__btn,
  html[data-embed="chatpod"] .lovart-x-chat-toggle,
  html[data-lovart-ref="1"] .lovart-x-chat-toggle {
    width: var(--cp-control-height) !important;
    min-width: var(--cp-control-height) !important;
    max-width: var(--cp-control-height) !important;
    height: var(--cp-control-height) !important;
    min-height: var(--cp-control-height) !important;
    max-height: var(--cp-control-height) !important;
  }
  /* Page pill keeps horizontal size; height matches row (was mobile 44). */
  html[data-embed="chatpod"] .lovart-x-page-tab__select,
  html[data-lovart-ref="1"] .lovart-x-page-tab__select {
    height: var(--cp-control-height) !important;
    min-height: var(--cp-control-height) !important;
    max-height: var(--cp-control-height) !important;
  }
  html[data-embed="chatpod"] .lovart-x-topbar,
  html[data-lovart-ref="1"] .lovart-x-topbar,
  html[data-embed="chatpod"] .lovart-x-chat__header,
  html[data-lovart-ref="1"] .lovart-x-chat__header {
    box-sizing: border-box;
    height: var(--cp-chrome-header-height) !important;
    min-height: var(--cp-chrome-header-height) !important;
    max-height: var(--cp-chrome-header-height) !important;
    padding-inline: var(--cp-chrome-edge-inset) !important;
    padding-left: var(--cp-chrome-edge-inset) !important;
    padding-right: var(--cp-chrome-edge-inset) !important;
    padding-block: var(--cp-chrome-bar-pad) !important;
    gap: var(--cp-chrome-icon-gap) !important;
  }
  /* Canvas topbar may include safe-area above the padded 36 content row. */
  html[data-embed="chatpod"] .lovart-x-topbar,
  html[data-lovart-ref="1"] .lovart-x-topbar {
    height: calc(var(--cp-chrome-header-height) + env(safe-area-inset-top, 0px)) !important;
    min-height: calc(var(--cp-chrome-header-height) + env(safe-area-inset-top, 0px)) !important;
    max-height: calc(var(--cp-chrome-header-height) + env(safe-area-inset-top, 0px)) !important;
    padding-top: calc(var(--cp-chrome-bar-pad) + env(safe-area-inset-top, 0px)) !important;
  }
}

/* —— Phase 3: menus / modals / motion dialect —— */
html[data-embed="chatpod"] .lovart-x-app [role="menu"],
html[data-embed="chatpod"] .lovart-x-app [role="listbox"],
html[data-lovart-ref="1"] .lovart-x-app [role="menu"],
html[data-lovart-ref="1"] .lovart-x-app [role="listbox"] {
  border: 1px solid var(--cp-hairline);
  border-radius: var(--cp-radius-card);
  background: var(--cp-bg);
  box-shadow: none;
}

html[data-embed="chatpod"] .lovart-x-app [role="dialog"],
html[data-lovart-ref="1"] .lovart-x-app [role="dialog"] {
  border-radius: var(--cp-radius-dialog);
  border: 1px solid var(--cp-hairline);
  background: var(--cp-bg);
  color: var(--cp-ink);
}

/* Product: hide canvas copy-share-link (keep persist via LovartProjectSync). */
html[data-embed="chatpod"] .lovart-x-share-btn,
html[data-lovart-ref="1"] .lovart-x-share-btn,
html[data-embed="chatpod"] .lovart-x-share-popover,
html[data-lovart-ref="1"] .lovart-x-share-popover,
html[data-embed="chatpod"] .lovart-x-menu-anchor:has(.lovart-x-share-btn),
html[data-lovart-ref="1"] .lovart-x-menu-anchor:has(.lovart-x-share-btn),
html[data-embed="chatpod"] .lovart-topbar__share,
html[data-lovart-ref="1"] .lovart-topbar__share {
  display: none !important;
}

html[data-embed="chatpod"] .lovart-x-topbar button,
html[data-embed="chatpod"] .lovart-x-topbar a,
html[data-lovart-ref="1"] .lovart-x-topbar button,
html[data-lovart-ref="1"] .lovart-x-topbar a {
  transition:
    background-color var(--cp-motion-fast) var(--cp-ease),
    color var(--cp-motion-fast) var(--cp-ease),
    opacity var(--cp-motion-fast) var(--cp-ease);
}

@media (prefers-reduced-motion: reduce) {
  .cp-control,
  .cp-workspace-back__btn,
  .cp-workspace-back__label,
  html[data-embed="chatpod"] .lovart-x-header-btn,
  html[data-lovart-ref="1"] .lovart-x-header-btn,
  html[data-embed="chatpod"] .lovart-x-topbar button,
  html[data-lovart-ref="1"] .lovart-x-topbar button {
    transition: none !important;
  }
}

/* Canvas tool strip hugs tools; overflow scrolls instead of stretching a well. */
html[data-embed="chatpod"] .tlui-main-toolbar--horizontal,
html[data-lovart-ref="1"] .tlui-main-toolbar--horizontal {
  width: max-content;
  max-width: 100%;
}

/* —— Phase 4: Canvas light/dark = Chat tokens —— */
html[data-embed="chatpod"] .lovart-x-app,
html[data-lovart-ref="1"] .lovart-x-app {
  --lovart-canvas-bg: var(--cp-bg);
  --lovart-panel-bg: var(--cp-bg);
  --lovart-topbar-bg: var(--cp-bg);
  --lovart-composer-bg: var(--cp-bg);
  --lovart-send-bg: var(--cp-ink);
}
html[data-embed="chatpod"] .lovart-x-canvas-empty__hint,
html[data-lovart-ref="1"] .lovart-x-canvas-empty__hint {
  color: var(--cp-secondary);
}
html[data-embed="chatpod"] .lovart-x-agent-task__headline,
html[data-lovart-ref="1"] .lovart-x-agent-task__headline {
  color: var(--cp-ink);
}
html[data-embed="chatpod"] .lovart-x-tab-lease,
html[data-lovart-ref="1"] .lovart-x-tab-lease {
  border-bottom-color: var(--cp-hairline);
  background: color-mix(in srgb, var(--cp-ink) 4%, var(--cp-bg));
  color: var(--cp-ink);
}
html[data-embed="chatpod"] .lovart-x-tab-lease__text,
html[data-lovart-ref="1"] .lovart-x-tab-lease__text {
  color: var(--cp-secondary);
}
html[data-embed="chatpod"] .lovart-x-tab-lease__btn,
html[data-lovart-ref="1"] .lovart-x-tab-lease__btn {
  border-color: var(--cp-hairline);
  background: transparent;
  color: var(--cp-secondary);
  border-radius: var(--cp-radius-control);
  height: var(--cp-control-height);
  min-height: var(--cp-control-height);
  font-size: var(--cp-type-caption);
}
html[data-embed="chatpod"] .lovart-x-tab-lease__btn:hover,
html[data-lovart-ref="1"] .lovart-x-tab-lease__btn:hover {
  color: var(--cp-ink);
  background: var(--cp-hover);
}
html[data-embed="chatpod"] .lovart-x-tab-lease__btn.is-primary,
html[data-lovart-ref="1"] .lovart-x-tab-lease__btn.is-primary {
  border-color: transparent;
  background: var(--cp-ink);
  color: var(--cp-bg);
  filter: none;
}

/* —— Phase 4b: toolstrip / bottom chrome —— */
html[data-embed="chatpod"] .lovart-x-toolstrip,
html[data-lovart-ref="1"] .lovart-x-toolstrip,
html[data-embed="chatpod"] .lovart-x-bottom-chrome,
html[data-lovart-ref="1"] .lovart-x-bottom-chrome {
  height: var(--cp-chrome-header-height) !important;
  min-height: var(--cp-chrome-header-height) !important;
  max-height: var(--cp-chrome-header-height) !important;
  box-sizing: border-box !important;
  padding: var(--cp-chrome-bar-pad) var(--cp-chrome-edge-inset) !important;
  gap: 4px !important;
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: var(--cp-ink);
}
html[data-embed="chatpod"] .lovart-x-toolstrip__item,
html[data-lovart-ref="1"] .lovart-x-toolstrip__item {
  height: var(--cp-control-height) !important;
  min-height: var(--cp-control-height) !important;
  max-height: var(--cp-control-height) !important;
  padding: 0 10px !important;
  border-radius: var(--cp-radius-control) !important;
  font-size: var(--cp-type-caption) !important;
}
html[data-embed="chatpod"] .lovart-x-toolstrip__item,
html[data-lovart-ref="1"] .lovart-x-toolstrip__item,
html[data-embed="chatpod"] .lovart-x-bottom-chrome .lovart-x-header-btn,
html[data-lovart-ref="1"] .lovart-x-bottom-chrome .lovart-x-header-btn,
html[data-embed="chatpod"] .lovart-x-bottom-chrome .lovart-x-zoom,
html[data-lovart-ref="1"] .lovart-x-bottom-chrome .lovart-x-zoom {
  color: var(--cp-secondary) !important;
}
html[data-embed="chatpod"] .lovart-x-toolstrip__item:hover,
html[data-lovart-ref="1"] .lovart-x-toolstrip__item:hover,
html[data-embed="chatpod"] .lovart-x-toolstrip__item.is-active,
html[data-lovart-ref="1"] .lovart-x-toolstrip__item.is-active {
  color: var(--cp-ink) !important;
  background: var(--cp-hover) !important;
}
html[data-embed="chatpod"] .lovart-x-menu,
html[data-lovart-ref="1"] .lovart-x-menu,
html[data-embed="chatpod"] .lovart-x-toast,
html[data-lovart-ref="1"] .lovart-x-toast {
  background: var(--cp-bg) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
  box-shadow: none !important;
}
html[data-embed="chatpod"] .lovart-x-collapsed-composer .lovart-x-composer,
html[data-lovart-ref="1"] .lovart-x-collapsed-composer .lovart-x-composer,
html[data-embed="chatpod"] .lovart-x-collapsed-composer .lovart-x-composer-beam,
html[data-lovart-ref="1"] .lovart-x-collapsed-composer .lovart-x-composer-beam {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
}


/* —— Phase 4c: Light structure (Chat-class) ——
 * Prior pass made surfaces all #fff → washed. Keep dark tokens untouched.
 * Elevation = hairline; kill grey washes/gradients/shadows that read muddy.
 */
html[data-embed="chatpod"]:not(.dark) .lovart-x-app,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-app {
  --lovart-canvas-bg: #ffffff;
  /* Cool 3.5% wash — same value as Chat ink mix, hue toward orb indigo */
  --lovart-panel-bg: color-mix(in srgb, #3d3a55 3.5%, #ffffff);
  --lovart-topbar-bg: #ffffff;
  --lovart-composer-bg: #ffffff;
  --lovart-send-bg: var(--cp-ink);
  --lovart-canvas-grid: color-mix(in srgb, #3d3a55 10%, transparent);
  --lovart-border-soft: var(--cp-hairline);
  --lovart-border: var(--cp-hairline);
  --lovart-selection: var(--cp-wireframe);
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-chat,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-chat {
  background: var(--lovart-panel-bg) !important;
  border-right: 1px solid var(--cp-hairline) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-chat__header,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-chat__header {
  border-bottom: 1px solid var(--cp-hairline) !important;
  background: transparent;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-topbar,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-topbar {
  background: var(--lovart-topbar-bg) !important;
  border-bottom: 1px solid var(--cp-hairline) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-surface,
html[data-embed="chatpod"]:not(.dark) .lovart-x-tldraw-root,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-surface,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-tldraw-root {
  background: var(--lovart-canvas-bg) !important;
  --tl-color-background: var(--lovart-canvas-bg);
  --tl-color-grid: var(--lovart-canvas-grid);
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-tldraw-root .tl-grid-dot,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-tldraw-root .tl-grid-dot {
  fill: var(--lovart-canvas-grid) !important;
}

/* Composer: hairline card, no drop shadow / footer grey wash */
html[data-embed="chatpod"]:not(.dark) .lovart-x-composer,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer,
html[data-embed="chatpod"]:not(.dark) .lovart-x-composer-beam > .lovart-x-composer,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer-beam > .lovart-x-composer {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__footer,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__footer {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-top: 1px solid var(--cp-hairline);
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__input::placeholder,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__input::placeholder {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__footer .lovart-x-icon-btn,
html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__footer .lovart-x-agent-pill,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__footer .lovart-x-icon-btn,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__footer .lovart-x-agent-pill {
  background: transparent !important;
  border: 1px solid var(--cp-hairline) !important;
  color: var(--cp-secondary) !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__footer .lovart-x-icon-btn:hover,
html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__footer .lovart-x-agent-pill:hover,
html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__footer .lovart-x-agent-pill.is-active,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__footer .lovart-x-icon-btn:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__footer .lovart-x-agent-pill:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__footer .lovart-x-agent-pill.is-active {
  background: var(--cp-hover) !important;
  color: var(--cp-ink) !important;
  border-color: var(--cp-hairline) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__footer .lovart-x-send-btn,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__footer .lovart-x-send-btn {
  background: var(--cp-ink) !important;
  color: var(--cp-bg) !important;
  border: 0 !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__footer .lovart-x-send-btn:not(:disabled):hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__footer .lovart-x-send-btn:not(:disabled):hover {
  background: var(--cp-ink) !important;
  opacity: 0.88;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__footer .lovart-x-send-btn:disabled,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__footer .lovart-x-send-btn:disabled {
  background: var(--cp-hover-strong) !important;
  color: var(--cp-tertiary) !important;
  opacity: 1;
}

/* Agent chips / messages: quiet chrome, no neon green on light */
html[data-embed="chatpod"]:not(.dark) .lovart-x-message.is-assistant,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-message.is-assistant {
  background: transparent;
  color: var(--cp-ink);
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-message.is-user,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-message.is-user {
  background: var(--cp-hover);
  color: var(--cp-ink);
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task {
  border-color: var(--cp-hairline) !important;
  background: transparent !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task.is-compact:not(.is-running):not(.is-error),
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task.is-compact:not(.is-running):not(.is-error) {
  border-color: var(--cp-hairline) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__chip,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__chip,
html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__chip.is-done,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__chip.is-done {
  background: var(--cp-hover) !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__bar:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__bar:hover {
  background: var(--cp-hover) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__headline,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__headline {
  color: var(--cp-ink) !important;
}


/* Empty / canvas copy must use ink on light (upstream hardcodes zinc-100) */
html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__heading,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__heading,
html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty h2,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty h2 {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__hint,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__hint,
html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__skill-note,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__skill-note,
html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty__hint,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty__hint {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill,
html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill {
  height: var(--cp-control-height) !important;
  min-height: var(--cp-control-height) !important;
  padding: 0 14px !important;
  gap: var(--cp-chrome-icon-gap) !important;
  border-radius: var(--cp-radius-pill) !important;
  font-size: var(--cp-type-ui) !important;
  font-weight: 400 !important;
  color: var(--cp-ink) !important;
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill:hover,
html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill:hover {
  background: var(--cp-hover) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
  outline: none !important;
}


/* Agent task body/status: upstream hardcodes white translucent text — illegible on light */
html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__summary,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__summary {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__progress,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__progress,
html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__chevron,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__chevron,
html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task.is-compact:not(.is-running):not(.is-error) .lovart-x-agent-task__progress,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task.is-compact:not(.is-running):not(.is-error) .lovart-x-agent-task__progress {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__step,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__step,
html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__step.is-done,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__step.is-done,
html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__step.is-running,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__step.is-running {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__step-status,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__step-status {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__step-dot,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__step-dot {
  background: var(--cp-hover-strong) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__step.is-done .lovart-x-agent-task__step-dot,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__step.is-done .lovart-x-agent-task__step-dot {
  /* Keep the green completed cue — readable, not neon wash on the card */
  background: #22c55e !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__step.is-running .lovart-x-agent-task__step-dot,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__step.is-running .lovart-x-agent-task__step-dot {
  background: var(--cp-ink) !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-task__body,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-task__body {
  color: var(--cp-ink);
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-message.is-assistant,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-message.is-assistant {
  color: var(--cp-ink) !important;
}


/* —— Phase 4d: Light canvas nodes (no charcoal slabs on white) ——
 * Upstream image/video empty placeholders hardcode #2a2c32 / #111.
 * Gate on :not(.dark) so dark canvas stays true-black chrome.
 */
html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph__stage,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph__stage {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px var(--cp-hairline) !important;
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph__stage svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph__stage svg {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph.is-loading .lovart-x-image-ph__stage,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph.is-loading .lovart-x-image-ph__stage {
  background: color-mix(in srgb, var(--cp-ink) 4%, #ffffff) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph.is-failed .lovart-x-image-ph__stage,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph.is-failed .lovart-x-image-ph__stage {
  background: color-mix(in srgb, #ef4444 7%, #ffffff) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph__failed-label,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph__failed-label {
  background: var(--cp-hover-strong) !important;
  color: #b91c1c !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph__shimmer,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph__shimmer {
  /* Do not use `background` shorthand — it resets background-position and kills the sweep. */
  background-color: transparent !important;
  background-image: linear-gradient(
    110deg,
    transparent 12%,
    rgba(0, 0, 0, 0.12) 48%,
    transparent 78%
  ) !important;
  background-size: 220% 100% !important;
  animation: lovart-gen-shimmer 1.4s ease-in-out infinite !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph.is-loading .lovart-x-image-ph__stage > svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph.is-loading .lovart-x-image-ph__stage > svg {
  animation: lovart-gen-icon-pulse 1.6s ease-in-out infinite;
}

@keyframes lovart-gen-icon-pulse {
  0%,
  100% {
    opacity: 0.42;
  }
  50% {
    opacity: 0.88;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph__shimmer,
  html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph__shimmer {
    animation: none !important;
  }
  html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph.is-loading .lovart-x-image-ph__stage > svg,
  html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph.is-loading .lovart-x-image-ph__stage > svg {
    animation: none;
  }
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph__chrome,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph__chrome,
html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph__title,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph__title,
html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph__title svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph__title svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-image-ph__size,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-ph__size {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-tldraw-root .tl-frame__body,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-tldraw-root .tl-frame__body,
html[data-embed="chatpod"]:not(.dark) .lovart-x-tldraw-root .tl-image-container,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-tldraw-root .tl-image-container {
  background: #ffffff !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-video-shape,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-shape,
html[data-embed="chatpod"]:not(.dark) .lovart-x-video-shape__media,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-shape__media,
html[data-embed="chatpod"]:not(.dark) .lovart-x-video-shape__fallback,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-shape__fallback,
html[data-embed="chatpod"]:not(.dark) .lovart-x-video-shape__loading,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-shape__loading {
  background: #ffffff !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-video-shape__missing,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-shape__missing {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-storyboard-index,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-storyboard-index {
  background: var(--cp-bg) !important;
  box-shadow: 0 0 0 1px var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

/* Send confirm card: was dark-only tokens leaking as washed blue/gray on light */
html[data-embed="chatpod"]:not(.dark) .lovart-x-send-summary,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-send-summary {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-send-summary__head,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-send-summary__head,
html[data-embed="chatpod"]:not(.dark) .lovart-x-send-summary__grid dd,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-send-summary__grid dd,
html[data-embed="chatpod"]:not(.dark) .lovart-x-send-summary__prompt,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-send-summary__prompt {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-send-summary__grid dt,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-send-summary__grid dt {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-send-summary__pipe,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-send-summary__pipe {
  background: var(--cp-hover) !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-send-summary__back,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-send-summary__back {
  background: transparent !important;
  border: 1px solid var(--cp-hairline) !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-send-summary__go,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-send-summary__go {
  background: var(--cp-ink) !important;
  color: var(--cp-bg) !important;
}

/* —— Phase 4e: Light inner chrome (参考/品牌 drawer, 图库, 创作模板)
   Lovart hardcodes rgb(26 26 26) wells + white/N% text. Those win over
   --lovart-* remaps. Only :not(.dark) — html.dark keeps Lovart charcoal. —— */

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer {
  background: var(--cp-bg) !important;
  border-right-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
  backdrop-filter: none;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__header h2,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__header h2 {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-library-section__title,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-library-section__title {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__toolbar button,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__toolbar button,
html[data-embed="chatpod"]:not(.dark) .lovart-x-filter-btn,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-filter-btn {
  background: var(--cp-bg) !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__chips button,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__chips button,
html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__action,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__action {
  background: transparent !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__chips button svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__chips button svg {
  color: inherit !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__chips button.is-active,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__chips button.is-active,
html[data-embed="chatpod"]:not(.dark) .lovart-x-filter-btn.is-active,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-filter-btn.is-active {
  background: var(--cp-hover) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__chips button:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__chips button:hover,
html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__action:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__action:hover {
  background: var(--cp-hover) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__primary,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__primary {
  background: var(--cp-ink) !important;
  color: var(--cp-bg) !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__primary:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__primary:hover {
  background: var(--cp-ink) !important;
  opacity: 0.92;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-dropzone,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-dropzone {
  border-color: var(--cp-hairline) !important;
  background: var(--cp-hover) !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-dropzone svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-dropzone svg {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-dropzone:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-dropzone:hover {
  border-color: color-mix(in srgb, var(--cp-ink) 18%, transparent) !important;
  background: var(--cp-hover-strong) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-dropzone:hover svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-dropzone:hover svg {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__field.lovart-x-link-row,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__field.lovart-x-link-row {
  background: var(--cp-hover) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__field.lovart-x-link-row input,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__field.lovart-x-link-row input {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__field.lovart-x-link-row input::placeholder,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__field.lovart-x-link-row input::placeholder {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__kind-switch,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__kind-switch {
  background: transparent !important;
  border: var(--cp-stroke) solid var(--cp-hairline) !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__kind-switch button,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__kind-switch button {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__kind-switch button:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__kind-switch button:hover {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__kind-switch button.is-active,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__kind-switch button.is-active {
  background: var(--cp-bg) !important;
  color: var(--cp-ink) !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__add-ref,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__add-ref,
html[data-embed="chatpod"]:not(.dark) .lovart-x-library-card__actions .lovart-x-inspire__add-ref,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-library-card__actions .lovart-x-inspire__add-ref {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-library-card__actions .lovart-x-inspire__add-ref.is-secondary,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-library-card__actions .lovart-x-inspire__add-ref.is-secondary {
  background: transparent !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-link-bookmark__remove,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-link-bookmark__remove {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-stock-gallery__tabs button.is-active,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-stock-gallery__tabs button.is-active,
html[data-embed="chatpod"]:not(.dark) .lovart-x-stock-gallery__card,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-stock-gallery__card {
  background: var(--cp-bg) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-stock-gallery__card:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-stock-gallery__card:hover {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__tabs,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__tabs {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__tabs button,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__tabs button {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__tabs button.is-active,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__tabs button.is-active,
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__tabs button[aria-selected="true"],
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__tabs button[aria-selected="true"] {
  background: var(--cp-bg) !important;
  color: var(--cp-ink) !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__hint,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__hint {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__shuffle,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__shuffle,
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__browse,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__browse,
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__close,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__close {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__shuffle:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__shuffle:hover,
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__browse:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__browse:hover,
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__close:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__close:hover {
  background: var(--cp-hover) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__card,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__card {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  border-radius: var(--cp-radius-card) !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--cp-ink) !important;
  min-height: 40px !important;
  padding: 4px 8px !important;
  gap: 8px !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__card:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__card:hover,
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__card.is-active,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__card.is-active {
  background: var(--cp-hover) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 创作模板 modal 2×2 — white card + hairline (not gray wells / blue active) */
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-card,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-card {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  border-radius: var(--cp-radius-card) !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-card:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-card:hover,
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-card.is-active,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-card.is-active {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-card__icon,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-card__icon {
  background: var(--cp-bg) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-card__desc,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-card__desc {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-card__meta,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-card__meta {
  color: var(--cp-tertiary) !important;
}

/* Card title/slug hardcode white — parent color inherit is not enough */
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__card-title,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__card-title,
html[data-embed="chatpod"]:not(.dark) .lovart-x-composer-skill-chip__label,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer-skill-chip__label {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__card-slug,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__card-slug,
html[data-embed="chatpod"]:not(.dark) .lovart-x-composer-skill-chip__slug,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer-skill-chip__slug {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer-skill-chip,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer-skill-chip {
  background: var(--cp-bg) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer-skill-chip__remove,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer-skill-chip__remove {
  color: var(--cp-tertiary) !important;
}

/*
 * Selection toolbar: hug-content pill, flat 36px hits (no orphan More well),
 * opaque hairline chrome on light + dark (no blur fringe under radius).
 */
html[data-embed="chatpod"] .lovart-x-selection-toolbar,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar {
  width: max-content !important;
  max-width: min(96vw, 920px) !important;
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--cp-ink) !important;
  background-clip: padding-box !important;
}

html[data-embed="chatpod"] .lovart-x-selection-toolbar.is-sheet,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar.is-sheet {
  left: 50% !important;
  right: auto !important;
  width: max-content !important;
  max-width: calc(100vw - 24px) !important;
  transform: translateX(-50%) !important;
}

html[data-embed="chatpod"] .lovart-x-selection-toolbar__row,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__row {
  flex: 0 0 auto !important;
  width: max-content !important;
  max-width: 100% !important;
  align-items: center !important;
}

html[data-embed="chatpod"] .lovart-x-selection-toolbar__btn,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__btn,
html[data-embed="chatpod"] .lovart-x-selection-toolbar__label,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__label {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"] .lovart-x-selection-toolbar__btn,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__btn,
html[data-embed="chatpod"] .lovart-x-selection-toolbar__more > .lovart-x-selection-toolbar__btn,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__more > .lovart-x-selection-toolbar__btn {
  background: transparent !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"] .lovart-x-selection-toolbar__btn:hover:not(:disabled),
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__btn:hover:not(:disabled),
html[data-embed="chatpod"] .lovart-x-selection-toolbar__btn.is-active,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__btn.is-active {
  background: var(--cp-hover) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-selection-toolbar__divider,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__divider {
  background: var(--cp-hairline) !important;
}

html[data-embed="chatpod"] .lovart-x-selection-toolbar__menu,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__menu {
  background: var(--cp-bg) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-embed="chatpod"] .lovart-x-selection-toolbar__menu-item,
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__menu-item {
  color: var(--cp-ink) !important;
  border-radius: 10px !important;
}

html[data-embed="chatpod"] .lovart-x-selection-toolbar__menu-item:hover:not(:disabled),
html[data-lovart-ref="1"] .lovart-x-selection-toolbar__menu-item:hover:not(:disabled) {
  background: var(--cp-hover) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-gen-info-btn,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-gen-info-btn {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  color: var(--cp-secondary) !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-gen-info-btn:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-gen-info-btn:hover {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-meta__title,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-meta__title,
html[data-embed="chatpod"]:not(.dark) .lovart-x-image-meta__size,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-meta__size {
  font-weight: 400 !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__orb,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__orb,
html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty__orb,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty__orb {
  /* Multi-color prism halo — Agent pill / BorderBeam (#c084fc → #60a5fa → #34d399). */
  filter:
    drop-shadow(0 0 12px rgb(192 132 252 / 48%))
    drop-shadow(0 4px 16px rgb(96 165 250 / 36%))
    drop-shadow(0 10px 28px rgb(52 211 153 / 30%))
    drop-shadow(0 0 6px rgb(192 132 252 / 28%)) !important;
}

html[data-embed="chatpod"].dark .lovart-x-empty__orb,
html[data-lovart-ref="1"].dark .lovart-x-empty__orb,
html[data-embed="chatpod"].dark .lovart-x-canvas-empty__orb,
html[data-lovart-ref="1"].dark .lovart-x-canvas-empty__orb {
  filter:
    drop-shadow(0 0 12px rgb(192 132 252 / 28%))
    drop-shadow(0 4px 16px rgb(96 165 250 / 18%))
    drop-shadow(0 8px 22px rgb(52 211 153 / 20%)) !important;
}

html[data-embed="chatpod"] .curious-ai-orb__placeholder,
html[data-lovart-ref="1"] .curious-ai-orb__placeholder {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  display: block;
}

html[data-embed="chatpod"] .curious-ai-orb[data-webgl="1"] .curious-ai-orb__placeholder,
html[data-lovart-ref="1"] .curious-ai-orb[data-webgl="1"] .curious-ai-orb__placeholder {
  display: none;
}
html[data-embed="chatpod"] .curious-ai-orb__eye,
html[data-lovart-ref="1"] .curious-ai-orb__eye,
html[data-embed="chatpod"] .curious-ai-orb__eye > span,
html[data-lovart-ref="1"] .curious-ai-orb__eye > span {
  box-shadow: none !important;
  filter: none !important;
}

/* Curious orb eyes = round dots (never pause || bars). Loading = shimmer, not glyph. */
html[data-embed="chatpod"] .curious-ai-orb__eyes,
html[data-lovart-ref="1"] .curious-ai-orb__eyes {
  width: 30% !important;
  height: 14% !important;
  margin-left: -15% !important;
  margin-top: -9% !important;
  justify-content: center !important;
  gap: 38% !important;
}
html[data-embed="chatpod"] .curious-ai-orb__eye,
html[data-lovart-ref="1"] .curious-ai-orb__eye {
  width: 18% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 auto !important;
  border-radius: 9999px !important;
}
html[data-embed="chatpod"] .curious-ai-orb[data-state="loading"],
html[data-lovart-ref="1"] .curious-ai-orb[data-state="loading"],
html[data-embed="chatpod"] .curious-ai-orb[data-state="busy"],
html[data-lovart-ref="1"] .curious-ai-orb[data-state="busy"],
html[data-embed="chatpod"] .curious-ai-orb[data-state="thinking"],
html[data-lovart-ref="1"] .curious-ai-orb[data-state="thinking"] {
  animation: curious-ai-orb-busy-pulse 1.55s ease-in-out infinite;
}
@keyframes curious-ai-orb-busy-pulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.08); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-embed="chatpod"] .curious-ai-orb[data-state="loading"],
  html[data-lovart-ref="1"] .curious-ai-orb[data-state="loading"],
  html[data-embed="chatpod"] .curious-ai-orb[data-state="busy"],
  html[data-lovart-ref="1"] .curious-ai-orb[data-state="busy"],
  html[data-embed="chatpod"] .curious-ai-orb[data-state="thinking"],
  html[data-lovart-ref="1"] .curious-ai-orb[data-state="thinking"] {
    animation: none !important;
  }
}


html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__pills,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__pills,
html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__pills.is-gen,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__pills.is-gen,
html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty__pills,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty__pills {
  gap: var(--cp-chrome-icon-gap) !important;
}


html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__sources button,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__sources button {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__sources button:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__sources button:hover,
html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__sources button.is-active,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__sources button.is-active {
  color: var(--cp-ink) !important;
  background: var(--cp-hover) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__search.lovart-x-link-row,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__search.lovart-x-link-row {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__search.lovart-x-link-row input,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__search.lovart-x-link-row input {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__search.lovart-x-link-row input::placeholder,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__search.lovart-x-link-row input::placeholder {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__card-foot,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__card-foot,
html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__card-foot span,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__card-foot span {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-inspire__chrome,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-inspire__chrome,
html[data-embed="chatpod"]:not(.dark) .lovart-x-asset-drawer__chrome,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-asset-drawer__chrome {
  background: var(--cp-bg) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-image-meta,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-meta,
html[data-embed="chatpod"]:not(.dark) .lovart-x-image-meta__title,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-meta__title,
html[data-embed="chatpod"]:not(.dark) .lovart-x-image-meta__size,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-image-meta__size {
  color: var(--cp-secondary) !important;
  letter-spacing: 0 !important;
}

/* —— Phase 4f: Light mark HUD (标记 1/8 撤销 清除) ——
 * Upstream hardcodes rgb(26 26 26 / 92%) + white text — charcoal pill on white canvas.
 * Chrome bar = 44 outer (36 hit + 4px pad), pill radius 22, hairline only. */
html[data-embed="chatpod"]:not(.dark) .lovart-x-mark-hud,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-mark-hud {
  box-sizing: border-box !important;
  bottom: calc(
    12px + var(--cp-chrome-header-height) + var(--lovart-bottom-bar-gap, 12px)
  ) !important;
  height: var(--cp-chrome-header-height) !important;
  min-height: var(--cp-chrome-header-height) !important;
  max-height: var(--cp-chrome-header-height) !important;
  padding: var(--cp-chrome-bar-pad) !important;
  gap: var(--cp-chrome-icon-gap) !important;
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  border-radius: var(--cp-radius-pill) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-mark-hud__count,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-mark-hud__count {
  display: inline-flex !important;
  align-items: center !important;
  height: var(--cp-control-height) !important;
  padding: 0 10px !important;
  color: var(--cp-secondary) !important;
  font-size: var(--cp-type-caption) !important;
  line-height: 1 !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-mark-hud__btn,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-mark-hud__btn {
  min-width: var(--cp-control-height) !important;
  height: var(--cp-control-height) !important;
  min-height: var(--cp-control-height) !important;
  padding: 0 12px !important;
  border-radius: var(--cp-radius-control) !important;
  color: var(--cp-ink) !important;
  font-size: var(--cp-type-caption) !important;
  line-height: 1 !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-mark-hud__btn:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-mark-hud__btn:hover {
  background: var(--cp-hover) !important;
}

/* —— Phase 4g: Light composer / gen card inset ——
 * Upstream footer uses negative margin + gradient wash; thumbnails kiss card edges. */
html[data-embed="chatpod"]:not(.dark) .lovart-x-composer,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer {
  padding: var(--cp-chrome-edge-inset) !important;
  box-sizing: border-box !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__input,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__input {
  padding: 0 !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer__footer,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer__footer {
  width: 100% !important;
  margin: 0 !important;
  margin-top: auto !important;
  padding: var(--cp-chrome-bar-pad) 0 0 !important;
  min-height: var(--cp-control-height) !important;
  gap: var(--cp-chrome-icon-gap) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer-gen__slots,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer-gen__slots {
  padding: 0 0 var(--cp-chrome-icon-gap) !important;
  gap: var(--cp-chrome-icon-gap) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer-gen__prompt,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer-gen__prompt {
  padding: 0 0 var(--cp-chrome-icon-gap) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-composer-gen__footer,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-composer-gen__footer {
  margin: 0 !important;
  padding: var(--cp-chrome-bar-pad) 0 0 !important;
  border-top: 1px solid var(--cp-hairline) !important;
}

/* Generation / error chat card — white (or true-black) + hairline; ink title;
 * semantic red 失败/删除; retry chrome uses --cp-secondary (not icy blue-gray). */
html[data-embed="chatpod"] .lovart-x-gen-card,
html[data-lovart-ref="1"] .lovart-x-gen-card {
  padding: var(--cp-chrome-edge-inset) !important;
  border: 1px solid var(--cp-hairline) !important;
  border-radius: var(--cp-radius-card) !important;
  background: var(--cp-bg) !important;
  box-shadow: none !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__thumb,
html[data-lovart-ref="1"] .lovart-x-gen-card__thumb {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__thumb-placeholder,
html[data-lovart-ref="1"] .lovart-x-gen-card__thumb-placeholder {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__prompt,
html[data-lovart-ref="1"] .lovart-x-gen-card__prompt {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__type,
html[data-lovart-ref="1"] .lovart-x-gen-card__type,
html[data-embed="chatpod"] .lovart-x-gen-card__ids,
html[data-lovart-ref="1"] .lovart-x-gen-card__ids,
html[data-embed="chatpod"] .lovart-x-gen-card__spec,
html[data-lovart-ref="1"] .lovart-x-gen-card__spec,
html[data-embed="chatpod"] .lovart-x-gen-card__summary,
html[data-lovart-ref="1"] .lovart-x-gen-card__summary {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__chip.is-error,
html[data-lovart-ref="1"] .lovart-x-gen-card__chip.is-error,
html[data-embed="chatpod"] .lovart-x-gen-card__chip.is-cancelled,
html[data-lovart-ref="1"] .lovart-x-gen-card__chip.is-cancelled {
  background: color-mix(in srgb, var(--cp-danger) 10%, var(--cp-bg)) !important;
  color: var(--cp-danger) !important;
  border: 1px solid color-mix(in srgb, var(--cp-danger) 28%, transparent) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__retry,
html[data-lovart-ref="1"] .lovart-x-gen-card__retry {
  background: transparent !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__retry:hover,
html[data-lovart-ref="1"] .lovart-x-gen-card__retry:hover {
  background: var(--cp-hover) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__dismiss,
html[data-lovart-ref="1"] .lovart-x-gen-card__dismiss {
  background: transparent !important;
  color: var(--cp-danger) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__dismiss:hover,
html[data-lovart-ref="1"] .lovart-x-gen-card__dismiss:hover {
  background: var(--cp-hover) !important;
  color: var(--cp-danger) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__retry svg,
html[data-lovart-ref="1"] .lovart-x-gen-card__retry svg,
html[data-embed="chatpod"] .lovart-x-gen-card__dismiss svg,
html[data-lovart-ref="1"] .lovart-x-gen-card__dismiss svg {
  color: inherit !important;
  stroke: currentColor !important;
  stroke-width: var(--cp-stroke) !important;
}

html[data-embed="chatpod"] .lovart-x-gen-card__diag-toggle,
html[data-lovart-ref="1"] .lovart-x-gen-card__diag-toggle,
html[data-embed="chatpod"] .lovart-x-gen-card__diag-copy,
html[data-lovart-ref="1"] .lovart-x-gen-card__diag-copy {
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-gen-ref-slot,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-gen-ref-slot {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-secondary) !important;
}

/* —— Phase 4h: Light selection + 小地图 (no black frame / charcoal popover) ——
 * tldraw paints selection on a CANVAS overlay from theme.selectionStroke
 * (lovart-tldraw-canvas applyLovartTldrawTheme). CSS here is a belt for any
 * leftover SVG/CSS handles. Never use --cp-ink on light. */

html[data-embed="chatpod"]:not(.dark),
html[data-lovart-ref="1"]:not(.dark) {
  --tl-color-selection-fill: rgba(13, 13, 13, 0.08) !important;
  --tl-color-selection-stroke: var(--cp-wireframe) !important;
  --tl-color-selected: var(--cp-wireframe) !important;
  --tl-color-selected-contrast: #ffffff !important;
  --tl-color-focus: var(--cp-wireframe) !important;
}

html[data-embed="chatpod"]:not(.dark) .canvas-surface .tl-container,
html[data-embed="chatpod"]:not(.dark) .lovart-x-tldraw-root .tl-container,
html[data-embed="chatpod"]:not(.dark) .tl-container,
html[data-lovart-ref="1"]:not(.dark) .canvas-surface .tl-container,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-tldraw-root .tl-container,
html[data-lovart-ref="1"]:not(.dark) .tl-container {
  --tl-color-selection-fill: rgba(13, 13, 13, 0.08) !important;
  --tl-color-selection-stroke: var(--cp-wireframe) !important;
  --tl-color-selected: var(--cp-wireframe) !important;
  --tl-color-selected-contrast: #ffffff !important;
  --tl-color-focus: var(--cp-wireframe) !important;
}

html.dark[data-embed="chatpod"],
html.dark[data-lovart-ref="1"] {
  --tl-color-selection-fill: rgba(250, 250, 250, 0.08) !important;
  --tl-color-selection-stroke: var(--cp-wireframe) !important;
  --tl-color-selected: var(--cp-wireframe) !important;
  --tl-color-selected-contrast: #000000 !important;
  --tl-color-focus: var(--cp-wireframe) !important;
}

html.dark[data-embed="chatpod"] .lovart-x-app,
html.dark[data-lovart-ref="1"] .lovart-x-app {
  --lovart-selection: var(--cp-wireframe);
}

html.dark[data-embed="chatpod"] .canvas-surface .tl-container,
html.dark[data-embed="chatpod"] .lovart-x-tldraw-root .tl-container,
html.dark[data-embed="chatpod"] .tl-container,
html.dark[data-lovart-ref="1"] .canvas-surface .tl-container,
html.dark[data-lovart-ref="1"] .lovart-x-tldraw-root .tl-container,
html.dark[data-lovart-ref="1"] .tl-container {
  --tl-color-selection-fill: rgba(250, 250, 250, 0.08) !important;
  --tl-color-selection-stroke: var(--cp-wireframe) !important;
  --tl-color-selected: var(--cp-wireframe) !important;
  --tl-color-selected-contrast: #000000 !important;
  --tl-color-focus: var(--cp-wireframe) !important;
}

html[data-embed="chatpod"]:not(.dark) .tl-selection__fg,
html[data-embed="chatpod"]:not(.dark) .tl-selection__fg__outline,
html[data-lovart-ref="1"]:not(.dark) .tl-selection__fg,
html[data-lovart-ref="1"]:not(.dark) .tl-selection__fg__outline {
  stroke: var(--cp-wireframe) !important;
  stroke-width: 1.5px !important;
}

html[data-embed="chatpod"]:not(.dark) .tl-handle__bg,
html[data-embed="chatpod"]:not(.dark) .tl-handle__fg,
html[data-embed="chatpod"]:not(.dark) .tl-corner-handle,
html[data-lovart-ref="1"]:not(.dark) .tl-handle__bg,
html[data-lovart-ref="1"]:not(.dark) .tl-handle__fg,
html[data-lovart-ref="1"]:not(.dark) .tl-corner-handle {
  fill: #ffffff !important;
  stroke: var(--cp-wireframe) !important;
  stroke-width: 1.5px !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-side-panel,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-side-panel,
html[data-embed="chatpod"]:not(.dark) .lovart-x-history-drawer,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-history-drawer {
  background: #ffffff !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-side-panel__header,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-side-panel__header,
html[data-embed="chatpod"]:not(.dark) .lovart-x-history-drawer__header,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-history-drawer__header {
  border-bottom-color: var(--cp-hairline) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-side-panel__header h3,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-side-panel__header h3,
html[data-embed="chatpod"]:not(.dark) .lovart-x-history-drawer__header h3,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-history-drawer__header h3 {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-minimap-preview,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-minimap-preview {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-minimap-preview__frame,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-minimap-preview__frame {
  border: 1px solid var(--cp-hairline) !important;
  outline: none !important;
  box-shadow: none !important;
  background:
    linear-gradient(rgba(0, 0, 0, 0.08) 1px, transparent 1px) 0 0 / 16px 16px,
    linear-gradient(90deg, rgba(0, 0, 0, 0.08) 1px, transparent 1px) 0 0 / 16px 16px,
    #ffffff !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-minimap-preview__item,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-minimap-preview__item {
  border: 1px solid var(--cp-wireframe) !important;
  background: rgba(0, 0, 0, 0.06) !important;
}

/* Viewport was ink-black; empty canvas ≈ full frame looked like a thick black box. */
html[data-embed="chatpod"]:not(.dark) .lovart-x-minimap-preview__viewport,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-minimap-preview__viewport {
  border: 1px solid var(--cp-wireframe) !important;
  background: rgba(0, 0, 0, 0.03) !important;
  box-shadow: none !important;
  outline: none !important;
}

html.dark[data-embed="chatpod"] .tl-selection__fg,
html.dark[data-embed="chatpod"] .tl-selection__fg__outline,
html.dark[data-lovart-ref="1"] .tl-selection__fg,
html.dark[data-lovart-ref="1"] .tl-selection__fg__outline {
  stroke: var(--cp-wireframe) !important;
  stroke-width: 1.5px !important;
}

html.dark[data-embed="chatpod"] .tl-handle__bg,
html.dark[data-embed="chatpod"] .tl-handle__fg,
html.dark[data-embed="chatpod"] .tl-corner-handle,
html.dark[data-lovart-ref="1"] .tl-handle__bg,
html.dark[data-lovart-ref="1"] .tl-handle__fg,
html.dark[data-lovart-ref="1"] .tl-corner-handle {
  fill: #000000 !important;
  stroke: var(--cp-wireframe) !important;
  stroke-width: 1.5px !important;
}

html.dark[data-embed="chatpod"] .lovart-x-side-panel,
html.dark[data-lovart-ref="1"] .lovart-x-side-panel,
html.dark[data-embed="chatpod"] .lovart-x-history-drawer,
html.dark[data-lovart-ref="1"] .lovart-x-history-drawer {
  background: #000000 !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

html.dark[data-embed="chatpod"] .lovart-x-side-panel__header,
html.dark[data-lovart-ref="1"] .lovart-x-side-panel__header,
html.dark[data-embed="chatpod"] .lovart-x-history-drawer__header,
html.dark[data-lovart-ref="1"] .lovart-x-history-drawer__header {
  border-bottom-color: var(--cp-hairline) !important;
}

html.dark[data-embed="chatpod"] .lovart-x-side-panel__header h3,
html.dark[data-lovart-ref="1"] .lovart-x-side-panel__header h3,
html.dark[data-embed="chatpod"] .lovart-x-history-drawer__header h3,
html.dark[data-lovart-ref="1"] .lovart-x-history-drawer__header h3 {
  color: var(--cp-ink) !important;
}

html.dark[data-embed="chatpod"] .lovart-x-minimap-preview,
html.dark[data-lovart-ref="1"] .lovart-x-minimap-preview {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

html.dark[data-embed="chatpod"] .lovart-x-minimap-preview__frame,
html.dark[data-lovart-ref="1"] .lovart-x-minimap-preview__frame {
  border: 1px solid var(--cp-hairline) !important;
  outline: none !important;
  box-shadow: none !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px) 0 0 / 16px 16px,
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) 0 0 / 16px 16px,
    #000000 !important;
}

html.dark[data-embed="chatpod"] .lovart-x-minimap-preview__item,
html.dark[data-lovart-ref="1"] .lovart-x-minimap-preview__item {
  border: 1px solid var(--cp-wireframe) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

html.dark[data-embed="chatpod"] .lovart-x-minimap-preview__viewport,
html.dark[data-lovart-ref="1"] .lovart-x-minimap-preview__viewport {
  border: 1px solid var(--cp-wireframe) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* —— Phase 4i: option chips selected = gray wash, not ink invert ——
 * 质量 标准|高清 / 宽高比 / 数量 / 视频 生成方式·时长·分辨率 / composer 底栏 status pills.
 * Selected = --cp-hover-strong + --cp-ink + 1px --cp-hairline (same weight as 图像生成).
 * Unselected = transparent + hairline + secondary. Hover = --cp-hover. Send stays inverse CTA. */

html[data-embed="chatpod"]:not(.dark) .lovart-x-gen-settings,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-gen-settings {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-gen-settings__title,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-gen-settings__title {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-segmented button,
html[data-lovart-ref="1"] .lovart-x-segmented button,
html[data-embed="chatpod"] .lovart-x-count-row button,
html[data-lovart-ref="1"] .lovart-x-count-row button,
html[data-embed="chatpod"] .lovart-x-gen-mode-btn,
html[data-lovart-ref="1"] .lovart-x-gen-mode-btn,
html[data-embed="chatpod"] .lovart-x-gen-summary-btn,
html[data-lovart-ref="1"] .lovart-x-gen-summary-btn {
  height: var(--cp-control-height) !important;
  min-height: var(--cp-control-height) !important;
  padding: 0 14px !important;
  border: 1px solid var(--cp-hairline) !important;
  border-radius: var(--cp-radius-pill) !important;
  background: var(--cp-bg) !important;
  color: var(--cp-secondary) !important;
  font-size: var(--cp-type-ui) !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"] .lovart-x-segmented button:hover:not(.is-active),
html[data-lovart-ref="1"] .lovart-x-segmented button:hover:not(.is-active),
html[data-embed="chatpod"] .lovart-x-count-row button:hover:not(.is-active),
html[data-lovart-ref="1"] .lovart-x-count-row button:hover:not(.is-active),
html[data-embed="chatpod"] .lovart-x-gen-mode-btn:hover:not(.is-active),
html[data-lovart-ref="1"] .lovart-x-gen-mode-btn:hover:not(.is-active),
html[data-embed="chatpod"] .lovart-x-gen-summary-btn:hover:not(.is-active),
html[data-lovart-ref="1"] .lovart-x-gen-summary-btn:hover:not(.is-active) {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-segmented button.is-active,
html[data-lovart-ref="1"] .lovart-x-segmented button.is-active,
html[data-embed="chatpod"] .lovart-x-count-row button.is-active,
html[data-lovart-ref="1"] .lovart-x-count-row button.is-active,
html[data-embed="chatpod"] .lovart-x-gen-mode-btn.is-active,
html[data-lovart-ref="1"] .lovart-x-gen-mode-btn.is-active,
html[data-embed="chatpod"] .lovart-x-gen-summary-btn.is-active,
html[data-lovart-ref="1"] .lovart-x-gen-summary-btn.is-active {
  background: var(--cp-hover) !important;
  border: 1px solid var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-ratio-chip,
html[data-lovart-ref="1"] .lovart-x-ratio-chip {
  border: 1px solid var(--cp-hairline) !important;
  border-radius: var(--cp-radius-control) !important;
  background: var(--cp-bg) !important;
  color: var(--cp-secondary) !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"] .lovart-x-ratio-chip:hover:not(.is-active),
html[data-lovart-ref="1"] .lovart-x-ratio-chip:hover:not(.is-active) {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-ratio-chip.is-active,
html[data-lovart-ref="1"] .lovart-x-ratio-chip.is-active {
  background: var(--cp-hover) !important;
  border: 1px solid var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-ratio-chip__size,
html[data-lovart-ref="1"] .lovart-x-ratio-chip__size,
html[data-embed="chatpod"] .lovart-x-ratio-chip.is-active .lovart-x-ratio-chip__size,
html[data-lovart-ref="1"] .lovart-x-ratio-chip.is-active .lovart-x-ratio-chip__size {
  color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"] .lovart-x-ratio-preview,
html[data-lovart-ref="1"] .lovart-x-ratio-preview,
html[data-embed="chatpod"] .lovart-x-ratio-chip.is-active .lovart-x-ratio-preview,
html[data-lovart-ref="1"] .lovart-x-ratio-chip.is-active .lovart-x-ratio-preview {
  border-color: var(--cp-tertiary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-size-field,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-size-field,
html[data-embed="chatpod"]:not(.dark) .lovart-x-size-link,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-size-link {
  background: var(--cp-bg) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-secondary) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-size-field input,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-size-field input {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-size-link.is-active,
html[data-lovart-ref="1"] .lovart-x-size-link.is-active {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

/* —— Phase 4j: Light gen-pill icons = ink (never leftover white / accent) —— */
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon,
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill.is-violet .lovart-x-pill__icon,
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill.is-blue .lovart-x-pill__icon,
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill.is-amber .lovart-x-pill__icon,
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill.is-pinterest .lovart-x-pill__icon,
html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill__icon,
html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill__icon,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill.is-violet .lovart-x-pill__icon,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill.is-blue .lovart-x-pill__icon,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill.is-amber .lovart-x-pill__icon,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill.is-pinterest .lovart-x-pill__icon,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill__icon,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill__icon {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon path,
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon circle,
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon line,
html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill path,
html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill circle,
html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill path,
html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill circle,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon path,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon circle,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon line,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill path,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill circle,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill path,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill circle {
  color: var(--cp-ink) !important;
  stroke: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill svg {
  fill: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon [fill="#fff"],
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon [fill="#ffffff"],
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon [fill="#FFF"],
html[data-embed="chatpod"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon [fill="white"],
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon [fill="#fff"],
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon [fill="#ffffff"],
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon [fill="#FFF"],
html[data-lovart-ref="1"]:not(.dark) .lovart-x-pill .lovart-x-pill__icon [fill="white"] {
  fill: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-pill svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-agent-mode-item svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-icon-btn svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-gen-mode-btn svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-toolstrip__item svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-header-btn svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-mark-hud svg,
html[data-embed="chatpod"]:not(.dark) .lovart-x-menu button svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-pill svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-agent-mode-item svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-icon-btn svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-gen-mode-btn svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-toolstrip__item svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-header-btn svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-mark-hud svg,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-menu button svg {
  color: var(--cp-ink) !important;
}

/* —— Phase 4k: Video 音频 = real switch (not a black blob) ——
 * Default ON was white-on-white track + ink thumb → solid circle on light.
 * Chatpod: 36px pill, off = ghost hairline + ink knob, on = ink fill + contrast knob. */
html[data-embed="chatpod"] .lovart-x-toggle,
html[data-lovart-ref="1"] .lovart-x-toggle {
  box-sizing: border-box !important;
  width: 56px !important;
  min-width: 56px !important;
  height: var(--cp-control-height) !important;
  min-height: var(--cp-control-height) !important;
  padding: 0 !important;
  border: 1.5px solid var(--cp-hairline) !important;
  border-radius: var(--cp-radius-pill) !important;
  background: transparent !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html[data-embed="chatpod"] .lovart-x-toggle.is-on,
html[data-lovart-ref="1"] .lovart-x-toggle.is-on {
  background: var(--cp-ink) !important;
  border-color: var(--cp-ink) !important;
}

html[data-embed="chatpod"] .lovart-x-toggle__thumb,
html[data-lovart-ref="1"] .lovart-x-toggle__thumb {
  top: 4px !important;
  left: 4px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 9999px !important;
  background: var(--cp-ink) !important;
  box-shadow: none !important;
}

html[data-embed="chatpod"] .lovart-x-toggle.is-on .lovart-x-toggle__thumb,
html[data-lovart-ref="1"] .lovart-x-toggle.is-on .lovart-x-toggle__thumb {
  transform: translateX(20px) !important;
  background: var(--cp-bg) !important;
}

/* —— Phase 4l: Light 视频 Skill / 创作模板 frames (not deleted, not black) ——
 * Strip title/「查看全部」are hardcoded white 55–62%; chips are border:0 + 6% white wash.
 * Use the same gray wireframe as canvas selection (not 8% wash, not ink-black). */
html[data-embed="chatpod"]:not(.dark) .lovart-x-video-skill-strip__title,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-skill-strip__title {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-video-skill-strip__browse,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-skill-strip__browse {
  color: var(--cp-secondary) !important;
  background: transparent !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-video-skill-strip__browse:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-skill-strip__browse:hover {
  color: var(--cp-ink) !important;
  background: var(--cp-hover) !important;
}

html[data-embed="chatpod"] .lovart-x-video-skill-strip__card,
html[data-lovart-ref="1"] .lovart-x-video-skill-strip__card {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 2px 8px 2px 2px !important;
  gap: 6px !important;
}

html[data-embed="chatpod"] .lovart-x-video-skill-strip__card .lovart-x-composer-skill-chip__thumb,
html[data-lovart-ref="1"] .lovart-x-video-skill-strip__card .lovart-x-composer-skill-chip__thumb {
  width: 20px !important;
  height: 20px !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-video-skill-strip__card,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-skill-strip__card {
  background: var(--cp-bg) !important;
  border: 1px solid var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
  box-shadow: none !important;
}

/* Video footer: camera upload removed — hide any leftover nodes in both themes. */
html[data-embed="chatpod"] .lovart-x-composer-gen__footer .lovart-x-icon-btn--camera,
html[data-lovart-ref="1"] .lovart-x-composer-gen__footer .lovart-x-icon-btn--camera,
html[data-embed="chatpod"] .lovart-x-composer-gen .lovart-x-icon-btn--camera,
html[data-lovart-ref="1"] .lovart-x-composer-gen .lovart-x-icon-btn--camera {
  display: none !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-video-skill-strip__card:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-skill-strip__card:hover {
  background: var(--cp-hover) !important;
  border-color: var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-video-skill-strip__card.is-active,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-skill-strip__card.is-active {
  background: var(--cp-hover) !important;
  border: 1px solid var(--cp-hairline) !important;
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-video-skill-strip__label,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-video-skill-strip__label {
  color: var(--cp-ink) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__card,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__card,
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-card,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-card {
  border: 1px solid var(--cp-hairline) !important;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-discover__card:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-discover__card:hover,
html[data-embed="chatpod"]:not(.dark) .lovart-x-skill-card:hover,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-skill-card:hover {
  background: var(--cp-hover-strong) !important;
  border: 1px solid var(--cp-hairline) !important;
  box-shadow: none !important;
}

/* —— Phase 4n: idle chrome = white + 1px hairline (no gray well) ——
 * 图像生成 / 视频生成 / 创作模板 tabs / 换一批 / 2×2 cards.
 * Idle = --cp-bg + 1px --cp-hairline. Hover / selected option = --cp-hover. */
html[data-embed="chatpod"] .lovart-x-empty__pills .lovart-x-pill,
html[data-lovart-ref="1"] .lovart-x-empty__pills .lovart-x-pill,
html[data-embed="chatpod"] .lovart-x-empty__pills.is-gen .lovart-x-pill,
html[data-lovart-ref="1"] .lovart-x-empty__pills.is-gen .lovart-x-pill,
html[data-embed="chatpod"] .lovart-x-canvas-empty .lovart-x-pill,
html[data-lovart-ref="1"] .lovart-x-canvas-empty .lovart-x-pill,
html[data-embed="chatpod"] .lovart-x-canvas-empty__pills .lovart-x-pill,
html[data-lovart-ref="1"] .lovart-x-canvas-empty__pills .lovart-x-pill,
html[data-embed="chatpod"] .lovart-x-skill-discover__tabs,
html[data-lovart-ref="1"] .lovart-x-skill-discover__tabs,
html[data-embed="chatpod"] .lovart-x-skill-discover__shuffle,
html[data-lovart-ref="1"] .lovart-x-skill-discover__shuffle,
html[data-embed="chatpod"] .lovart-x-skill-discover__browse,
html[data-lovart-ref="1"] .lovart-x-skill-discover__browse,
html[data-embed="chatpod"] .lovart-x-skill-discover__close,
html[data-lovart-ref="1"] .lovart-x-skill-discover__close,
html[data-embed="chatpod"] .lovart-x-skill-discover__card,
html[data-lovart-ref="1"] .lovart-x-skill-discover__card,
html[data-embed="chatpod"] .lovart-x-skill-card,
html[data-lovart-ref="1"] .lovart-x-skill-card {
  border: 1px solid var(--cp-hairline) !important;
  background: var(--cp-bg) !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-embed="chatpod"] .lovart-x-empty__pills .lovart-x-pill:hover,
html[data-lovart-ref="1"] .lovart-x-empty__pills .lovart-x-pill:hover,
html[data-embed="chatpod"] .lovart-x-canvas-empty .lovart-x-pill:hover,
html[data-lovart-ref="1"] .lovart-x-canvas-empty .lovart-x-pill:hover,
html[data-embed="chatpod"] .lovart-x-skill-discover__shuffle:hover,
html[data-lovart-ref="1"] .lovart-x-skill-discover__shuffle:hover,
html[data-embed="chatpod"] .lovart-x-skill-discover__browse:hover,
html[data-lovart-ref="1"] .lovart-x-skill-discover__browse:hover,
html[data-embed="chatpod"] .lovart-x-skill-discover__close:hover,
html[data-lovart-ref="1"] .lovart-x-skill-discover__close:hover,
html[data-embed="chatpod"] .lovart-x-skill-discover__card:hover,
html[data-lovart-ref="1"] .lovart-x-skill-discover__card:hover,
html[data-embed="chatpod"] .lovart-x-skill-discover__card.is-active,
html[data-lovart-ref="1"] .lovart-x-skill-discover__card.is-active,
html[data-embed="chatpod"] .lovart-x-skill-card:hover,
html[data-lovart-ref="1"] .lovart-x-skill-card:hover,
html[data-embed="chatpod"] .lovart-x-skill-card.is-active,
html[data-lovart-ref="1"] .lovart-x-skill-card.is-active {
  border: 1px solid var(--cp-hairline) !important;
  background: var(--cp-hover) !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-embed="chatpod"] .lovart-x-empty__pills .lovart-x-pill:focus-visible,
html[data-lovart-ref="1"] .lovart-x-empty__pills .lovart-x-pill:focus-visible,
html[data-embed="chatpod"] .lovart-x-skill-discover__shuffle:focus-visible,
html[data-lovart-ref="1"] .lovart-x-skill-discover__shuffle:focus-visible,
html[data-embed="chatpod"] .lovart-x-skill-discover__browse:focus-visible,
html[data-lovart-ref="1"] .lovart-x-skill-discover__browse:focus-visible,
html[data-embed="chatpod"] .lovart-x-skill-discover__card:focus-visible,
html[data-lovart-ref="1"] .lovart-x-skill-discover__card:focus-visible,
html[data-embed="chatpod"] .lovart-x-skill-card:focus-visible,
html[data-lovart-ref="1"] .lovart-x-skill-card:focus-visible {
  outline: 2px solid var(--cp-ink) !important;
  outline-offset: 2px !important;
}

html[data-embed="chatpod"] .lovart-x-skill-discover__thumb,
html[data-lovart-ref="1"] .lovart-x-skill-discover__thumb,
html[data-embed="chatpod"] .lovart-x-skill-card__thumb,
html[data-lovart-ref="1"] .lovart-x-skill-card__thumb {
  box-shadow: none !important;
  outline: none !important;
}

html[data-embed="chatpod"] .lovart-x-skill-card__thumb img,
html[data-lovart-ref="1"] .lovart-x-skill-card__thumb img {
  object-fit: cover;
  object-position: center;
}

html[data-embed="chatpod"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill__icon,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-empty__pills .lovart-x-pill__icon,
html[data-embed="chatpod"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill__icon,
html[data-lovart-ref="1"]:not(.dark) .lovart-x-canvas-empty .lovart-x-pill__icon {
  color: var(--cp-ink) !important;
}

html.dark[data-embed="chatpod"] .lovart-x-empty__pills .lovart-x-pill__icon,
html.dark[data-lovart-ref="1"] .lovart-x-empty__pills .lovart-x-pill__icon,
html.dark[data-embed="chatpod"] .lovart-x-canvas-empty .lovart-x-pill__icon,
html.dark[data-lovart-ref="1"] .lovart-x-canvas-empty .lovart-x-pill__icon {
  color: var(--cp-ink) !important;
}

html.dark[data-embed="chatpod"] .lovart-x-skill-discover__tabs button,
html.dark[data-lovart-ref="1"] .lovart-x-skill-discover__tabs button {
  color: var(--cp-secondary) !important;
  box-shadow: none !important;
}

html.dark[data-embed="chatpod"] .lovart-x-skill-discover__tabs button.is-active,
html.dark[data-lovart-ref="1"] .lovart-x-skill-discover__tabs button.is-active,
html.dark[data-embed="chatpod"] .lovart-x-skill-discover__tabs button[aria-selected="true"],
html.dark[data-lovart-ref="1"] .lovart-x-skill-discover__tabs button[aria-selected="true"] {
  background: var(--cp-bg) !important;
  color: var(--cp-ink) !important;
  box-shadow: none !important;
}