/* Shared visual layer for plugin pages embedded in the dashboard. */
:root {
  --wb-plugin-bg: linear-gradient(135deg, #fffaf0 0%, #fbf4e5 54%, #f7ead5 100%);
  --wb-plugin-panel: rgba(255,252,244,.92);
  --wb-plugin-border: rgba(160,116,48,.18);
  --wb-plugin-text: #2c2116;
  --wb-plugin-muted: #7d6d59;
  --wb-plugin-blue: #d99b16;
  --wb-plugin-blue-soft: #fff2ce;
  --wb-plugin-green: #2f8f65;
  --wb-plugin-danger: #ef476f;
  --wb-plugin-shadow: 0 18px 46px rgba(89,62,23,.08);
}

html,
body {
  min-height: 100%;
}

body {
  color: var(--wb-plugin-text) !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", "PingFang SC", Arial, sans-serif !important;
  background:
    radial-gradient(circle at 5% -5%, rgba(255, 214, 126, .30), transparent 28rem),
    radial-gradient(circle at 88% 0%, rgba(70, 114, 216, .12), transparent 30rem),
    var(--wb-plugin-bg) !important;
}

.page,
.container,
.plugin-container,
.wrap {
  max-width: 1180px !important;
  padding: 24px !important;
}

.wb-plugin-hero {
  color: var(--wb-plugin-text) !important;
  background: var(--wb-plugin-panel) !important;
  border: 1px solid var(--wb-plugin-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--wb-plugin-shadow) !important;
  text-align: left !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 插件页 hero 装饰光晕，对齐 dashboard .ji-hero-band */
.wb-plugin-hero::before,
.wb-plugin-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  z-index: 0;
}
.wb-plugin-hero::before {
  width: 280px; height: 280px;
  right: -80px; top: -110px;
  background: radial-gradient(circle, rgba(255, 196, 87, .42) 0%, rgba(255, 196, 87, 0) 70%);
  filter: blur(8px);
}
.wb-plugin-hero::after {
  width: 200px; height: 200px;
  left: -60px; bottom: -90px;
  background: radial-gradient(circle, rgba(217, 155, 22, .26) 0%, rgba(217, 155, 22, 0) 72%);
  filter: blur(6px);
}
.wb-plugin-hero > * { position: relative; z-index: 1; }

body.plugin-scheme-nocturne .wb-plugin-hero::before {
  background: radial-gradient(circle, rgba(255, 196, 87, .28) 0%, rgba(255, 196, 87, 0) 72%) !important;
}
body.plugin-scheme-nocturne .wb-plugin-hero::after {
  background: radial-gradient(circle, rgba(196, 124, 246, .22) 0%, rgba(196, 124, 246, 0) 72%) !important;
}
body.plugin-scheme-starry .wb-plugin-hero::before {
  background: radial-gradient(circle, rgba(96, 165, 250, .38) 0%, rgba(96, 165, 250, 0) 72%) !important;
}
body.plugin-scheme-starry .wb-plugin-hero::after {
  background: radial-gradient(circle, rgba(167, 139, 250, .28) 0%, rgba(167, 139, 250, 0) 72%) !important;
}

.wb-plugin-hero * {
  color: inherit !important;
}

h1,
.title,
.panel-title,
.card-title,
.wb-plugin-hero h1 {
  color: var(--wb-plugin-text) !important;
  letter-spacing: 0 !important;
}

.subtitle,
.meta,
.wb-plugin-hero p {
  color: var(--wb-plugin-muted) !important;
}

.panel,
.card,
.quota-card,
.kb-item,
.hot-item,
.stat-item,
.mode,
.upload,
.metric,
.modal-content,
.explain-content,
.rewritten-content,
.style-option,
.kb-selector,
.doc-item,
.bg-white {
  background: var(--wb-plugin-panel) !important;
  border: 1px solid var(--wb-plugin-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--wb-plugin-shadow) !important;
}

input,
textarea,
select {
  border-color: var(--wb-plugin-border) !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: var(--wb-plugin-text) !important;
}

input[type="range"],
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--wb-plugin-blue) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--wb-plugin-blue) !important;
  box-shadow: 0 0 0 3px rgba(79,109,255,.12) !important;
}

.btn-primary,
button.primary,
.tab.active,
.tab-btn.active,
.format-tab-btn.active,
.result-tab.active,
.platform-btn.active,
.kb-chip.active {
  color: #fff !important;
  border-color: var(--wb-plugin-blue) !important;
  background: var(--wb-plugin-blue) !important;
  box-shadow: none !important;
}

.btn-secondary,
button:not(.primary):not(.btn-primary),
.platform-btn,
.tab,
.tab-btn,
.format-tab-btn,
.result-tab,
.count-btn,
.kb-chip {
  border-color: var(--wb-plugin-border) !important;
  background: #f8fafc !important;
  color: var(--wb-plugin-text) !important;
}

.btn-primary:hover,
button.primary:hover,
.platform-btn.active:hover {
  filter: brightness(1.03);
  transform: translateY(-1px);
}

.pill,
.badge {
  border-color: var(--wb-plugin-border) !important;
  background: #f8fafc !important;
  color: var(--wb-plugin-muted) !important;
}

.status.ok,
.pill.completed {
  border-color: #d8e0ff !important;
  background: var(--wb-plugin-blue-soft) !important;
  color: var(--wb-plugin-green) !important;
}

.toast.success {
  background: var(--wb-plugin-green) !important;
  color: #fff !important;
}

.status.err,
.pill.failed,
.toast.error {
  color: var(--wb-plugin-danger) !important;
}

button.btn-primary,
button.primary,
button.gradient-bg,
button[id$="Submit"],
#generateBtn,
#oneClickBtn,
#copyMdBtn,
#copyHtmlBtn,
button[class*="bg-blue-"],
button[class*="bg-purple-"] {
  color: #fff !important;
  border-color: var(--wb-plugin-blue) !important;
  background: var(--wb-plugin-blue) !important;
  box-shadow: none !important;
}

/* 2026-05-12 embedded Aurora fit guard. Keep plugin iframes from adding tiny horizontal scrollbars. */
html,
body {
  min-width: 0 !important;
  max-width: 100% !important;
}

body *,
body *::before,
body *::after {
  min-width: 0;
}

.app,
.page,
.container,
.plugin-container,
.wrap,
.layout,
.panel,
.card,
.wb-plugin-hero {
  max-width: 100% !important;
}

@media (max-width: 720px) {
  .app,
  .page,
  .container,
  .plugin-container,
  .wrap {
    padding: 14px !important;
  }

  .layout,
  .form-grid,
  .result-grid,
  .starter-cards,
  .scene-tabs,
  .check-grid,
  .seg,
  .split,
  .analysis {
    grid-template-columns: 1fr !important;
  }

  .wb-plugin-hero,
  .panel-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .top-actions,
  .actions,
  .card-actions,
  .field-actions {
    width: 100% !important;
  }

  .top-actions .btn,
  .actions .btn,
  .card-actions .btn {
    width: 100% !important;
  }
}

/* 2026-05-14 PC pass7: convert remaining legacy-shaped pages into explicit
   Aurora task surfaces. Keep API ids/events intact; change only the layout skin. */
@media (min-width: 1024px) {
  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .layout,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .layout,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 344px) !important;
    gap: 24px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-tabs,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-source-tabs,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode-grid {
    background: rgba(255, 252, 244, .42) !important;
    border-color: rgba(187, 132, 38, .14) !important;
    box-shadow: none !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-tab,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-source-tab,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode {
    min-height: 52px !important;
    border-color: rgba(187, 132, 38, .18) !important;
    background: rgba(255, 255, 255, .78) !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .panel-head,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .panel h2,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-panel-header {
    color: #2c2116 !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .layout > aside,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .layout > aside,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout > aside {
    gap: 16px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-page {
    padding: 28px 0 44px !important;
    background: transparent !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-shell {
    width: min(1280px, calc(100vw - 64px)) !important;
    margin: 0 auto !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-hero {
    margin-bottom: 20px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 344px) !important;
    gap: 24px !important;
    align-items: start !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-main,
  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-rail {
    min-width: 0 !important;
    display: grid !important;
    gap: 18px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-rail {
    position: sticky !important;
    top: 12px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-card {
    border-radius: 8px !important;
    border: 1px solid rgba(187, 132, 38, .22) !important;
    background: rgba(255, 252, 244, .92) !important;
    box-shadow: 0 22px 54px rgba(89, 62, 23, .08) !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .calendar-grid {
    gap: 10px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .calendar-day {
    border-radius: 8px !important;
    background: rgba(255,255,255,.58);
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .calendar-day.empty,
  body.wb-plugin-aurora-reflow.plugin-page-signin .calendar-day.future {
    background: transparent;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .calendar-day.signed {
    color: #fff !important;
    background: linear-gradient(135deg, #d99b16 0%, #f0c96b 100%) !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-btn {
    min-height: 46px !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 30px rgba(177, 106, 0, .18) !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .container,
  body.wb-plugin-aurora-reflow.plugin-page-kb .plugin-container {
    width: min(1280px, calc(100vw - 64px)) !important;
    max-width: 1280px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 28px 0 44px !important;
  }

  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-trending .container,
  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-kb .plugin-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 36px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .trending-layout {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 344px) !important;
    gap: 24px !important;
    align-items: start !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .trending-main,
  body.wb-plugin-aurora-reflow.plugin-page-trending .trending-rail {
    min-width: 0 !important;
    display: grid !important;
    gap: 18px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .trending-rail {
    position: sticky !important;
    top: 12px !important;
    grid-template-columns: 1fr !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .trending-panel,
  body.wb-plugin-aurora-reflow.plugin-page-kb .quota-card,
  body.wb-plugin-aurora-reflow.plugin-page-kb #knowledgebasesTab,
  body.wb-plugin-aurora-reflow.plugin-page-kb #subscriptionTab {
    border-radius: 8px !important;
    border: 1px solid rgba(187, 132, 38, .22) !important;
    background: rgba(255, 252, 244, .92) !important;
    box-shadow: 0 22px 54px rgba(89, 62, 23, .08) !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .platforms {
    grid-column: auto !important;
    margin: 0 !important;
    justify-content: stretch !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .platform-btn {
    min-height: 46px !important;
    justify-content: center !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    box-shadow: none !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .hotlist {
    grid-column: auto !important;
    display: grid !important;
    gap: 10px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .hot-item {
    box-shadow: none !important;
    padding: 14px 16px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .stats {
    grid-column: 1 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 20px !important;
    width: 100% !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .refresh-btn {
    position: static !important;
    width: auto !important;
    height: 38px !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    box-shadow: 0 14px 30px rgba(177, 106, 0, .16) !important;
    transform: none !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-kb .plugin-container {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 344px) !important;
    align-items: start !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-kb .wb-plugin-hero,
  body.wb-plugin-aurora-reflow.plugin-page-kb .wb-plugin-login-note {
    grid-column: 1 / -1 !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-kb .quota-card {
    grid-column: 2 !important;
    grid-row: 3 / span 2 !important;
    position: sticky !important;
    top: 12px !important;
    padding: 20px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-kb .quota-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-kb .quota-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    text-align: left !important;
    border-radius: 8px !important;
    border: 1px solid rgba(187, 132, 38, .18) !important;
    background: rgba(255, 255, 255, .58) !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-kb .quota-value {
    order: 2 !important;
    color: #9a6400 !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-kb .tabs {
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid rgba(187, 132, 38, .18) !important;
    border-radius: 8px !important;
    background: rgba(255, 252, 244, .58) !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-kb .tab {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-kb #knowledgebasesTab,
  body.wb-plugin-aurora-reflow.plugin-page-kb #subscriptionTab {
    grid-column: 1 !important;
    grid-row: 4 !important;
    padding: 20px !important;
  }
}

body.wb-plugin-aurora-reflow [hidden],
body.wb-plugin-aurora-reflow .hide,
body.wb-plugin-aurora-reflow .vg-hidden {
  display: none !important;
}

@media (max-width: 1120px) {
  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-layout,
  body.wb-plugin-aurora-reflow.plugin-page-trending .trending-layout,
  body.wb-plugin-aurora-reflow.plugin-page-kb .plugin-container {
    grid-template-columns: 1fr !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .signin-rail,
  body.wb-plugin-aurora-reflow.plugin-page-trending .trending-rail,
  body.wb-plugin-aurora-reflow.plugin-page-kb .quota-card {
    grid-column: 1 !important;
    grid-row: auto !important;
    position: static !important;
  }
}

/* Shared plugin header. New plugin pages should use:
   .wb-plugin-hero > .wb-plugin-hero-copy + optional .wb-plugin-hero-metrics */
:root {
  --wb-plugin-hero-ink: #2c2116;
  --wb-plugin-hero-muted: rgba(80,64,42,.72);
  --wb-plugin-hero-accent: #8a5a00;
  --wb-plugin-hero-border: rgba(187,132,38,.24);
  --wb-plugin-hero-bg:
    radial-gradient(circle at 12% 0%, rgba(255, 214, 126, .45), transparent 24rem),
    radial-gradient(circle at 92% 0%, rgba(70, 114, 216, .13), transparent 24rem),
    linear-gradient(135deg, rgba(255,252,244,.96) 0%, rgba(255,242,207,.92) 54%, rgba(248,225,168,.86) 100%);
}

.wb-plugin-hero {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 28px !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 30px !important;
  border: 1px solid var(--wb-plugin-hero-border) !important;
  border-radius: 8px !important;
  color: var(--wb-plugin-hero-ink) !important;
  background: var(--wb-plugin-hero-bg) !important;
  box-shadow: 0 22px 54px rgba(89, 62, 23, .10) !important;
  text-align: left !important;
}

.wb-plugin-hero::after {
  content: "" !important;
  position: absolute !important;
  right: -96px !important;
  bottom: -156px !important;
  width: 340px !important;
  height: 340px !important;
  border: 52px solid rgba(217,155,22,.10) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

.wb-plugin-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.wb-plugin-hero-copy,
.header-copy {
  min-width: 0 !important;
  max-width: 760px !important;
}

.wb-plugin-kicker,
.studio-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  margin-bottom: 14px !important;
  padding: 5px 11px !important;
  border: 1px solid rgba(255, 208, 138, .24) !important;
  border-radius: 999px !important;
  background: rgba(255, 240, 191, .72) !important;
  color: var(--wb-plugin-hero-accent) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.wb-plugin-hero h1,
.wb-plugin-hero-title {
  margin: 0 0 10px !important;
  max-width: 760px !important;
  color: var(--wb-plugin-hero-ink) !important;
  font-size: clamp(25px, 3vw, 34px) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}

.wb-plugin-hero p,
.wb-plugin-hero-subtitle {
  max-width: 720px !important;
  margin: 0 !important;
  color: var(--wb-plugin-hero-muted) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

.wb-plugin-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

.wb-plugin-chip,
.wb-plugin-hero-actions .btn,
.wb-plugin-hero-actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(187,132,38,.24) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.48) !important;
  color: var(--wb-plugin-hero-ink) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.wb-plugin-chip.primary,
.wb-plugin-hero-actions .primary,
.wb-plugin-hero-actions .btn-primary {
  border-color: transparent !important;
  background: var(--wb-plugin-hero-accent) !important;
  color: #3d2800 !important;
}

.wb-plugin-hero-metrics,
.meta {
  width: min(380px, 100%) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-self: flex-end !important;
}

.wb-plugin-hero-stat,
.wb-plugin-hero-metrics > div,
.wb-plugin-hero .metric {
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(187,132,38,.20) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.54) !important;
  color: var(--wb-plugin-hero-muted) !important;
  box-shadow: none !important;
}

.wb-plugin-hero-stat strong,
.wb-plugin-hero-metrics strong,
.wb-plugin-hero .metric strong {
  display: block !important;
  margin: 0 0 4px !important;
  color: var(--wb-plugin-hero-accent) !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}

.wb-plugin-hero-stat span,
.wb-plugin-hero-metrics span,
.wb-plugin-hero .metric span {
  display: block !important;
  color: var(--wb-plugin-hero-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

@media (max-width: 860px) {
  .wb-plugin-hero {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 24px !important;
    border-radius: 22px !important;
  }

  .wb-plugin-hero-metrics,
  .meta {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }
}

/* Final embedded overflow guard. */
html,
body {
  min-width: 0 !important;
  max-width: 100% !important;
}

body *,
body *::before,
body *::after {
  min-width: 0;
}

.app,
.page,
.container,
.plugin-container,
.wrap,
.layout,
.panel,
.card,
.wb-plugin-hero {
  max-width: 100% !important;
}

@media (max-width: 720px) {
  .layout,
  .form-grid,
  .result-grid,
  .starter-cards,
  .scene-tabs,
  .check-grid,
  .seg,
  .split,
  .analysis {
    grid-template-columns: 1fr !important;
  }
}

.pill,
.badge,
.status,
.example-chip,
.choice-chip,
.tab,
.tab-btn,
.scene-tab,
.duration-btn,
.preset-btn {
  border-radius: 999px !important;
  line-height: 1.35 !important;
}

/* 2026-05-12 structural-clean: remove old blue utility traces and keep embedded
   plugins visually continuous with the Aurora dashboard shell. */
:root {
  --primary: var(--wb-plugin-blue) !important;
  --primary-dark: #b77905 !important;
  --brand: var(--wb-plugin-blue) !important;
  --blue: var(--wb-plugin-blue) !important;
  --cp-blue: var(--wb-plugin-blue) !important;
  --nma-blue: var(--wb-plugin-blue) !important;
  --vg-blue: var(--wb-plugin-blue) !important;
  --vg-blue-soft: var(--wb-plugin-blue-soft) !important;
  --soft-blue: var(--wb-plugin-blue-soft) !important;
}

body.dashboard-embedded-plugin {
  background: transparent !important;
}

body.dashboard-embedded-plugin .page,
body.dashboard-embedded-plugin .app,
body.dashboard-embedded-plugin .container,
body.dashboard-embedded-plugin .plugin-container,
body.dashboard-embedded-plugin .shell,
body.dashboard-embedded-plugin .wrap {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 0 28px !important;
}

.wb-plugin-hero {
  margin-bottom: 22px !important;
  padding: 28px !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(217,155,22,.14), transparent 20rem),
    linear-gradient(135deg, rgba(255,250,239,.96), rgba(247,234,213,.90)) !important;
  border-color: rgba(187,132,38,.22) !important;
  box-shadow: 0 22px 54px rgba(89,62,23,.09) !important;
}

.wb-plugin-hero h1,
.wb-plugin-hero-title {
  font-size: clamp(26px, 2.6vw, 34px) !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
}

.wb-plugin-hero p,
.wb-plugin-hero-subtitle {
  max-width: 760px !important;
  color: var(--wb-plugin-muted) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

.panel,
.card,
.quota-card,
.kb-item,
.hot-item,
.guide,
.result,
.mode,
.upload,
.metric,
.material-choice,
.template,
.intent-card,
.model-row,
.toggle-row,
.banner,
.hint,
.step-hint,
.agent-panel,
.doc-list,
.graph-module {
  border-radius: 8px !important;
  border-color: rgba(187,132,38,.18) !important;
  background-color: rgba(255,252,244,.86) !important;
  box-shadow: 0 16px 40px rgba(89,62,23,.065) !important;
}

.btn-primary,
.btn.primary,
button.primary,
button.gradient-bg,
button[id$="Btn"]:not(.ghost):not(.secondary),
#generateBtn,
#oneClickBtn,
#submitBtn,
#copyMdBtn,
#copyHtmlBtn,
.mask-actions .confirm,
.tab.active,
.tabs-sub .tab.active,
.tab-btn.active,
.format-tab-btn.active,
.preset-btn.active,
.duration-btn.active,
.choice-chip.active,
.result-tab.active,
.platform-btn.active,
.intent-card.active em {
  color: #fff !important;
  border-color: var(--wb-plugin-blue) !important;
  background: var(--wb-plugin-blue) !important;
  box-shadow: none !important;
}

.model-row.selected,
.intent-card.active,
.template.active,
.palette-card.active,
.material-choice:hover {
  border-color: var(--wb-plugin-blue) !important;
  background: rgba(255,242,206,.58) !important;
  box-shadow: inset 0 0 0 1px rgba(217,155,22,.18) !important;
}

button.secondary,
button.ghost,
.btn-secondary,
.tab,
.tab-btn,
.format-tab-btn,
.preset-btn,
.duration-btn,
.choice-chip,
.example-chip,
.wb-plugin-chip,
.pill,
.badge,
.status {
  min-height: 32px !important;
  border-radius: 999px !important;
  border-color: rgba(187,132,38,.24) !important;
  background: rgba(255,255,255,.54) !important;
  color: #6d4b13 !important;
  line-height: 1.35 !important;
}

.cost-hint,
.quota-value,
.wiki-stat strong,
.metric strong,
.model-row .cost,
[class*="text-blue-"],
[class*="text-purple-"],
[class*="text-indigo-"] {
  color: #9a6400 !important;
}

[class*="bg-blue-"]:not(button):not(.btn):not(.btn-primary),
[class*="bg-purple-"]:not(button):not(.btn):not(.btn-primary),
[class*="bg-indigo-"]:not(button):not(.btn):not(.btn-primary),
[class*="from-indigo"]:not(button):not(.btn):not(.btn-primary),
[class*="to-purple"]:not(button):not(.btn):not(.btn-primary),
.gradient-bg:not(button) {
  background: var(--wb-plugin-blue-soft) !important;
  color: #6d4b13 !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--wb-plugin-blue) !important;
  box-shadow: 0 0 0 3px rgba(217,155,22,.16) !important;
}

body.dashboard-embedded-plugin .drawer header,
body.dashboard-embedded-plugin dialog header,
body.dashboard-embedded-plugin .modal-head,
body.dashboard-embedded-plugin .modal-foot {
  border-color: rgba(187,132,38,.18) !important;
}

body.dashboard-embedded-plugin .topbar-vip,
body.dashboard-embedded-plugin .dash-user-vip-tag,
body.dashboard-embedded-plugin #userVipTag {
  display: none !important;
}

@media (max-width: 760px) {
  body.dashboard-embedded-plugin .page,
  body.dashboard-embedded-plugin .app,
  body.dashboard-embedded-plugin .container,
  body.dashboard-embedded-plugin .plugin-container,
  body.dashboard-embedded-plugin .shell,
  body.dashboard-embedded-plugin .wrap {
    padding-bottom: 20px !important;
  }

  .wb-plugin-hero {
    padding: 22px !important;
  }
}

/* 2026-05-13 detail polish: keep mobile plugin forms readable without inner clipping. */
body.dashboard-embedded-plugin textarea,
body.real-plugin-direct textarea {
  min-height: 112px !important;
  line-height: 1.65 !important;
  resize: vertical;
}

body.dashboard-embedded-plugin small,
body.real-plugin-direct small,
body.dashboard-embedded-plugin .meta,
body.real-plugin-direct .meta {
  line-height: 1.55 !important;
}

@media (max-width: 760px) {
  body.dashboard-embedded-plugin textarea,
  body.real-plugin-direct textarea {
    min-height: 146px !important;
  }

  body.dashboard-embedded-plugin .wb-plugin-hero-stat strong,
  body.real-plugin-direct .wb-plugin-hero-stat strong {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
}

/* 2026-05-13 polish2: make direct and embedded plugin headers less blocky on small screens. */
@media (max-width: 760px) {
  .wb-plugin-hero {
    gap: 16px !important;
    margin-bottom: 18px !important;
    padding: 20px !important;
  }

  .wb-plugin-hero {
    align-items: stretch !important;
  }

  .wb-plugin-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  .wb-plugin-hero-title,
  .wb-plugin-hero h1 {
    font-size: 24px !important;
    line-height: 1.38 !important;
    font-weight: 700 !important;
  }

  .wb-plugin-hero-subtitle,
  .wb-plugin-hero p {
    font-size: 14px !important;
    line-height: 1.72 !important;
  }

  .wb-plugin-hero-actions,
  .top-actions,
  .metrics,
  .tabs,
  .scene-tabs,
  .seg,
  .chips,
  .filter-bar {
    gap: 8px !important;
  }

  .wb-plugin-chip,
  .pill,
  .badge,
  .status,
  .tab,
  .tab-btn,
  .scene-tab,
  .duration-btn,
  .preset-btn,
  .choice-chip {
    max-width: 100% !important;
    white-space: normal !important;
  }

  .wb-plugin-hero-actions {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none;
  }

  .wb-plugin-hero-actions::-webkit-scrollbar {
    display: none;
  }

  .wb-plugin-hero-actions .wb-plugin-chip {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .wb-plugin-hero-metrics {
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .wb-plugin-hero-stat {
    min-height: 66px !important;
    padding: 10px 8px !important;
  }

  .wb-plugin-hero-stat span {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
}

/* 2026-05-13 structural pass: move embedded plugins from "old page recolored"
   toward the Aurora prototype layout: one focused task column plus a semantic
   right rail for estimate/history/help, without adding user-status modules. */
body.dashboard-embedded-plugin .page,
body.dashboard-embedded-plugin .app,
body.dashboard-embedded-plugin .container,
body.dashboard-embedded-plugin .plugin-container,
body.dashboard-embedded-plugin .wrap,
body.dashboard-embedded-plugin .shell,
body.dashboard-embedded-plugin .vg-page,
body.dashboard-embedded-plugin .nma-wrap,
body.dashboard-embedded-plugin .cp-wrap {
  width: min(1220px, 100%) !important;
  max-width: 1220px !important;
}

body.dashboard-embedded-plugin .wb-plugin-hero {
  min-height: 170px !important;
}

body.dashboard-embedded-plugin .starter-guide,
body.dashboard-embedded-plugin .guide,
body.dashboard-embedded-plugin .tabs,
body.dashboard-embedded-plugin .scene-tabs,
body.dashboard-embedded-plugin .vg-source-tabs,
body.dashboard-embedded-plugin .nma-tabs {
  margin-bottom: 18px !important;
}

body.dashboard-embedded-plugin .starter-guide,
body.dashboard-embedded-plugin .guide {
  padding: 18px !important;
  border: 1px solid rgba(187,132,38,.18) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(255,252,244,.90), rgba(255,246,224,.72)) !important;
  box-shadow: 0 16px 40px rgba(89,62,23,.06) !important;
}

body.dashboard-embedded-plugin .starter-cards,
body.dashboard-embedded-plugin .intent-grid,
body.dashboard-embedded-plugin .scene-tabs,
body.dashboard-embedded-plugin .mode-grid,
body.dashboard-embedded-plugin .vg-source-tabs {
  gap: 10px !important;
}

body.dashboard-embedded-plugin .starter-card,
body.dashboard-embedded-plugin .intent-card,
body.dashboard-embedded-plugin .scene-tab,
body.dashboard-embedded-plugin .mode,
body.dashboard-embedded-plugin .template,
body.dashboard-embedded-plugin .preset-btn,
body.dashboard-embedded-plugin .duration-btn,
body.dashboard-embedded-plugin .model-row {
  border-radius: 8px !important;
  background: rgba(255,255,255,.56) !important;
  border-color: rgba(187,132,38,.20) !important;
}

body.dashboard-embedded-plugin .panel,
body.dashboard-embedded-plugin .card,
body.dashboard-embedded-plugin .vg-panel,
body.dashboard-embedded-plugin .nma-card,
body.dashboard-embedded-plugin .cp-card,
body.dashboard-embedded-plugin .quota-card {
  overflow: hidden !important;
}

body.dashboard-embedded-plugin .panel-head,
body.dashboard-embedded-plugin .panel-header,
body.dashboard-embedded-plugin .vg-panel-header {
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(187,132,38,.14) !important;
}

body.dashboard-embedded-plugin .panel-body,
body.dashboard-embedded-plugin .vg-panel > :not(.vg-panel-header),
body.dashboard-embedded-plugin .nma-card,
body.dashboard-embedded-plugin .cp-card {
  line-height: 1.65 !important;
}

body.dashboard-embedded-plugin .step-title,
body.dashboard-embedded-plugin .vg-panel-header h2,
body.dashboard-embedded-plugin .panel-head h2,
body.dashboard-embedded-plugin .card-title,
body.dashboard-embedded-plugin .nma-card h2,
body.dashboard-embedded-plugin .cp-card h2 {
  color: #2c2116 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

body.dashboard-embedded-plugin .step-title {
  margin: 20px 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  font-size: 14px !important;
}

body.dashboard-embedded-plugin .step-title span {
  width: 24px !important;
  height: 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
  border-radius: 50% !important;
  color: #3d2800 !important;
  background: linear-gradient(135deg, #f5d77f, #d99b16) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.dashboard-embedded-plugin .field,
body.dashboard-embedded-plugin .vg-field,
body.dashboard-embedded-plugin .nma-field,
body.dashboard-embedded-plugin .cp-field,
body.dashboard-embedded-plugin .form-group {
  gap: 8px !important;
}

body.dashboard-embedded-plugin label {
  color: #4f3f2b !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

body.dashboard-embedded-plugin .upload,
body.dashboard-embedded-plugin .vg-material-upload,
body.dashboard-embedded-plugin .slot-upload-card {
  min-height: 126px !important;
  padding: 14px !important;
  border: 1px dashed rgba(187,132,38,.28) !important;
  border-style: dashed !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(217,155,22,.10), transparent 42%),
    rgba(255,255,255,.58) !important;
}

body.dashboard-embedded-plugin .actions,
body.dashboard-embedded-plugin .vg-actions,
body.dashboard-embedded-plugin .nma-actions,
body.dashboard-embedded-plugin .cp-actions,
body.dashboard-embedded-plugin .action-bar {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(187,132,38,.12) !important;
}

body.dashboard-embedded-plugin.plugin-page-productImageGenerator .app > .layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.dashboard-embedded-plugin.plugin-page-productImageGenerator .app > .layout > section:first-child,
body.dashboard-embedded-plugin.plugin-page-productImageGenerator .app > .layout > main {
  grid-column: 1 !important;
}

body.dashboard-embedded-plugin.plugin-page-productImageGenerator .app > .layout > main {
  display: grid !important;
  gap: 18px !important;
}

body.dashboard-embedded-plugin.plugin-page-productImageGenerator .app > .layout > .right-col {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  display: grid !important;
  gap: 18px !important;
  position: sticky !important;
  top: 10px !important;
}

body.dashboard-embedded-plugin.plugin-page-productImageGenerator .right-col .panel + .panel {
  margin-top: 0 !important;
}

body.dashboard-embedded-plugin.plugin-page-videoGenerator .vg-layout,
body.dashboard-embedded-plugin.plugin-page-videoMarketingWorkshop .layout,
body.dashboard-embedded-plugin.plugin-page-aiVideoWorkshop .layout,
body.dashboard-embedded-plugin.plugin-page-newMediaAssistant .nma-layout,
body.dashboard-embedded-plugin.plugin-page-contentPublisher .cp-layout,
body.dashboard-embedded-plugin.plugin-page-promoteEarn .promote-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.dashboard-embedded-plugin.plugin-page-videoGenerator .vg-layout > aside,
body.dashboard-embedded-plugin.plugin-page-videoMarketingWorkshop .layout > aside,
body.dashboard-embedded-plugin.plugin-page-aiVideoWorkshop .layout > aside,
body.dashboard-embedded-plugin.plugin-page-newMediaAssistant .nma-layout > aside,
body.dashboard-embedded-plugin.plugin-page-contentPublisher .cp-layout > aside,
body.dashboard-embedded-plugin.plugin-page-promoteEarn .promote-grid > .panel:last-child {
  position: sticky !important;
  top: 10px !important;
}

body.dashboard-embedded-plugin.plugin-page-videoScraper .wrap,
body.dashboard-embedded-plugin.plugin-page-kb .plugin-container,
body.dashboard-embedded-plugin.plugin-page-trending .container,
body.dashboard-embedded-plugin.plugin-page-materialPlaza .page {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

body.dashboard-embedded-plugin.plugin-page-videoScraper .tab-panel,
body.dashboard-embedded-plugin.plugin-page-kb .quota-card,
body.dashboard-embedded-plugin.plugin-page-trending .stats,
body.dashboard-embedded-plugin.plugin-page-materialPlaza .tabs {
  margin-bottom: 0 !important;
}

body.dashboard-embedded-plugin.plugin-page-materialPlaza .grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
}

@media (max-width: 980px) {
  body.dashboard-embedded-plugin.plugin-page-productImageGenerator .app > .layout,
  body.dashboard-embedded-plugin.plugin-page-videoGenerator .vg-layout,
  body.dashboard-embedded-plugin.plugin-page-videoMarketingWorkshop .layout,
  body.dashboard-embedded-plugin.plugin-page-aiVideoWorkshop .layout,
  body.dashboard-embedded-plugin.plugin-page-newMediaAssistant .nma-layout,
  body.dashboard-embedded-plugin.plugin-page-contentPublisher .cp-layout,
  body.dashboard-embedded-plugin.plugin-page-promoteEarn .promote-grid {
    grid-template-columns: 1fr !important;
  }

  body.dashboard-embedded-plugin.plugin-page-productImageGenerator .app > .layout > .right-col,
  body.dashboard-embedded-plugin.plugin-page-videoGenerator .vg-layout > aside,
  body.dashboard-embedded-plugin.plugin-page-videoMarketingWorkshop .layout > aside,
  body.dashboard-embedded-plugin.plugin-page-aiVideoWorkshop .layout > aside,
  body.dashboard-embedded-plugin.plugin-page-newMediaAssistant .nma-layout > aside,
  body.dashboard-embedded-plugin.plugin-page-contentPublisher .cp-layout > aside {
    grid-column: 1 !important;
    grid-row: auto !important;
    position: static !important;
  }
}

/* 2026-05-13 Aurora structural reflow.
   This layer moves real plugin pages closer to the 5301 prototype structure:
   breadcrumb, compact workflow, main task column, function side rail, and result/history sections. */
body.wb-plugin-aurora-reflow {
  --wb-reflow-panel: rgba(255, 252, 244, .88);
  --wb-reflow-border: rgba(187, 132, 38, .26);
  --wb-reflow-strong: #2c2116;
  --wb-reflow-muted: #7d6d59;
  --wb-reflow-gold: #d99b16;
  --wb-reflow-gold-dark: #8a5a00;
  --wb-reflow-shadow: 0 18px 46px rgba(92, 64, 24, .08);
  --wb-reflow-soft: rgba(255, 246, 226, .68);
  letter-spacing: 0 !important;
}

body.wb-plugin-aurora-reflow:not(.dashboard-embedded-plugin) {
  min-height: 100vh !important;
  background:
    radial-gradient(circle at 8% -6%, rgba(255, 222, 150, .34), transparent 29rem),
    radial-gradient(circle at 92% 4%, rgba(126, 151, 210, .13), transparent 30rem),
    linear-gradient(135deg, #fffaf0 0%, #fbf4e5 58%, #f6ead7 100%) !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-root-structured {
  width: min(1248px, calc(100vw - 48px)) !important;
  max-width: 1248px !important;
  margin: 0 auto !important;
  padding: 22px 0 44px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 344px) !important;
  gap: 16px !important;
  align-items: start !important;
}

body.dashboard-embedded-plugin.wb-plugin-aurora-reflow .wb-plugin-root-structured {
  width: 100% !important;
  max-width: none !important;
  padding: 0 0 24px !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-breadcrumb,
body.wb-plugin-aurora-reflow .wb-plugin-hero,
body.wb-plugin-aurora-reflow .wb-plugin-stepper,
body.wb-plugin-aurora-reflow .wb-plugin-reference-note,
body.wb-plugin-aurora-reflow .wb-plugin-filter-card,
body.wb-plugin-aurora-reflow .wb-plugin-status-line,
body.wb-plugin-aurora-reflow .wb-plugin-gallery-card,
body.wb-plugin-aurora-reflow #attrBanner,
body.wb-plugin-aurora-reflow .wb-plugin-login-note,
body.wb-plugin-aurora-reflow .nma-notice,
body.wb-plugin-aurora-reflow .cp-notice,
body.wb-plugin-aurora-reflow .showcase {
  grid-column: 1 / -1 !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-root-structured.wb-plugin-hide-hero > .wb-plugin-hero {
  display: none !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-root-structured.wb-plugin-hide-breadcrumb > .wb-plugin-breadcrumb {
  display: none !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-root-structured.wb-plugin-hide-stepper > .wb-plugin-stepper {
  display: none !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-root-structured.wb-plugin-hide-reference-note > .wb-plugin-reference-note,
body.wb-plugin-aurora-reflow .wb-plugin-root-structured.wb-plugin-hide-reference-note > .starter-guide,
body.wb-plugin-aurora-reflow .wb-plugin-root-structured.wb-plugin-hide-reference-note > .guide {
  display: none !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-root-structured.wb-plugin-hide-flow-box .flow-box {
  display: none !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-root-structured.wb-plugin-hide-step-titles .step-title {
  display: none !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  min-height: 28px !important;
  color: rgba(80, 64, 42, .64) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-breadcrumb span[aria-current="page"] {
  color: var(--wb-reflow-strong) !important;
  font-weight: 700 !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-breadcrumb i {
  color: rgba(137, 103, 49, .42) !important;
  font-style: normal !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-hero {
  min-height: 178px !important;
  margin: 0 !important;
  padding: 22px 26px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 60px rgba(92, 64, 24, .10) !important;
}

body.dashboard-embedded-plugin.wb-plugin-aurora-reflow .wb-plugin-hero {
  min-height: 164px !important;
  padding: 20px 24px !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-hero-title,
body.wb-plugin-aurora-reflow .wb-plugin-hero h1 {
  max-width: 780px !important;
  font-size: clamp(24px, 2.2vw, 32px) !important;
  line-height: 1.38 !important;
  font-weight: 720 !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-hero-subtitle,
body.wb-plugin-aurora-reflow .wb-plugin-hero p {
  max-width: 760px !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-stepper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-stepper button {
  min-width: 0 !important;
  min-height: 78px !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 3px !important;
  padding: 13px !important;
  text-align: left !important;
  border: 1px solid var(--wb-reflow-border) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 246, 226, .66)) !important;
  color: var(--wb-reflow-strong) !important;
  box-shadow: 0 12px 28px rgba(92, 64, 24, .055) !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-stepper button.active {
  border-color: rgba(217, 155, 22, .46) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(245, 215, 127, .28), transparent 55%),
    linear-gradient(180deg, rgba(255, 252, 244, .96), rgba(255, 239, 205, .78)) !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-stepper b {
  grid-row: 1 / span 2 !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #3d2800 !important;
  background: linear-gradient(135deg, #f5d77f, #d99b16) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-stepper strong {
  min-width: 0 !important;
  color: var(--wb-reflow-strong) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 720 !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-stepper small {
  min-width: 0 !important;
  color: var(--wb-reflow-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  white-space: normal !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-panel,
body.wb-plugin-aurora-reflow .panel,
body.wb-plugin-aurora-reflow .card,
body.wb-plugin-aurora-reflow .vg-panel,
body.wb-plugin-aurora-reflow .nma-card,
body.wb-plugin-aurora-reflow .cp-card,
body.wb-plugin-aurora-reflow .quota-card,
body.wb-plugin-aurora-reflow .subscription-card,
body.wb-plugin-aurora-reflow .hot-item,
body.wb-plugin-aurora-reflow .stat-item,
body.wb-plugin-aurora-reflow .material,
body.wb-plugin-aurora-reflow .candidate,
body.wb-plugin-aurora-reflow .task,
body.wb-plugin-aurora-reflow .task-card,
body.wb-plugin-aurora-reflow .intent-card,
body.wb-plugin-aurora-reflow .starter-card {
  border: 1px solid var(--wb-reflow-border) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(245, 215, 127, .11), transparent 40%),
    var(--wb-reflow-panel) !important;
  box-shadow: var(--wb-reflow-shadow) !important;
}

body.wb-plugin-aurora-reflow .panel,
body.wb-plugin-aurora-reflow .card,
body.wb-plugin-aurora-reflow .vg-panel,
body.wb-plugin-aurora-reflow .nma-card,
body.wb-plugin-aurora-reflow .cp-card {
  padding: 18px !important;
  margin: 0 !important;
}

body.wb-plugin-aurora-reflow .panel + .panel,
body.wb-plugin-aurora-reflow .card + .card,
body.wb-plugin-aurora-reflow .vg-panel + .vg-panel,
body.wb-plugin-aurora-reflow .nma-card + .nma-card,
body.wb-plugin-aurora-reflow .cp-card + .cp-card {
  margin-top: 18px !important;
}

body.wb-plugin-aurora-reflow .panel-head,
body.wb-plugin-aurora-reflow .vg-panel-header,
body.wb-plugin-aurora-reflow .nma-result-title,
body.wb-plugin-aurora-reflow .cp-item-head {
  padding: 0 0 14px !important;
  margin: 0 0 14px !important;
  border-bottom: 1px solid rgba(187, 132, 38, .14) !important;
}

body.wb-plugin-aurora-reflow .panel h2,
body.wb-plugin-aurora-reflow .card-title,
body.wb-plugin-aurora-reflow .vg-panel-title,
body.wb-plugin-aurora-reflow .nma-card h2,
body.wb-plugin-aurora-reflow .cp-card h2 {
  color: var(--wb-reflow-strong) !important;
  font-size: 16px !important;
  line-height: 1.48 !important;
  font-weight: 720 !important;
}

body.wb-plugin-aurora-reflow label,
body.wb-plugin-aurora-reflow .field label,
body.wb-plugin-aurora-reflow .vg-field label,
body.wb-plugin-aurora-reflow .nma-field span,
body.wb-plugin-aurora-reflow .cp-field span {
  color: #4f3f2b !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 680 !important;
}

body.wb-plugin-aurora-reflow input,
body.wb-plugin-aurora-reflow textarea,
body.wb-plugin-aurora-reflow select {
  min-width: 0 !important;
  border-radius: 10px !important;
  border-color: rgba(187, 132, 38, .24) !important;
  background: rgba(255, 255, 255, .86) !important;
  color: var(--wb-reflow-strong) !important;
}

body.wb-plugin-aurora-reflow textarea {
  line-height: 1.72 !important;
}

body.wb-plugin-aurora-reflow button,
body.wb-plugin-aurora-reflow .btn,
body.wb-plugin-aurora-reflow .nma-btn,
body.wb-plugin-aurora-reflow .cp-btn {
  border-radius: 10px !important;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease !important;
}

body.wb-plugin-aurora-reflow button:hover,
body.wb-plugin-aurora-reflow .btn:hover,
body.wb-plugin-aurora-reflow .nma-btn:hover,
body.wb-plugin-aurora-reflow .cp-btn:hover {
  box-shadow: 0 10px 22px rgba(92, 64, 24, .08) !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-reflow-grid,
body.wb-plugin-aurora-reflow .layout,
body.wb-plugin-aurora-reflow .vg-layout,
body.wb-plugin-aurora-reflow .nma-layout,
body.wb-plugin-aurora-reflow .cp-layout,
body.wb-plugin-aurora-reflow .promote-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 344px) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-main-stack,
body.wb-plugin-aurora-reflow .vg-stack,
body.wb-plugin-aurora-reflow .nma-layout > section,
body.wb-plugin-aurora-reflow .cp-layout > section {
  min-width: 0 !important;
  display: grid !important;
  gap: 18px !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-side-stack,
body.wb-plugin-aurora-reflow .right-col,
body.wb-plugin-aurora-reflow .vg-layout > aside,
body.wb-plugin-aurora-reflow .layout > aside,
body.wb-plugin-aurora-reflow .nma-side,
body.wb-plugin-aurora-reflow .cp-side,
body.wb-plugin-aurora-reflow .promote-grid > .panel:last-child,
body.wb-plugin-aurora-reflow .wb-plugin-side-card {
  min-width: 0 !important;
  align-self: start !important;
  position: sticky !important;
  top: 10px !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-product-layout > section:first-child,
body.wb-plugin-aurora-reflow .wb-plugin-product-layout > main {
  grid-column: 1 !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-product-layout > .right-col {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-videoScraper .wrap,
body.wb-plugin-aurora-reflow.plugin-page-kb .plugin-container,
body.wb-plugin-aurora-reflow.plugin-page-trending .container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 344px) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .free-image-layout,
body.wb-plugin-aurora-reflow.plugin-page-freeVideoGenerator .free-video-layout {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 344px) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .free-image-main,
body.wb-plugin-aurora-reflow.plugin-page-freeVideoGenerator .free-video-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 18px !important;
}

body.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .free-image-rail,
body.wb-plugin-aurora-reflow.plugin-page-freeVideoGenerator .free-video-rail {
  min-width: 0 !important;
  display: grid !important;
  gap: 18px !important;
  align-self: start !important;
  position: sticky !important;
  top: 10px !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-main-card,
body.wb-plugin-aurora-reflow.plugin-page-videoScraper .tabs,
body.wb-plugin-aurora-reflow.plugin-page-videoScraper .tab-panel,
body.wb-plugin-aurora-reflow.plugin-page-kb .tabs,
body.wb-plugin-aurora-reflow.plugin-page-kb #knowledgebasesTab,
body.wb-plugin-aurora-reflow.plugin-page-kb #subscriptionTab,
body.wb-plugin-aurora-reflow.plugin-page-trending .hotlist {
  grid-column: 1 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-videoScraper .history,
body.wb-plugin-aurora-reflow.plugin-page-kb .quota-card,
body.wb-plugin-aurora-reflow.plugin-page-trending .stats {
  grid-column: 2 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-kb .quota-card {
  grid-row: 4 / span 2 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-trending .platforms {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
  gap: 10px !important;
}

body.wb-plugin-aurora-reflow.plugin-page-videoScraper .tabs {
  margin: 0 !important;
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding-bottom: 2px !important;
}

body.wb-plugin-aurora-reflow.plugin-page-videoScraper .tab,
body.wb-plugin-aurora-reflow.plugin-page-promoteEarn .tab {
  min-height: 40px !important;
  padding: 9px 14px !important;
  border: 1px solid rgba(187, 132, 38, .18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .72) !important;
  color: #6d5a42 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

body.wb-plugin-aurora-reflow.plugin-page-videoScraper .tab.active,
body.wb-plugin-aurora-reflow.plugin-page-promoteEarn .tab.active {
  border-color: rgba(217, 155, 22, .36) !important;
  background: linear-gradient(135deg, #fff7df, #f4c76b) !important;
  color: #3c2b12 !important;
  box-shadow: 0 12px 24px rgba(187, 132, 38, .14) !important;
}

body.wb-plugin-aurora-reflow.plugin-page-videoScraper .history {
  align-self: start !important;
  position: sticky !important;
  top: 10px !important;
}

body.wb-plugin-aurora-reflow.plugin-page-promoteEarn .shell {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

body.wb-plugin-aurora-reflow.plugin-page-promoteEarn .promote-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 344px) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.wb-plugin-aurora-reflow.plugin-page-promoteEarn .tabs,
body.wb-plugin-aurora-reflow.plugin-page-videoScraper .tabs {
  padding: 6px !important;
  border: 1px solid rgba(187, 132, 38, .18) !important;
  border-radius: 999px !important;
  background: rgba(255, 252, 244, .72) !important;
  box-shadow: 0 12px 26px rgba(92, 64, 24, .06) !important;
  width: fit-content !important;
  max-width: 100% !important;
}

body.wb-plugin-aurora-reflow.plugin-page-promoteEarn .promote-grid > .panel:last-child {
  align-self: start !important;
  position: sticky !important;
  top: 10px !important;
}

body.wb-plugin-aurora-reflow.plugin-page-materialPlaza .page {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

body.wb-plugin-aurora-reflow.plugin-page-materialPlaza .grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
}

body.wb-plugin-aurora-reflow .guide,
body.wb-plugin-aurora-reflow .starter-guide {
  padding: 16px !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-login-note,
body.wb-plugin-aurora-reflow .nma-notice,
body.wb-plugin-aurora-reflow .cp-notice {
  padding: 14px 16px !important;
  border: 1px solid rgba(187, 132, 38, .26) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255, 250, 238, .92), rgba(255, 243, 214, .74)) !important;
  color: #6e5637 !important;
  line-height: 1.65 !important;
  box-shadow: 0 14px 34px rgba(92, 64, 24, .06) !important;
}

body.wb-plugin-aurora-reflow .wb-plugin-status-line:not(:empty) {
  padding: 12px 16px !important;
  border: 1px solid rgba(187, 132, 38, .18) !important;
  border-radius: 14px !important;
  background: rgba(255, 252, 244, .66) !important;
  color: var(--wb-reflow-muted) !important;
  line-height: 1.65 !important;
  box-shadow: 0 12px 26px rgba(92, 64, 24, .05) !important;
}

body.wb-plugin-aurora-reflow .guide-head,
body.wb-plugin-aurora-reflow .starter-head {
  margin-bottom: 14px !important;
}

body.wb-plugin-aurora-reflow .intent-grid,
body.wb-plugin-aurora-reflow .starter-cards,
body.wb-plugin-aurora-reflow .template-row,
body.wb-plugin-aurora-reflow .choice-grid,
body.wb-plugin-aurora-reflow .scene-tabs {
  gap: 10px !important;
}

body.wb-plugin-aurora-reflow .status,
body.wb-plugin-aurora-reflow .hint,
body.wb-plugin-aurora-reflow .muted,
body.wb-plugin-aurora-reflow .selected-ref,
body.wb-plugin-aurora-reflow .vg-help,
body.wb-plugin-aurora-reflow .nma-muted,
body.wb-plugin-aurora-reflow .cp-muted {
  color: var(--wb-reflow-muted) !important;
  line-height: 1.65 !important;
}

body.wb-plugin-aurora-reflow .step-title {
  color: var(--wb-reflow-strong) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 20px 0 10px !important;
}

body.wb-plugin-aurora-reflow .upload,
body.wb-plugin-aurora-reflow .vg-material-upload,
body.wb-plugin-aurora-reflow .slot-upload-card {
  min-height: 130px !important;
  border-radius: 14px !important;
  border-color: rgba(187, 132, 38, .28) !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(217, 155, 22, .11), transparent 45%),
    rgba(255, 255, 255, .62) !important;
}

body.wb-plugin-aurora-reflow .refresh-btn {
  right: 24px !important;
  bottom: 24px !important;
}

@media (max-width: 1120px) {
  body.wb-plugin-aurora-reflow .wb-plugin-root-structured,
  body.wb-plugin-aurora-reflow .wb-plugin-reflow-grid,
  body.wb-plugin-aurora-reflow .layout,
  body.wb-plugin-aurora-reflow .vg-layout,
  body.wb-plugin-aurora-reflow .nma-layout,
  body.wb-plugin-aurora-reflow .cp-layout,
  body.wb-plugin-aurora-reflow .promote-grid,
  body.wb-plugin-aurora-reflow.plugin-page-videoScraper .wrap,
  body.wb-plugin-aurora-reflow.plugin-page-kb .plugin-container,
  body.wb-plugin-aurora-reflow.plugin-page-trending .container {
    grid-template-columns: 1fr !important;
  }

  body.wb-plugin-aurora-reflow .wb-plugin-side-stack,
  body.wb-plugin-aurora-reflow .right-col,
  body.wb-plugin-aurora-reflow .vg-layout > aside,
  body.wb-plugin-aurora-reflow .layout > aside,
  body.wb-plugin-aurora-reflow .nma-side,
  body.wb-plugin-aurora-reflow .cp-side,
  body.wb-plugin-aurora-reflow .promote-grid > .panel:last-child,
  body.wb-plugin-aurora-reflow .wb-plugin-side-card,
  body.wb-plugin-aurora-reflow.plugin-page-videoScraper .history,
  body.wb-plugin-aurora-reflow.plugin-page-kb .quota-card,
  body.wb-plugin-aurora-reflow.plugin-page-trending .stats,
  body.wb-plugin-aurora-reflow .wb-plugin-product-layout > .right-col {
    grid-column: 1 !important;
    grid-row: auto !important;
    position: static !important;
  }

}

@media (max-width: 760px) {
  body.wb-plugin-aurora-reflow .wb-plugin-root-structured {
    width: min(100%, calc(100vw - 20px)) !important;
    padding: 12px 0 32px !important;
    gap: 14px !important;
  }

  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow .wb-plugin-root-structured {
    width: 100% !important;
    padding-top: 0 !important;
  }

  body.wb-plugin-aurora-reflow .wb-plugin-hero {
    min-height: 0 !important;
    padding: 18px !important;
    border-radius: 14px !important;
  }

  body.wb-plugin-aurora-reflow .wb-plugin-hero-title,
  body.wb-plugin-aurora-reflow .wb-plugin-hero h1 {
    font-size: 23px !important;
    line-height: 1.42 !important;
  }

  body.wb-plugin-aurora-reflow .wb-plugin-stepper {
    display: flex !important;
    overflow-x: auto !important;
    gap: 10px !important;
    padding-bottom: 2px !important;
  }

  body.wb-plugin-aurora-reflow .wb-plugin-stepper button {
    flex: 0 0 186px !important;
    min-height: 76px !important;
    padding: 12px !important;
  }

  body.wb-plugin-aurora-reflow .panel,
  body.wb-plugin-aurora-reflow .card,
  body.wb-plugin-aurora-reflow .vg-panel,
  body.wb-plugin-aurora-reflow .nma-card,
  body.wb-plugin-aurora-reflow .cp-card {
    padding: 15px !important;
  }

  body.wb-plugin-aurora-reflow .wb-plugin-reflow-grid,
  body.wb-plugin-aurora-reflow .layout,
  body.wb-plugin-aurora-reflow .vg-layout,
  body.wb-plugin-aurora-reflow .nma-layout,
  body.wb-plugin-aurora-reflow .cp-layout,
  body.wb-plugin-aurora-reflow .promote-grid {
    gap: 14px !important;
  }
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-root-structured {
  grid-template-columns: 1fr !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-breadcrumb,
body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-stepper,
body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-layout {
  grid-column: 1 / -1 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(304px, 344px) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-task-panel,
body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-output {
  min-width: 0 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-task-panel {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-output {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-rail {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  display: grid !important;
  gap: 14px !important;
  align-self: start !important;
  position: sticky !important;
  top: 10px !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-plan-guide,
body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-estimate-panel {
  margin: 0 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-plan-guide {
  display: grid !important;
  gap: 10px !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-plan-guide .starter-head {
  margin-bottom: 0 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-plan-guide .starter-cards {
  grid-template-columns: 1fr !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-plan-guide .starter-card {
  min-height: 0 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-estimate-panel {
  display: grid !important;
  gap: 12px !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-estimate-panel .status-line {
  margin: 0 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-estimate-panel .progress {
  margin: 0 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-estimate-panel .actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-estimate-panel .actions .wide {
  grid-column: 1 / -1 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-result-panel,
body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-history-panel {
  min-width: 0 !important;
}

body.wb-plugin-aurora-reflow .hide,
body.wb-plugin-aurora-reflow [hidden] {
  display: none !important;
}

/* 2026-05-13 PC structural pass: embedded pages should read as one product surface. */
@media (min-width: 1121px) {
  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow .wb-plugin-root-structured {
    padding-top: 0 !important;
  }

  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow .wb-plugin-hide-breadcrumb > .wb-plugin-breadcrumb,
  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow .wb-plugin-hide-stepper > .wb-plugin-stepper {
    display: none !important;
  }

  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .wb-plugin-hero,
  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-freeVideoGenerator .wb-plugin-hero {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .free-image-layout,
  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-freeVideoGenerator .free-video-layout {
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) minmax(308px, 344px) !important;
  }

  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-imageMarketingWorkshop .tabs,
  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-tabs,
  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-videoGenerator .source-tabs,
  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-source-tabs {
    padding: 8px !important;
    border: 1px solid rgba(187, 132, 38, .18) !important;
    border-radius: 14px !important;
    background: rgba(255, 252, 244, .72) !important;
  }
}

@media (max-width: 1120px) {
  body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-layout {
    grid-template-columns: 1fr !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-task-panel,
  body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-output,
  body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-rail {
    grid-column: 1 !important;
    grid-row: auto !important;
    position: static !important;
  }
}

@media (max-width: 760px) {
  body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-layout {
    gap: 14px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-productImageGenerator .wb-plugin-product-estimate-panel .actions {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-05-14 PC structural cleanup for video plugin pages.
   Keep the real API DOM, but make the visible page read as one Aurora task surface. */
body.wb-plugin-aurora-reflow .wb-plugin-root-structured.wb-plugin-hide-breadcrumb > .wb-plugin-breadcrumb,
body.wb-plugin-aurora-reflow .wb-plugin-root-structured.wb-plugin-hide-stepper > .wb-plugin-stepper {
  display: none !important;
}

@media (min-width: 1024px) {
  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .app,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .page,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-page {
    width: min(1280px, calc(100vw - 64px)) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 28px 0 44px !important;
  }

  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .app,
  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .page,
  body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-page {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 36px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .wb-plugin-hero,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .wb-plugin-hero,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .wb-plugin-hero {
    min-height: 188px !important;
    padding: 30px 34px !important;
    margin-bottom: 20px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .layout,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .layout,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(318px, 360px) !important;
    gap: 22px !important;
    align-items: start !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .layout > main,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .layout > section,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-stack {
    min-width: 0 !important;
    display: grid !important;
    gap: 18px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .layout > aside,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .layout > aside,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout > aside {
    min-width: 0 !important;
    display: grid !important;
    gap: 14px !important;
    align-self: start !important;
    position: sticky !important;
    top: 12px !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .layout > aside > .panel,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .layout > aside > .panel,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout > aside > .vg-panel {
    margin-top: 0 !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .panel,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .panel,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-panel {
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .panel-head,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-panel-header {
    padding: 18px 18px 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .panel-body {
    padding: 16px 18px 18px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .panel {
    padding: 20px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-panel {
    padding: 20px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-tabs,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-source-tabs,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode-grid {
    margin: 0 0 18px !important;
    padding: 8px !important;
    border: 1px solid rgba(187, 132, 38, .18) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(180deg, rgba(255, 252, 244, .78), rgba(255, 246, 225, .58)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.58) !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-source-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 8px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-tab,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-source-tab,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode {
    justify-content: flex-start !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 11px 12px !important;
    border-radius: 8px !important;
    text-align: left !important;
    white-space: normal !important;
    line-height: 1.45 !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: none !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode {
    display: grid !important;
    gap: 5px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-tab.active,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-source-tab.active,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode.active {
    border-color: rgba(217, 155, 22, .46) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(245, 205, 110, .36), transparent 52%),
      rgba(255, 248, 229, .94) !important;
    color: #5f3d00 !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode strong,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode span {
    line-height: 1.55 !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .form-grid,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .form-grid,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-form-grid {
    gap: 16px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop textarea,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop textarea,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator textarea {
    line-height: 1.72 !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .layout > aside #estimateBox,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout > aside .vg-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .layout > aside .estimate {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .layout > aside .actions,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .layout > aside .actions,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout > aside .vg-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout > aside .vg-actions #estimateBtn,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout > aside .vg-actions #splitBtn,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout > aside .vg-actions #generateBtn {
    width: 100% !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .metric,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .metric,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-metric {
    padding: 13px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .task-card,
  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .material,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-record-item,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-material-item,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .record {
    border-radius: 8px !important;
    line-height: 1.6 !important;
  }
}

/* 2026-05-14 PC pass7 final overrides.
   These intentionally sit at the end because older migration blocks above still
   force tab/card display for some legacy pages. */
body.wb-plugin-aurora-reflow [hidden],
body.wb-plugin-aurora-reflow .hide,
body.wb-plugin-aurora-reflow .vg-hidden,
body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode[hidden],
body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-panel[hidden],
body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-source-picker[hidden] {
  display: none !important;
}

body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .wb-plugin-hero,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .guide,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .panel,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .right-results {
  color: #f4ead4 !important;
  border-color: rgba(226, 181, 92, .24) !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(215, 161, 58, .10), transparent 42%),
    rgba(36, 28, 17, .88) !important;
}

body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .wb-plugin-hero *,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .panel-head h2,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .step-title,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .template strong,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .intent-card strong {
  color: #f4ead4 !important;
}

body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .wb-plugin-hero p,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .guide-head p,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .intent-card span,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .template span,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .selected-ref,
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .muted {
  color: #b9a37c !important;
}

body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .tabs {
  border-color: rgba(226, 181, 92, .24) !important;
  background: rgba(36, 28, 17, .78) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .26) !important;
}

body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .tab:not(.active),
body.dashboard-embedded-plugin.wb-plugin-aurora-reflow.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .btn:not(.primary):not(.green):not(.warn) {
  color: #f4ead4 !important;
  border-color: rgba(226, 181, 92, .24) !important;
  background: rgba(50, 39, 24, .72) !important;
}

@media (min-width: 1024px) {
  body.wb-plugin-aurora-reflow.plugin-page-trending .trending-rail {
    grid-template-columns: 1fr !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-trending .trending-rail > .stats {
    grid-column: 1 !important;
    width: 100% !important;
    justify-self: stretch !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .layout,
  body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .layout,
  body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 344px) !important;
    gap: 24px !important;
  }

  body.wb-plugin-aurora-reflow.plugin-page-signin .calendar-day {
    aspect-ratio: auto !important;
    min-height: 64px !important;
  }
}

/* 2026-05-14 embedded theme bridge/detail repair.
   The dashboard can switch schemes while plugin pages live inside iframes, so the
   iframe document needs its own scheme classes and late page-local overrides. */
body.plugin-scheme-nocturne {
  --wb-plugin-bg: linear-gradient(135deg, #100c07 0%, #181007 48%, #080604 100%);
  --wb-plugin-panel: rgba(36, 28, 17, .88);
  --wb-plugin-border: rgba(226, 181, 92, .24);
  --wb-plugin-text: #f4ead4;
  --wb-plugin-muted: #b9a37c;
  --wb-plugin-blue: #d7a13a;
  --wb-plugin-blue-soft: rgba(215, 161, 58, .16);
  --wb-plugin-green: #77c59a;
  --wb-plugin-shadow: 0 18px 46px rgba(0, 0, 0, .26);
  --wb-reflow-panel: rgba(36, 28, 17, .88);
  --wb-reflow-border: rgba(226, 181, 92, .24);
  --wb-reflow-strong: #f4ead4;
  --wb-reflow-muted: #b9a37c;
  --wb-reflow-gold: #d7a13a;
  --wb-reflow-gold-dark: #f0c66a;
  --wb-reflow-shadow: 0 18px 46px rgba(0, 0, 0, .28);
  --wb-reflow-soft: rgba(215, 161, 58, .10);
}

body.plugin-scheme-starry {
  --wb-plugin-bg: linear-gradient(135deg, #071324 0%, #0c1a30 54%, #08111f 100%);
  --wb-plugin-panel: rgba(12, 26, 48, .88);
  --wb-plugin-border: rgba(125, 180, 255, .24);
  --wb-plugin-text: #e8f1ff;
  --wb-plugin-muted: #a9bbd3;
  --wb-plugin-blue: #7db4ff;
  --wb-plugin-blue-soft: rgba(125, 180, 255, .16);
  --wb-plugin-green: #7fe2c3;
  --wb-plugin-shadow: 0 18px 46px rgba(0, 0, 0, .28);
  --wb-reflow-panel: rgba(12, 26, 48, .88);
  --wb-reflow-border: rgba(125, 180, 255, .24);
  --wb-reflow-strong: #e8f1ff;
  --wb-reflow-muted: #a9bbd3;
  --wb-reflow-gold: #7db4ff;
  --wb-reflow-gold-dark: #9ed4ff;
  --wb-reflow-shadow: 0 18px 46px rgba(0, 0, 0, .30);
  --wb-reflow-soft: rgba(125, 180, 255, .10);
}

body.dashboard-embedded-plugin.plugin-scheme-nocturne,
body.dashboard-embedded-plugin.plugin-scheme-starry {
  background: transparent !important;
}

body.plugin-scheme-nocturne.wb-plugin-aurora-reflow,
body.plugin-scheme-starry.wb-plugin-aurora-reflow {
  color: var(--wb-plugin-text) !important;
}

body.plugin-scheme-nocturne.wb-plugin-aurora-reflow .wb-plugin-root-structured,
body.plugin-scheme-nocturne.plugin-page-imageMarketingWorkshop .page {
  background:
    radial-gradient(circle at 9% 0%, rgba(219, 167, 75, .14), transparent 28rem),
    radial-gradient(circle at 94% 5%, rgba(92, 76, 47, .22), transparent 26rem) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow .wb-plugin-root-structured,
body.plugin-scheme-starry.plugin-page-imageMarketingWorkshop .page {
  background:
    radial-gradient(circle at 9% 0%, rgba(125, 180, 255, .15), transparent 28rem),
    radial-gradient(circle at 94% 5%, rgba(42, 95, 160, .18), transparent 26rem) !important;
}

body.plugin-scheme-nocturne .wb-plugin-hero,
body.plugin-scheme-nocturne .guide,
body.plugin-scheme-nocturne .starter-guide,
body.plugin-scheme-nocturne .panel,
body.plugin-scheme-nocturne .card,
body.plugin-scheme-nocturne .vg-panel,
body.plugin-scheme-nocturne .nma-card,
body.plugin-scheme-nocturne .cp-card,
body.plugin-scheme-nocturne .quota-card,
body.plugin-scheme-nocturne .rail-card,
body.plugin-scheme-nocturne .right-results,
body.plugin-scheme-nocturne .modal-content,
body.plugin-scheme-nocturne dialog {
  color: var(--wb-plugin-text) !important;
  border-color: var(--wb-plugin-border) !important;
  background:
    radial-gradient(circle at 95% 0%, rgba(215, 161, 58, .10), transparent 42%),
    var(--wb-plugin-panel) !important;
  box-shadow: var(--wb-plugin-shadow) !important;
}

body.plugin-scheme-starry .wb-plugin-hero,
body.plugin-scheme-starry .guide,
body.plugin-scheme-starry .starter-guide,
body.plugin-scheme-starry .panel,
body.plugin-scheme-starry .card,
body.plugin-scheme-starry .vg-panel,
body.plugin-scheme-starry .nma-card,
body.plugin-scheme-starry .cp-card,
body.plugin-scheme-starry .quota-card,
body.plugin-scheme-starry .rail-card,
body.plugin-scheme-starry .right-results,
body.plugin-scheme-starry .modal-content,
body.plugin-scheme-starry dialog {
  color: var(--wb-plugin-text) !important;
  border-color: var(--wb-plugin-border) !important;
  background:
    radial-gradient(circle at 95% 0%, rgba(125, 180, 255, .12), transparent 42%),
    var(--wb-plugin-panel) !important;
  box-shadow: var(--wb-plugin-shadow) !important;
}

body.plugin-scheme-nocturne .panel-head,
body.plugin-scheme-nocturne .panel-header,
body.plugin-scheme-nocturne .vg-panel-header,
body.plugin-scheme-nocturne .modal-head,
body.plugin-scheme-nocturne .modal-foot,
body.plugin-scheme-starry .panel-head,
body.plugin-scheme-starry .panel-header,
body.plugin-scheme-starry .vg-panel-header,
body.plugin-scheme-starry .modal-head,
body.plugin-scheme-starry .modal-foot {
  border-color: var(--wb-plugin-border) !important;
  background: color-mix(in srgb, var(--wb-plugin-panel), transparent 12%) !important;
}

body.plugin-scheme-nocturne .intent-card,
body.plugin-scheme-nocturne .template,
body.plugin-scheme-nocturne .tab,
body.plugin-scheme-nocturne .check,
body.plugin-scheme-nocturne .example-chip,
body.plugin-scheme-nocturne .choice-chip,
body.plugin-scheme-nocturne .palette-card,
body.plugin-scheme-nocturne .brand-preview-card,
body.plugin-scheme-nocturne .brand-item,
body.plugin-scheme-nocturne .result,
body.plugin-scheme-nocturne .material-choice,
body.plugin-scheme-nocturne .metric,
body.plugin-scheme-nocturne .hint,
body.plugin-scheme-nocturne .step-hint,
body.plugin-scheme-nocturne .status,
body.plugin-scheme-nocturne details.advanced {
  color: var(--wb-plugin-text) !important;
  border-color: var(--wb-plugin-border) !important;
  background: rgba(50, 39, 24, .72) !important;
  box-shadow: none !important;
}

body.plugin-scheme-starry .intent-card,
body.plugin-scheme-starry .template,
body.plugin-scheme-starry .tab,
body.plugin-scheme-starry .check,
body.plugin-scheme-starry .example-chip,
body.plugin-scheme-starry .choice-chip,
body.plugin-scheme-starry .palette-card,
body.plugin-scheme-starry .brand-preview-card,
body.plugin-scheme-starry .brand-item,
body.plugin-scheme-starry .result,
body.plugin-scheme-starry .material-choice,
body.plugin-scheme-starry .metric,
body.plugin-scheme-starry .hint,
body.plugin-scheme-starry .step-hint,
body.plugin-scheme-starry .status,
body.plugin-scheme-starry details.advanced {
  color: var(--wb-plugin-text) !important;
  border-color: var(--wb-plugin-border) !important;
  background: rgba(18, 35, 62, .72) !important;
  box-shadow: none !important;
}

body.plugin-scheme-nocturne .tabs,
body.plugin-scheme-starry .tabs {
  border-color: var(--wb-plugin-border) !important;
  background: color-mix(in srgb, var(--wb-plugin-panel), transparent 18%) !important;
  box-shadow: var(--wb-plugin-shadow) !important;
}

body.plugin-scheme-nocturne .tab.active,
body.plugin-scheme-nocturne .intent-card.active,
body.plugin-scheme-nocturne .template.active,
body.plugin-scheme-nocturne .choice-chip.active,
body.plugin-scheme-nocturne .palette-card.active {
  color: #2b1b07 !important;
  border-color: rgba(240, 198, 106, .62) !important;
  background: linear-gradient(135deg, #f0c66a, #c58c24) !important;
}

body.plugin-scheme-starry .tab.active,
body.plugin-scheme-starry .intent-card.active,
body.plugin-scheme-starry .template.active,
body.plugin-scheme-starry .choice-chip.active,
body.plugin-scheme-starry .palette-card.active {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .66) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
}

body.plugin-scheme-nocturne label,
body.plugin-scheme-nocturne .field label,
body.plugin-scheme-nocturne .step-title,
body.plugin-scheme-nocturne .panel-head h2,
body.plugin-scheme-nocturne .rail-card strong,
body.plugin-scheme-nocturne .result-title,
body.plugin-scheme-starry label,
body.plugin-scheme-starry .field label,
body.plugin-scheme-starry .step-title,
body.plugin-scheme-starry .panel-head h2,
body.plugin-scheme-starry .rail-card strong,
body.plugin-scheme-starry .result-title {
  color: var(--wb-plugin-text) !important;
}

body.plugin-scheme-nocturne .muted,
body.plugin-scheme-nocturne .selected-ref,
body.plugin-scheme-nocturne .rail-list,
body.plugin-scheme-nocturne .intent-card span,
body.plugin-scheme-nocturne .template span,
body.plugin-scheme-nocturne .palette-card span,
body.plugin-scheme-nocturne .metric span,
body.plugin-scheme-starry .muted,
body.plugin-scheme-starry .selected-ref,
body.plugin-scheme-starry .rail-list,
body.plugin-scheme-starry .intent-card span,
body.plugin-scheme-starry .template span,
body.plugin-scheme-starry .palette-card span,
body.plugin-scheme-starry .metric span {
  color: var(--wb-plugin-muted) !important;
}

body.plugin-scheme-nocturne input,
body.plugin-scheme-nocturne select,
body.plugin-scheme-nocturne textarea,
body.plugin-scheme-starry input,
body.plugin-scheme-starry select,
body.plugin-scheme-starry textarea {
  color: var(--wb-plugin-text) !important;
  border-color: var(--wb-plugin-border) !important;
  background: color-mix(in srgb, var(--wb-plugin-panel), #000 10%) !important;
}

body.plugin-scheme-nocturne input::placeholder,
body.plugin-scheme-nocturne textarea::placeholder,
body.plugin-scheme-starry input::placeholder,
body.plugin-scheme-starry textarea::placeholder {
  color: color-mix(in srgb, var(--wb-plugin-muted), transparent 22%) !important;
}

body.plugin-scheme-nocturne .btn,
body.plugin-scheme-nocturne button:not(.tab):not(.intent-card):not(.template):not(.duration-btn):not(.scene-tab):not(.vg-source-tab):not(.nma-tab):not(.nma-pill):not(.nma-check):not(.nma-btn),
body.plugin-scheme-starry .btn,
body.plugin-scheme-starry button:not(.tab):not(.intent-card):not(.template):not(.duration-btn):not(.scene-tab):not(.vg-source-tab):not(.nma-tab):not(.nma-pill):not(.nma-check):not(.nma-btn) {
  color: var(--wb-plugin-text) !important;
  border-color: var(--wb-plugin-border) !important;
  background: color-mix(in srgb, var(--wb-plugin-panel), transparent 10%) !important;
}

body.plugin-scheme-nocturne .btn.primary,
body.plugin-scheme-nocturne button.primary,
body.plugin-scheme-starry .btn.primary,
body.plugin-scheme-starry button.primary {
  color: #241707 !important;
  border-color: rgba(240, 198, 106, .52) !important;
  background: linear-gradient(135deg, #f0c66a, #c58c24) !important;
}

body.plugin-scheme-starry .btn.primary,
body.plugin-scheme-starry button.primary {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .58) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
}

body.plugin-scheme-nocturne .thumb,
body.plugin-scheme-nocturne .material-choice img,
body.plugin-scheme-starry .thumb,
body.plugin-scheme-starry .material-choice img {
  background: color-mix(in srgb, var(--wb-plugin-panel), #000 16%) !important;
}

body.wb-plugin-aurora-reflow.plugin-page-imageMarketingWorkshop [data-panel="product"] #productPlatforms.checks,
body.wb-plugin-aurora-reflow.plugin-page-imageMarketingWorkshop [data-panel="product"] #productLanguages.checks {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

body.wb-plugin-aurora-reflow.plugin-page-imageMarketingWorkshop [data-panel="product"] .check {
  width: 100% !important;
  min-height: 40px !important;
  justify-content: flex-start !important;
  white-space: normal !important;
  line-height: 1.45 !important;
}

body.wb-plugin-aurora-reflow.plugin-page-imageMarketingWorkshop .check input[type="checkbox"],
body.wb-plugin-aurora-reflow.plugin-page-imageMarketingWorkshop .check input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  flex: 0 0 16px !important;
  margin: 0 !important;
}

/* 2026-05-14 Nocturne full embedded sweep.
   These selectors cover page-owned surfaces that do not use the shared
   `.panel` / `.card` vocabulary yet. Keep this late so it wins over page-local
   light CSS while the structural migrations continue. */
body.plugin-scheme-nocturne {
  --bg: #120d08;
  --panel: rgba(36, 28, 17, .88);
  --line: rgba(226, 181, 92, .24);
  --border: rgba(226, 181, 92, .24);
  --text: #f4ead4;
  --muted: #b9a37c;
  --primary: #d7a13a;
  --primary-dark: #f0c66a;
  --brand: #d7a13a;
  --soft: rgba(215, 161, 58, .10);
  --vg-panel: rgba(36, 28, 17, .88);
  --vg-line: rgba(226, 181, 92, .24);
  --vg-text: #f4ead4;
  --vg-muted: #b9a37c;
  --mp-bg: #120d08;
  --mp-bg-soft: rgba(36, 28, 17, .74);
  --mp-surface: rgba(36, 28, 17, .88);
  --mp-surface-strong: rgba(50, 39, 24, .92);
  --mp-border: rgba(226, 181, 92, .24);
  --mp-text: #f4ead4;
  --mp-muted: #b9a37c;
  --nma-bg: #120d08;
  --nma-panel: rgba(36, 28, 17, .88);
  --nma-line: rgba(226, 181, 92, .24);
  --nma-ink: #f4ead4;
  --nma-muted: #b9a37c;
  --cp-bg: #120d08;
  --cp-panel: rgba(36, 28, 17, .88);
  --cp-line: rgba(226, 181, 92, .24);
  --cp-ink: #f4ead4;
  --cp-muted: #b9a37c;
}

body.plugin-scheme-starry {
  --bg: #071324;
  --panel: rgba(12, 26, 48, .88);
  --line: rgba(125, 180, 255, .24);
  --border: rgba(125, 180, 255, .24);
  --text: #e8f1ff;
  --muted: #a9bbd3;
  --primary: #7db4ff;
  --primary-dark: #9ed4ff;
  --brand: #7db4ff;
  --soft: rgba(125, 180, 255, .10);
  --vg-panel: rgba(12, 26, 48, .88);
  --vg-line: rgba(125, 180, 255, .24);
  --vg-text: #e8f1ff;
  --vg-muted: #a9bbd3;
  --mp-bg: #071324;
  --mp-bg-soft: rgba(12, 26, 48, .74);
  --mp-surface: rgba(12, 26, 48, .88);
  --mp-surface-strong: rgba(18, 35, 62, .92);
  --mp-border: rgba(125, 180, 255, .24);
  --mp-text: #e8f1ff;
  --mp-muted: #a9bbd3;
  --nma-bg: #071324;
  --nma-panel: rgba(12, 26, 48, .88);
  --nma-line: rgba(125, 180, 255, .24);
  --nma-ink: #e8f1ff;
  --nma-muted: #a9bbd3;
  --cp-bg: #071324;
  --cp-panel: rgba(12, 26, 48, .88);
  --cp-line: rgba(125, 180, 255, .24);
  --cp-ink: #e8f1ff;
  --cp-muted: #a9bbd3;
}

body.dashboard-embedded-plugin.plugin-scheme-nocturne :is(
  .wb-plugin-hero-stat,
  .starter-guide,
  .starter-card,
  .task-block,
  .task-panel,
  .task-compose,
  .rail-panel,
  .rail-settings,
  .rail-guide,
  .rail-cost,
  .result-panel,
  .history-panel,
  .custom-size,
  .toggle-row,
  .mask-box,
  .rail-meter,
  .rail-note li,
  .flow-box,
  .analysis,
  .cost-info,
  .option-line,
  .notice,
  .rewritten-content,
  .kb-selector,
  .style-option:not(.active),
  .image-item,
  .format-tab-btn:not(.active),
  .quick-card,
  .pm-hint,
  .tag,
  .upload,
  .mini,
  .prompt,
  .list-row,
  .empty,
  .estimate-stat,
  .preview-img,
  .slot-upload-card,
  .switch-row,
  .task-shell,
  .decision-rail,
  .record-zone,
  .vg-source-tabs,
  .vg-source-tab,
  .vg-field,
  .vg-summary-grid,
  .vg-record-item,
  .vg-material-item,
  .field.upload,
  .mp-gallery-panel,
  .mp-rail-card,
  .mp-toolbar,
  .mp-hero-panel,
  .mp-rail-item,
  .mp-chip,
  .mp-card,
  .mp-card-body,
  .preview-box,
  .drawer,
  .search-box,
  .trending-panel,
  .platform-btn,
  .hot-item,
  .rank-other,
  .explain-content,
  .stat-item,
  .quota-item,
  .quota-summary-item,
  .kb-item,
  .agent-panel,
  .doc-item,
  .wiki-stat,
  .wiki-item,
  .graph-module,
  .graph-toolbar,
  .graph-canvas,
  .graph-detail,
  .content-pre,
  .subscription-card,
  .sub-item,
  .nma-output,
  .nma-tags span,
  .nma-images a,
  .nma-record,
  .nma-status,
  .cp-item,
  .cp-output,
  .cp-tags span,
  .cp-record,
  .cp-status,
  .cp-checklist li,
  .metric,
  .qr,
  .filter-note,
  .task,
  .task-title,
  .task-cover,
  .candidate,
  .material,
  .template-gate,
  .signin-card,
  .calendar-day,
  .reward-card,
  .record-item,
  .bg-white,
  .bg-yellow-50,
  .bg-purple-50,
  .bg-gray-50
) {
  color: #f4ead4 !important;
  border-color: rgba(226, 181, 92, .24) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(215, 161, 58, .10), transparent 44%),
    rgba(36, 28, 17, .88) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .24) !important;
}

body.dashboard-embedded-plugin.plugin-scheme-starry :is(
  .wb-plugin-hero-stat,
  .starter-guide,
  .starter-card,
  .task-block,
  .task-panel,
  .rail-panel,
  .result-panel,
  .history-panel,
  .toggle-row,
  .slot-upload-card,
  .switch-row,
  .mp-gallery-panel,
  .mp-rail-card,
  .mp-toolbar,
  .mp-hero-panel,
  .mp-rail-item,
  .trending-panel,
  .platform-btn,
  .hot-item,
  .quota-item,
  .kb-item,
  .nma-output,
  .nma-record,
  .cp-output,
  .cp-record,
  .metric,
  .signin-card,
  .stat-item,
  .template-gate,
  .bg-white,
  .bg-yellow-50,
  .bg-purple-50,
  .bg-gray-50
) {
  color: #e8f1ff !important;
  border-color: rgba(125, 180, 255, .24) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 180, 255, .12), transparent 44%),
    rgba(12, 26, 48, .88) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .26) !important;
}

body.dashboard-embedded-plugin.plugin-scheme-nocturne :is(
  .wb-plugin-hero-stat *,
  .task-block h2,
  .task-block h3,
  .task-panel h2,
  .rail-panel h2,
  .result-panel h2,
  .history-panel h2,
  .mp-gallery-panel h2,
  .mp-rail-card h2,
  .mp-toolbar h2,
  .trending-panel h2,
  .quota-item strong,
  .kb-item strong,
  .agent-panel strong,
  .doc-title-link,
  .hot-title,
  .nma-output strong,
  .cp-output strong,
  .signin-card h2,
  .calendar-day,
  .template-gate h1,
  .quick-card strong,
  .slot-upload-card strong
) {
  color: #f4ead4 !important;
}

body.dashboard-embedded-plugin.plugin-scheme-starry :is(
  .wb-plugin-hero-stat *,
  .task-block h2,
  .task-panel h2,
  .rail-panel h2,
  .mp-gallery-panel h2,
  .trending-panel h2,
  .quota-item strong,
  .hot-title,
  .signin-card h2,
  .quick-card strong
) {
  color: #e8f1ff !important;
}

body.dashboard-embedded-plugin.plugin-scheme-nocturne :is(
  .wb-plugin-hero-stat span,
  .task-block p,
  .task-panel p,
  .rail-panel p,
  .result-panel p,
  .history-panel p,
  .flow-hint,
  .mp-rail-card p,
  .mp-toolbar p,
  .mp-rail-item p,
  .hot-meta,
  .stat-label,
  .explain-body,
  .quota-summary-item,
  .doc-meta,
  .wiki-item p,
  .graph-detail,
  .nma-record span,
  .cp-record span,
  .signin-card p,
  .template-gate p,
  .quick-card span,
  .slot-upload-card p
) {
  color: #b9a37c !important;
}

body.dashboard-embedded-plugin.plugin-scheme-starry :is(
  .wb-plugin-hero-stat span,
  .task-block p,
  .task-panel p,
  .rail-panel p,
  .mp-rail-card p,
  .hot-meta,
  .stat-label,
  .quota-summary-item,
  .signin-card p,
  .quick-card span
) {
  color: #a9bbd3 !important;
}

body.dashboard-embedded-plugin.plugin-scheme-nocturne :is(input, textarea, select),
body.dashboard-embedded-plugin.plugin-scheme-starry :is(input, textarea, select) {
  color: var(--wb-plugin-text) !important;
  border-color: var(--wb-plugin-border) !important;
  background: color-mix(in srgb, var(--wb-plugin-panel), #000 10%) !important;
}

body.dashboard-embedded-plugin.plugin-scheme-nocturne :is(input[type="checkbox"], input[type="radio"]),
body.dashboard-embedded-plugin.plugin-scheme-starry :is(input[type="checkbox"], input[type="radio"]) {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  flex: 0 0 16px !important;
  margin: 0 6px 0 0 !important;
  accent-color: var(--wb-plugin-blue) !important;
  box-shadow: none !important;
}

body.dashboard-embedded-plugin.plugin-scheme-nocturne :is(
  .tab:not(.active),
  .tab-btn:not(.active),
  .format-tab-btn:not(.active),
  .platform-btn:not(.active),
  .duration-btn:not(.active),
  .preset-btn:not(.active),
  .btn-secondary,
  button.secondary,
  .mask-actions .cancel,
  .drawer .close
) {
  color: #f4ead4 !important;
  border-color: rgba(226, 181, 92, .24) !important;
  background: rgba(50, 39, 24, .74) !important;
}

body.dashboard-embedded-plugin.plugin-scheme-starry :is(
  .tab:not(.active),
  .tab-btn:not(.active),
  .format-tab-btn:not(.active),
  .platform-btn:not(.active),
  .duration-btn:not(.active),
  .preset-btn:not(.active),
  .btn-secondary,
  button.secondary,
  .mask-actions .cancel,
  .drawer .close
) {
  color: #e8f1ff !important;
  border-color: rgba(125, 180, 255, .24) !important;
  background: rgba(18, 35, 62, .74) !important;
}

body.dashboard-embedded-plugin.plugin-scheme-nocturne :is(
  .tab.active,
  .tab-btn.active,
  .format-tab-btn.active,
  .platform-btn.active,
  .duration-btn.active,
  .preset-btn.active,
  .model-row.selected,
  .style-option.active,
  .kb-chip.active,
  .result-tab.active
) {
  color: #251806 !important;
  border-color: rgba(240, 198, 106, .58) !important;
  background: linear-gradient(135deg, #f0c66a, #c58c24) !important;
}

body.dashboard-embedded-plugin.plugin-scheme-starry :is(
  .tab.active,
  .tab-btn.active,
  .format-tab-btn.active,
  .platform-btn.active,
  .duration-btn.active,
  .preset-btn.active,
  .model-row.selected,
  .style-option.active,
  .kb-chip.active,
  .result-tab.active
) {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .62) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
}

body.dashboard-embedded-plugin.plugin-scheme-nocturne :is(table, thead, tbody, tr, th, td),
body.dashboard-embedded-plugin.plugin-scheme-starry :is(table, thead, tbody, tr, th, td) {
  color: var(--wb-plugin-text) !important;
  border-color: var(--wb-plugin-border) !important;
  background: transparent !important;
}

body.dashboard-embedded-plugin.plugin-scheme-nocturne th,
body.dashboard-embedded-plugin.plugin-scheme-starry th {
  background: color-mix(in srgb, var(--wb-plugin-panel), transparent 8%) !important;
}

/* Late scheme guard for embedded legacy pages whose inline page CSS appears
   after the shared stylesheet. Keep this near the final hidden-state rule. */
body.plugin-scheme-nocturne.wb-plugin-aurora-reflow :is(.signin-page) {
  background:
    radial-gradient(circle at 16% -8%, rgba(219, 167, 75, .14), transparent 30rem),
    radial-gradient(circle at 92% 0%, rgba(92, 76, 47, .20), transparent 28rem),
    linear-gradient(135deg, #100c07 0%, #181007 52%, #080604 100%) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow :is(.signin-page) {
  background:
    radial-gradient(circle at 16% -8%, rgba(125, 180, 255, .16), transparent 30rem),
    radial-gradient(circle at 92% 0%, rgba(42, 95, 160, .18), transparent 28rem),
    linear-gradient(135deg, #071324 0%, #0c1a30 54%, #08111f 100%) !important;
}

body.plugin-scheme-nocturne.wb-plugin-aurora-reflow :is(
  .panel,
  .card,
  .form-card,
  .form-panel,
  .section-card,
  .setting-card,
  .option-card,
  .scenario-card,
  .template-card,
  .package-option,
  .price-card,
  .estimate-card,
  .record-card,
  .preview-card,
  .prompt-card,
  .action-card,
  .tool-card,
  .target-platform,
  .platform-option,
  .platform-card,
  .radio-card,
  .checkbox-card,
  .quota-card,
  .subscription-card,
  .tabs,
  .tab-panel,
  .quick-card,
  .pm-hint,
  .flow-hint,
  .cost-info,
  .option-line,
  .notice,
  .rewritten-content,
  .kb-selector,
  .style-option,
  .image-item,
  .format-tab-btn,
  .wb-plugin-hero-stat,
  .task-block,
  .task-panel,
  .task-compose,
  .rail-panel,
  .rail-settings,
  .rail-guide,
  .rail-cost,
  .result-panel,
  .history-panel,
  .custom-size,
  .toggle-row,
  .mask-box,
  .rail-meter,
  .rail-note li,
  .upload,
  .field.upload,
  .mini,
  .prompt,
  .list-row,
  .empty,
  .estimate-stat,
  .preview-img,
  .slot-upload-card,
  .tier-card,
  .package-card,
  .duration-btn:not(.active),
  .model-row:not(.selected),
  .checkline,
  .pill,
  .chip,
  .tag,
  .badge,
  .switch-row,
  .task-shell,
  .decision-rail,
  .record-zone,
  .vg-source-tabs,
  .vg-source-tab:not(.active),
  .vg-field,
  .vg-summary-grid,
  .vg-record-item,
  .vg-material-item,
  .mode:not(.active),
  .metric,
  .qr,
  .filter-note,
  .task,
  .task-title,
  .task-cover,
  .candidate,
  .material,
  .template-gate,
  .template-actions a:not(.primary),
  .signin-card,
  .calendar-nav-btn,
  .calendar-day:not(.signed),
  .reward-card,
  .record-item,
  .history-card,
  .history-video-card,
  .history-image-card,
  .result-card,
  .mp-gallery-panel,
  .mp-rail-card,
  .mp-toolbar,
  .mp-hero-panel,
  .mp-rail-item,
  .mp-chip:not(.primary),
  .mp-card,
  .mp-card-body,
  .preview-box,
  .drawer,
  .search-box,
  .trending-panel,
  .platform-btn:not(.active),
  .hot-item,
  .rank-other,
  .explain-content,
  .stat-item,
  .quota-item,
  .quota-summary-item,
  .kb-item,
  .agent-panel,
  .doc-list,
  .doc-item,
  .wiki-stat,
  .wiki-item,
  .graph-module,
  .graph-toolbar,
  .graph-canvas,
  .graph-detail,
  .content-pre,
  .sub-item,
  .nma-output,
  .nma-tags span,
  .nma-images a,
  .nma-record,
  .nma-status,
  .cp-item,
  .cp-output,
  .cp-tags span,
  .cp-record,
  .cp-status,
  .cp-checklist li,
  .avw-confirm-box,
  .avw-confirm-total,
  .upload-zone,
  .drop-zone,
  .file-drop,
  .canvas-preview,
  .placeholder,
  .bg-white,
  .bg-yellow-50,
  .bg-purple-50,
  .bg-gray-50
) {
  color: #f4ead4 !important;
  border-color: rgba(226, 181, 92, .24) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(215, 161, 58, .10), transparent 44%),
    rgba(36, 28, 17, .90) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .26) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow :is(
  .panel,
  .card,
  .form-card,
  .form-panel,
  .section-card,
  .setting-card,
  .option-card,
  .scenario-card,
  .template-card,
  .package-option,
  .price-card,
  .estimate-card,
  .record-card,
  .preview-card,
  .prompt-card,
  .action-card,
  .tool-card,
  .target-platform,
  .platform-option,
  .platform-card,
  .radio-card,
  .checkbox-card,
  .quota-card,
  .subscription-card,
  .tabs,
  .tab-panel,
  .quick-card,
  .pm-hint,
  .flow-hint,
  .cost-info,
  .option-line,
  .notice,
  .rewritten-content,
  .kb-selector,
  .style-option:not(.active),
  .image-item,
  .format-tab-btn:not(.active),
  .wb-plugin-hero-stat,
  .task-block,
  .task-panel,
  .task-compose,
  .rail-panel,
  .rail-settings,
  .rail-guide,
  .rail-cost,
  .result-panel,
  .history-panel,
  .custom-size,
  .toggle-row,
  .mask-box,
  .rail-meter,
  .rail-note li,
  .upload,
  .field.upload,
  .mini,
  .prompt,
  .list-row,
  .empty,
  .estimate-stat,
  .preview-img,
  .slot-upload-card,
  .tier-card,
  .package-card,
  .duration-btn:not(.active),
  .model-row:not(.selected),
  .checkline,
  .pill,
  .chip,
  .tag,
  .badge,
  .switch-row,
  .task-shell,
  .decision-rail,
  .record-zone,
  .vg-source-tabs,
  .vg-source-tab:not(.active),
  .vg-field,
  .vg-summary-grid,
  .vg-record-item,
  .vg-material-item,
  .mode:not(.active),
  .metric,
  .qr,
  .filter-note,
  .task,
  .task-title,
  .task-cover,
  .candidate,
  .material,
  .template-gate,
  .template-actions a:not(.primary),
  .signin-card,
  .calendar-nav-btn,
  .calendar-day:not(.signed),
  .reward-card,
  .record-item,
  .history-card,
  .history-video-card,
  .history-image-card,
  .result-card,
  .mp-gallery-panel,
  .mp-rail-card,
  .mp-toolbar,
  .mp-hero-panel,
  .mp-rail-item,
  .mp-chip:not(.primary),
  .mp-card,
  .mp-card-body,
  .preview-box,
  .drawer,
  .search-box,
  .trending-panel,
  .platform-btn:not(.active),
  .hot-item,
  .rank-other,
  .explain-content,
  .stat-item,
  .quota-item,
  .quota-summary-item,
  .kb-item,
  .agent-panel,
  .doc-list,
  .doc-item,
  .wiki-stat,
  .wiki-item,
  .graph-module,
  .graph-toolbar,
  .graph-canvas,
  .graph-detail,
  .content-pre,
  .sub-item,
  .nma-output,
  .nma-tags span,
  .nma-images a,
  .nma-record,
  .nma-status,
  .cp-item,
  .cp-output,
  .cp-tags span,
  .cp-record,
  .cp-status,
  .cp-checklist li,
  .avw-confirm-box,
  .avw-confirm-total,
  .upload-zone,
  .drop-zone,
  .file-drop,
  .canvas-preview,
  .placeholder,
  .bg-white,
  .bg-yellow-50,
  .bg-purple-50,
  .bg-gray-50
) {
  color: #e8f1ff !important;
  border-color: rgba(125, 180, 255, .24) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 180, 255, .12), transparent 44%),
    rgba(12, 26, 48, .90) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .28) !important;
}

body.plugin-scheme-nocturne.wb-plugin-aurora-reflow :is(
  .tab.active,
  .tab-btn.active,
  .format-tab-btn.active,
  .platform-btn.active,
  .duration-btn.active,
  .preset-btn.active,
  .mode.active,
  .style-option.active,
  .kb-chip.active,
  .result-tab.active,
  .calendar-day.signed,
  .calendar-day.today
) {
  color: #251806 !important;
  border-color: rgba(240, 198, 106, .60) !important;
  background: linear-gradient(135deg, #f0c66a, #c58c24) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow :is(
  .tab.active,
  .tab-btn.active,
  .format-tab-btn.active,
  .platform-btn.active,
  .duration-btn.active,
  .preset-btn.active,
  .mode.active,
  .style-option.active,
  .kb-chip.active,
  .result-tab.active,
  .calendar-day.signed,
  .calendar-day.today
) {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .62) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .24) !important;
}

body.plugin-scheme-nocturne.wb-plugin-aurora-reflow :is(
  .tab.active,
  .tab-btn.active,
  .format-tab-btn.active,
  .platform-btn.active,
  .duration-btn.active,
  .preset-btn.active,
  .scene-tab.active,
  .vg-source-tab.active,
  .mode.active,
  .style-option.active,
  .kb-chip.active,
  .result-tab.active,
  .calendar-day.signed,
  .calendar-day.today,
  .model-row.selected,
  .tier-card.selected,
  .option-card.selected,
  .choice-chip.active,
  .template.active,
  .intent-card.active,
  .palette-card.active,
  button.primary,
  .btn.primary,
  .btn-primary
) :is(span, small, strong, b, em, label, p) {
  color: #251806 !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow :is(
  .tab.active,
  .tab-btn.active,
  .format-tab-btn.active,
  .platform-btn.active,
  .duration-btn.active,
  .preset-btn.active,
  .scene-tab.active,
  .vg-source-tab.active,
  .mode.active,
  .style-option.active,
  .kb-chip.active,
  .result-tab.active,
  .calendar-day.signed,
  .calendar-day.today,
  .model-row.selected,
  .tier-card.selected,
  .option-card.selected,
  .choice-chip.active,
  .template.active,
  .intent-card.active,
  .palette-card.active,
  button.primary,
  .btn.primary,
  .btn-primary
) :is(span, small, strong, b, em, label, p) {
  color: #071324 !important;
}

body.plugin-scheme-nocturne.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .avw-page-v2 .mode.active {
  color: #251806 !important;
  border-color: rgba(240, 198, 106, .60) !important;
  background: linear-gradient(135deg, #f0c66a, #c58c24) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .avw-page-v2 .mode.active {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .62) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
}

body.plugin-scheme-nocturne.wb-plugin-aurora-reflow :is(
  h1, h2, h3, h4,
  label,
  .card-title,
  .quota-card-title,
  .list-title,
  .step-title,
  .style-name,
  .quick-card strong,
  .metric strong,
  .hot-title,
  .doc-title-link,
  .template-gate h1,
  .signin-card h2,
  .record b
) {
  color: #f4ead4 !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow :is(
  h1, h2, h3, h4,
  label,
  .card-title,
  .quota-card-title,
  .list-title,
  .step-title,
  .style-name,
  .quick-card strong,
  .metric strong,
  .hot-title,
  .doc-title-link,
  .template-gate h1,
  .signin-card h2,
  .record b
) {
  color: #e8f1ff !important;
}

body.plugin-scheme-nocturne.wb-plugin-aurora-reflow :is(
  p,
  small,
  .muted,
  .help-line,
  .hint,
  .style-desc,
  .quick-card span,
  .metric span,
  .quota-label,
  .quota-card-note,
  .list-note,
  .doc-meta,
  .kb-item-meta,
  .template-gate p,
  .signin-card p,
  .stat-label,
  .record-date,
  .record span
) {
  color: #b9a37c !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow :is(
  p,
  small,
  .muted,
  .help-line,
  .hint,
  .style-desc,
  .quick-card span,
  .metric span,
  .quota-label,
  .quota-card-note,
  .list-note,
  .doc-meta,
  .kb-item-meta,
  .template-gate p,
  .signin-card p,
  .stat-label,
  .record-date,
  .record span
) {
  color: #a9bbd3 !important;
}

body.wb-plugin-aurora-reflow [hidden],
body.wb-plugin-aurora-reflow .hide,
body.wb-plugin-aurora-reflow .vg-hidden,
body.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode[hidden],
body.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-panel[hidden],
body.wb-plugin-aurora-reflow.plugin-page-videoGenerator .vg-source-picker[hidden] {
  display: none !important;
}

/* 2026-05-16 Nocturne/Starry chip + small surface guard.
   These elements are highly reused inside hero strips and small chips,
   and the original aurora rule paints them rgba(255,255,255,.48) which
   shows up as white squares against dark schemes. */
body.plugin-scheme-nocturne .wb-plugin-chip,
body.plugin-scheme-nocturne.wb-plugin-aurora-reflow .wb-plugin-chip,
body.plugin-scheme-nocturne.dashboard-embedded-plugin .wb-plugin-chip {
  background: rgba(58, 42, 22, .82) !important;
  color: #f4ead4 !important;
  border-color: rgba(226, 181, 92, .32) !important;
}
body.plugin-scheme-nocturne .wb-plugin-chip.primary,
body.plugin-scheme-nocturne.wb-plugin-aurora-reflow .wb-plugin-chip.primary {
  background: linear-gradient(135deg, #f0c66a, #c58c24) !important;
  color: #251806 !important;
  border-color: rgba(240, 198, 106, .58) !important;
}
body.plugin-scheme-starry .wb-plugin-chip,
body.plugin-scheme-starry.wb-plugin-aurora-reflow .wb-plugin-chip,
body.plugin-scheme-starry.dashboard-embedded-plugin .wb-plugin-chip {
  background: rgba(18, 35, 62, .82) !important;
  color: #e8f1ff !important;
  border-color: rgba(125, 180, 255, .32) !important;
}
body.plugin-scheme-starry .wb-plugin-chip.primary,
body.plugin-scheme-starry.wb-plugin-aurora-reflow .wb-plugin-chip.primary {
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .62) !important;
}

/* Common pill/status/badge guard so legacy class names render dark. */
body.plugin-scheme-nocturne .pill,
body.plugin-scheme-nocturne .badge,
body.plugin-scheme-nocturne .status,
body.plugin-scheme-nocturne .status-pill,
body.plugin-scheme-nocturne .tag {
  background: rgba(58, 42, 22, .82) !important;
  color: #f4ead4 !important;
  border-color: rgba(226, 181, 92, .32) !important;
}
body.plugin-scheme-starry .pill,
body.plugin-scheme-starry .badge,
body.plugin-scheme-starry .status,
body.plugin-scheme-starry .status-pill,
body.plugin-scheme-starry .tag {
  background: rgba(18, 35, 62, .82) !important;
  color: #e8f1ff !important;
  border-color: rgba(125, 180, 255, .32) !important;
}

/* ============================================================
   Starry 插件页 hero 装饰增强 — 对角光带 + 角落星点
   pointer-events: none，z-index 0，不影响其他方案
   ============================================================ */

/* 对角光带：叠加在已有光晕之上 */
body.plugin-scheme-starry .wb-plugin-hero::before {
  background:
    /* 对角光带 */
    linear-gradient(115deg, transparent 22%, rgba(125, 180, 255, .12) 46%, rgba(167, 139, 250, .09) 60%, transparent 78%),
    /* 右上角蓝色光晕 */
    radial-gradient(circle at 76% 30%, rgba(96, 165, 250, .34) 0%, rgba(96, 165, 250, 0) 68%) !important;
  filter: none !important;
}

/* 左下角紫色光晕保持，加角落星点 */
body.plugin-scheme-starry .wb-plugin-hero::after {
  background: radial-gradient(circle, rgba(167, 139, 250, .24) 0%, rgba(167, 139, 250, 0) 72%) !important;
  /* 角落星点：用 box-shadow 在伪元素上散布 */
  box-shadow:
    /* 右上角星点 */
    calc(100% - 18px) 12px 0 1.5px rgba(114, 242, 255, .52),
    calc(100% - 36px) 8px 0 1px rgba(255, 255, 255, .38),
    calc(100% - 52px) 20px 0 1px rgba(167, 139, 250, .44),
    /* 左上角星点 */
    18px 10px 0 1px rgba(255, 255, 255, .32),
    38px 6px 0 1.5px rgba(96, 165, 250, .42),
    /* 右下角星点 */
    calc(100% - 22px) calc(100% - 10px) 0 1px rgba(114, 242, 255, .36);
  filter: none !important;
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  bottom: 0 !important;
  pointer-events: none !important;
}

/* ============================================================
   清晰度档卡片选择器  .quality-tier-row / .quality-tier-card
   aurora / nocturne / starry 三套配色
   2026-05-17
   ============================================================ */
.quality-tier-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.quality-tier-card {
  flex: 1 1 0;
  min-width: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1.5px solid rgba(160, 116, 48, .22);
  background: #fff;
  cursor: pointer;
  transition: border-color .15s, background .15s, box-shadow .15s;
  font-family: inherit;
  text-align: center;
  line-height: 1.25;
  box-shadow: none;
  outline: none;
}

.quality-tier-card:hover {
  border-color: rgba(160, 116, 48, .50);
  background: #fffdf7;
}

.quality-tier-card .qt-label {
  font-size: 15px;
  font-weight: 700;
  color: #2c2116;
  letter-spacing: .02em;
}

.quality-tier-card .qt-cost {
  font-size: 11px;
  color: #7d6d59;
  white-space: nowrap;
}

/* 选中态 — aurora（默认金色） */
.quality-tier-card.active {
  border-color: #d99b16;
  background: #fff9e6;
  box-shadow: 0 0 0 3px rgba(217, 155, 22, .14);
}

.quality-tier-card.active .qt-label {
  color: #b07a00;
}

.quality-tier-card.active .qt-cost {
  color: #c08a10;
}

/* nocturne 配色 */
body.plugin-scheme-nocturne .quality-tier-card {
  border-color: rgba(196, 124, 246, .22);
  background: rgba(30, 20, 50, .55);
}

body.plugin-scheme-nocturne .quality-tier-card:hover {
  border-color: rgba(196, 124, 246, .50);
  background: rgba(50, 30, 80, .65);
}

body.plugin-scheme-nocturne .quality-tier-card .qt-label {
  color: #e8d5ff;
}

body.plugin-scheme-nocturne .quality-tier-card .qt-cost {
  color: #b89fd4;
}

body.plugin-scheme-nocturne .quality-tier-card.active {
  border-color: #c47cf6;
  background: rgba(80, 30, 120, .55);
  box-shadow: 0 0 0 3px rgba(196, 124, 246, .18);
}

body.plugin-scheme-nocturne .quality-tier-card.active .qt-label {
  color: #e0b8ff;
}

body.plugin-scheme-nocturne .quality-tier-card.active .qt-cost {
  color: #c89ee8;
}

/* starry 配色 */
body.plugin-scheme-starry .quality-tier-card {
  border-color: rgba(96, 165, 250, .22);
  background: rgba(10, 20, 50, .55);
}

body.plugin-scheme-starry .quality-tier-card:hover {
  border-color: rgba(96, 165, 250, .50);
  background: rgba(15, 30, 70, .65);
}

body.plugin-scheme-starry .quality-tier-card .qt-label {
  color: #d0e8ff;
}

body.plugin-scheme-starry .quality-tier-card .qt-cost {
  color: #8ab4d8;
}

body.plugin-scheme-starry .quality-tier-card.active {
  border-color: #60a5fa;
  background: rgba(20, 50, 100, .55);
  box-shadow: 0 0 0 3px rgba(96, 165, 250, .18);
}

body.plugin-scheme-starry .quality-tier-card.active .qt-label {
  color: #bde0ff;
}

body.plugin-scheme-starry .quality-tier-card.active .qt-cost {
  color: #90c4f0;
}

/* ============================================================
   2026-05-17  wb-placeholder — 通用生成占位卡（shimmer 骨架）
   用于所有生图/生视频插件的"正在生成"等待状态。
   aurora（默认暖金）/ nocturne（深紫）/ starry（蓝紫星空）三套配色。
   ============================================================ */

/* keyframes — 全局唯一，避免与各插件内联 pulse 冲突 */
@keyframes wbShimmer {
  from { background-position: 200% 0; }
  to   { background-position: -200% 0; }
}

/* --- aurora（默认暖金）--- */
.wb-placeholder-card {
  display: grid;
  gap: 12px;
  background: rgba(255, 250, 240, .82);
  border: 1px solid rgba(187, 132, 38, .2);
  border-radius: 12px;
  padding: 24px;
}

.wb-placeholder-media {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  background: linear-gradient(
    90deg,
    rgba(243, 226, 193, .78),
    rgba(255, 255, 255, .88),
    rgba(243, 226, 193, .78)
  );
  background-size: 200% 100%;
  animation: wbShimmer 1.8s linear infinite;
}

.wb-placeholder-shimmer {
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(243, 226, 193, .78),
    rgba(255, 255, 255, .88),
    rgba(243, 226, 193, .78)
  );
  background-size: 200% 100%;
  animation: wbShimmer 1.8s linear infinite;
}

.wb-placeholder-shimmer.short { width: 54%; }

.wb-placeholder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(243, 226, 193, .6);
  margin: 0 auto 8px;
  font-size: 22px;
  line-height: 1;
}

.wb-placeholder-text {
  font-size: 13px;
  color: #9a6b10;
  text-align: center;
  line-height: 1.65;
  padding: 0 4px;
}

/* --- nocturne 深色主题覆盖 --- */
body.plugin-scheme-nocturne .wb-placeholder-card {
  background: rgba(30, 20, 50, .72) !important;
  border-color: rgba(196, 124, 246, .22) !important;
}

body.plugin-scheme-nocturne .wb-placeholder-media,
body.plugin-scheme-nocturne .wb-placeholder-shimmer {
  background: linear-gradient(
    90deg,
    rgba(80, 50, 120, .6),
    rgba(196, 124, 246, .22),
    rgba(80, 50, 120, .6)
  ) !important;
  background-size: 200% 100% !important;
  animation: wbShimmer 1.8s linear infinite !important;
}

body.plugin-scheme-nocturne .wb-placeholder-icon {
  background: rgba(80, 50, 120, .5) !important;
}

body.plugin-scheme-nocturne .wb-placeholder-text {
  color: rgba(196, 124, 246, .82) !important;
}

/* --- starry 星空主题覆盖 --- */
body.plugin-scheme-starry .wb-placeholder-card {
  background: rgba(10, 18, 40, .72) !important;
  border-color: rgba(96, 165, 250, .22) !important;
}

body.plugin-scheme-starry .wb-placeholder-media,
body.plugin-scheme-starry .wb-placeholder-shimmer {
  background: linear-gradient(
    90deg,
    rgba(30, 58, 100, .6),
    rgba(96, 165, 250, .22),
    rgba(30, 58, 100, .6)
  ) !important;
  background-size: 200% 100% !important;
  animation: wbShimmer 1.8s linear infinite !important;
}

body.plugin-scheme-starry .wb-placeholder-icon {
  background: rgba(30, 58, 100, .5) !important;
}

body.plugin-scheme-starry .wb-placeholder-text {
  color: rgba(96, 165, 250, .82) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow :is(.wb-plugin-kicker, .wb-plugin-chip.primary) {
  color: #071324 !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow :is(.wb-plugin-kicker, .wb-plugin-chip.primary) :is(span, small, strong, b, em, label, p) {
  color: #071324 !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeVideoGenerator .duration-btn.active,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-tab.active,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-newMediaAssistant :is(.nma-tab.active, .nma-pill.active, .nma-check.active, .nma-btn.primary) {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .62) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .24) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeVideoGenerator .model-row.selected {
  color: #e8f1ff !important;
  border-color: rgba(125, 180, 255, .32) !important;
  background: linear-gradient(135deg, rgba(26, 58, 110, .94), rgba(10, 26, 56, .96)) !important;
  box-shadow: 0 0 0 1px rgba(158, 212, 255, .32), 0 18px 36px rgba(0, 0, 0, .24) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeVideoGenerator .model-row.selected :is(span, small, strong, b, em, label, p) {
  color: #e8f1ff !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeVideoGenerator .model-row.selected .cost {
  color: #9ed4ff !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode.active {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .68) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
  box-shadow: 0 0 0 1px rgba(158, 212, 255, .32), 0 16px 32px rgba(0, 0, 0, .24) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode.active strong {
  color: #071324 !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode.active span {
  color: rgba(7, 19, 36, .82) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-aiVideoWorkshop .mode.active .tag {
  color: #0c284f !important;
  background: rgba(7, 19, 36, .14) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-tab.active strong {
  color: #071324 !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-videoMarketingWorkshop .scene-tab.active span {
  color: rgba(7, 19, 36, .82) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn {
  color: #edf6ff !important;
  background:
    radial-gradient(circle at 10% -8%, rgba(96, 165, 250, .20), transparent 28rem),
    radial-gradient(circle at 88% 0%, rgba(167, 139, 250, .12), transparent 28rem),
    linear-gradient(135deg, #071323 0%, #0b1b34 54%, #04070f 100%) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .task-panel,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .rail-panel,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .result-panel,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .history-panel,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .source-box,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .optimize-panel,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .reference-card,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .placeholder-card,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .history-card,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .mask-box,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator dialog,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .material-choice,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-imageGenerator .auth-check-inner,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .signin-card,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .stats-section .stat-item,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .records-list,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .record-item,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .calendar-nav-btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .trending-panel,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .hot-item,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .explain-content,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .stat-item,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .platform-btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .panel,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .metric,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .qr,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .tabs,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .tab,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn table,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn th,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn td {
  border-color: rgba(125, 180, 255, .22) !important;
  background: rgba(11, 27, 52, .84) !important;
  box-shadow: 0 18px 46px rgba(0, 12, 35, .28) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .section-eyebrow,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .task-panel-title,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .reference-title,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .history-card-meta,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-imageGenerator .auth-check-inner h3,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .signin-header h1,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .calendar-title,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .records-title,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .header h1,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .hot-title,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .trending-section-head h2,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .head h1,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .head h2,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .muted,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .status,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .tab {
  color: #edf6ff !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .hint,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .banner,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .reference-desc,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .optimize-note,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .optimize-status,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .result-meta,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .result-extra,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .loading-bar,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .result-empty,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-imageGenerator .auth-check-inner p,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .signin-header p,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .calendar-weekday,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .calendar-day,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .stat-label,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .record-date,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .empty-records,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .header p,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .hot-meta,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .stat-label,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .trending-section-head p,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .trending-guide,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .metric span,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .field label,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .head,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .table,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .muted {
  color: #a9c1df !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator textarea,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator input[type="text"],
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator input[type="number"],
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .preset-btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .secondary-btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .tiny-btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin input,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin textarea,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .signin-btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .signin-btn.signed,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .refresh-btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn button,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn input,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn textarea,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn select {
  color: #e8f1ff !important;
  border-color: rgba(125, 180, 255, .22) !important;
  background: rgba(10, 24, 48, .9) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .btn-primary,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator .preset-btn.active,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-imageGenerator .auth-check-inner .ig-btn-primary,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .signin-btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .calendar-day.signed,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .platform-btn.active,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .btn-primary,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-trending .refresh-btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn button.primary,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .tab.active,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .status.ok {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .62) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .24) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-freeImageGenerator #generateBtn {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .62) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .24) !important;
}

body.plugin-scheme-starry :is(
  .btn-primary,
  .btn.primary,
  button.primary,
  .nma-btn.primary,
  .vg-button.rose,
  button[id$="Submit"],
  #submitBtn,
  #generateBtn,
  .mask-actions .confirm
) {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .62) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
  text-shadow: none !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, .24) !important;
}

body.plugin-scheme-starry :is(
  .btn-primary,
  .btn.primary,
  button.primary,
  .nma-btn.primary,
  .vg-button.rose,
  button[id$="Submit"],
  #submitBtn,
  #generateBtn,
  .mask-actions .confirm
) :is(span, small, strong, b, em, label, p) {
  color: #071324 !important;
}

body.plugin-scheme-starry :is(#submitBtn, #generateBtn):disabled {
  color: #071324 !important;
  opacity: .72 !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .signin-btn,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .signin-btn:disabled,
body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin #signinBtn {
  color: #071324 !important;
  border-color: rgba(158, 212, 255, .62) !important;
  background: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
  background-image: linear-gradient(135deg, #9ed4ff, #4d8fe5) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .24) !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .signin-btn:disabled {
  opacity: .72 !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-signin .signin-btn .loading-spinner {
  border-color: rgba(7, 19, 36, .28) !important;
  border-top-color: #071324 !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .status.warn:not(#wb-starry-status-specificity) {
  color: #f6d98a !important;
  border-color: rgba(246, 217, 138, .32) !important;
  background: rgba(245, 158, 11, .14) !important;
  box-shadow: none !important;
}

body.plugin-scheme-starry.wb-plugin-aurora-reflow.plugin-page-promoteEarn .status.danger:not(#wb-starry-status-specificity) {
  color: #ffb4c8 !important;
  border-color: rgba(255, 133, 189, .32) !important;
  background: rgba(255, 133, 189, .14) !important;
  box-shadow: none !important;
}

.wb-plugin-feedback-entry {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  margin: -6px 0 18px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(187, 132, 38, .20) !important;
  border-radius: 8px !important;
  background: rgba(255, 252, 244, .82) !important;
  box-shadow: 0 12px 28px rgba(89, 62, 23, .06) !important;
}

.wb-plugin-feedback-entry div {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.wb-plugin-feedback-entry strong {
  color: var(--wb-plugin-text, #2c2116) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.wb-plugin-feedback-entry span {
  color: var(--wb-plugin-muted, #7d6d59) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.wb-plugin-feedback-trigger {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(217, 155, 22, .42) !important;
  border-radius: 8px !important;
  color: #2c2116 !important;
  background: linear-gradient(135deg, #fff3d0, #f0c66a) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.wb-plugin-feedback-dialog {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
}

.wb-plugin-feedback-dialog.open {
  display: flex !important;
}

.wb-plugin-feedback-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(28, 20, 10, .38) !important;
}

.wb-plugin-feedback-panel {
  position: relative !important;
  z-index: 1 !important;
  width: min(560px, 100%) !important;
  max-height: min(720px, calc(100vh - 36px)) !important;
  overflow: auto !important;
  padding: 22px !important;
  border: 1px solid rgba(187, 132, 38, .24) !important;
  border-radius: 8px !important;
  color: var(--wb-plugin-text, #2c2116) !important;
  background: rgba(255, 252, 244, .98) !important;
  box-shadow: 0 28px 80px rgba(47, 31, 9, .24) !important;
}

.wb-plugin-feedback-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 1px solid rgba(187, 132, 38, .22) !important;
  border-radius: 8px !important;
  color: var(--wb-plugin-text, #2c2116) !important;
  background: rgba(255, 255, 255, .74) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.wb-plugin-feedback-head {
  padding-right: 36px !important;
}

.wb-plugin-feedback-head > span {
  display: inline-flex !important;
  margin-bottom: 8px !important;
  padding: 4px 9px !important;
  border: 1px solid rgba(217, 155, 22, .28) !important;
  border-radius: 999px !important;
  color: #8a5a00 !important;
  background: rgba(255, 240, 191, .72) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.wb-plugin-feedback-head h2 {
  margin: 0 0 8px !important;
  color: var(--wb-plugin-text, #2c2116) !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

.wb-plugin-feedback-head p {
  margin: 0 0 16px !important;
  color: var(--wb-plugin-muted, #7d6d59) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.wb-plugin-feedback-form {
  display: grid !important;
  gap: 12px !important;
}

.wb-plugin-feedback-form label {
  display: grid !important;
  gap: 6px !important;
  color: var(--wb-plugin-text, #2c2116) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.wb-plugin-feedback-form input,
.wb-plugin-feedback-form textarea,
.wb-plugin-feedback-form select {
  width: 100% !important;
  border: 1px solid rgba(187, 132, 38, .24) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--wb-plugin-text, #2c2116) !important;
  font-size: 14px !important;
}

.wb-plugin-feedback-form textarea {
  min-height: 132px !important;
  resize: vertical !important;
}

.wb-plugin-feedback-status {
  min-height: 20px !important;
  margin: 0 !important;
  color: var(--wb-plugin-muted, #7d6d59) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.wb-plugin-feedback-status[data-tone="success"] {
  color: #2f8f65 !important;
}

.wb-plugin-feedback-status[data-tone="error"] {
  color: #c23a54 !important;
}

.wb-plugin-feedback-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.wb-plugin-feedback-actions button {
  min-height: 38px !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-weight: 700 !important;
}

.wb-plugin-feedback-actions button[type="button"] {
  border: 1px solid rgba(187, 132, 38, .24) !important;
  color: var(--wb-plugin-text, #2c2116) !important;
  background: rgba(255, 255, 255, .72) !important;
}

.wb-plugin-feedback-actions button[type="submit"] {
  border: 1px solid rgba(217, 155, 22, .56) !important;
  color: #2c2116 !important;
  background: linear-gradient(135deg, #f0c66a, #d99b16) !important;
}

body.plugin-scheme-nocturne .wb-plugin-feedback-entry,
body.plugin-scheme-nocturne .wb-plugin-feedback-panel {
  color: #f4ead4 !important;
  border-color: rgba(226, 181, 92, .28) !important;
  background: rgba(36, 28, 17, .96) !important;
}

body.plugin-scheme-nocturne .wb-plugin-feedback-entry strong,
body.plugin-scheme-nocturne .wb-plugin-feedback-head h2,
body.plugin-scheme-nocturne .wb-plugin-feedback-form label {
  color: #f4ead4 !important;
}

body.plugin-scheme-nocturne .wb-plugin-feedback-entry span,
body.plugin-scheme-nocturne .wb-plugin-feedback-head p,
body.plugin-scheme-nocturne .wb-plugin-feedback-status {
  color: #b9a37c !important;
}

body.plugin-scheme-starry .wb-plugin-feedback-entry,
body.plugin-scheme-starry .wb-plugin-feedback-panel {
  color: #e8f1ff !important;
  border-color: rgba(125, 180, 255, .28) !important;
  background: rgba(11, 27, 52, .96) !important;
}

body.plugin-scheme-starry .wb-plugin-feedback-entry strong,
body.plugin-scheme-starry .wb-plugin-feedback-head h2,
body.plugin-scheme-starry .wb-plugin-feedback-form label {
  color: #e8f1ff !important;
}

body.plugin-scheme-starry .wb-plugin-feedback-entry span,
body.plugin-scheme-starry .wb-plugin-feedback-head p,
body.plugin-scheme-starry .wb-plugin-feedback-status {
  color: #a9bbd3 !important;
}

@media (max-width: 640px) {
  .wb-plugin-feedback-entry {
    align-items: stretch !important;
    flex-direction: column !important;
    margin: 0 0 14px !important;
  }

  .wb-plugin-feedback-trigger,
  .wb-plugin-feedback-actions button {
    width: 100% !important;
  }

  .wb-plugin-feedback-dialog {
    align-items: flex-end !important;
    padding: 12px !important;
  }

  .wb-plugin-feedback-panel {
    width: 100% !important;
    max-height: calc(100vh - 24px) !important;
    padding: 18px !important;
  }

  .wb-plugin-feedback-actions {
    flex-direction: column-reverse !important;
  }
}