/* ============================================================
   智小小 · 首页增强样式 (zx-home.css)
   ------------------------------------------------------------
   主站前端 TSX 源码不在本机，只剩 Turbopack 编译产物。本文件
   通过 public/ 独立加载，只新增样式、不改 React 产物；重启主站
   后生效。
   策略：把 React 原网格与工具条隐藏，保留在 DOM 中作为数据源，
   由 zx-home.js 读取后重建为可控的瀑布流。
   覆盖需求：1 顶部按钮 / 3 分类 / 4 搜索胶囊
             5 卡片元信息 / 6 瀑布流+动效 / 7 回顶
   ============================================================ */

/* ---------- 需求 1：删除「作品库」「控制台」 ---------- */
.discover-actions a.discover-console-link { display: none !important; }

/* Remove the boxed navigation and search controls from the home header. */
.discover-header {
  grid-template-columns: minmax(0, 1fr) auto !important;
}
.discover-header nav,
.discover-search-trigger {
  display: none !important;
}

/* ---------- 首屏封面：本地资源兜底 ----------
   首页原始数据使用 Unsplash 外链；本地运行时无法保证外网可达，
   因此首屏固定使用随站点发布的封面，避免只显示空黑卡片。 */
.hero-feature-image {
  background-image: url('/home-cover.jpg') !important;
}

/* ---------- 需求 2：删除「打开无限画布」 ---------- */
.hero-commands a.secondary { display: none !important; }

/* ---------- 需求 7：删除「FROM IDEA TO PRODUCTION」整段 ---------- */
.creative-bridge { display: none !important; }
.discover-footer > a[href="/projects"] { display: none !important; }

/* ---------- 隐藏 React 工具条与原网格（保留为数据源） ----------
   仅在增强脚本成功建好瀑布流后才隐藏（html.zx-ready）。这样脚本若
   加载失败，用户看到的仍是 React 原始网格，而不是一片空白。 */
html.zx-ready .discover-feed > .feed-toolbar { display: none !important; }
html.zx-ready .discover-feed > .showcase-grid { display: none !important; }

/* ---------- 自建工具条：分类 + 搜索胶囊 ---------- */
.zx-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 66px;
  margin: 40px 0 28px;
  border-top: 1px solid var(--home-line);
  border-bottom: 1px solid var(--home-line);
}
.zx-cats {
  display: flex;
  align-items: center;
  gap: 7px;
  overflow-x: auto;
  scrollbar-width: none;
}
.zx-cats::-webkit-scrollbar { display: none; }
.zx-cats button {
  cursor: pointer;
  white-space: nowrap;
  padding: 9px 13px;
  border: 1px solid transparent;
  border-radius: 20px;
  background: 0 0;
  color: var(--home-muted);
  font-size: 9.5px;
  font-weight: 750;
  transition: color .16s ease, background .16s ease;
}
.zx-cats button:hover { color: var(--home-ink); }
.zx-cats button.active { background: var(--home-ink); color: var(--home-bg); }

/* ---------- 需求 4：胶囊形搜索栏，图标居右 ---------- */
.zx-search {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 10px;
  min-width: min(320px, 44vw);
  padding: 11px 16px;
  border: 1px solid var(--home-line);
  border-radius: 999px;
  background: var(--home-panel-2);
  transition: border-color .18s ease;
}
.zx-search:focus-within { border-color: var(--home-accent); }
.zx-search > span { flex: 0 0 auto; font-size: 15px; line-height: 1; opacity: .7; }
.zx-search input {
  width: 100%;
  border: 0;
  outline: none;
  background: 0 0;
  color: var(--home-ink);
  font-family: inherit;
  font-size: 11px;
}
.zx-search input::placeholder { color: var(--home-muted); }

/* ---------- 需求 6：瀑布流容器 ----------
   用 JS 显式分列（把每张卡片放进当前最矮的一列），而不是 CSS
   multicol：multicol 在内容不足时会自行平衡成更少列数，导致右侧
   整列留白。显式分列可保证各列高度均衡且没有空列。 */
.zx-feed {
  display: flex;
  align-items: flex-start;
  gap: clamp(16px, 2vw, 28px);
}
.zx-col {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2vw, 28px);
}
.zx-feed .showcase-card { display: block; }
/* 分类筛选用 [hidden] 标记；必须压过上面的 display:block，
   否则被筛掉的卡片仍然可见（各分类内容会混在一起） */
.zx-feed .showcase-card[hidden] { display: none !important; }
.zx-feed .showcase-card.zx-r916 .showcase-visual { aspect-ratio: 9 / 16 !important; }
.zx-feed .showcase-card.zx-r169 .showcase-visual { aspect-ratio: 16 / 9 !important; }
.zx-feed .showcase-card > .showcase-visual {
  background-position: 50%;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1200px) { .zx-feed { gap: 18px; } }
@media (max-width: 860px)  { .zx-feed { gap: 14px; } }
@media (max-width: 560px)  { .zx-feed { flex-direction: column; } }

/* ---------- 需求 5：卡片补充 点赞 / 收藏 / 热度 ---------- */
.zx-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 11px;
  color: var(--home-muted);
  font-size: 9px;
}
.zx-stat { display: inline-flex; align-items: center; gap: 5px; }
.zx-stat b { color: var(--home-ink); font-size: 9px; font-weight: 800; }
.zx-stat.zx-fav { cursor: pointer; user-select: none; transition: color .16s ease; }
.zx-stat.zx-fav:hover { color: var(--home-ink); }
.zx-stat.zx-fav.on,
.zx-stat.zx-fav.on b { color: var(--card-accent); }

/* ---------- 需求 6：渐显弹出动效 ---------- */
@keyframes zx-rise {
  from { opacity: 0; transform: translateY(26px) scale(.97); }
  to   { opacity: 1; transform: none; }
}
.zx-feed .showcase-card.zx-in { animation: zx-rise .5s cubic-bezier(.2,.8,.2,1) both; }
@media (prefers-reduced-motion: reduce) {
  .zx-feed .showcase-card.zx-in { animation: none; }
}

/* ---------- 需求 6：继续加载 ---------- */
.zx-loadmore {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 34px 0 0;
}
.zx-loadmore button {
  cursor: pointer;
  padding: 13px 32px;
  border: 1px solid var(--home-line);
  border-radius: 999px;
  background: var(--home-panel-2);
  color: var(--home-ink);
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .4px;
  transition: transform .18s ease, border-color .18s ease;
}
.zx-loadmore button:hover { transform: translateY(-2px); border-color: var(--home-accent); }
.zx-loadmore span { color: var(--home-muted); font-size: 10px; letter-spacing: .5px; }

/* ---------- 需求 7：页脚「回到页首」 ---------- */
.zx-totop-link {
  justify-self: end;
  cursor: pointer;
  color: var(--home-ink);
  font-size: 9px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: color .16s ease;
}
.zx-totop-link:hover { color: var(--home-accent); }

@media (max-width: 760px) {
  .zx-toolbar { flex-direction: column; align-items: stretch; padding: 14px 0; }
  .zx-search { min-width: 100%; }
  .zx-totop-link { justify-self: center; }
}

/* ---------- 创作中心：复用首页的明暗主题开关 ---------- */
.zx-workspace-theme-switch {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 0 0 auto;
  padding: 3px;
  border: 1px solid #3b3c46;
  border-radius: 999px;
  background: #202127;
}
.zx-workspace-theme-switch button {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #a7a9b5;
  font-size: 16px;
  line-height: 1;
  transition: color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.zx-workspace-theme-switch button:hover { color: #f1eff8; }
.zx-workspace-theme-switch button.active {
  color: #2b2636;
  background: #f4f3f8;
  box-shadow: 0 4px 14px #00000029;
}

/* 创作中心的现有控件使用固定深色值，这里只覆盖必要的表面和文字层，
   保持布局与交互不变，同时让浅色模式可读。 */
html[data-zx-theme="light"] .z-shell {
  --ink: #292b3a;
  --ink-2: #4f5364;
  --ink-3: #73788a;
  --muted: #687083;
  --line: #e0e2eb;
  --panel: #ffffff;
  --forest: #765bd0;
  --jade: #6852b4;
  --jade-soft: #eeeaff;
  color: var(--ink);
  background: #f5f6fa;
}
html[data-zx-theme="light"] .z-sidebar {
  background: #ffffff;
  border-right-color: #e2e4ec;
}
html[data-zx-theme="light"] .z-brand { border-color: #e4e6ee; }
html[data-zx-theme="light"] .z-topbar {
  background: #f5f6fa;
  border-color: #e0e2eb;
}
html[data-zx-theme="light"] .z-topbar>div:first-child { color: #62687a; }
html[data-zx-theme="light"] .z-topbar>div:first-child>span { color: #a0a5b3; }
html[data-zx-theme="light"] .z-aura {
  color: #514765;
  background: #ffffff;
  border-color: #d7d1e5;
}
html[data-zx-theme="light"] .z-aura>span { color: #7d758d; }
html[data-zx-theme="light"] .zx-workspace-theme-switch {
  background: #e9eaf1;
  border-color: #d3d5df;
}
html[data-zx-theme="light"] .zx-workspace-theme-switch button { color: #7f8493; }
html[data-zx-theme="light"] .zx-workspace-theme-switch button:hover { color: #474b5d; }
html[data-zx-theme="light"] .zx-workspace-theme-switch button.active {
  color: #44366c;
  background: #ffffff;
}
html[data-zx-theme="light"] .z-main :is(.panel-card,.form-card,.summary-panel,.summary-card,.result-card,.task-card,.project-card,.metric-card,.stat-card,.prompt-template-nav,.prompt-template-editor,.admin-dashboard-card) {
  color: var(--ink);
  background: #ffffff;
  border-color: #e0e2eb;
  box-shadow: 0 8px 24px #3135540d;
}
html[data-zx-theme="light"] .z-idea-gate {
  color: var(--ink);
  background: #ffffff;
  border-color: #e0e2eb;
  box-shadow: 0 8px 24px #3135540d;
}
html[data-zx-theme="light"] .z-idea-gate h2,
html[data-zx-theme="light"] .z-idea-text { color: var(--ink) !important; }
html[data-zx-theme="light"] .language-model-picker {
  background: #ffffff;
  border-color: #e0e2eb;
  box-shadow: 0 8px 24px #3135540d;
}
html[data-zx-theme="light"] .language-model-picker label>span { color: #62687a; }
html[data-zx-theme="light"] .language-model-picker select {
  color: var(--ink);
  background: #ffffff;
  border-color: #d6d9e4;
}
html[data-zx-theme="light"] .z-steps {
  background: #eef0f6;
  border-color: #dfe1ea;
}
html[data-zx-theme="light"] .z-steps>button { color: #697084; }
html[data-zx-theme="light"] .z-steps>button.active { color: #ffffff; background: #8067df; }
html[data-zx-theme="light"] .z-main :is(input,textarea,select) {
  color: var(--ink);
  background: #ffffff;
  border-color: #d6d9e4;
}
html[data-zx-theme="light"] .z-main textarea::placeholder,
html[data-zx-theme="light"] .z-main input::placeholder { color: #969bab; }
html[data-zx-theme="light"] .z-main :is(.secondary-button,.secondary-action) {
  color: #5a536c;
  background: #f2f1f8;
  border-color: #d8d3e3;
}
html[data-zx-theme="light"] .z-main :is(.choice-card,.pill-button,.mode-switch button,.platform-card) {
  color: var(--ink);
  background: #f8f8fc;
  border-color: #dfe1ea;
}
html[data-zx-theme="light"] .z-main :is(.choice-card,.pill-button,.mode-switch button,.platform-card):hover {
  background: #f0edff;
  border-color: #a898dd;
}
html[data-zx-theme="light"] .z-main :is(.choice-card,.pill-button,.mode-switch button,.platform-card).selected,
html[data-zx-theme="light"] .z-main :is(.mode-switch button,.platform-card).active {
  color: #44346d;
  background: #eeeaff;
  border-color: #a390e0;
}
html[data-zx-theme="light"] .z-nav-primary,
html[data-zx-theme="light"] .z-nav-tool { color: #62687a; }
html[data-zx-theme="light"] .z-nav-primary.active,
html[data-zx-theme="light"] .z-nav-primary:hover,
html[data-zx-theme="light"] .z-nav-tool:hover { color: #6046a8; }
html[data-zx-theme="light"] .z-nav-primary.active,
html[data-zx-theme="light"] .z-nav-tool.active {
  color: #503c91;
  background: #eeeaff;
  border-color: #c8b9e9;
  box-shadow: 0 6px 18px #765bd018;
}
html[data-zx-theme="light"] .z-nav-primary:hover,
html[data-zx-theme="light"] .z-nav-tool:hover {
  background: #f6f4fc;
}
html[data-zx-theme="light"] :is(.z-nav-primary,.z-nav-tool).active :is(strong,small,i,span) {
  color: #503c91 !important;
}
html[data-zx-theme="light"] :is(.z-nav-primary,.z-nav-tool).active .z-nav-icon-skeleton,
html[data-zx-theme="light"] :is(.z-nav-primary,.z-nav-tool).active .z-tool-icon {
  color: #735bb2 !important;
}
html[data-zx-theme="light"] .z-nav-tool .z-tool-icon {
  color: #6852a5;
  background: #f1edfb;
  border-color: #d8cdec;
}
html[data-zx-theme="light"] .z-nav-tool:hover .z-tool-icon {
  color: #6046a8;
  background: #e8e0f8;
  border-color: #bba9e6;
}
html[data-zx-theme="light"] .z-nav-tool.active .z-tool-icon {
  color: #503c91 !important;
  background: #ded3f6;
  border-color: #b6a1e3;
}

/* ---------- 浅色主题：工作台弹层、流程选项与下拉控件 ---------- */
html[data-zx-theme="light"] .z-workspace>small { color: #747b8d; }
html[data-zx-theme="light"] .z-workspace>span {
  color: #555a6c;
  background: #fbfbfe;
  border-color: #dfe2eb;
  box-shadow: 0 5px 16px #3135540a;
}
html[data-zx-theme="light"] .z-account { border-color: #e3e5ed; }
html[data-zx-theme="light"] .z-account-menu {
  color: #2f3343;
  background: #ffffff;
  border-color: #dfe2eb;
  box-shadow: 0 18px 46px #31355424, 0 2px 6px #3135540d;
}
html[data-zx-theme="light"] .z-account-menu>a,
html[data-zx-theme="light"] .z-account-menu>button { color: #3e4354; }
html[data-zx-theme="light"] .z-account-menu>a:hover,
html[data-zx-theme="light"] .z-account-menu>button:hover {
  color: #513d92;
  background: #f0edff;
}
html[data-zx-theme="light"] .z-script-nav>nav {
  background: #ffffff;
  border-color: #dfe2eb;
  box-shadow: 0 6px 18px #3135540c;
}
html[data-zx-theme="light"] .z-script-nav>nav>a { color: #687083; }
html[data-zx-theme="light"] .z-script-nav>nav>a.active {
  color: #503c91;
  background: #eeeaff;
  border-color: #c9bde8;
}
html[data-zx-theme="light"] .z-script-nav>nav>a:hover {
  color: #503c91;
  background: #f6f4fc;
}
html[data-zx-theme="light"] .z-library-button {
  color: #554486;
  background: #ffffff;
  border-color: #cec5e4;
  box-shadow: 0 5px 14px #3135540d;
}
html[data-zx-theme="light"] .z-library-button>span { color: #817797; }
html[data-zx-theme="light"] .z-script-page .section-heading>span {
  color: #664ca8;
  background: #f0ecff;
  border-color: #d8cef2;
}
html[data-zx-theme="light"] .z-script-page .section-heading p { color: #687083; }
html[data-zx-theme="light"] .z-script-page legend,
html[data-zx-theme="light"] .z-script-page .field-grid label>span,
html[data-zx-theme="light"] .z-script-page .wide-field>span { color: #424758; }
html[data-zx-theme="light"] .z-script-page legend em,
html[data-zx-theme="light"] .z-script-page label em { color: #8973b5; }
html[data-zx-theme="light"] .z-script-page .rule { background: #e1e3eb; }
html[data-zx-theme="light"] .z-script-page .choice-card {
  color: #3d4252;
  background: #ffffff;
  border-color: #dfe2eb;
  box-shadow: 0 5px 16px #31355408;
}
html[data-zx-theme="light"] .z-script-page .choice-card:hover {
  background: #faf9ff;
  border-color: #b7a6e4;
  box-shadow: 0 8px 20px #6f56b51a;
}
html[data-zx-theme="light"] .z-script-page .choice-card.selected {
  color: #4c397f;
  background: #f0edff;
  border-color: #a995df;
  box-shadow: 0 7px 20px #765bd01c;
}
html[data-zx-theme="light"] .z-script-page .choice-card strong { color: #303547; }
html[data-zx-theme="light"] .z-script-page .choice-card small { color: #73798b; }
html[data-zx-theme="light"] .z-script-page .choice-visual {
  color: #6b52b2;
  background: #f3f0ff;
  border-color: #d5caf1;
}
html[data-zx-theme="light"] .z-script-page .choice-visual :is(i,b) { color: #6b52b2; }
html[data-zx-theme="light"] .z-script-page :is(.platform-grid,.duration-grid) button {
  color: #555b6d;
  background: #f9f9fc;
  border-color: #dfe2eb;
}
html[data-zx-theme="light"] .z-script-page :is(.platform-grid,.duration-grid) button:hover {
  color: #503c91;
  background: #f5f2ff;
  border-color: #b8a8e4;
}
html[data-zx-theme="light"] .z-script-page :is(.platform-grid,.duration-grid) button.selected {
  color: #4d397f;
  background: #eeeaff;
  border-color: #a995df;
}
html[data-zx-theme="light"] .z-script-page .platform-grid button>span,
html[data-zx-theme="light"] .z-script-page .duration-grid button>span {
  color: #705bb0;
  background: #e9e4fb;
}
html[data-zx-theme="light"] .z-script-page :is(.duration-tip,.inline-note,.causal-rule) {
  color: #62687a;
  background: #f7f5fd;
  border-color: #ddd6ef;
}
html[data-zx-theme="light"] .z-script-page .duration-tip b { color: #5c478f; }
html[data-zx-theme="light"] .z-script-page .form-actions { border-color: #e0e2eb; }
html[data-zx-theme="light"] .z-script-page .form-actions .ghost { color: #697083; }
html[data-zx-theme="light"] .z-script-page :is(.output-checks label,.output-package,.confirmation-grid>div) {
  color: #555b6d;
  background: #f9f9fc;
  border-color: #e0e2eb;
}
html[data-zx-theme="light"] .z-script-page .output-package span {
  color: #66519d;
  background: #eeeaff;
  border-color: #d0c5ed;
}
html[data-zx-theme="light"] .z-script-page .confirmation-grid>div:nth-child(odd) { background: #f4f2f9; }
html[data-zx-theme="light"] .z-script-page .confirmation-grid span { color: #73798b; }
html[data-zx-theme="light"] .z-script-page .confirmation-grid strong { color: #303547; }
html[data-zx-theme="light"] .z-script-page .workflow-preview {
  color: #575d70;
  background: #f5f1ff;
  border-color: #d8ccef;
}
html[data-zx-theme="light"] .z-script-page .workflow-preview>span { color: #6d5a9f; }
html[data-zx-theme="light"] .z-script-page .workflow-preview b { color: #5d478f; background: #dfd4f7; }
html[data-zx-theme="light"] .z-script-page .summary-card {
  color: #4f5567;
  background: #ffffff;
  border-color: #e0e2eb;
  box-shadow: 0 8px 24px #3135540d;
}
html[data-zx-theme="light"] .z-script-page .summary-card dl>div { border-color: #e4e6ee; }
html[data-zx-theme="light"] .z-script-page .summary-card dt { color: #73798b; }
html[data-zx-theme="light"] .z-script-page .summary-card dd { color: #4f5567; }
html[data-zx-theme="light"] .z-script-page .brief-progress { border-color: #ded8ee; }
html[data-zx-theme="light"] .z-script-page .brief-progress :is(span,b) { color: #7059a7; }
html[data-zx-theme="light"] .z-script-page .brief-progress p { color: #777d8f; }
html[data-zx-theme="light"] .z-script-page .brief-progress>i { background: #e0dced; }
html[data-zx-theme="light"] .z-script-page .brief-progress>i>span { background: #9b83d6; }
html[data-zx-theme="light"] .z-script-page .engine-route {
  color: #6b5a92;
  background: #f2effa;
  border: 1px solid #ddd5ee;
}
html[data-zx-theme="light"] .z-script-page .engine-route :is(span,b) { color: #6b5a92; }
html[data-zx-theme="light"] .z-script-page .fact-field textarea {
  color: #303547;
  background: #ffffff;
  border-color: #d6d9e4;
}
html[data-zx-theme="light"] .z-asset-chips>button,
html[data-zx-theme="light"] .z-asset-chip {
  color: #5a4a86;
  background: #f7f4ff;
  border-color: #d8cef0;
}
html[data-zx-theme="light"] .z-asset-chips span { color: #85789e; }
html[data-zx-theme="light"] .z-asset-chips .z-chip-icon { color: #765ab8; background: #eae4fb; }
html[data-zx-theme="light"] .z-asset-chip>button { color: #8979a0; }
html[data-zx-theme="light"] .z-asset-chip>button:hover,
html[data-zx-theme="light"] .z-asset-chip>button:focus-visible {
  color: #89566d;
  background: #f8e9f0;
  border-color: #e3b9ca;
}
html[data-zx-theme="light"] .z-library-modal {
  color: #303547;
  background: #ffffff;
  border-color: #dfe2eb;
  box-shadow: 0 28px 80px #3135542c;
}
html[data-zx-theme="light"] .z-library-modal::backdrop { background: #31355442; }
html[data-zx-theme="light"] .z-library-modal>header p { color: #7359b2; }
html[data-zx-theme="light"] .z-library-tabs {
  background: #f3f2f8;
  border-color: #e0e2eb;
}
html[data-zx-theme="light"] .z-library-tabs>button { color: #697083; }
html[data-zx-theme="light"] .z-library-tabs>button.active {
  color: #4f3c8e;
  background: #e8e1fb;
}
html[data-zx-theme="light"] .z-library-search>button,
html[data-zx-theme="light"] .z-library-modal footer button:not(.z-primary) {
  color: #5d4c87;
  background: #f3f0fb;
  border-color: #dcd5ec;
}
html[data-zx-theme="light"] .z-library-item {
  color: #3d4252;
  background: #ffffff;
  border-color: #e0e2eb;
}
html[data-zx-theme="light"] .z-library-item:hover { background: #faf9ff; border-color: #baa9e4; }
html[data-zx-theme="light"] .z-library-item.selected { color: #4c397f; background: #f0edff; border-color: #a995df; }
html[data-zx-theme="light"] .z-library-item>small { color: #777d8f; }
html[data-zx-theme="light"] .z-library-modal>footer { border-color: #e0e2eb; }
html[data-zx-theme="light"] .z-library-modal>footer>span { color: #73798b; }

/* ---------- 浅色主题：灵感创作工作台 ---------- */
html[data-zx-theme="light"] .z-inspiration {
  --ink: #303547;
  --muted: #6d7485;
  color: #303547;
}
html[data-zx-theme="light"] .z-inspiration .video-studio-heading h1,
html[data-zx-theme="light"] .z-inspiration .video-section-title h2,
html[data-zx-theme="light"] .z-inspiration .image-result-heading strong,
html[data-zx-theme="light"] .z-inspiration .image-result-summary strong { color: #303547; }
html[data-zx-theme="light"] .z-inspiration .video-studio-heading p,
html[data-zx-theme="light"] .z-inspiration .video-section-title span,
html[data-zx-theme="light"] .z-inspiration .video-section-title small { color: #73798b; }
html[data-zx-theme="light"] .z-inspiration :is(.image-composer-card,.video-generator-panel,.video-history-panel,.image-result-stage,.image-result-view,.music-composer-panel) {
  color: #303547;
  background: #ffffff !important;
  border-color: #e0e2eb !important;
  box-shadow: 0 8px 24px #3135540d;
}
html[data-zx-theme="light"] .z-inspiration :is(.image-result-canvas,.video-result-card,.music-task-card) {
  color: #303547;
  background: #f4f5f9;
  border-color: #e0e2eb;
}
html[data-zx-theme="light"] .z-inspiration .image-composer-card:before,
html[data-zx-theme="light"] .z-inspiration .image-result-view:before { color: #73798b; }
html[data-zx-theme="light"] .z-inspiration :is(.image-batch-dropzone,.video-batch-reference) {
  background: #fafaff;
  border-color: #dfe2eb;
}
html[data-zx-theme="light"] .z-inspiration :is(.image-dropzone-empty,.video-batch-empty) strong { color: #4b5264; }
html[data-zx-theme="light"] .z-inspiration :is(.image-dropzone-empty,.video-batch-empty) small { color: #7c8292; }
html[data-zx-theme="light"] .z-inspiration .image-upload-ticket {
  color: #735bb2;
  background: #f0ecff;
  border-color: #d3c8ef;
}
html[data-zx-theme="light"] .z-inspiration .image-composer-prompt textarea,
html[data-zx-theme="light"] .z-inspiration .video-prompt-box textarea {
  color: #303547;
  background: #ffffff;
  border-color: #dfe2eb;
  caret-color: #765bd0;
}
html[data-zx-theme="light"] .z-inspiration .image-composer-prompt textarea::placeholder,
html[data-zx-theme="light"] .z-inspiration .video-prompt-box textarea::placeholder { color: #979dad; }
html[data-zx-theme="light"] .z-inspiration .image-composer-prompt>span,
html[data-zx-theme="light"] .z-inspiration .video-prompt-tools { color: #7b8292; }
html[data-zx-theme="light"] .z-inspiration .image-control-button {
  color: #5c6375;
  background: #f8f8fc;
  border-color: #dfe2eb;
}
html[data-zx-theme="light"] .z-inspiration .image-control-button:hover,
html[data-zx-theme="light"] .z-inspiration .image-control-button.active {
  color: #513d92;
  background: #f0edff;
  border-color: #ad9ade;
}
html[data-zx-theme="light"] .z-inspiration .image-composer-submit>span { color: #7a8192; }
html[data-zx-theme="light"] .z-inspiration .image-composer-menu {
  color: #3d4252;
  background: #ffffff;
  border-color: #dfe2eb;
  box-shadow: 0 20px 50px #31355424;
}
html[data-zx-theme="light"] .z-inspiration .image-composer-menu :is(button,header,fieldset,label) {
  color: #555b6d;
  border-color: #e0e2eb;
}
html[data-zx-theme="light"] .z-inspiration .image-composer-menu button:hover,
html[data-zx-theme="light"] .z-inspiration .image-composer-menu button.active {
  color: #513d92;
  background: #f0edff;
  border-color: #b7a7e2;
}
html[data-zx-theme="light"] .z-inspiration .image-composer-menu :is(b,strong,legend) { color: #303547; }
html[data-zx-theme="light"] .z-inspiration .image-composer-menu small { color: #777e8f; }
html[data-zx-theme="light"] .z-inspiration .image-composer-menu button span { color: #735bb2; background: #eeeaff; }
html[data-zx-theme="light"] .z-inspiration .image-result-canvas { background: #f4f5f9; }
html[data-zx-theme="light"] .z-inspiration .image-result-empty { color: #6a5797; }
html[data-zx-theme="light"] .z-inspiration .image-result-empty>span {
  color: #735bb2;
  background: radial-gradient(at 25% 15%, #eee8ff, #f8f7fd);
  border-color: #d2c7ee;
}
html[data-zx-theme="light"] .z-inspiration .image-result-empty>p { color: #7a8192; }
html[data-zx-theme="light"] .z-inspiration .image-result-heading span,
html[data-zx-theme="light"] .z-inspiration .image-result-summary span { color: #7a8192; }
html[data-zx-theme="light"] .z-inspiration .image-result-actions button,
html[data-zx-theme="light"] .z-inspiration .image-history-refresh,
html[data-zx-theme="light"] .z-inspiration .image-history-card-actions button {
  color: #5f4d8b;
  background: #f2effa;
  border-color: #d9d1ec;
}
html[data-zx-theme="light"] .z-inspiration .video-history-panel>header { border-color: #e0e2eb; }
html[data-zx-theme="light"] .z-inspiration .video-history-panel>header :is(strong,span) { color: #4a5061; }
html[data-zx-theme="light"] .z-inspiration .video-history-panel>header button {
  color: #5f4d8b;
  background: #f2effa;
  border-color: #d9d1ec;
}
html[data-zx-theme="light"] .z-inspiration .video-history-filters button { color: #73798b; }
html[data-zx-theme="light"] .z-inspiration .video-history-filters button.active {
  color: #513d92;
  background: #eeeaff;
  border-color: #c7bae9;
}
html[data-zx-theme="light"] .z-inspiration .video-history-list>article {
  background: #ffffff;
  border-color: #e0e2eb;
}
html[data-zx-theme="light"] .z-inspiration .video-task-body strong { color: #4b5264; }
html[data-zx-theme="light"] .z-inspiration .video-task-body p,
html[data-zx-theme="light"] .z-inspiration .video-task-body footer { color: #777e8f; }
html[data-zx-theme="light"] .z-inspiration .video-task-body footer button {
  color: #5f4d8b;
  background: #f2effa;
  border-color: #d9d1ec;
}
html[data-zx-theme="light"] .z-inspiration .video-history-empty {
  color: #777e8f;
  background: #fafaff;
  border-color: #dfe2eb;
}
html[data-zx-theme="light"] .z-inspiration .video-history-empty strong { color: #4b5264; }
html[data-zx-theme="light"] .z-inspiration .video-history-empty p { color: #7b8292; }
html[data-zx-theme="light"] .z-inspiration .video-mode-tabs {
  background: #f1f0f6;
  border-color: #dfe2eb;
}
html[data-zx-theme="light"] .z-inspiration .video-mode-tabs button { color: #6f7688; }
html[data-zx-theme="light"] .z-inspiration .video-mode-tabs button.active {
  color: #513d92;
  background: #e8e1fb;
}
html[data-zx-theme="light"] .z-inspiration .video-model-grid>button,
html[data-zx-theme="light"] .z-inspiration .music-chip-group button {
  color: #5b6274;
  background: #f8f8fc;
  border-color: #dfe2eb;
}
html[data-zx-theme="light"] .z-inspiration .video-model-grid>button.active,
html[data-zx-theme="light"] .z-inspiration .music-chip-group button.active {
  color: #513d92;
  background: #eeeaff;
  border-color: #b8a8e4;
}
html[data-zx-theme="light"] .z-inspiration .video-model-grid strong,
html[data-zx-theme="light"] .z-inspiration .music-title-field span { color: #4b5264; }
html[data-zx-theme="light"] .z-inspiration .video-model-grid small,
html[data-zx-theme="light"] .z-inspiration .music-chip-group>span { color: #7b8292; }
html[data-zx-theme="light"] .z-inspiration .video-model-grid>button>span,
html[data-zx-theme="light"] .z-inspiration .video-model-grid>button em {
  color: #6b55a4;
  background: #eeeaff;
}
html[data-zx-theme="light"] .z-inspiration .video-audio-row { border-color: #dfe2eb; }
html[data-zx-theme="light"] .z-inspiration .video-audio-row small { color: #7b8292; }
html[data-zx-theme="light"] .z-inspiration .video-audio-row strong { color: #4b5264; }
html[data-zx-theme="light"] .z-inspiration .video-generate-footer { border-color: #e0e2eb; }
html[data-zx-theme="light"] .z-inspiration .video-generate-footer :is(span,strong,small) { color: #73798b; }
html[data-zx-theme="light"] .z-inspiration .z-studio-options {
  background: #fafaff;
  border-color: #dfe2eb;
}
html[data-zx-theme="light"] .z-inspiration .z-studio-options>summary { color: #5b4a87; }
html[data-zx-theme="light"] .z-inspiration .z-studio-options>summary:hover { background: #f0edff; }

/* ---------- 浅色主题：灵感创作页的完整工作台 ----------
   灵感创作页使用 il-studio 自带的一套深色变量，不能只改外层 z-shell。
   这里统一替换页面变量，并覆盖仍写死深色值的弹层、预览、历史记录和表单。 */
html[data-zx-theme="light"] .z-main .il-studio {
  --bg: #f5f6fa;
  --side: #ffffff;
  --card: #ffffff;
  --well: #f7f8fc;
  --line: #dfe2eb;
  --muted: #73798b;
  --text: #303547;
  --accent: #8067df;
  --tint: #eeeaff;
  --green: #3aa982;
  color-scheme: light;
  color: var(--text) !important;
  background: var(--bg) !important;
}
html[data-zx-theme="light"] .z-main .il-studio .content,
html[data-zx-theme="light"] .z-main .il-studio .main { color: var(--text); }
html[data-zx-theme="light"] .z-main .il-studio :is(h1,h2,h3,h4,strong,b) { color: var(--text); }
html[data-zx-theme="light"] .z-main .il-studio :is(small,.muted) { color: var(--muted); }
html[data-zx-theme="light"] .z-main .il-studio .eyebrow { color: #7359b2 !important; }
html[data-zx-theme="light"] .z-main .il-studio .title-row p,
html[data-zx-theme="light"] .z-main .il-studio .il-draft-save,
html[data-zx-theme="light"] .z-main .il-studio .section-label { color: var(--muted) !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-error {
  color: #a04458 !important;
  background: #fff2f5;
  border: 1px solid #edcbd5;
  border-radius: 9px;
  padding: 8px 12px;
}

html[data-zx-theme="light"] .z-main .il-studio button {
  color: #4f5668;
  background: var(--card);
  border-color: var(--line);
}
html[data-zx-theme="light"] .z-main .il-studio button:hover {
  color: #4f3c91;
  background: #f6f3ff;
  border-color: #b9a9e4;
}
html[data-zx-theme="light"] .z-main .il-studio button.on,
html[data-zx-theme="light"] .z-main .il-studio button.primary {
  color: #ffffff;
  background: var(--accent);
  border-color: var(--accent);
}
html[data-zx-theme="light"] .z-main .il-studio button:disabled { color: #a6a9b5; }

html[data-zx-theme="light"] .z-main .il-studio .tabs {
  background: #ffffff !important;
  border-color: var(--line) !important;
  box-shadow: 0 6px 18px #3135540c;
}
html[data-zx-theme="light"] .z-main .il-studio .tabs>button {
  color: #6c7385 !important;
  background: transparent !important;
}
html[data-zx-theme="light"] .z-main .il-studio .tabs>button:before {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-zx-theme="light"] .z-main .il-studio .tabs>button.active {
  color: #503c91 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .tabs>button.active:before {
  background: #eeeaff !important;
  border-color: #c8b9e9 !important;
  box-shadow: inset 0 1px #ffffff, 0 4px 12px #765bd018 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .tabs>button:hover:before {
  background: #f7f5ff !important;
  border-color: #b9a9e4 !important;
}

html[data-zx-theme="light"] .z-main .il-studio :is(.card,.feature-card,.stat,.history-card,.admin-nav,.library-item) {
  color: var(--text);
  background: #ffffff !important;
  border-color: var(--line) !important;
  box-shadow: 0 8px 24px #3135540d;
}
html[data-zx-theme="light"] .z-main .il-studio .dropzone {
  color: #4f5668 !important;
  background: #f8f9fc !important;
  border-color: #cfd4e2 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .dropzone :is(strong,span) { color: #4f5668 !important; }
html[data-zx-theme="light"] .z-main .il-studio .dropzone small { color: #7e8596 !important; }
html[data-zx-theme="light"] .z-main .il-studio .dropzone:hover,
html[data-zx-theme="light"] .z-main .il-studio .dropzone.over,
html[data-zx-theme="light"] .z-main .il-studio .dropzone.il-dragging {
  color: #503c91 !important;
  background: #f0edff !important;
  border-color: #a995df !important;
}
html[data-zx-theme="light"] .z-main .il-studio .dropzone:hover :is(strong,span),
html[data-zx-theme="light"] .z-main .il-studio .dropzone.il-dragging :is(strong,span) { color: #503c91 !important; }
html[data-zx-theme="light"] .z-main .il-studio .reference-row .ref,
html[data-zx-theme="light"] .z-main .il-studio .il-frame-slot,
html[data-zx-theme="light"] .z-main .il-studio .il-reference-upload-tile {
  border-color: #dfe2eb;
}
html[data-zx-theme="light"] .z-main .il-studio .reference-row .ref button { color: #5e6475; background: #ffffffdd; }
html[data-zx-theme="light"] .z-main .il-studio .il-reference-types button,
html[data-zx-theme="light"] .z-main .il-studio .il-reference-upload-tile {
  color: #5a6172 !important;
  background: #fafaff !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-reference-types button:hover,
html[data-zx-theme="light"] .z-main .il-studio .il-reference-types button.il-upload-hover,
html[data-zx-theme="light"] .z-main .il-studio .il-reference-upload-tile:hover,
html[data-zx-theme="light"] .z-main .il-studio .il-reference-upload-tile.il-upload-hover {
  color: #503c91 !important;
  background: #f0edff !important;
  border-color: #b8a8e4 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-reference-types button small { color: #7d8495 !important; }

html[data-zx-theme="light"] .z-main .il-studio .compose textarea,
html[data-zx-theme="light"] .z-main .il-studio .field :is(input,select,textarea),
html[data-zx-theme="light"] .z-main .il-studio .search {
  color: var(--text) !important;
  background: #ffffff !important;
  border-color: #d6d9e4 !important;
}
html[data-zx-theme="light"] .z-main .il-studio :is(textarea,input)::placeholder { color: #979dad !important; }
html[data-zx-theme="light"] .z-main .il-studio .chips .chip {
  color: #5d4c87 !important;
  background: #f1edff !important;
  border-color: #d6c9f0 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-editor {
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 4px 14px #31355408;
}
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-editor:focus-within {
  border-color: #a995df !important;
  box-shadow: 0 0 0 1px #a995df44, 0 8px 20px #765bd01a !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-top,
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-bottom { color: #7a8192 !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-top button,
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-bottom button { color: #65529b !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-top button:hover,
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-bottom button:hover { color: #503c91 !important; background: #f0edff !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-editor .il-prompt-body textarea {
  color: #0000 !important;
  caret-color: #765bd0 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-paint { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-prompt-paint mark {
  color: #5b478f !important;
  background: #eeeaff !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-mention-menu {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 18px 46px #31355424 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-mention-menu [role="option"] { color: #4f5668 !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-mention-menu [role="option"][aria-selected="true"] { background: #f0edff !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-mention-menu :is(small,p) { color: #7a8192 !important; }

html[data-zx-theme="light"] .z-main .il-studio .toolbar { scrollbar-color: #c9bfdf transparent; }
html[data-zx-theme="light"] .z-main .il-studio .toolbar>button {
  color: #5b6274 !important;
  background: #f8f8fc !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-main .il-studio .toolbar>button:hover,
html[data-zx-theme="light"] .z-main .il-studio .toolbar>button[aria-expanded="true"] {
  color: #503c91 !important;
  background: #f0edff !important;
  border-color: #b8a8e4 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .toolbar>button .ico { color: #765bb6 !important; }
html[data-zx-theme="light"] .z-main .il-studio .toolbar>button.il-new-task { color: #604a9a !important; }
html[data-zx-theme="light"] .z-main .il-studio .toolbar .il-generation-cost,
html[data-zx-theme="light"] .z-main .il-studio .toolbar .il-generation-cost strong { color: #655b78 !important; }

html[data-zx-theme="light"] .z-main .il-studio .preview-card { background: #ffffff !important; }
html[data-zx-theme="light"] .z-main .il-studio .preview-top,
html[data-zx-theme="light"] .z-main .il-studio .preview-footer :is(small,span),
html[data-zx-theme="light"] .z-main .il-studio .preview-footer button { color: #73798b !important; }
html[data-zx-theme="light"] .z-main .il-studio .preview-top button {
  color: #5f4d8b !important;
  background: #f2effa !important;
  border-color: #d9d1ec !important;
}
html[data-zx-theme="light"] .z-main .il-studio .preview-well {
  background: #f6f7fb !important;
  border: 1px solid #e3e5ed;
}
html[data-zx-theme="light"] .z-main .il-studio .media-frame {
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 9px 30px #31355418 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .video-play span {
  color: #503c91;
  background: #ffffffdd;
  border: 1px solid #d8ccef;
}
html[data-zx-theme="light"] .z-main .il-studio .preview-footer strong { color: #5c478f !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-empty-preview strong { color: #5b478f !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-empty-preview p { color: #7a8192 !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-generation-wait {
  background: radial-gradient(at 50% 40%, #b89aed22, transparent 66%) !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-generation-copy strong { color: #5b478f !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-generation-copy p,
html[data-zx-theme="light"] .z-main .il-studio .il-generation-eyebrow,
html[data-zx-theme="light"] .z-main .il-studio .il-generation-percent { color: #7a7193 !important; }

html[data-zx-theme="light"] .z-main .il-studio .resource-line { border-color: #e3e5ed !important; }
html[data-zx-theme="light"] .z-main .il-studio .resource-line>button {
  color: #5d4c87 !important;
  background: #ffffff !important;
  border-color: #d8ccef !important;
}
html[data-zx-theme="light"] .z-main .il-studio .resource-line>button:hover { background: #f4f1ff !important; }
html[data-zx-theme="light"] .z-main .il-studio .resource-line>small { color: #7a8192 !important; }

html[data-zx-theme="light"] .z-main .il-studio .history-head h2 { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .il-studio .filter button,
html[data-zx-theme="light"] .z-main .il-studio .history-actions button { color: #73798b !important; }
html[data-zx-theme="light"] .z-main .il-studio .filter button.active {
  color: #503c91 !important;
  background: #eeeaff !important;
}
html[data-zx-theme="light"] .z-main .il-studio .history-media,
html[data-zx-theme="light"] .z-main .il-studio button.history-media { background: #f3f4f8 !important; }
html[data-zx-theme="light"] .z-main .il-studio .media-type { color: #5b4c79; background: #ffffffdd; }
html[data-zx-theme="light"] .z-main .il-studio .history-info>strong { color: #4b5264 !important; }
html[data-zx-theme="light"] .z-main .il-studio .history-info :is(small,p),
html[data-zx-theme="light"] .z-main .il-studio .il-history-tools { color: #777e8f !important; }
html[data-zx-theme="light"] .z-main .il-studio .history-actions button:hover { color: #503c91 !important; background: #f0edff !important; }
html[data-zx-theme="light"] .z-main .il-studio .empty {
  color: #777e8f !important;
  background: #fafaff !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-history-symbol,
html[data-zx-theme="light"] .z-main .il-studio .il-library-symbol {
  color: #735bb2 !important;
  background: radial-gradient(at 30% 0, #eee8ff, #f8f7fd) !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-history-error { color: #ad5d75 !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-history-tools input {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #d6d9e4 !important;
}

html[data-zx-theme="light"] .z-main .il-studio :is(.field,.option-section) { color: #73798b !important; }
html[data-zx-theme="light"] .z-main .il-studio .form-footer { border-color: #e0e2eb !important; }
html[data-zx-theme="light"] .z-main .il-studio .admin-nav button.active,
html[data-zx-theme="light"] .z-main .il-studio .selected,
html[data-zx-theme="light"] .z-main .il-studio .il-selected {
  color: #503c91 !important;
  background: #eeeaff !important;
  border-color: #b8a8e4 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .feature-icon { color: #735bb2 !important; background: #eeeaff !important; }
html[data-zx-theme="light"] .z-main .il-studio .feature-card p,
html[data-zx-theme="light"] .z-main .il-studio .feature-card footer { color: #73798b !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-model-list small { color: #777e8f !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-check { color: #4f5668 !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-mask-stage { background: #f3f4f8 !important; }
html[data-zx-theme="light"] .z-main .il-studio .il-output-picker button { color: #5f4d8b !important; }

html[data-zx-theme="light"] .z-main .il-studio dialog.il-dialog {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 28px 80px #3135542c !important;
}
html[data-zx-theme="light"] .z-main .il-studio dialog.il-dialog::backdrop { background: #31355442; }
html[data-zx-theme="light"] .z-main .il-studio dialog.il-dialog .modal-head { border-color: #e0e2eb !important; }
html[data-zx-theme="light"] .z-main .il-studio dialog.il-dialog .modal-head :is(h2,strong) { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .il-studio dialog.il-dialog .modal-head .ghost { color: #5d4c87 !important; background: #f3f0fb !important; border-color: #dcd5ec !important; }
html[data-zx-theme="light"] .z-main .il-studio .menu-options button {
  color: #5b6274 !important;
  background: #f8f8fc !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-main .il-studio .menu-options button:hover,
html[data-zx-theme="light"] .z-main .il-studio .menu-options button.selected,
html[data-zx-theme="light"] .z-main .il-studio .menu-options button[aria-pressed="true"] {
  color: #503c91 !important;
  background: #eeeaff !important;
  border-color: #b8a8e4 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-dialog--parameters input[type="number"] {
  color: #303547 !important;
  background: #ffffff !important;
  border: 1px solid #d6d9e4 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-dialog--parameters input[type="range"]::-webkit-slider-runnable-track {
  background: #d9dbe5 !important;
}
html[data-zx-theme="light"] .z-main .il-studio .il-dialog--parameters input[type="range"]::-webkit-slider-thumb {
  background: #9b83d6 !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 2px #9b83d633 !important;
}

/* Chromium 的原生下拉菜单会读取 color-scheme；同时指定 option，
   避免系统主题与页面主题不一致时出现深底深字。 */
html[data-zx-theme="light"] .z-shell select { color-scheme: light; }
html[data-zx-theme="light"] .z-shell select option,
html[data-zx-theme="light"] .z-shell select optgroup {
  color: #292b3a !important;
  background: #ffffff !important;
}

@media (max-width: 760px) {
  .zx-workspace-theme-switch button { width: 25px; height: 25px; font-size: 14px; }
}

/* ---------- 浅色主题：作品自检 / Skill 管理 / 作品档案 ---------- */
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) {
  color: #303547;
}
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) :is(h1, h2, h3, h4, strong, label, dt, dd) {
  color: #303547;
}
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) :is(p, small, time) {
  color: #73798b;
}
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-eyebrow {
  color: #8067c8 !important;
}
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-page-heading p:not(.z-eyebrow) {
  color: #73798b !important;
}
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-soft-button {
  color: #5c4a8e !important;
  background: #f3f0fb !important;
  border-color: #d8d0ea !important;
}
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-soft-button:hover {
  color: #503c91 !important;
  background: #ebe6fb !important;
  border-color: #b9a8e2 !important;
}
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-surface,
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-review-history,
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-skill-card,
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-archive-card {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #e0e2eb !important;
  box-shadow: 0 10px 28px #31355412 !important;
}
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-section-index {
  color: #7a7193 !important;
}
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-section-row>button:not(.z-close),
html[data-zx-theme="light"] .z-main :is(.z-review-page, .z-skills-page, .z-archive-page) .z-section-row>a {
  color: #6852a5 !important;
}

/* 作品自检 */
html[data-zx-theme="light"] .z-review-page .z-review-compose,
html[data-zx-theme="light"] .z-review-page .z-review-report {
  background: #ffffff !important;
  border-color: #e0e2eb !important;
}
html[data-zx-theme="light"] .z-review-page .z-upload-area {
  color: #4c5365 !important;
  background: #fafaff !important;
  border-color: #cfc5e4 !important;
}
html[data-zx-theme="light"] .z-review-page .z-upload-area:hover {
  background: #f3f0ff !important;
  border-color: #a995d8 !important;
}
html[data-zx-theme="light"] .z-review-page .z-upload-area>span { color: #8067c8 !important; }
html[data-zx-theme="light"] .z-review-page .z-upload-area strong { color: #3f4557 !important; }
html[data-zx-theme="light"] .z-review-page .z-upload-area small { color: #7d8393 !important; }
html[data-zx-theme="light"] .z-review-page .z-review-assets article {
  color: #4b5264 !important;
  background: #f8f8fc !important;
  border-color: #e0e2eb !important;
}
html[data-zx-theme="light"] .z-review-page .z-review-assets article>span { color: #7860b5 !important; }
html[data-zx-theme="light"] .z-review-page .z-review-assets strong { color: #3f4557 !important; }
html[data-zx-theme="light"] .z-review-page .z-review-assets small { color: #7d8393 !important; }
html[data-zx-theme="light"] .z-review-page .z-review-assets button { color: #7a6aa2 !important; }
html[data-zx-theme="light"] .z-review-page .z-choice-chips>button {
  color: #626a7d !important;
  background: #f8f8fc !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-review-page .z-choice-chips>button:hover,
html[data-zx-theme="light"] .z-review-page .z-choice-chips>button.active {
  color: #503c91 !important;
  background: #eeeaff !important;
  border-color: #b8a8e4 !important;
}
html[data-zx-theme="light"] .z-review-page .z-field>span { color: #5f6678 !important; }
html[data-zx-theme="light"] .z-review-page :is(input, textarea, select) {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #d6d9e4 !important;
}
html[data-zx-theme="light"] .z-review-page textarea::placeholder { color: #9a9fac !important; }
html[data-zx-theme="light"] .z-review-page .z-review-suggestions {
  color: #73798b !important;
  border-color: #e0e2eb !important;
}
html[data-zx-theme="light"] .z-review-page .z-review-suggestions summary { color: #7059a9 !important; }
html[data-zx-theme="light"] .z-review-page .z-review-suggestions>button {
  color: #626a7d !important;
  background: #f8f8fc !important;
  border-color: #e0e2eb !important;
}
html[data-zx-theme="light"] .z-review-page .z-review-suggestions>button:hover { background: #f0edff !important; }
html[data-zx-theme="light"] .z-review-page .z-help { color: #7c8292 !important; }
html[data-zx-theme="light"] .z-review-page .z-review-report .z-status {
  color: #6852a5 !important;
  background: #f0ebff !important;
  border-color: #d2c3ed !important;
}
html[data-zx-theme="light"] .z-review-page .z-report-message {
  color: #4b5264 !important;
  background: #fafaff !important;
  border-color: #e0e2eb !important;
}
html[data-zx-theme="light"] .z-review-page .z-report-message.user {
  background: #f0edff !important;
  border-color: #d4c8ef !important;
}
html[data-zx-theme="light"] .z-review-page .z-report-message>header :is(strong, small) { color: #5c4d86 !important; }
html[data-zx-theme="light"] .z-review-page .z-report-message>div { color: #4b5264 !important; }
html[data-zx-theme="light"] .z-review-page .z-report-messages>p { color: #786d95 !important; }
html[data-zx-theme="light"] .z-review-page .z-review-history>header { border-color: #e0e2eb; }
html[data-zx-theme="light"] .z-review-page .z-review-history>div { border-color: #e4e5ec; }
html[data-zx-theme="light"] .z-review-page .z-review-history>div.active { background: #f0edff !important; }
html[data-zx-theme="light"] .z-review-page .z-review-history>div>button { color: #5e6577 !important; }
html[data-zx-theme="light"] .z-review-page .z-review-history>div>button small { color: #858b9b !important; }
html[data-zx-theme="light"] .z-review-page .z-error { color: #a15168 !important; background: #fff1f4 !important; border-color: #e6b9c6 !important; }
html[data-zx-theme="light"] .z-review-page .il-balance-notice { color: #6c5b8d !important; background: #f5f1ff !important; border-color: #d9ccef !important; }
html[data-zx-theme="light"] .z-review-page .z-art-empty { color: #73798b !important; }
html[data-zx-theme="light"] .z-review-page .z-art-empty>span { color: #8067c8 !important; background: radial-gradient(circle at 30% 20%, #eee8ff, #f8f7fd 80%) !important; border-color: #d8d0ec !important; }
html[data-zx-theme="light"] .z-review-page .z-art-empty h3 { color: #5c4d86 !important; }
html[data-zx-theme="light"] .z-review-page .z-art-empty p { color: #7a8192 !important; }

/* 自检的 Skill 选择抽屉 */
html[data-zx-theme="light"] .z-review-page .self-chat-skill-drawer {
  --sc-card: #ffffff;
  --sc-bg: #f6f7fb;
  --sc-ink: #303547;
  --sc-muted: #73798b;
  --sc-line: #e0e2eb;
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #d8d0ec !important;
  box-shadow: 0 28px 80px #31355428 !important;
}
html[data-zx-theme="light"] .z-review-page .self-chat-skill-drawer header :is(strong, small) { color: #303547 !important; }
html[data-zx-theme="light"] .z-review-page .self-chat-skill-drawer header small { color: #73798b !important; }
html[data-zx-theme="light"] .z-review-page .self-chat-skill-drawer header button { color: #6d5a9d !important; }
html[data-zx-theme="light"] .z-review-page .self-skill-toolbar label,
html[data-zx-theme="light"] .z-review-page .self-skill-toolbar nav {
  color: #626a7d !important;
  background: #f7f7fb !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-review-page .self-skill-toolbar input { color: #303547 !important; }
html[data-zx-theme="light"] .z-review-page .self-skill-toolbar nav button { color: #73798b !important; }
html[data-zx-theme="light"] .z-review-page .self-skill-toolbar nav button.active { color: #ffffff !important; background: #8067c8 !important; }
html[data-zx-theme="light"] .z-review-page .self-skill-results>button {
  color: #4b5264 !important;
  background: #fafaff !important;
  border-color: #e0e2eb !important;
}
html[data-zx-theme="light"] .z-review-page .self-skill-results>button.selected { background: #eeeaff !important; border-color: #b8a8e4 !important; }
html[data-zx-theme="light"] .z-review-page .self-skill-results>button>span { color: #8067c8 !important; border-color: #c9bce5 !important; }
html[data-zx-theme="light"] .z-review-page .self-skill-results>button.selected>span { color: #ffffff !important; background: #8067c8 !important; }
html[data-zx-theme="light"] .z-review-page .self-skill-results>button header :is(strong, em) { color: #5e4d8d !important; }
html[data-zx-theme="light"] .z-review-page .self-skill-results>button header em { background: #eeeaff !important; }
html[data-zx-theme="light"] .z-review-page .self-skill-results>button small,
html[data-zx-theme="light"] .z-review-page .self-skill-empty,
html[data-zx-theme="light"] .z-review-page .self-chat-skill-drawer>footer span { color: #73798b !important; }
html[data-zx-theme="light"] .z-review-page .self-chat-skill-drawer>footer { border-color: #e0e2eb !important; }
html[data-zx-theme="light"] .z-review-page .self-chat-skill-drawer>footer button { color: #ffffff !important; background: #8067c8 !important; }

/* Skill 管理 */
html[data-zx-theme="light"] .z-skills-page .z-search {
  color: #7867a4 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-skills-page .z-search input { color: #303547 !important; }
html[data-zx-theme="light"] .z-skills-page .z-filter-tabs {
  background: #ffffff !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-skills-page .z-filter-tabs>button { color: #73798b !important; }
html[data-zx-theme="light"] .z-skills-page .z-filter-tabs>button.active { color: #ffffff !important; background: #8067c8 !important; }
html[data-zx-theme="light"] .z-skills-page .z-filter-tabs>button:not(.active):hover { color: #503c91 !important; background: #f0edff !important; }
html[data-zx-theme="light"] .z-skills-page .z-skill-card:hover { background: #fcfbff !important; border-color: #b9a8e2 !important; box-shadow: 0 12px 30px #765bd01c !important; }
html[data-zx-theme="light"] .z-skills-page .z-skill-card>small { color: #8067c8 !important; }
html[data-zx-theme="light"] .z-skills-page .z-skill-card h2 { color: #303547 !important; }
html[data-zx-theme="light"] .z-skills-page .z-skill-card p { color: #73798b !important; }
html[data-zx-theme="light"] .z-skills-page .z-skill-card footer { color: #6f648b !important; border-color: #e3e4ec !important; }
html[data-zx-theme="light"] .z-skills-page .z-skill-card footer b { color: #8067c8 !important; }
html[data-zx-theme="light"] .z-skills-page .z-card-symbol { color: #8067c8 !important; background: #eeeaff !important; border-color: #cfc1eb !important; }
html[data-zx-theme="light"] .z-skills-page .z-status {
  color: #6852a5 !important;
  background: #f0ebff !important;
  border-color: #d2c3ed !important;
}
html[data-zx-theme="light"] .z-skills-page .skill-submission-panel,
html[data-zx-theme="light"] .z-skills-page .skill-upload-panel,
html[data-zx-theme="light"] .z-skills-page .z-upload-modal,
html[data-zx-theme="light"] .z-skills-page .z-skill-detail {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #e0e2eb !important;
  box-shadow: 0 18px 52px #31355416 !important;
}
html[data-zx-theme="light"] .z-skills-page .skill-submission-panel>header { border-color: #e3e4ec !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-panel>header :is(h2, p) { color: #303547 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-panel>header p { color: #8067c8 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-panel>header button { color: #6852a5 !important; background: #f3f0fb !important; border-color: #d8d0ea !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-list article { border-color: #e3e4ec !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-list article strong { color: #303547 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-list article p { color: #73798b !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-list article footer :is(span, small) { color: #858b9b !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-list blockquote { color: #626a7d !important; background: #f7f7fb !important; border-color: #b6a5df !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-structure span { color: #626a7d !important; background: #f5f6fa !important; border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-skills-page .skill-status-orb { color: #7860b5 !important; background: #eeeaff !important; }
html[data-zx-theme="light"] .z-skills-page .skill-status-orb.approved { color: #2c8c6d !important; background: #e8f7f0 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-status-orb.rejected { color: #b2576b !important; background: #fff0f2 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-list article>aside button { color: #ffffff !important; background: #8067c8 !important; border-color: #a998dc !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-list article>aside button:last-child { color: #a45167 !important; background: #fff3f5 !important; border-color: #e7bdc8 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-empty { color: #858b9b !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submission-empty strong { color: #5c6375 !important; }
html[data-zx-theme="light"] .z-skills-page .z-upload-modal .z-section-row h2,
html[data-zx-theme="light"] .z-skills-page .z-skill-detail h2 { color: #303547 !important; }
html[data-zx-theme="light"] .z-skills-page .z-close { color: #5c4a8e !important; background: #f3f0fb !important; border-color: #d8d0ea !important; }
html[data-zx-theme="light"] .z-skills-page .skill-upload-panel :is(label>span, header strong) { color: #4f5668 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-upload-panel label>span small { color: #858b9b !important; }
html[data-zx-theme="light"] .z-skills-page .skill-upload-panel :is(input, textarea, select) { color: #303547 !important; background: #ffffff !important; border-color: #d6d9e4 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-file-picker { color: #586176 !important; background: linear-gradient(135deg, #f3fbff, #f4f0ff) !important; border-color: #b7cce6 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-file-picker>b { color: #8067c8 !important; background: #ffffff !important; }
html[data-zx-theme="light"] .z-skills-page .skill-file-picker strong { color: #4f5668 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-file-picker small { color: #7d8796 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-package-preview { color: #4b5264 !important; background: #fafaff !important; border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-skills-page .skill-package-preview :is(header strong, .skill-package-folders strong) { color: #303547 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-package-preview :is(header span, .skill-package-path span, .skill-package-folders small, details summary span) { color: #8067c8 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-package-preview :is(.skill-package-path, details, .skill-package-folders) { border-color: #e0e2eb !important; }
html[data-zx-theme="light"] .z-skills-page .skill-package-path code { color: #5f6678 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-package-folders>div { color: #626a7d !important; background: #f5f6fa !important; border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-skills-page .skill-package-folders>div.found { border-color: #b8a8e4 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-package-folders b { color: #8067c8 !important; background: #eeeaff !important; }
html[data-zx-theme="light"] .z-skills-page .skill-package-preview details p span { color: #626a7d !important; }
html[data-zx-theme="light"] .z-skills-page .skill-package-preview details p small { color: #858b9b !important; }
html[data-zx-theme="light"] .z-skills-page .skill-submit-button { color: #ffffff !important; background: #8067c8 !important; }
html[data-zx-theme="light"] .z-skills-page .skill-upload-panel>p { color: #858b9b !important; }
html[data-zx-theme="light"] .z-skills-page .skill-upload-error { color: #a15168 !important; }
html[data-zx-theme="light"] .z-skills-page .z-art-empty { color: #73798b !important; }
html[data-zx-theme="light"] .z-skills-page .z-art-empty>span { color: #8067c8 !important; background: radial-gradient(circle at 30% 20%, #eee8ff, #f8f7fd 80%) !important; border-color: #d8d0ec !important; }
html[data-zx-theme="light"] .z-skills-page .z-art-empty h3 { color: #5c4d86 !important; }

/* 作品档案 */
html[data-zx-theme="light"] .z-archive-page .z-filter-tabs {
  background: #ffffff !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-archive-page .z-filter-tabs>button { color: #73798b !important; }
html[data-zx-theme="light"] .z-archive-page .z-filter-tabs>button.active { color: #ffffff !important; background: #8067c8 !important; }
html[data-zx-theme="light"] .z-archive-page .z-filter-tabs>button:not(.active):hover { color: #503c91 !important; background: #f0edff !important; }
html[data-zx-theme="light"] .z-archive-page .z-search {
  color: #7867a4 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-archive-page .z-search input { color: #303547 !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-filters { color: #73798b !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-filters button { color: #73798b !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-filters button.active { color: #6852a5 !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-filters button span { color: #6852a5 !important; background: #eeeaff !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-cover { background: #f3f4f8 !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-body { background: #ffffff !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-body header>small { color: #8067c8 !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-body h2 { color: #303547 !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-body p { color: #73798b !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-body footer { color: #858b9b !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-body blockquote { color: #78627d !important; border-color: #b796c5 !important; }
html[data-zx-theme="light"] .z-archive-page .z-status { color: #6852a5 !important; background: #f0ebff !important; border-color: #d2c3ed !important; }
html[data-zx-theme="light"] .z-archive-page .z-status.approved { color: #2c8c6d !important; background: #e8f7f0 !important; border-color: #bde1d1 !important; }
html[data-zx-theme="light"] .z-archive-page .z-status.rejected { color: #b2576b !important; background: #fff0f2 !important; border-color: #e7bdc8 !important; }
html[data-zx-theme="light"] .z-archive-page .z-audio-art { color: #8067c8 !important; background: radial-gradient(at 35% 10%, #d8cdf5, #f0edfa) !important; }
html[data-zx-theme="light"] .z-archive-page .z-art-empty { color: #73798b !important; }
html[data-zx-theme="light"] .z-archive-page .z-art-empty>span { color: #8067c8 !important; background: radial-gradient(circle at 30% 20%, #eee8ff, #f8f7fd 80%) !important; border-color: #d8d0ec !important; }
html[data-zx-theme="light"] .z-archive-page .z-art-empty h3 { color: #5c4d86 !important; }
html[data-zx-theme="light"] .z-archive-page .z-art-empty p { color: #7a8192 !important; }
html[data-zx-theme="light"] .z-archive-page .z-modal-backdrop { background: #31355442 !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-lightbox { color: #303547 !important; background: #ffffff !important; border-color: #e0e2eb !important; box-shadow: 0 28px 80px #31355428 !important; }
html[data-zx-theme="light"] .z-archive-page .z-archive-lightbox footer { color: #73798b !important; }

/* 剧本创作工作台、项目、批量、审核与资产页共用的浅色表面。 */
html[data-zx-theme="light"] .z-main .secondary-page {
  --line: #dfe2eb;
  --ink-2: #535b6d;
  --ink-3: #727a8c;
  --jade: #6750a5;
  --jade-soft: #eeeaff;
  color: #303547 !important;
}
html[data-zx-theme="light"] .z-main .secondary-page :is(.page-title h1,.brand-detail-hero h1,.panel-heading h2,.project-body h2,.project-body dd,.product-library h3) {
  color: #303547 !important;
}
html[data-zx-theme="light"] .z-main .secondary-page :is(.page-title>div>span,.brand-detail-hero p,.panel-heading p,.project-body>p,.project-body time,.project-body dt,.batch-empty,.batch-message,.brand-tags small,.product-library p,.product-library dt) {
  color: #697184 !important;
}
html[data-zx-theme="light"] .z-main .secondary-page :is(.page-title>div>p,.brand-detail-hero span,.project-enter,.product-library>article span) {
  color: #6851a5 !important;
}
html[data-zx-theme="light"] .z-main .secondary-page :is(.panel-card,.project-card,.asset-card,.review-queue-card,.review-empty) {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 8px 24px #3135540d !important;
}
html[data-zx-theme="light"] .z-main .secondary-page :is(.panel-heading,.project-body dl,.project-body dl>div,.batch-tabs,.batch-rules>label,.batch-history>article,.product-library>article) {
  border-color: #e3e5ed !important;
}
html[data-zx-theme="light"] .z-main .secondary-page :is(input,textarea,select) {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #d6d9e4 !important;
}
html[data-zx-theme="light"] .z-main .secondary-page :is(input,textarea)::placeholder { color: #9299aa !important; }
html[data-zx-theme="light"] .z-main .secondary-page :is(.page-toolbar,.wm-projects .page-toolbar,.batch-upload-form .upload-zone,.matrix-total) {
  color: #485064 !important;
  background: #f7f8fc !important;
  border-color: #dfe2eb !important;
}
html[data-zx-theme="light"] .z-main .secondary-page :is(.page-toolbar>button,.batch-tabs button,.batch-history>article>button,.project-modal-actions button) {
  color: #5a4a83 !important;
  background: #f3f0fb !important;
  border-color: #d8d0eb !important;
}
html[data-zx-theme="light"] .z-main .secondary-page .batch-tabs button.active {
  color: #503c91 !important;
  background: #eeeaff !important;
  border-color: #b8a8e4 !important;
}
html[data-zx-theme="light"] .z-main .secondary-page :is(.batch-upload-form>label:first-child,.batch-rules>label,.matrix-row>span,.matrix-total>div strong,.batch-history :is(b,dd),.product-library dd) { color: #4a5163 !important; }
html[data-zx-theme="light"] .z-main .secondary-page :is(.batch-upload-form .upload-zone>strong,.matrix-row p,.batch-history :is(span,time,dt),.matrix-total>div span,.matrix-total>i) { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .secondary-page .matrix-row :is(b,button) { color: #6851a5 !important; }
html[data-zx-theme="light"] .z-main .secondary-page :is(.batch-upload-form .upload-zone>b,.project-body>div:first-child span) {
  color: #6851a5 !important;
  background: #eeeaff !important;
  border-color: #d3c7ed !important;
}
html[data-zx-theme="light"] .z-main .secondary-page .batch-upload-form input[type=file]::file-selector-button {
  color: #5a478d;
  background: #eeeaff;
  border-color: #d3c7ed;
}
html[data-zx-theme="light"] .z-main .secondary-page .wm-projects .project-card:hover,
html[data-zx-theme="light"] .z-main .secondary-page :is(.asset-card,.review-queue-card):hover { border-color: #a995df !important; }
html[data-zx-theme="light"] .z-main .secondary-page .new-project-card {
  color: #5e4b91 !important;
  background: #faf9ff !important;
  border-color: #c9bce7 !important;
}
html[data-zx-theme="light"] .z-main .secondary-page .new-project-card:hover { background: #f1edff !important; border-color: #a995df !important; }
html[data-zx-theme="light"] .z-main .secondary-page .new-project-card>b {
  color: #7357b5 !important;
  background: #eeeaff !important;
  border-color: #d1c4ec !important;
}
html[data-zx-theme="light"] .z-main .secondary-page .new-project-card>span { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .secondary-page :is(.project-body h2,.project-body dd,.project-body>p,.project-enter) { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .secondary-page .project-body>p { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .secondary-page .project-enter { color: #6851a5 !important; }
html[data-zx-theme="light"] .z-main .secondary-page .brand-tags span { color: #5d4b8e !important; background: #f0edfb !important; }
html[data-zx-theme="light"] .z-main .secondary-page .brand-rule-card.danger .brand-tags span { color: #a34f64 !important; background: #fff0f3 !important; }
html[data-zx-theme="light"] .z-main .project-modal-backdrop { background: #31355442 !important; }
html[data-zx-theme="light"] .z-main .project-modal-card {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 28px 80px #31355428 !important;
}
html[data-zx-theme="light"] .z-main .project-modal-title h2,
html[data-zx-theme="light"] .z-main .project-form-grid label>span { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .project-modal-title p { color: #7359b2 !important; }
html[data-zx-theme="light"] .z-main .project-modal-title>button { color: #67548f !important; background: #f3f0fb !important; }
html[data-zx-theme="light"] .z-main .project-form-grid :is(input,textarea) { color: #303547 !important; background: #ffffff !important; border-color: #d6d9e4 !important; }
html[data-zx-theme="light"] .z-main .project-modal-actions { border-color: #e0e2eb !important; }
html[data-zx-theme="light"] .z-main .project-modal-actions button:not([type=submit]) { color: #5a4a83 !important; background: #f3f0fb !important; border-color: #d8d0eb !important; }

/* 其余功能页的浅色主题覆盖：管理员、实名认证、模型价格、API 配置和批量设置。 */
html[data-zx-theme="light"] .z-main :is(.admin-console-page,.identity-page,.feature-studio-page) {
  color: #303547 !important;
  background: #f5f6fa !important;
  background-image: linear-gradient(135deg, #f7fbff 0%, #f5f3fb 100%) !important;
}
html[data-zx-theme="light"] .z-main .admin-console-page {
  padding-top: 44px;
}
html[data-zx-theme="light"] .z-main .admin-page-heading :is(h1,p),
html[data-zx-theme="light"] .z-main .admin-console-page :is(h2,strong) { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .admin-page-heading>div>span,
html[data-zx-theme="light"] .z-main .admin-page-heading p,
html[data-zx-theme="light"] .z-main .admin-overview-strip span,
html[data-zx-theme="light"] .z-main .admin-operation-card p { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .admin-page-heading>a {
  color: #ffffff !important;
  background: linear-gradient(135deg, #5aaceb, #8067c8) !important;
  border: 0 !important;
}
html[data-zx-theme="light"] .z-main :is(.admin-overview-strip>div,.user-metric-grid>div,.admin-operation-card,.admin-data-panel,.admin-state-card) {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 12px 30px #31355412 !important;
}
html[data-zx-theme="light"] .z-main .admin-overview-strip strong,
html[data-zx-theme="light"] .z-main .user-metric-grid strong { color: #4b3c7d !important; }
html[data-zx-theme="light"] .z-main .admin-operation-card>span {
  color: #ffffff !important;
  background: linear-gradient(135deg, #5acde5, #8067d8) !important;
}
html[data-zx-theme="light"] .z-main .admin-operation-card b { color: #7056ad !important; }
html[data-zx-theme="light"] .z-main .admin-operation-card:hover { border-color: #a995df !important; }

html[data-zx-theme="light"] .z-main .identity-page {
  color: #303547 !important;
  background: linear-gradient(135deg, #f7fbff, #f5f3fb) !important;
}
html[data-zx-theme="light"] .z-main .identity-page :is(h1,strong) { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .identity-page :is(.identity-heading>p,.identity-heading>span,.identity-card-title small,.identity-card label:not(.identity-consent),.identity-summary span) { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .identity-card {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 18px 48px #31355412 !important;
}
html[data-zx-theme="light"] .z-main .identity-card-title { border-color: #e3e5ed !important; }
html[data-zx-theme="light"] .z-main .identity-card-title>span { color: #7056ad !important; }
html[data-zx-theme="light"] .z-main .identity-card label>input:not([type=checkbox]),
html[data-zx-theme="light"] .z-main .identity-card input:not([type=checkbox]) {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #d6d9e4 !important;
}
html[data-zx-theme="light"] .z-main .identity-summary { color: #4a5163 !important; background: #f7f8fc !important; }
html[data-zx-theme="light"] .z-main .identity-status.verified { color: #2c8c6d !important; }
html[data-zx-theme="light"] .z-main .identity-card>button { color: #ffffff !important; background: #8067c8 !important; }
html[data-zx-theme="light"] .z-main .identity-consent { color: #535b6d !important; }
html[data-zx-theme="light"] .z-main .identity-note li { border-color: #e3e5ed !important; }
html[data-zx-theme="light"] .z-main .identity-note li :is(b,strong) { color: #4a5163 !important; }
html[data-zx-theme="light"] .z-main .identity-note li span { color: #697184 !important; }

html[data-zx-theme="light"] .z-main .feature-studio-page:before { opacity: .45; }
html[data-zx-theme="light"] .z-main .feature-studio-copy>p,
html[data-zx-theme="light"] .z-main .feature-module-heading p { color: #6851a5 !important; }
html[data-zx-theme="light"] .z-main .feature-studio-copy h1,
html[data-zx-theme="light"] .z-main .feature-module-heading h2 { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .feature-studio-copy h1 span { color: #8067c8 !important; background: none !important; }
html[data-zx-theme="light"] .z-main .feature-studio-description,
html[data-zx-theme="light"] .z-main .feature-studio-metrics span,
html[data-zx-theme="light"] .z-main .feature-module-heading>span,
html[data-zx-theme="light"] .z-main .feature-module-card p,
html[data-zx-theme="light"] .z-main .feature-module-card>span { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .feature-studio-metrics { border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-main .feature-studio-metrics strong { color: #4b3c7d !important; }
html[data-zx-theme="light"] .z-main .feature-primary-action { color: #ffffff !important; background: #8067c8 !important; box-shadow: 0 12px 28px #8067c82e !important; }
html[data-zx-theme="light"] .z-main .feature-secondary-action { color: #5a478d !important; background: #ffffff !important; border-color: #d8d0eb !important; }
html[data-zx-theme="light"] .z-main .feature-stage { background: #ffffff !important; border-color: #dfe2eb !important; box-shadow: 0 20px 54px #31355412 !important; }
html[data-zx-theme="light"] .z-main .feature-stage-toolbar { border-color: #e3e5ed !important; }
html[data-zx-theme="light"] .z-main .feature-stage-toolbar span { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .feature-stage-toolbar em { color: #2c8c6d !important; background: #e9f7f0 !important; border-color: #bfe4d1 !important; }
html[data-zx-theme="light"] .z-main .feature-stage-grid { opacity: .22; }
html[data-zx-theme="light"] .z-main .feature-stage-card,
html[data-zx-theme="light"] .z-main .feature-module-card { color: #303547 !important; background: #f7f8fc !important; border-color: #dfe2eb !important; box-shadow: 0 10px 26px #3135540d !important; }
html[data-zx-theme="light"] .z-main .feature-stage-main small,
html[data-zx-theme="light"] .z-main .feature-stage-item b,
html[data-zx-theme="light"] .z-main .feature-module-card b { color: #7056ad !important; }
html[data-zx-theme="light"] .z-main .feature-stage-main p,
html[data-zx-theme="light"] .z-main .feature-stage-item span { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .feature-module-card em { color: #a34f80 !important; background: #fff0f7 !important; border-color: #edc2d8 !important; }
html[data-zx-theme="light"] .z-main .feature-module-section { border-color: #dfe2eb !important; }

html[data-zx-theme="light"] .z-main .api-hub-page .admin-only-chip { color: #5d4b8e !important; background: #f0edfb !important; border-color: #d8d0eb !important; }
html[data-zx-theme="light"] .z-main .api-hub-page :is(.api-capability-tabs>button,.api-kind-switch>button) { color: #4a5163 !important; background: #ffffff !important; border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-main .api-hub-page :is(.api-capability-tabs>button.active,.api-kind-switch>button.active) { color: #503c91 !important; background: #f0edff !important; border-color: #a995df !important; }
html[data-zx-theme="light"] .z-main .api-hub-page :is(.api-capability-tabs strong,.api-kind-switch strong) { color: #4a5163 !important; }
html[data-zx-theme="light"] .z-main .api-hub-page :is(.api-capability-tabs small,.api-kind-switch small) { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .api-hub-page :is(.api-capability-tabs>button>span,.api-kind-switch>button>span) { color: #7056ad !important; background: #eeeaff !important; border-color: #d3c7ed !important; }
html[data-zx-theme="light"] .z-main .api-hub-page .api-language-models>label { color: #4a5163 !important; background: #f7f8fc !important; border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-main .api-hub-page .api-language-models :is(strong,small,code) { color: #4a5163 !important; }
html[data-zx-theme="light"] .z-main .api-hub-page .api-channel-list>article { color: #4a5163 !important; background: #f7f8fc !important; border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-main .api-hub-page .api-channel-list article :is(strong,p,small) { color: #4a5163 !important; }
html[data-zx-theme="light"] .z-main .api-hub-page .api-channel-list article footer button { color: #5a478d !important; background: #f3f0fb !important; border-color: #d8d0eb !important; }
html[data-zx-theme="light"] .z-main .api-hub-page .api-channel-list article footer button.danger { color: #a64b62 !important; background: #fff0f3 !important; border-color: #e8bfca !important; }
html[data-zx-theme="light"] .z-main .api-hub-page .api-channel-name i.available { color: #2b8062 !important; background: #e9f7f0 !important; }
html[data-zx-theme="light"] .z-main .api-hub-page .panel-heading>button { color: #5a478d !important; background: #f3f0fb !important; border-color: #d8d0eb !important; }

html[data-zx-theme="light"] .z-main .secondary-page .similarity-setting { color: #535b6d !important; background: #f7f3ff !important; border-color: #d8d0eb !important; }
html[data-zx-theme="light"] .z-main .secondary-page .similarity-setting>span { color: #73798b !important; }
html[data-zx-theme="light"] .z-main .secondary-page .similarity-setting>strong { color: #5d4b8e !important; }
html[data-zx-theme="light"] .z-main .wm-projects .project-cover { background: #eef0f6 !important; }
html[data-zx-theme="light"] .z-main .z-archive-page .z-cover-action { color: #ffffff !important; background: #5e4b8ed9 !important; }

/* 管理员后台的配置型子页面沿用浅色工作台表面。 */
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page :is(.z-brand-settings,.navigation-icon-guide,.navigation-icon-card) {
  color: #4a5163 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 8px 24px #3135540d !important;
}
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page .z-brand-settings :is(label,input) { color: #4a5163 !important; }
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page .z-brand-settings input { background: #ffffff !important; border-color: #d6d9e4 !important; }
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page .navigation-icon-guide { background: #f7f8fc !important; }
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page .navigation-icon-guide b { color: #4a5163 !important; }
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page .navigation-icon-guide span { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page .navigation-icon-card h2 { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page .navigation-icon-card-copy>span { color: #7056ad !important; }
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page .navigation-icon-card-copy :is(p,small) { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page .navigation-icon-preview { color: #7056ad !important; background: #f0edff !important; border-color: #d3c7ed !important; }
html[data-zx-theme="light"] .z-main .navigation-icon-admin-page .navigation-icon-actions button { color: #5a478d !important; background: #f3f0fb !important; border-color: #d8d0eb !important; }

html[data-zx-theme="light"] .z-main .prompt-admin-page :is(.prompt-template-nav,.prompt-template-editor) {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 8px 24px #3135540d !important;
}
html[data-zx-theme="light"] .z-main .prompt-admin-page :is(.pc-destinations,.pc-destinations span,.prompt-template-list button) { color: #4a5163 !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .pc-destinations { border-color: #e3e5ed !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .pc-destinations .active { color: #503c91 !important; background: #f0edff !important; border-color: #a995df !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .pc-groups>button.active { color: #503c91 !important; background: #f0edff !important; border-color: #a995df !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .prompt-template-list button { background: #f7f8fc !important; border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .prompt-template-list button.active { color: #503c91 !important; background: #f0edff !important; border-color: #a995df !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .prompt-template-list button :is(strong,small) { color: #4a5163 !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .prompt-template-editor :is(header,footer) { border-color: #e3e5ed !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .prompt-template-editor :is(input,textarea,select) { color: #303547 !important; background: #ffffff !important; border-color: #d6d9e4 !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .prompt-template-editor label span { color: #4a5163 !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .pc-bound-note,
html[data-zx-theme="light"] .z-main .prompt-admin-page .pc-shared-note { color: #5d4b8e !important; background: #f3f0fb !important; border-color: #d8d0eb !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .pc-skill-options label { color: #4a5163 !important; background: #f7f8fc !important; border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .pc-skill-options small { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .prompt-template-editor>footer { color: #697184 !important; background: #f7f8fc !important; border-color: #e3e5ed !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .prompt-template-editor>footer :is(strong,span) { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .prompt-admin-page .enabled { color: #2b8062 !important; background: #e9f7f0 !important; border-color: #bfe4d1 !important; }

html[data-zx-theme="light"] .z-main .audit-page .audit-detail,
html[data-zx-theme="light"] .z-main .audit-page .audit-call-list { color: #4a5163 !important; background: #ffffff !important; border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-main .audit-page pre { color: #4a5163 !important; background: #f7f8fc !important; border-color: #e3e5ed !important; }

/* 工作台、审核中心和内容资产使用同一组 wm 控件。 */
html[data-zx-theme="light"] .z-main .wm-page { --wm-line: #dfe2eb; --wm-muted: #697184; color: #303547 !important; }
html[data-zx-theme="light"] .z-main .wm-page :is(h1,.wm-panel-heading h2,.wm-shared h2,.wm-review-main h2,.wm-asset-kinds strong,.wm-asset h3,.wm-task-title strong,.wm-wait-item strong,.wm-empty strong) { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .wm-page :is(.wm-heading p,.wm-panel-heading p,.wm-shared p,.wm-meta,.wm-review-main p,.wm-task-title span,.wm-wait-item small,.wm-asset p,.wm-asset small,.wm-empty,.wm-asset-kinds small) { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-heading .wm-eyebrow { color: #6851a5 !important; }
html[data-zx-theme="light"] .z-main .wm-page :is(.wm-panel,.wm-metric,.wm-asset-kinds button,.wm-asset) {
  color: #303547 !important;
  background: #ffffff !important;
  border-color: #dfe2eb !important;
  box-shadow: 0 8px 24px #3135540d !important;
}
html[data-zx-theme="light"] .z-main .wm-page :is(.wm-metric,.wm-asset-kinds button,.wm-asset):hover { border-color: #ad9adb !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-asset-kinds button.active { color: #503c91 !important; background: #f0edff !important; border-color: #a995df !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-metric>span,
html[data-zx-theme="light"] .z-main .wm-page .wm-metric strong { color: #4b3c7d !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-metric small,
html[data-zx-theme="light"] .z-main .wm-page .wm-metric i { color: #737a8c !important; }
html[data-zx-theme="light"] .z-main .wm-page :is(.wm-bulk,.wm-task,.wm-review,.wm-asset footer) { border-color: #e3e5ed !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-task:hover { background: #f7f5fd !important; }
html[data-zx-theme="light"] .z-main .wm-page :is(.wm-search input,.wm-filter) { color: #303547 !important; background: #ffffff !important; border-color: #d6d9e4 !important; }
html[data-zx-theme="light"] .z-main .wm-page :is(.wm-bulk,.wm-bulk label,.wm-issue) { color: #535b6d !important; }
html[data-zx-theme="light"] .z-main .wm-page :is(.wm-task-symbol,.wm-kind-icon) { color: #7056ad !important; background: #eeeaff !important; border-color: #d3c7ed !important; }
html[data-zx-theme="light"] .z-main .wm-page :is(.wm-score strong,.wm-count,.wm-asset-kinds strong b,.wm-asset footer :is(a,button),.wm-open,.wm-wait-item b) { color: #7056ad !important; }
html[data-zx-theme="light"] .z-main .wm-page :is(.wm-score span,.wm-issue b) { color: #82718f !important; }
html[data-zx-theme="light"] .z-main .wm-page :is(.wm-primary,.wm-secondary,.wm-refresh) { color: #5a478d !important; background: #f3f0fb !important; border-color: #d8d0eb !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-primary { color: #ffffff !important; background: #8067c8 !important; border-color: #8067c8 !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-secondary:hover { background: #eae4fb !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-badge { color: #66598a !important; background: #f0edfb !important; border-color: #d8d0eb !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-badge.waiting { color: #916b31 !important; background: #fff7e9 !important; border-color: #eed9ad !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-badge.error { color: #a64b62 !important; background: #fff0f3 !important; border-color: #e8bfca !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-badge.success { color: #2b8062 !important; background: #e9f7f0 !important; border-color: #bfe4d1 !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-danger { color: #a64b62 !important; background: #fff0f3 !important; border-color: #e8bfca !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-notice { color: #487565 !important; background: #edf8f1 !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-error { color: #a64b62 !important; background: #fff0f3 !important; border-color: #e8bfca !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-asset-detail { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .wm-page .wm-wait-item { border-color: #e3e5ed !important; }
html[data-zx-theme="light"] .wm-dialog { color: #303547 !important; background: #ffffff !important; border-color: #dfe2eb !important; box-shadow: 0 28px 80px #31355428 !important; }
html[data-zx-theme="light"] .wm-dialog::backdrop { background: #31355442 !important; }
html[data-zx-theme="light"] .wm-dialog :is(h2,.wm-confirm-list) { color: #303547 !important; }
html[data-zx-theme="light"] .wm-dialog :is(p,label) { color: #697184 !important; }
html[data-zx-theme="light"] .wm-dialog :is(input,textarea,select) { color: #303547 !important; background: #ffffff !important; border-color: #d6d9e4 !important; }
html[data-zx-theme="light"] .wm-dialog button:not(.wm-primary) { color: #5a478d !important; background: #f3f0fb !important; border-color: #d8d0eb !important; }
html[data-zx-theme="light"] .wm-dialog .wm-primary { color: #ffffff !important; background: #8067c8 !important; border-color: #8067c8 !important; }

/* 从工作台或审核列表进入的剧本任务详情。 */
html[data-zx-theme="light"] .z-main .run-page :is(.run-heading h1,.result-script-block>div b) { color: #303547 !important; }
html[data-zx-theme="light"] .z-main .run-page .run-heading p { color: #6851a5 !important; }
html[data-zx-theme="light"] .z-main .run-page .run-heading>div:first-child>span { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .run-page .run-pipeline { color: #303547 !important; background: #ffffff !important; border-color: #dfe2eb !important; }
html[data-zx-theme="light"] .z-main .run-page .run-pipeline b { color: #655879 !important; background: #f0edfb !important; }
html[data-zx-theme="light"] .z-main .run-page .run-pipeline :is(.done,.active) b { color: #ffffff !important; background: #8067c8 !important; }
html[data-zx-theme="light"] .z-main .run-page .run-pipeline span { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .run-page .run-pipeline :is(.done,.active) span { color: #594389 !important; }
html[data-zx-theme="light"] .z-main .run-page .run-pipeline>div>i { background: #dfe2eb !important; }
html[data-zx-theme="light"] .z-main .run-page .run-pipeline>div.done>i { background: #bba9e2 !important; }
html[data-zx-theme="light"] .z-main .run-page .result-script-block,
html[data-zx-theme="light"] .z-main .run-page .result-review>article { border-color: #e3e5ed !important; }
html[data-zx-theme="light"] .z-main .run-page .result-script-block>p,
html[data-zx-theme="light"] .z-main .run-page .result-review>article p { color: #41495b !important; }
html[data-zx-theme="light"] .z-main .run-page .result-script-block>small,
html[data-zx-theme="light"] .z-main .run-page .result-script-block>div span,
html[data-zx-theme="light"] .z-main .run-page .result-review>article small { color: #697184 !important; }
html[data-zx-theme="light"] .z-main .run-page .result-script-block blockquote,
html[data-zx-theme="light"] .z-main .run-page .result-score { color: #4f5164 !important; background: #f7f5fc !important; border-color: #c9bce7 !important; }
html[data-zx-theme="light"] .z-main .run-page .result-score b,
html[data-zx-theme="light"] .z-main .run-page .result-review>article span { color: #6b53a7 !important; }
html[data-zx-theme="light"] .z-main .run-page .result-score span { color: #697184 !important; }
/* Next 水合可能短暂恢复 /create 的默认激活态；项目页状态以 URL 为准。 */
html.zx-canvas-projects-page .z-nav-primary[href="/create"]:not([data-zx-canvas-nav]) { color: inherit; background: transparent; border-color: transparent; box-shadow: none; }
html.zx-canvas-projects-page .z-nav-primary[href="/create"]:not([data-zx-canvas-nav]) :is(strong,small,i,span) { color: inherit !important; }

/* Creation controls share the same borderless geometry in both themes. */
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .toolbar>button:not(.generate){background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#525a73!important}
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .toolbar>button:not(.generate):is(:hover,:focus-visible){background:#eeebfa!important;border-color:#d7ccec!important}
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .creation-space>button{border:1px solid transparent!important;box-shadow:none!important;background:transparent!important;color:#525a73!important}
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .creation-space>button.active,html[data-zx-theme="light"] .z-main .il-studio.creation-studio .toolbar>button.generate{background:#886cdd!important;color:white!important;border-color:transparent!important}
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .creation-space>button:is(:hover,:focus-visible){border-color:#d7ccec!important}
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .il-prompt-editor:not(.il-prompt-editor-expanded){background:transparent!important;box-shadow:none!important;border:0!important}

/* Keep the reference shortcut legible beside creation controls. */
.z-main .il-studio.creation-studio .toolbar>button.creation-mention-trigger:not(.generate){font-size:18px!important;line-height:1;font-weight:500;}
/* Creation controls share a quiet, precise text and icon system. */
.z-creation-shell{font-family:"Segoe UI","PingFang SC","Microsoft YaHei UI",sans-serif!important;font-synthesis:none;text-rendering:optimizeLegibility}
.z-creation-shell :is(button,input,textarea,select){font-family:inherit!important;text-shadow:none!important}
.z-main .il-studio.creation-studio .toolbar>button:not(.generate){font-size:13px!important;font-weight:500!important;line-height:20px;letter-spacing:0;color:#e3e3e8;padding:6px 10px;gap:7px;text-shadow:none;box-shadow:none}
.z-main .creation-studio .toolbar .creation-control-icon{width:16px;height:16px;flex:none;stroke-width:1.65;filter:none}
.z-main .il-studio.creation-studio .toolbar>button.creation-mention-trigger:not(.generate){width:32px;height:32px;padding:7px;display:inline-flex;align-items:center;justify-content:center}
.z-main .creation-studio .creation-mention-trigger .creation-control-icon{width:18px;height:18px;stroke-width:1.8}
.z-creation-shell .history-open>span:nth-child(2){font-size:14px;line-height:22px;font-weight:400;letter-spacing:0;color:#dedee5;text-shadow:none}
.z-creation-shell .creation-history>header{font-size:13px;font-weight:500;letter-spacing:0}
.creation-canvas-panel{position:relative;flex:1;min-height:0;width:100%;height:calc(100dvh - 166px)}
.creation-canvas-panel[hidden]{display:none!important}
.creation-canvas-panel .creation-canvas{display:block;width:100%;height:100%;border:0}
.creation-canvas-status{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#17181d;color:#e4e2ec;font-size:14px}
.creation-canvas-status span{color:#a3a0ae;font-size:13px}.creation-canvas-status>div{display:flex;gap:16px;align-items:center}
.z-main .creation-home.creation-space-canvas>.content{height:calc(100dvh - 64px);display:flex;flex-direction:column;min-height:0;padding-bottom:0}
.creation-space-canvas .creation-space{flex:none}
/* Theme parity: no extra permanent outlines in daylight. */
html[data-zx-theme=light] .z-creation-shell :is(.z-topbar,.z-account,.creation-history){border-color:transparent!important;box-shadow:none!important}
html[data-zx-theme=light] .z-creation-shell :is(.creation-top-link,.z-theme-toggle,.z-nav-primary){border-color:transparent!important;box-shadow:none!important}
html[data-zx-theme=light] .z-creation-shell :is(.creation-top-link){background:transparent!important}
html[data-zx-theme=light] .z-creation-shell :is(.creation-top-link):hover{background:#e9e7f0!important}
html[data-zx-theme=light] .z-creation-shell .history-open>span:nth-child(2){color:#414653!important;opacity:1}
html[data-zx-theme=light] .z-creation-shell .creation-history>header{color:#646a76!important}
html[data-zx-theme=light] .z-main .il-studio.creation-studio .toolbar>button:not(.generate){color:#454957!important;border-color:transparent!important;box-shadow:none!important}
html[data-zx-theme=light] .z-main .il-studio .il-prompt-editor .il-prompt-body textarea{background:transparent!important;color:transparent!important;-webkit-text-fill-color:transparent!important;caret-color:#59449a!important}
html[data-zx-theme=light] .z-main .il-studio .il-prompt-paint{color:#303440!important;-webkit-text-fill-color:#303440!important;opacity:1!important}
html[data-zx-theme=light] .z-main .il-studio .il-prompt-paint mark{-webkit-text-fill-color:#634b9d!important}
html[data-zx-theme=light] .creation-canvas-status{background:#f5f5f9;color:#303440}
/* A broad diagonal colour wash, behind text and progress. */
.z-main .il-studio .il-generation-wait::before{background:linear-gradient(135deg,transparent 28%,rgba(77,133,162,.15) 37%,rgba(108,114,188,.38) 45%,rgba(156,112,188,.42) 51%,rgba(71,155,160,.30) 59%,transparent 72%);animation-duration:8s}
html[data-zx-theme=light] .z-main .il-studio .il-generation-wait::before{background:linear-gradient(135deg,transparent 28%,#93bdcb40 38%,#a79adc75 49%,#8bc7c861 59%,transparent 72%)}

html[data-zx-theme=light] .z-creation-shell .zx-workspace-theme-switch{border-color:transparent!important;box-shadow:none!important}
html[data-zx-theme=light] .z-creation-shell .zx-workspace-theme-switch button{border-color:transparent!important;box-shadow:none!important}
/* The image itself is the click target, without a full-width invisible button. */
.z-main .il-studio .creation-feed-media>button{justify-self:center;align-self:center;display:block;width:fit-content;max-width:100%;height:fit-content;min-height:0;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;line-height:0;overflow:hidden}
.z-main .il-studio .creation-feed-media>button img{width:auto;height:auto;max-width:100%;max-height:48dvh;object-fit:contain;border:0;border-radius:0}
.z-main .il-studio .creation-feed-actions{justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding-top:14px}
.z-main .il-studio .creation-feed-actions button{font-weight:400;line-height:20px;background:#ffffff06;color:#c8c8d2;padding:7px 12px;transition:background .15s,color .15s}
.z-main .il-studio .creation-feed-actions button:hover{background:#ffffff0e;color:#f1f1f5}
.z-main .il-studio.creation-studio .toolbar>button.generate{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;flex-basis:38px;border:1px solid #ffffff18!important;background:linear-gradient(145deg,#c9bbf2,#ae99e4)!important;color:#272132!important;box-shadow:0 1px 2px #0002!important;transition:background .18s,transform .18s,opacity .18s}
.z-main .il-studio.creation-studio .toolbar>button.generate svg{width:21px;height:21px;flex:none}
.z-main .il-studio.creation-studio .toolbar>button.generate:not(:disabled):hover{background:linear-gradient(145deg,#d5c9f5,#bcaaeb)!important;transform:translateY(-1px)}
.z-main .il-studio.creation-studio .toolbar>button.generate:not(:disabled):active{transform:translateY(0)}
.z-main .il-studio.creation-studio .toolbar>button.generate:disabled{opacity:.38;box-shadow:none!important}
.creation-submit-spinner{width:16px;height:16px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:creation-submit-spin .8s linear infinite}
@keyframes creation-submit-spin{to{transform:rotate(360deg)}}
html[data-zx-theme=light] .z-main .il-studio .creation-feed-actions button{background:transparent!important;color:#535361!important;box-shadow:none!important}
html[data-zx-theme=light] .z-main .il-studio .creation-feed-actions button:hover{background:#ece9f3!important;color:#302b40!important}

/* Every completed row uses the feed width, independent of aspect ratio. */
.z-main .creation-studio .creation-feed-item{width:100%;max-width:100%;margin-left:0;margin-right:0}
.z-main .creation-studio .creation-feed-item:has(.creation-feed-wait){width:min(640px,100%)}
.z-main .creation-studio .creation-result-title{width:100%;max-width:100%;justify-content:flex-start}
.z-main .creation-studio .creation-feed-media{display:flex;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;max-width:100%;overflow:hidden}
.z-main .creation-studio .creation-feed-media>button{flex:1 1 0;min-width:0;width:0;max-width:100%;margin:0;justify-self:auto}
.z-main .creation-studio .creation-feed-media>button img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain}
.z-main .creation-studio .creation-feed-media video{max-width:100%;width:100%;height:auto}
.z-main .creation-studio .creation-feed-actions{width:100%;justify-content:center}
.creation-prompt-reuse{position:relative;display:inline-flex;align-items:center;min-width:0;max-width:100%;border-radius:6px}
.creation-prompt-reuse strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.z-main .il-studio .creation-prompt-reuse>button{position:absolute;left:100%;top:50%;transform:translateY(-50%);z-index:2;white-space:nowrap;font-size:12px;line-height:20px;padding:4px 9px;border:0;background:#303039;color:#eeedf4;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .12s}
.creation-prompt-reuse:hover,.creation-prompt-reuse:focus-within{background:#ffffff08}
.z-main .il-studio .creation-prompt-reuse:hover>button,.z-main .il-studio .creation-prompt-reuse:focus-within>button{opacity:1;visibility:visible}
.creation-result-undo{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:110;background:#303039;color:#eeedf4;border:1px solid #ffffff12;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:12px;font-size:13px}
.z-main .il-studio .creation-result-undo button{border:0;background:transparent;color:#c6b8ff;padding:4px 7px}
html[data-zx-theme=light] .z-main .il-studio .creation-prompt-reuse>button{background:#eceaf3;color:#383341}
@media(hover:none){.z-main .il-studio .creation-prompt-reuse>button{position:static;transform:none;visibility:visible;opacity:1;margin-left:8px}}

/* Fullscreen result detail: isolated from studio button and dialog styles. */
dialog.image-detail{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:#111214;color:#ededf1;font:13px/1.65 "Segoe UI","Microsoft YaHei UI",sans-serif;overflow:hidden;box-sizing:border-box}
.image-detail[open]{display:grid;grid-template-columns:minmax(0,1fr) 360px}
.image-detail::backdrop{background:#111214}
.image-detail *{box-sizing:border-box}
.image-detail button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .15s}
.image-detail button:hover{background:#ffffff0c}.image-detail button:disabled{opacity:.25;cursor:default}.image-detail button:focus-visible{outline:2px solid #bcaff1;outline-offset:3px}
.image-detail-back{position:absolute;top:16px;left:16px;z-index:2}
.image-detail-stage{position:relative;min-width:0;height:100dvh;display:flex;align-items:center;justify-content:center;padding:56px 62px 32px 40px}
.image-detail-stage>img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}
.image-detail-loading{position:absolute;color:#92939d}.image-detail-pager{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#101014b8;backdrop-filter:blur(18px);border-radius:24px;padding:2px 5px;gap:9px;font-variant-numeric:tabular-nums}
.image-detail-records{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;gap:12px}
.image-detail-panel{min-height:0;display:flex;flex-direction:column;padding:28px 24px 24px;border-left:1px solid #ffffff08;gap:22px}
.image-detail-panel header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #ffffff09}
.image-detail-info{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#45434e transparent}
.image-detail-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:24px}
.image-detail-thumbs button{padding:2px;aspect-ratio:1;border:1px solid transparent;border-radius:10px;overflow:hidden}.image-detail-thumbs button[aria-pressed=true]{border-color:#eceaf5}.image-detail-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.image-detail h2{font-size:12px;font-weight:400;color:#8f909a;margin:0 0 10px}.image-detail-prompt{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px;font-size:14px;line-height:1.8}.image-detail-meta{display:flex;flex-wrap:wrap;gap:10px;color:#a5a5b0;font-size:12px}.image-detail-meta span{border-left:1px solid #ffffff14;padding-left:10px}.image-detail details{color:#898a96;font-size:12px}.image-detail summary{cursor:pointer}
.image-detail-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:#ffffff06;border-radius:14px;padding:10px}.image-detail-tools button{justify-content:flex-start;font-size:12px;padding:12px 7px}.image-detail-error{color:#e7a2a2;font-size:12px}
@media(max-width:800px){.image-detail[open]{grid-template-columns:1fr;overflow:auto}.image-detail-stage{height:65dvh;padding:55px 42px 25px 20px}.image-detail-panel{border:0;padding:20px;min-height:35dvh}.image-detail-info{overflow:visible}.image-detail-thumbs{max-width:360px}.image-detail-records{right:2px}.image-detail-pager{bottom:28px}}

.image-detail:focus{outline:none}
dialog.result-delete-confirm{position:fixed;inset:0;width:min(510px,calc(100vw - 32px));max-width:510px;margin:auto;padding:28px 30px;border:1px solid #ffffff08;border-radius:16px;background:#1d1e22;color:#ededf2;font:13px/1.7 "Segoe UI","Microsoft YaHei UI",sans-serif;box-shadow:0 24px 90px #0005}
.result-delete-confirm::backdrop{background:#0009}
.result-delete-confirm header{display:flex;align-items:center;justify-content:space-between;gap:18px}.result-delete-confirm h2{font-size:15px;font-weight:500;margin:0}.result-delete-confirm p{color:#acacb6;margin:24px 0 30px}.result-delete-confirm p[role=alert]{color:#efa6a6}.result-delete-confirm footer{display:flex;justify-content:flex-end;gap:12px}
.result-delete-confirm button{border:0;border-radius:8px;background:#ffffff08;color:inherit;min-width:80px;padding:9px 16px;font:inherit;cursor:pointer}.result-delete-confirm header button{min-width:0;padding:0 4px;font-size:24px;background:transparent}.result-delete-confirm .confirm-delete{background:#f4f3f7;color:#25242a}.result-delete-confirm button:disabled{opacity:.45;cursor:wait}.result-delete-confirm button:focus-visible{outline:1px solid #c8bdf0;outline-offset:3px}

.z-main .il-studio.creation-assets{height:calc(100dvh - 64px);min-height:0;overflow:hidden}
.z-main .il-studio.creation-assets>.content{height:100%;max-width:none;padding:0;overflow:hidden}
.creation-assets-scroll{height:100%;width:100%}
.creation-assets-scroll>.laser-scroll-viewport>.laser-scroll-content{padding:24px 40px 48px}
@media(max-width:700px){.creation-assets-scroll>.laser-scroll-viewport>.laser-scroll-content{padding:20px 18px 36px}}


/* Result metadata stays legible inside the proportional desktop viewport. */
.z-main .il-studio .creation-result-title{font-family:"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;font-size:16px;line-height:1.6;gap:16px;align-items:baseline;text-shadow:none;letter-spacing:normal;-webkit-font-smoothing:antialiased}
.z-main .il-studio .creation-result-title strong{font:500 16px/1.6 "Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;text-shadow:none}
.z-main .il-studio .creation-result-title>small{font:400 16px/1.6 "Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;color:#b8bcc8!important;opacity:1;letter-spacing:normal;text-shadow:none;-webkit-text-stroke:0}
/* Header actions have no permanent frame in either theme; the balance remains outlined. */
.z-shell .z-topbar .creation-top-link,.z-shell .z-topbar .z-theme-toggle{border:0!important;box-shadow:none!important}
.z-shell .z-topbar .creation-top-link{background:transparent!important;color:#d9dbe4!important;padding:8px 14px;min-height:38px;font:400 15px/1.5 "Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;text-shadow:none;transition:color .16s,background .16s}
.z-shell .z-topbar .creation-top-link:hover{background:#ffffff08!important;color:#fff!important}
.z-shell .z-topbar .creation-top-link:focus-visible{outline:2px solid #ad9ed5;outline-offset:3px}
html[data-zx-theme=light] .z-main .il-studio .creation-result-title>small{color:#656c7c!important}
html[data-zx-theme=light] .z-shell .z-topbar .creation-top-link{color:#454b59!important}
html[data-zx-theme=light] .z-shell .z-topbar .creation-top-link:hover{background:#24283808!important;color:#252a36!important}
html[data-zx-theme=light] .z-shell .z-topbar .z-aura{border:1px solid #d7cfea!important;background:#f7f5fc!important}

/* A single result must not inherit the multi-image flex expansion. */
.z-main .creation-studio .creation-feed-media>button:only-child{flex:0 1 auto;width:fit-content;max-width:100%;margin-inline:auto}
.z-main .creation-studio .creation-feed-media>button:only-child img{width:auto;height:auto;max-width:100%;max-height:min(52dvh,520px);object-fit:contain}

/* Consistent spacious sidebar rhythm across workspace sections. */
@media(min-width:901px){
.z-shell .z-sidebar>.zx-brand{margin-bottom:20px;flex-shrink:0}
.z-shell .z-sidebar .z-workspace{padding:18px 10px 24px;flex-shrink:0}
.z-shell .z-sidebar .z-workspace>small{margin-bottom:12px}
.z-shell .z-sidebar .z-nav-label{margin:14px 0 18px}
.z-shell .z-sidebar .z-nav-primary{padding:16px 12px;margin:0 0 18px;min-height:72px}
.z-shell .z-sidebar .z-tools-label{margin-top:26px;padding-top:24px;margin-bottom:16px}
.z-shell .z-sidebar .z-nav-tool{padding:16px 10px;min-height:72px;margin:0 0 18px}
.z-shell .z-sidebar>nav{min-height:0;overflow-y:auto}
}
@media(min-width:901px) and (max-height:780px){
.z-shell .z-sidebar>.zx-brand{margin-bottom:10px}
.z-shell .z-sidebar .z-workspace{padding:12px 10px 16px}
.z-shell .z-sidebar .z-nav-primary{margin-bottom:10px;min-height:62px;padding:12px}
.z-shell .z-sidebar .z-tools-label{margin-top:16px;padding-top:16px}
}

/* Solid mist-blue selection replaces the animated pastel gradient. */
html .z-main .il-studio.creation-studio .creation-space>button.active,
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .creation-space>button.active{background:#405b70!important;background-image:none!important;color:#f7fafc!important;animation:none!important;box-shadow:none!important;border-color:transparent!important}
html .z-main .il-studio.creation-studio .creation-space>button.active:hover,
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .creation-space>button.active:hover{background:#4b687e!important}
html .z-main .il-studio.creation-studio .creation-space>button.active img{filter:brightness(0) invert(1);opacity:.94}
html .z-main .il-studio.creation-studio .creation-space>button.active svg{color:inherit}
html .z-main .il-studio.creation-studio .creation-space>button:focus-visible{outline:2px solid #88b1cf;outline-offset:3px}

/* Bright jade selection: a single solid fill, no gradient or moving highlight. */
html .z-main .il-studio.creation-studio .creation-space>button.active,
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .creation-space>button.active{background:#a7ebcb!important;background-image:none!important;color:#142b23!important;animation:none!important;box-shadow:none!important}
html .z-main .il-studio.creation-studio .creation-space>button.active:hover,
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .creation-space>button.active:hover{background:#baf3d8!important}
html .z-main .il-studio.creation-studio .creation-space>button.active img{filter:brightness(0);opacity:.76}
.ws-status{position:relative;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-style:normal;letter-spacing:0}
.z-shell .ws-status-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:68px;padding:13px 12px;border:1px solid #ffffff0d;border-radius:12px;background:#282c30;color:#edf2ef;text-align:left;box-shadow:none;cursor:pointer;transition:background .16s,border-color .16s}
.z-shell .ws-status-trigger:hover,.z-shell .ws-status-trigger[aria-expanded=true]{background:#2e3438;border-color:#a7ebcb45}
.ws-status-copy{min-width:0}.ws-status-copy strong{display:flex;gap:6px;align-items:baseline;font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-status-copy strong>span{font-size:12px;font-weight:400;flex-shrink:0}.ws-status-copy small{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:#a4aeae;line-height:1.2}.ws-status-copy small i{width:5px;height:5px;border-radius:50%;background:#99cdb0;flex:none}.ws-status-copy small i.unavailable{background:#a4aeae}
.ws-activity{display:flex;align-items:center;gap:3px;height:26px;flex:none}.ws-activity i{width:3px;height:12px;border-radius:2px;background:#7faaa0}.ws-activity i:nth-child(2){height:21px;background:#a8dbc8}.ws-activity i:nth-child(3){height:16px;background:#8ebbc8}.ws-activity.running i{animation:ws-level 1.4s ease-in-out infinite}.ws-activity.running i:nth-child(2){animation-delay:-.5s}.ws-activity.running i:nth-child(3){animation-delay:-.9s}@keyframes ws-level{0%,100%{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(1);opacity:1}}
.ws-overview{position:absolute;top:calc(100% + 8px);left:0;width:100%;box-sizing:border-box;padding:12px;border-radius:12px;border:1px solid #ffffff14;background:#24292d;color:#eef2f0;box-shadow:0 10px 26px #0004;z-index:90;animation:ws-open .14s ease-out}
.ws-overview header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.ws-overview header strong{font-size:12px;font-weight:500}.ws-overview header small{font-size:9px;color:#9eaaa7}.ws-overview-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ws-overview-counts>div{padding:10px;border-radius:8px;background:#ffffff04;border:1px solid #ffffff09}.ws-overview-counts small{display:block;font-size:11px;color:#aeb9b5}.ws-overview-counts small span{color:#a7ebcb;margin-right:4px}.ws-overview-counts strong{display:block;font-size:24px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums;margin-top:7px}.ws-overview>a{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:11px 0 0;border-top:1px solid #ffffff12;text-decoration:none;color:inherit;font-size:12px}.ws-overview>a:hover{color:#a7ebcb}.ws-status :focus-visible{outline:2px solid #a7ebcb;outline-offset:3px}@keyframes ws-open{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
.z-shell .z-workspace{position:relative;z-index:45;overflow:visible}
html[data-zx-theme="light"] .z-shell .ws-status-trigger{background:#edf4f0;color:#243c32;border-color:#dce7df}html[data-zx-theme="light"] .ws-overview{background:#f9fcfa;color:#243c32;border-color:#dce7df;box-shadow:0 10px 24px #162a201a}html[data-zx-theme="light"] .ws-status-copy small,html[data-zx-theme="light"] .ws-overview small{color:#5e7168}html[data-zx-theme="light"] .ws-overview-counts>div{background:#edf4f0;border-color:#dce7df}html[data-zx-theme="light"] .ws-overview>a{border-color:#dce7df}html[data-zx-theme="light"] .ws-overview>a:hover{color:#286a4a}
@media(prefers-reduced-motion:reduce){.ws-activity.running i,.ws-overview{animation:none}}
@media(max-width:760px){.ws-status-copy strong{flex-direction:column;gap:4px}.ws-overview{width:220px;max-width:calc(100vw - 30px)}}

/* Workspace refinement: borderless card, navigation typography, stateful light. */
html .z-shell .ws-status-trigger,html .z-shell .ws-status-trigger:hover,html .z-shell .ws-status-trigger[aria-expanded=true],html[data-zx-theme="light"] .z-shell .ws-status-trigger{border:0!important;box-shadow:none!important}
.ws-status-copy strong{font-family:inherit;font-size:15px;font-weight:700;line-height:1.5;letter-spacing:0;gap:5px}
.ws-status-copy strong>span{font-size:15px;font-weight:700}
.ws-status-copy small{font-size:11px;line-height:1.5;text-align:left;margin-top:5px}
.ws-status-copy small i{width:5px;height:5px;background:#697c75;box-shadow:none;opacity:.65;animation:none}
.ws-status-copy small i.working{background:#b2f4ca;opacity:1;box-shadow:0 0 7px #a7efbf70;animation:ws-live-dot 1.8s ease-in-out infinite}
.ws-status-copy small i.unavailable{background:#848b90;opacity:.55;animation:none}
.ws-activity i,.ws-activity i:nth-child(2),.ws-activity i:nth-child(3){background:linear-gradient(180deg,#f0a7c6 0%,#edc385 23%,#b1e1a4 46%,#89d8de 70%,#b2a5ee 100%);opacity:.72}
.ws-activity.running i{opacity:1}
@keyframes ws-live-dot{0%,100%{opacity:1;box-shadow:0 0 8px #a7efbf80}50%{opacity:.45;box-shadow:0 0 2px #a7efbf20}}
html[data-zx-theme="light"] .ws-status-copy small i.working{background:#289660;box-shadow:0 0 5px #28966050}
@media(prefers-reduced-motion:reduce){.ws-status-copy small i.working,.ws-activity.running i{animation:none}}
@media(max-width:760px){.ws-status-copy strong,.ws-status-copy strong>span{font-size:13px}}

/* Workspace task signal: quiet center, then seven lights opening outwards. */
.ws-status-copy{display:grid;grid-template-columns:minmax(0,max-content);max-width:calc(100% - 24px)}
.ws-light-dots{position:relative;display:block;justify-self:center;width:86%;height:12px;margin-top:5px;overflow:visible}
.ws-light-dots i{position:absolute;top:4px;left:calc(50% + var(--dot-position)*14%);width:4px;height:4px;border-radius:50%;transform:translateX(-50%);background:#68716f;opacity:.45;box-shadow:none}
.ws-light-dots.is-active i{opacity:0;background:linear-gradient(135deg,hsl(var(--dot-hue) 90% 82%),hsl(calc(var(--dot-hue) + 55) 80% 65%));color:hsl(var(--dot-hue) 85% 73%);animation:ws-dot-center 4s ease-in-out infinite}
.ws-light-dots.is-active i:nth-child(3),.ws-light-dots.is-active i:nth-child(5){animation-name:ws-dot-pair-one}
.ws-light-dots.is-active i:nth-child(2),.ws-light-dots.is-active i:nth-child(6){animation-name:ws-dot-pair-two}
.ws-light-dots.is-active i:nth-child(1),.ws-light-dots.is-active i:nth-child(7){animation-name:ws-dot-pair-three}
@keyframes ws-dot-center{0%,18%,38%,58%,78%,100%{opacity:.35;box-shadow:0 0 1px currentColor}9%,28%,48%,68%,88%{opacity:1;box-shadow:0 0 7px currentColor}}
@keyframes ws-dot-pair-one{0%,19%,94%,100%{opacity:0;box-shadow:none}20%,38%,58%,78%{opacity:.35;box-shadow:0 0 2px currentColor}28%,48%,68%,88%{opacity:1;box-shadow:0 0 7px currentColor}}
@keyframes ws-dot-pair-two{0%,39%,94%,100%{opacity:0;box-shadow:none}40%,58%,78%{opacity:.35;box-shadow:0 0 2px currentColor}48%,68%,88%{opacity:1;box-shadow:0 0 7px currentColor}}
@keyframes ws-dot-pair-three{0%,59%,94%,100%{opacity:0;box-shadow:none}60%,78%{opacity:.35;box-shadow:0 0 2px currentColor}68%,88%{opacity:1;box-shadow:0 0 7px currentColor}}
html[data-zx-theme="light"] .ws-light-dots i{background:#687d75}
html[data-zx-theme="light"] .ws-light-dots.is-active i{background:linear-gradient(135deg,hsl(var(--dot-hue) 65% 48%),hsl(calc(var(--dot-hue) + 55) 60% 43%))}
@media(prefers-reduced-motion:reduce){.ws-light-dots.is-active i{animation:none;opacity:.85;box-shadow:none}}

/* Shared colored actions need a complete button shape on every workspace page. */
.z-main :is(.primary-button,.primary-action,.submit-button,.generate-button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 16px;border:1px solid transparent;border-radius:9px;font-family:inherit;font-size:13px;font-weight:600;line-height:20px;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:background .15s,opacity .15s}
.z-main :is(.primary-button,.primary-action,.submit-button,.generate-button):hover:not(:disabled){filter:brightness(1.08)}
.z-main :is(.primary-button,.primary-action,.submit-button,.generate-button):disabled{opacity:.45;cursor:not-allowed;filter:none}
.z-main :is(.primary-button,.primary-action,.submit-button,.generate-button):focus-visible{outline:2px solid #c9baff;outline-offset:3px}
.route-dialog footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.route-dialog footer>button:not(.primary-button){min-height:38px;padding:9px 14px;border-radius:9px;line-height:20px}
.z-main .il-studio .toolbar .creation-estimate-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto;min-width:0;flex-wrap:wrap}
.z-main .il-studio .toolbar .creation-estimate-group .il-generation-cost{margin-left:0;min-width:0}
.z-main .il-studio .toolbar .creation-average-wait{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:13px;font-weight:500;line-height:20px;white-space:nowrap;color:inherit;opacity:.8}
.creation-average-wait .creation-control-icon{width:14px;height:14px;flex:none}
.z-main .creation-result.composer-collapsed .compose .toolbar .creation-estimate-group{display:none}
@media(max-width:600px){.z-main .il-studio .toolbar .creation-estimate-group{gap:10px}.z-main .il-studio .toolbar .creation-average-wait{font-size:12px}}

/* Unified theme control and generation model facts. */
.z-top-actions .zx-workspace-theme-switch{padding:0;width:48px;height:28px;border:0;border-radius:20px;background:#626268}
.zx-workspace-theme-switch button{position:relative;width:48px!important;height:28px!important;min-width:48px;padding:0!important;border:0!important;border-radius:20px;background:transparent!important}
.zx-theme-thumb{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#222224;transition:transform .25s;display:grid;place-items:center;box-shadow:0 1px 4px #0003}
.zx-theme-thumb svg{position:absolute;width:14px;height:14px;color:#efeff1;transition:opacity .25s,transform .3s}
.zx-workspace-theme-switch[data-theme=light] .zx-theme-thumb{transform:translateX(20px);background:#fff}.zx-workspace-theme-switch[data-theme=light] svg{color:#333}
.zx-workspace-theme-switch[data-theme=night] .theme-sun,.zx-workspace-theme-switch[data-theme=light] .theme-moon{opacity:0;transform:rotate(-80deg) scale(.5)}
.z-main .il-studio .toolbar .creation-model-facts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-left:14px;margin-right:28px;font:inherit;color:inherit}
.creation-reference-limit{font-size:12px;opacity:.8;white-space:nowrap}.creation-model-facts .creation-average-wait{font-family:inherit}
.creation-feed-video{position:relative;min-width:0}.creation-feed-video video{max-width:100%;max-height:560px}.creation-video-details{position:absolute;right:12px;top:12px;padding:7px 12px;border-radius:16px;background:#16171bcc;color:#fff;border:1px solid #ffffff30}
/* Media preview: translucent batch dots and directional history light. */
.image-detail[open]{grid-template-columns:minmax(0,1fr) 360px;background:radial-gradient(ellipse at 35% 45%,#33353a,#15161a 70%)}
.image-detail-stage{padding:32px 70px 32px 48px}.image-detail-artwork{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}
.image-detail-artwork>img,.image-detail-artwork>video{display:block;max-width:100%;max-height:calc(100dvh - 64px);object-fit:contain;border-radius:14px;width:auto;height:auto}
.image-detail-artwork .rainbow-pager{bottom:48px;padding:12px 16px;gap:12px;background:#20212780;border:1px solid #ffffff18;max-width:90%;overflow:auto}
.image-detail .rainbow-dot{width:9px;height:9px;min-width:9px;padding:0;border-radius:50%;background:linear-gradient(135deg,#f0b68f,#d3b5ee 50%,#87d9cf);opacity:.5;transition:transform .25s,opacity .25s,box-shadow .25s}
.image-detail .rainbow-dot[aria-pressed=true]{transform:scale(1.5);opacity:1;box-shadow:0 0 13px #cdb7ff70}.image-detail .rainbow-dot:hover{opacity:1;background:linear-gradient(135deg,#f0b68f,#d3b5ee,#87d9cf)}
.rainbow-records{height:116px;width:34px;gap:12px;isolation:isolate}.rainbow-stream{position:absolute;left:15px;top:0;height:116px;width:3px;border-radius:4px;background:linear-gradient(180deg,#ff9854,#ef78c0,#a78bfa,#46caff,#70e0ac);background-size:100% 220%;z-index:-1;box-shadow:0 0 10px #c7a5ff55;opacity:.85;animation:rainbow-down .65s ease-out}
.rainbow-stream.flow-up{animation-name:rainbow-up;background-image:linear-gradient(0deg,#ff9854,#ef78c0,#a78bfa,#46caff,#70e0ac)}
.image-detail .rainbow-records button{padding:7px;border-radius:50%;background:#24262bd9;align-self:center;width:32px;height:32px;border:1px solid #ffffff18}.rainbow-records button:disabled{opacity:.25}
@keyframes rainbow-down{from{background-position:0 100%;filter:brightness(1.7)}to{background-position:0 0;filter:brightness(1)}}@keyframes rainbow-up{from{background-position:0 0;filter:brightness(1.7)}to{background-position:0 100%;filter:brightness(1)}}
.image-detail-panel{background:#1e2025a8;backdrop-filter:blur(24px);padding:28px;gap:18px}.image-detail-author{justify-content:flex-start!important;gap:10px}.detail-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e9bb94,#b4a9d9);color:#29252e;font-weight:600}.image-detail-author>span:last-child{margin-left:auto;color:#999ba8;font-size:11px}
.detail-prompt-heading{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.detail-prompt-heading h2{margin:0}.detail-prompt-heading button{font-size:12px}.image-detail-thumbs>span{height:58px;border-radius:8px;overflow:hidden;background:#ffffff0b}.image-detail-thumbs>span img{width:100%;height:100%;object-fit:cover}.detail-created,.image-detail-info>small{font-size:12px;color:#999ba8}
.image-detail-footer{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #ffffff12}.image-detail-footer button{font-size:12px;background:#ffffff08}.image-detail-footer button[aria-pressed=true]{color:#ecd2a9;background:#e7b57e18}.detail-notice{font-size:12px;color:#b4d8c8;margin:0}
@media(max-width:800px){.image-detail[open]{grid-template-columns:1fr}.image-detail-stage{height:65dvh;padding:45px 46px 20px 20px}.image-detail-artwork>img,.image-detail-artwork>video{max-height:calc(65dvh - 65px)}.image-detail-panel{min-height:35dvh}.creation-model-facts{margin-left:0!important;margin-right:12px!important}.creation-reference-limit{white-space:normal}}
@media(prefers-reduced-motion:reduce){.rainbow-stream{animation:none}.rainbow-dot,.zx-theme-thumb,.zx-theme-thumb svg{transition:none}}

/* One organized library for the composer and canvas. */
dialog.creation-library{width:min(1100px,calc(100vw - 40px));height:min(760px,calc(100dvh - 40px));max-width:none;max-height:none;padding:0;border:1px solid #ffffff12;border-radius:18px;background:#202127;color:#e7e7ed;font:13px/1.5 "Segoe UI","Microsoft YaHei UI",sans-serif;box-shadow:0 24px 90px #0006}
dialog.creation-library>header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #ffffff0d}.library-heading{margin-right:auto}.library-heading h2{font-size:18px;margin:0;font-weight:600}.library-heading p{font-size:12px;color:#999ba8;margin:4px 0 0}
.creation-library button,.creation-library select,.creation-library input{font:inherit}.creation-library button{border:1px solid #ffffff10;border-radius:9px;padding:9px 12px;background:transparent;color:inherit;cursor:pointer}.creation-library button:hover{background:#ffffff07}.creation-library button:focus-visible{outline:2px solid #bba8e8;outline-offset:2px}.creation-library button:disabled{opacity:.4;cursor:default}
.creation-library>header .library-upload{background:#b9a7dd1c;border-color:#b9a7dd45;color:#ded1f2}.creation-library>header button[aria-label="关闭素材库"]{font-size:20px;width:34px;height:34px;padding:0;border:0}
.creation-library .creation-library-body{display:grid;grid-template-columns:136px 152px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.creation-library .library-kind-nav{padding:18px 10px;border-right:1px solid #ffffff0b;display:flex;flex-direction:column;gap:7px;background:#1b1c21}.creation-library .library-kind-nav button{display:flex;align-items:center;gap:10px;border-color:transparent;padding:11px 12px;text-align:left;white-space:nowrap}.creation-library svg{width:18px;height:18px;flex:none}.creation-library .library-kind-nav button.selected{background:#b8a5dd19;border-color:#b8a5dd35;color:#e3d7f7}
.creation-library .creation-library-body>aside{padding:20px 12px;border-right:1px solid #ffffff0b;background:#1e1f25;display:flex;flex-direction:column;gap:6px;overflow:auto}.creation-library aside>strong{font-size:11px;font-weight:500;color:#8f919e;padding:0 9px 10px}.creation-library aside>button{display:flex;align-items:center;gap:8px;border:0;text-align:left;padding:9px}.creation-library aside>button.selected{background:#ffffff09;color:#ded1f2}.creation-library aside svg{width:15px;height:15px;color:#8f919e}.creation-library .library-add-group{margin-top:auto;padding-top:20px}
.creation-library .creation-library-body>main{padding:20px;display:flex;flex-direction:column;min-width:0;min-height:0}.creation-library .library-source-tabs{display:flex;gap:3px;align-items:center;border-bottom:1px solid #ffffff0d;padding-bottom:16px;margin-bottom:16px;flex-wrap:wrap}.creation-library .library-source-tabs button{border:0;font-size:12px;padding:7px 11px;border-radius:7px;color:#9fa1ae}.creation-library .library-source-tabs button.selected{color:#efedf6;background:#ffffff0c}.creation-library input,.creation-library select{background:#17181e;border:1px solid #ffffff12;border-radius:8px;color:#d9dae3;padding:8px 10px;min-width:0}.creation-library .library-source-tabs input{margin-left:auto;width:190px}
.creation-library .library-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start;gap:14px;overflow:auto;min-height:0;flex:1}.creation-library .library-selection-grid>button{padding:5px;border-color:#ffffff0b;background:#24262e;overflow:hidden;text-align:left}.creation-library .library-selection-grid>button.selected{border-color:#c1a6ef;background:#bca3e914}.creation-library .library-selection-grid>button>div{aspect-ratio:1.15;border-radius:7px;overflow:hidden;background:#17181e}.creation-library .library-selection-grid>button>span{display:block;padding:8px 5px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.creation-library .library-selection-grid img,.creation-library .library-selection-grid video{width:100%;height:100%;object-fit:cover}
.library-empty-state{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:260px;color:#8c8e9d}.library-empty-state svg{width:32px;height:32px;opacity:.6}.library-empty-state strong{font-size:14px;font-weight:500;color:#c9cad3}.library-empty-state span{font-size:12px}.creation-library .library-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:16px;color:#9699a8;font-size:11px}.creation-library .library-pagination button{padding:4px 9px}.creation-library .library-pagination select{padding:4px}
.creation-library>footer{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #ffffff0d;background:#1d1e24}.creation-library>footer>span{margin-right:auto;color:#a7a9b6;font-size:12px}.creation-library>footer .primary{background:#c1b1e2;color:#24202e;border-color:transparent;min-width:80px}.creation-library[open]{display:flex;flex-direction:column}.library-picker-page{margin:0;background:transparent}.library-picker-page dialog.creation-library{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0}
@media(max-width:760px){.creation-library .creation-library-body{grid-template-columns:105px minmax(0,1fr)}.creation-library .creation-library-body>aside{display:none}.creation-library .library-source-tabs input{width:100%;margin-top:8px}.creation-library .library-kind-nav button{padding:10px 7px;gap:6px}.creation-library>header{padding:14px}.library-heading p{display:none}}

/* Model facts share the toolbar typography and balanced spacing. */
.z-main .il-studio .toolbar .creation-model-facts{margin-left:32px;margin-right:32px;gap:24px;font-family:inherit;font-size:13px;font-weight:500;line-height:20px}
.z-main .il-studio .toolbar .creation-model-facts :is(.creation-average-wait,.creation-reference-limit){font:inherit;color:inherit;opacity:.8}
.z-main .il-studio .toolbar .creation-model-facts .creation-average-wait>span{font:inherit}
@media(max-width:800px){.z-main .il-studio .toolbar .creation-model-facts{gap:16px;margin-left:16px!important;margin-right:24px!important}}

/* Keep cost and the active action anchored to the lower-right corner. */
.z-main .il-studio.creation-studio .toolbar{position:relative;padding-right:172px!important;min-height:40px;align-items:center;column-gap:18px!important;row-gap:12px!important}
.z-main .il-studio.creation-studio .toolbar .creation-model-facts{margin-left:10px!important;margin-right:16px!important;gap:18px;flex-wrap:nowrap}
.z-main .il-studio.creation-studio .toolbar .creation-estimate-group{position:absolute;right:52px;bottom:0;height:40px;margin:0;flex-wrap:nowrap}
.z-main .il-studio.creation-studio .toolbar>button.generate{position:absolute;right:0;bottom:0;margin:0!important}
.z-main .il-studio.creation-studio .toolbar:has(.il-estimate-retry)>button.generate{display:none!important}
.z-main .il-studio.creation-studio .toolbar .il-estimate-retry{position:absolute;right:-52px;bottom:0;width:40px;height:40px;margin:0!important;border-radius:50%;display:grid;place-items:center;padding:0!important;font-size:12px}
.z-main .il-studio.creation-studio .toolbar .creation-action-notice{position:absolute;right:0;top:calc(100% + 6px);bottom:auto;max-width:min(360px,80%);font:inherit;font-size:11px;line-height:1.5;color:var(--muted,#b8b4c5);text-align:right;white-space:normal}
.z-main .il-studio.creation-studio .toolbar .creation-action-notice:has(+.creation-action-notice){display:none}

.z-main .il-studio.creation-studio .toolbar:has(.creation-action-notice){margin-bottom:28px}

/* Match the canvas billing warning typography and theme colors. */
.z-main .il-studio.creation-studio .toolbar .creation-action-notice{font-family:Inter,"Segoe UI","Canvas Sans","Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-size:10px;font-weight:400;line-height:1.35;color:#d5b879}
html[data-zx-theme="light"] .z-main .il-studio.creation-studio .toolbar .creation-action-notice{color:#8d671c}
/* The model selector cannot push model facts or actions onto another row. */
.z-main .il-studio.creation-studio .toolbar{display:flex!important;flex-wrap:nowrap!important;padding-right:52px!important;column-gap:14px!important}
.creation-toolbar-controls{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
.creation-toolbar-controls::-webkit-scrollbar{display:none}
.z-main .il-studio.creation-studio .toolbar .creation-toolbar-controls>button{flex:0 0 auto;white-space:nowrap}
.z-main .il-studio.creation-studio .toolbar .creation-toolbar-controls>button:nth-child(2){display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creation-toolbar-controls>button:nth-child(2) svg{display:inline-block;vertical-align:middle;margin-right:7px}
.z-main .il-studio.creation-studio .toolbar .creation-model-facts{flex:0 0 auto;gap:14px;margin:0!important;white-space:nowrap}
.z-main .il-studio.creation-studio .toolbar .creation-estimate-group{position:relative;right:auto;bottom:auto;flex:0 0 auto;margin:0!important}
@media(max-width:850px){.z-main .il-studio.creation-studio .toolbar{column-gap:8px!important}.z-main .il-studio.creation-studio .toolbar .creation-model-facts{gap:8px;font-size:11px}.creation-toolbar-controls{gap:10px}}

.z-main .il-studio.creation-studio .creation-toolbar-controls>button{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid transparent;border-radius:8px;color:#e3e3e8;font-family:inherit;font-size:13px!important;font-weight:500!important;line-height:20px;padding:6px 5px;box-shadow:none;letter-spacing:0}
.z-main .il-studio.creation-studio .creation-toolbar-controls>button:hover{background:#ffffff08}
html[data-zx-theme=light] .z-main .il-studio.creation-studio .creation-toolbar-controls>button{color:#454957!important}
.z-main .il-studio.creation-studio .creation-toolbar-controls>button:nth-child(2){display:block}
/* Spacious work details, unobtrusive vivid batch navigation. */
.image-detail[open]{grid-template-columns:minmax(0,1fr) clamp(390px,27vw,480px)}
.image-detail-stage{padding:32px 40px}
.image-detail-panel{padding:32px;gap:24px}
.image-detail-author strong{font-size:16px}.image-detail-author>span:last-child{font-size:13px}
.image-detail-info h2{font-size:16px;font-weight:600;line-height:1.5;color:#e9e9ed}
.image-detail-prompt{font-size:16px;line-height:1.85;color:#ececf2}
.image-detail-meta,.image-detail-info .detail-created,.image-detail-info>small{font-size:13px;line-height:1.8}
.image-detail-tools button,.image-detail-footer button,.detail-prompt-heading button{font-size:14px}
.image-detail-artwork .rainbow-pager{background:rgba(20,21,28,.12);border-color:#ffffff18;backdrop-filter:blur(3px);padding:10px 14px;gap:13px;bottom:24px;box-shadow:none}
.image-detail .rainbow-dot,.image-detail .rainbow-dot:hover{width:10px;height:10px;min-width:10px;background:conic-gradient(from 25deg,#ff615a,#ffd54b,#3cf0b0,#35baff,#a966ff,#ff5cb6,#ff615a);opacity:.92;border:0;box-shadow:0 1px 5px #0003}
.image-detail .rainbow-dot[aria-pressed=true]{transform:scale(1.55);opacity:1;box-shadow:0 0 0 2px #ffffff75,0 0 12px #53d8ff70}
.detail-output-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 14px;scrollbar-width:thin;margin-bottom:12px}
.detail-output-thumbs button{position:relative;flex:0 0 76px;width:76px;height:76px;padding:0;border-radius:12px;overflow:hidden;border:2px solid transparent;background:#ffffff09;transition:border-color .2s,transform .2s}
.detail-output-thumbs button[aria-pressed=true]{border-color:#eee8ff;box-shadow:0 0 0 2px #bda0ff40}
.detail-output-thumbs button:hover{transform:translateY(-2px)}
.detail-output-thumbs img,.detail-output-thumbs video{width:100%;height:100%;object-fit:cover;display:block}
.detail-output-thumbs button>span{position:absolute;right:4px;bottom:3px;font-size:10px;color:white;background:#0007;border-radius:4px;padding:1px 4px}
@media(max-width:800px){.image-detail[open]{grid-template-columns:1fr}.image-detail-panel{padding:24px}.image-detail-stage{padding:40px 20px 24px}}

/* Center the facts in the space between the parameter controls and billing. */
.z-main .il-studio.creation-studio .toolbar .creation-toolbar-controls{flex:0 1 auto}
.z-main .il-studio.creation-studio .toolbar .creation-model-facts{flex:1 0 auto;justify-content:center}
/* Shared management surfaces follow the workspace theme on every route. */
.z-shell{--review-bg:#17181d;--review-panel:#22232b;--review-soft:#2b2b35;--review-text:#eeedf4;--review-muted:#aba9ba;--review-border:#3b3b48;--review-accent:#bca8ff;--review-tint:#332e45;--review-danger:#ffafb9}
html[data-zx-theme="light"] .z-shell{--review-bg:#f5f6fa;--review-panel:#fff;--review-soft:#f6f5fa;--review-text:#262638;--review-muted:#68687d;--review-border:#e0e1eb;--review-accent:#7051c7;--review-tint:#f0eafd;--review-danger:#ad314b}
.z-shell .admin-hub{--hub-bg:var(--review-bg);--hub-panel:var(--review-panel);--hub-line:var(--review-border);--hub-text:var(--review-text);--hub-muted:var(--review-muted);--hub-accent:var(--review-accent)}
.z-shell .admin-hub :is(h1,h2,h3,h4,strong){color:var(--hub-text)!important}.z-shell .admin-hub :is(.hub-metric>span,.hub-group h3){color:var(--hub-muted)}.z-shell .admin-hub .hub-button{background:var(--review-soft);color:var(--hub-text)}.z-shell .admin-hub .hub-button.primary{background:var(--review-accent);color:var(--review-panel)}.z-shell .admin-hub .hub-card:hover{background:var(--review-soft)}.z-shell .admin-hub .hub-icon{background:var(--review-tint);border-color:var(--review-border);color:var(--review-accent)}.z-shell .admin-hub .hub-search input{background:transparent!important;color:var(--review-text)!important;border:0!important;padding:0!important}.z-shell .admin-hub .hub-notice{background:var(--review-tint);border-color:var(--review-border);color:var(--review-text)}
html[data-zx-theme="light"] .z-shell .wm-page{--wm-line:var(--review-border);--wm-muted:var(--review-muted);color:var(--review-text)}
html[data-zx-theme="light"] .z-shell .wm-page :is(.wm-panel,.wm-metric,.wm-review,.wm-card,.wm-table,.wm-toolbar,.wm-empty){background:var(--review-panel);color:var(--review-text);border-color:var(--review-border)}
html[data-zx-theme="light"] .z-shell .wm-page :is(h1,h2,h3,h4,strong,td,th){color:var(--review-text)!important}
html[data-zx-theme="light"] .z-shell .wm-page :is(.wm-secondary,.wm-refresh,.wm-score,.wm-issue,.wm-filter,input,select,textarea){background:var(--review-soft);color:var(--review-text);border-color:var(--review-border)}
.z-shell .showcase-review-page{max-width:1600px;padding:28px 32px 48px}.z-shell .showcase-review-page .page-title{margin-bottom:24px}.z-shell .showcase-review-page .page-title h1{font-size:26px}.z-shell .showcase-review-page .showcase-review-tabs{background:var(--review-panel);border:1px solid var(--review-border);padding:6px;border-radius:12px;gap:6px}.z-shell .showcase-review-tabs button{color:var(--review-muted);background:transparent}.z-shell .showcase-review-tabs button.active{background:var(--review-tint);color:var(--review-accent)}.z-shell .showcase-review-tabs button b{background:var(--review-soft);color:inherit}.z-shell .showcase-review-message{background:var(--review-tint);color:var(--review-text);border-color:var(--review-border)}
.curation-tools{display:flex;align-items:center;gap:12px;padding:16px 0;flex-wrap:wrap;font-size:13px;color:var(--review-muted)}.curation-tools>label:first-child{flex:1;min-width:200px}.z-shell .curation-tools input:not([type=checkbox]){width:min(360px,100%);background:var(--review-panel);border:1px solid var(--review-border);color:var(--review-text);border-radius:9px;padding:10px 12px}.curation-select{display:flex;align-items:center;gap:6px}.curation-list{display:grid;gap:10px}.curation-item{background:var(--review-panel);border:1px solid var(--review-border);border-radius:14px;overflow:hidden}.curation-row{display:flex;align-items:center;gap:16px;padding:16px}.z-shell .curation-row input[type=checkbox],.z-shell .curation-tools input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--review-accent);flex:none}.curation-cover{position:relative;width:88px;height:78px;flex:none;border-radius:8px;overflow:hidden;background:var(--review-soft);display:grid;place-items:center;color:var(--review-muted);text-decoration:none}.curation-cover img{width:100%;height:100%;object-fit:contain}.curation-play{position:absolute;bottom:3px;right:4px;background:#16151eaa;color:white;font-size:10px;padding:1px 6px;border-radius:5px}.curation-title{flex:1;min-width:0}.z-shell .curation-title h2{margin:0 0 4px;font-size:16px;color:var(--review-text);line-height:1.5;overflow-wrap:anywhere}.z-shell .curation-title p{font-size:13px;color:var(--review-muted);margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.z-shell .curation-title small{font-size:12px;color:var(--review-muted)}.curation-actions{display:flex;gap:8px;flex:none}.z-shell :is(.curation-actions,.curation-tools) button{font-size:13px;padding:8px 12px;min-height:36px;background:var(--review-soft);color:var(--review-text);border:1px solid var(--review-border);border-radius:8px;cursor:pointer;white-space:nowrap}.z-shell :is(.curation-actions,.curation-tools) .curation-primary{background:var(--review-tint);color:var(--review-accent);border-color:var(--review-accent)}.z-shell :is(.curation-actions,.curation-tools) button:disabled{opacity:.45;cursor:default}.curation-detail{padding:16px 22px;border-top:1px solid var(--review-border);display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--review-soft)}.curation-detail dl{margin:0;display:grid;gap:8px;font-size:13px;overflow-wrap:anywhere}.curation-detail dt{color:var(--review-muted)}.curation-detail dd{margin:0;color:var(--review-text)}.curation-detail label{font-size:13px;color:var(--review-text)}.curation-detail small{color:var(--review-muted);margin-left:8px}.z-shell .curation-detail textarea{display:block;width:100%;min-height:80px;resize:vertical;margin-top:8px;background:var(--review-panel);border:1px solid var(--review-border);border-radius:8px;color:var(--review-text);padding:10px;font-size:14px}.z-shell .curation-row .review-status{background:var(--review-tint);color:var(--review-accent);font-size:12px;padding:4px 9px;white-space:nowrap;font-style:normal}.z-shell .curation-row .review-status.rejected{color:var(--review-danger)}
.z-shell .z-review-page{padding:24px 32px 32px;max-width:1400px}.z-shell .z-review-page .z-page-heading{margin-bottom:16px;align-items:center}.z-shell .z-review-page .z-page-heading h1{font-size:24px}.z-shell .z-review-page .z-page-heading .z-eyebrow{font-size:10px;margin:0}.qc-workspace{max-width:1080px;margin:auto;display:flex;flex-direction:column;min-height:calc(100dvh - 200px);gap:24px}.qc-report{flex:1;min-width:0}.qc-welcome{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.qc-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--review-tint);color:var(--review-accent);font-size:38px;box-shadow:0 8px 42px #9074d725}.z-shell .qc-welcome h2{font-size:32px;line-height:1.4;color:var(--review-text);margin:12px 0}.z-shell .qc-welcome p{font-size:14px;line-height:1.9;color:var(--review-muted);margin:8px 0}.qc-welcome>p:first-of-type{letter-spacing:3px;font-size:10px!important;color:var(--review-accent)!important}.qc-suggestions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:24px}.z-shell .qc-suggestions button{border:1px solid var(--review-border);background:var(--review-panel);color:var(--review-muted);border-radius:20px;padding:8px 12px;font-size:12px;max-width:280px;line-height:1.6;text-align:left}.qc-composer{position:sticky;bottom:20px;z-index:3;background:var(--review-panel);border:1px solid var(--review-border);border-radius:22px;padding:18px 20px 12px;box-shadow:0 8px 36px #00000012}.qc-composer:focus-within{border-color:var(--review-accent)}.qc-composer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--review-muted);font-size:12px}.qc-composer-top label{display:flex;align-items:center;gap:12px;min-width:0}.qc-composer-top label>span{white-space:nowrap}.z-shell .qc-composer-top select{max-width:380px;min-width:0;padding:6px 10px;border:0;background:var(--review-soft);color:var(--review-text);border-radius:8px;font-size:13px}.z-shell .qc-composer>textarea{display:block;width:100%;min-height:100px;max-height:240px;border:0;background:transparent;color:var(--review-text);font-size:15px;line-height:1.8;padding:18px 2px;resize:vertical;outline:none;box-shadow:none}.qc-composer-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.z-shell .qc-composer-bottom button,.z-shell .qc-selected-skills button{border:1px solid var(--review-border);background:var(--review-soft);color:var(--review-text);border-radius:20px;padding:8px 12px;font-size:12px;cursor:pointer}.z-shell .qc-composer-bottom .qc-send{margin-left:auto;background:var(--review-accent);color:var(--review-panel);border-color:transparent;font-weight:600;padding:10px 18px}.z-shell .qc-composer button:disabled{opacity:.45;cursor:default}.qc-key-hint{font-size:11px;color:var(--review-muted);margin-left:auto}.qc-selected-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.z-shell .qc-selected-skills button{border:0;background:transparent;color:var(--review-muted);padding:3px 8px;font-size:11px}.qc-attachments{display:flex;gap:8px;overflow:auto;padding:12px 0 0;max-height:120px}.qc-attachments article{display:flex;align-items:center;gap:8px;background:var(--review-soft);padding:8px 10px;border-radius:10px;border:1px solid var(--review-border);width:220px;flex:none;color:var(--review-muted);font-size:11px}.qc-attachments article>div{min-width:0;flex:1}.z-shell .qc-attachments strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--review-text)}.qc-attachments small{font-size:10px;color:var(--review-muted)}.qc-attachments button{border:0;background:none;color:var(--review-muted);font-size:20px}.qc-messages{display:grid;gap:22px;padding:16px 0 24px}.qc-message{padding:24px;border:1px solid var(--review-border);border-radius:16px;background:var(--review-panel)}.qc-message.user{background:var(--review-tint);margin-left:12%;border-color:transparent}.qc-message header{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.z-shell .qc-message header strong{color:var(--review-accent);font-size:14px}.qc-message header small{color:var(--review-muted);font-size:11px;overflow-wrap:anywhere}.z-shell .qc-message-body p{font-size:15px;line-height:1.95;color:var(--review-text);margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.z-shell .qc-message-body strong{color:var(--review-text)}.qc-message-body p:empty{height:10px}.z-shell .qc-error{font-size:13px;color:var(--review-danger)!important;margin:0 0 12px;line-height:1.7}.qc-thinking{color:var(--review-muted);font-size:14px}.z-shell :is(.curation-item,.curation-tools,.qc-workspace) :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--review-accent);outline-offset:3px}
@media(max-width:1100px){.curation-row{gap:12px;flex-wrap:wrap}.curation-actions{margin-left:auto}.curation-title{min-width:160px}.qc-key-hint{display:none}.z-shell .showcase-review-page,.z-shell .z-review-page{padding:22px}.qc-composer{bottom:12px}.qc-welcome{min-height:280px}}
@media(max-width:650px){.curation-detail{grid-template-columns:1fr}.curation-cover{width:64px;height:64px}.curation-actions{width:100%;justify-content:flex-end}.curation-tools>label:first-child{flex-basis:100%}.qc-composer{position:relative;bottom:auto;padding:14px}.qc-composer-top{align-items:flex-start}.qc-composer-top label{display:grid;gap:4px}.qc-composer-top select{width:100%}.qc-welcome{padding:22px 8px;min-height:260px}.z-shell .qc-welcome h2{font-size:25px}.qc-message{padding:18px}.qc-message.user{margin-left:5%}.qc-composer-bottom{gap:6px}.z-shell .qc-composer-bottom .qc-send{padding:9px 12px}.qc-workspace{min-height:0}}
@media(prefers-reduced-motion:reduce){.qc-workspace *{scroll-behavior:auto;transition:none}}


html[data-zx-theme="light"] .z-shell .user-data-page .admin-data-panel{background:#fff;border-color:#dbe2ee}html[data-zx-theme="light"] .z-shell .user-data-page .admin-data-panel h2,html[data-zx-theme="light"] .z-shell .user-data-page .admin-data-panel td strong{color:#172438}html[data-zx-theme="light"] .z-shell .user-data-page .admin-data-panel td{color:#30445d}html[data-zx-theme="light"] .z-shell .user-data-page .admin-data-panel th,html[data-zx-theme="light"] .z-shell .user-data-page .admin-data-panel td small,html[data-zx-theme="light"] .z-shell .user-data-page .admin-data-panel header p,html[data-zx-theme="light"] .z-shell .user-data-page .admin-page-heading p,html[data-zx-theme="light"] .z-shell .user-data-page .user-metric-grid small,html[data-zx-theme="light"] .z-shell .user-data-page .user-metric-grid span,html[data-zx-theme="light"] .z-shell .user-data-page .managed-user-form label{color:#576b84}
html[data-zx-theme="light"] .z-shell .pc-page :is(.pc-subgroup,.pc-groups button,.pc-defaults select,.prompt-template-list>button,.pc-shared-note){background:var(--review-panel);border-color:var(--review-border);color:var(--review-text)}
html[data-zx-theme="light"] .z-shell .pc-page :is(.pc-groups button.active,.pc-destinations>.active){background:var(--review-tint);border-color:var(--review-accent);color:var(--review-accent)}
html[data-zx-theme="light"] .z-shell .pc-page :is(h2,strong,legend){color:var(--review-text)!important}
html[data-zx-theme="light"] .z-shell .pc-page :is(.pc-destinations>a,.pc-destinations>span,.pc-list-heading,.pc-groups small,.pc-groups em){color:var(--review-muted);border-color:var(--review-border)}
html[data-zx-theme="light"] .z-shell .pc-page .pc-defaults{border-color:var(--review-border)}
html[data-zx-theme="light"] .z-shell .wm-page :is(.wm-bulk,.wm-asset-kinds button,.wm-shared,.wm-panel-heading,.wm-task,.wm-asset){background:var(--review-panel);color:var(--review-text);border-color:var(--review-border)}
html[data-zx-theme="light"] .z-shell .wm-dialog{background:var(--review-panel);color:var(--review-text);border-color:var(--review-border)}
html[data-zx-theme="light"] .z-shell .wm-dialog :is(input,textarea,select,button){background:var(--review-soft);color:var(--review-text);border-color:var(--review-border)}
html[data-zx-theme="light"] .z-shell .user-data-page :is(.user-metric-grid>*,.aura-recharge-control input){background:var(--review-panel);color:var(--review-text);border-color:var(--review-border)}

/* Native responsive gallery and account entry. */
.discover-home{font-family:'Studio Sans','Microsoft YaHei',sans-serif;--gallery-panel:rgba(20,22,29,.78)}
.discover-home.discover-light{--gallery-panel:rgba(250,250,253,.88)}
.discover-home .feed-heading h2{font-family:inherit;font-size:clamp(32px,3.4vw,54px);font-weight:600;letter-spacing:-1.5px;line-height:1.25}.discover-home .feed-heading p{font-size:15px;line-height:1.8}.discover-home .feed-toolbar{display:flex!important;align-items:center;justify-content:space-between;gap:28px;margin:32px 0 28px;padding:0 0 20px;border:0;border-bottom:1px solid var(--home-line);flex-wrap:wrap}.discover-home .feed-categories{display:flex;gap:24px;overflow:auto;min-width:0;max-width:100%;scrollbar-width:thin}.discover-home .feed-categories button{flex:none;position:relative;font:500 16px/1.6 'Studio Sans',sans-serif;padding:12px 0;border:0;border-radius:0;background:none;color:var(--home-muted);white-space:nowrap;transition:color .18s}.discover-home .feed-categories button.active{background:none;color:var(--home-ink);font-weight:650}.discover-home .feed-categories button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#a38cf5;border-radius:2px}.discover-home .feed-inline-search{display:flex;align-items:center;gap:12px;flex:0 1 320px;min-height:48px;padding:0 16px;border:1px solid var(--home-line);border-radius:12px;background:transparent;color:var(--home-muted)}.discover-home .feed-inline-search:focus-within{border-color:#a38cf5}.discover-home .feed-inline-search span{font-size:24px}.discover-home .feed-inline-search input{min-width:0;width:100%;border:0;background:transparent;outline:0;color:var(--home-ink);font:400 14px/1.6 'Studio Sans',sans-serif;padding:0}.gallery-grid{columns:4;column-gap:22px}.gallery-card{position:relative;break-inside:avoid;margin-bottom:22px;border-radius:14px;overflow:hidden;background:var(--home-surface,#202129);isolation:isolate}.gallery-cover{display:block;width:100%;height:auto;min-height:160px;object-fit:contain}.gallery-placeholder{min-height:250px;display:grid;place-items:center;padding:24px;color:var(--home-muted);font-size:20px}.gallery-open{position:absolute;inset:0;z-index:1}.gallery-duration{position:absolute;right:14px;bottom:14px;background:#10121988;color:white;font-size:12px;padding:3px 8px;border-radius:6px;transition:opacity .18s}.gallery-panel{position:absolute;z-index:2;inset:auto 0 0;padding:16px 18px 12px;background:var(--gallery-panel);backdrop-filter:blur(12px);border-top:1px solid #ffffff24;transform:translateY(101%);opacity:0;transition:transform .22s ease,opacity .22s ease;color:var(--home-ink);max-height:72%;overflow:auto}.gallery-card:hover .gallery-panel,.gallery-card:focus-within .gallery-panel{transform:translateY(0);opacity:1}.gallery-card:hover .gallery-duration,.gallery-card:focus-within .gallery-duration{opacity:0}.gallery-category{font-size:10px;letter-spacing:1px;color:#c8b6ff}.discover-light .gallery-category{color:#7156af}:is(.discover-home,.personal-home) .gallery-panel h3{font-family:inherit;font-size:18px;font-weight:550;line-height:1.5;margin:4px 0 10px;overflow-wrap:anywhere;color:inherit}.gallery-author{display:flex;align-items:center;gap:8px;font-size:12px}.gallery-author>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#9c84db33;color:inherit}.gallery-author strong{font-size:12px;font-weight:450;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-author small{font-size:11px;color:var(--home-muted)}.gallery-actions{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff20;margin-top:12px;padding-top:10px}.gallery-actions button{background:none;border:0;color:inherit;padding:4px 0;font-size:17px;cursor:pointer}.gallery-actions button span{font-size:12px}.gallery-actions button[aria-pressed=true]{color:#b6a0ff}.gallery-actions a{margin-left:auto;color:inherit;font-size:12px;text-decoration:none}.gallery-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:30px 0 16px;color:var(--home-muted);font-size:13px}.gallery-pagination>span:first-child{margin-right:16px}.gallery-pagination button{min-width:38px;height:38px;border:1px solid var(--home-line);border-radius:8px;background:none;color:var(--home-ink);font:inherit;padding:0 12px;cursor:pointer}.gallery-pagination button[aria-current=page]{background:var(--home-ink);color:var(--home-bg);border-color:transparent}.gallery-pagination button:disabled{opacity:.35;cursor:default}.gallery-page-number{display:flex;gap:8px;align-items:center}.studio-theme-toggle{position:relative;width:48px;height:28px;border:0;border-radius:20px;background:#55545e;padding:3px;cursor:pointer;flex:none;display:flex;align-items:center}.studio-theme-toggle span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9e7ef;color:#383445;font-size:17px;line-height:1;transition:transform .18s}.studio-theme-toggle[aria-checked=true]{background:#e7e7ee}.studio-theme-toggle[aria-checked=true] span{transform:translateX(20px);background:#fff}.studio-theme-toggle:focus-visible,.gallery-card:focus-visible,.gallery-actions :focus-visible{outline:2px solid #a28aea;outline-offset:3px}
.studio-login{--login-bg:#17181d;--login-panel:#22232b;--login-text:#f0eef7;--login-muted:#aaa8ba;--login-line:#3c3b48;--login-accent:#b5a0f6;min-height:100dvh;background:radial-gradient(ellipse at 12% 35%,#8e78c913,transparent 48%),var(--login-bg);color:var(--login-text);font-family:'Studio Sans','Microsoft YaHei',sans-serif;padding:32px clamp(24px,6vw,110px);box-sizing:border-box}.studio-login.light{--login-bg:#f5f6fa;--login-panel:#fff;--login-text:#282735;--login-muted:#6e6b7d;--login-line:#dfdfe8;--login-accent:#7860bc}.studio-login *{box-sizing:border-box}.login-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.login-header>a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.login-header .zx-brand-mark{width:38px;height:38px}.login-layout{max-width:1320px;min-height:calc(100dvh - 140px);margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.8fr);align-items:center;gap:clamp(50px,7vw,130px)}.login-eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--login-accent);font-weight:600}.login-intro h1{font-size:clamp(42px,4.7vw,70px);line-height:1.25;letter-spacing:-2px;font-weight:550;margin:22px 0}.login-intro h1 em{color:var(--login-accent);font-style:normal}.login-intro>p:not(.login-eyebrow){font-size:17px;line-height:1.9;color:var(--login-muted)}.login-capabilities{display:flex;gap:28px;font-size:13px;color:var(--login-muted);margin:20px 0}.login-art{position:relative;width:260px;height:190px;margin:32px 0}.login-art i{position:absolute;inset:22px 30px;border:1px solid var(--login-line);border-radius:24px;transform:rotate(-12deg);background:linear-gradient(145deg,#b9a4ed10,transparent);transition:transform .35s}.login-art i:nth-child(2){transform:rotate(3deg);inset:12px 35px}.login-art i:nth-child(3){transform:rotate(18deg);inset:16px 40px}.login-art span{position:absolute;inset:0;display:grid;place-items:center;color:var(--login-accent);font-size:68px;font-weight:550}.login-art:hover i:first-child{transform:rotate(-18deg) translateX(-8px)}.login-art:hover i:nth-child(3){transform:rotate(24deg) translateX(8px)}.login-panel{background:var(--login-panel);border:1px solid var(--login-line);border-radius:24px;padding:42px;box-shadow:0 24px 65px #00000016;animation:login-enter .35s ease-out}.login-panel h2{font-size:28px;font-weight:600;letter-spacing:-.6px;line-height:1.5;margin:10px 0;color:var(--login-text)}.login-description{font-size:14px;color:var(--login-muted);margin:0 0 30px}.login-panel form{display:flex;flex-direction:column;gap:10px}.login-panel label{font-size:14px;color:var(--login-text);margin-top:10px}.login-panel input{width:100%;height:52px;border:1px solid var(--login-line);border-radius:10px;background:var(--login-bg);color:var(--login-text);padding:0 14px;font:400 15px 'Studio Sans',sans-serif;outline:0;transition:border-color .15s}.login-panel input:focus{border-color:var(--login-accent);box-shadow:0 0 0 3px #a68bd518}.login-password{position:relative}.login-password input{padding-right:65px}.login-password button{position:absolute;right:12px;top:0;height:52px;background:none;border:0;color:var(--login-muted);font-size:12px;cursor:pointer}.login-submit{height:52px;border:0;border-radius:10px;background:var(--login-accent);color:var(--login-bg);font:600 15px 'Studio Sans',sans-serif;margin-top:22px;cursor:pointer;transition:filter .18s,transform .18s}.login-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.login-submit:disabled{opacity:.5;cursor:wait;transform:none}.login-error{font-size:13px;color:#df677f;line-height:1.7;margin:6px 0}.login-help{font-size:13px;line-height:1.8;color:var(--login-muted);margin-top:24px}.login-help span{color:var(--login-text)}.login-home{display:inline-block;font-size:13px;color:var(--login-accent);text-decoration:none;margin-top:6px}.login-panel button:focus-visible,.login-home:focus-visible{outline:2px solid var(--login-accent);outline-offset:4px}@keyframes login-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1280px){.gallery-grid{columns:3}.discover-home .feed-toolbar{gap:16px}.discover-home .feed-categories{gap:20px}.discover-home .feed-inline-search{flex-basis:270px}.login-panel{padding:32px}}
@media(max-width:900px){.gallery-grid{columns:2;column-gap:16px}.gallery-card{margin-bottom:16px}.discover-home .feed-toolbar{align-items:stretch;flex-direction:column}.discover-home .feed-inline-search{flex:auto;width:100%}.login-layout{grid-template-columns:1fr 1fr;gap:28px}.login-intro h1{font-size:42px}.login-art{width:210px}.login-panel{padding:26px}}
@media(max-width:640px){.discover-home .discover-feed{padding:36px 18px}.discover-home .feed-categories button{font-size:14px}.discover-home .feed-heading h2{font-size:32px}.discover-home .feed-view-state{display:none}.gallery-grid{columns:2;column-gap:12px}.gallery-card{border-radius:10px;margin-bottom:12px}.gallery-panel{padding:10px;max-height:85%}:is(.discover-home,.personal-home) .gallery-panel h3{font-size:14px;margin-bottom:7px}.gallery-author small,.gallery-category{display:none}.gallery-actions{gap:10px;margin-top:8px;padding-top:6px}.gallery-actions a{font-size:10px}.gallery-actions button{font-size:14px}.gallery-pagination{gap:5px}.gallery-pagination>span:first-child{flex-basis:100%;text-align:center;margin:0 0 8px}.studio-login{padding:22px}.login-layout{display:flex;flex-direction:column;gap:28px;min-height:auto;padding:32px 0}.login-intro{width:100%;text-align:left}.login-intro h1{font-size:38px;margin:14px 0}.login-intro>p:not(.login-eyebrow){font-size:14px}.login-art,.login-capabilities{display:none}.login-panel{width:100%;max-width:460px;padding:28px 24px}.login-panel h2{font-size:26px}.login-header .studio-brand-name{font-size:20px}}
@media(hover:none){.gallery-panel{position:relative;transform:none;opacity:1;max-height:none;background:var(--gallery-panel)}.gallery-duration{bottom:auto;top:10px}.gallery-open{bottom:135px}.gallery-panel .gallery-category{display:none}}
@media(prefers-reduced-motion:reduce){.login-panel{animation:none}.gallery-panel,.login-art i,.login-submit,.studio-theme-toggle span{transition:none}}

.qc-refresh-result{margin-left:12px;border:1px solid var(--review-border);border-radius:8px;background:var(--review-soft);color:var(--review-text);padding:6px 10px;cursor:pointer}
@media(max-width:640px){.discover-home .discover-header{padding:16px 18px;gap:16px;display:flex;flex-wrap:wrap}.discover-home .discover-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.discover-home .discover-actions :is(button,a){white-space:nowrap}.discover-home .discover-actions .discover-upload-button{min-width:74px;padding:10px 14px;font-size:13px}.discover-home .discover-actions .discover-create-button{padding:10px 14px;font-size:13px}.discover-home .discover-actions .studio-theme-toggle{min-width:48px;padding:3px}.discover-home .zx-brand-name{font-size:22px}}

/* Compact translucent gallery caption: no nested scrolling. */
:is(.discover-home,.personal-home) .gallery-card .gallery-panel{padding:12px 16px 10px;max-height:none;overflow:hidden;background:linear-gradient(180deg,rgba(15,18,24,.24),rgba(15,18,24,.56));backdrop-filter:blur(4px);border:0;color:#fff}
:is(.discover-home,.personal-home) .gallery-card .gallery-panel h3{font-size:16px;line-height:1.5;font-weight:550;margin:0 0 6px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 7px #0007}
.gallery-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}.gallery-designer{font-size:12px;line-height:1.6;color:#ffffffe0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-shadow:0 1px 6px #0008}
.gallery-cover-tools{position:absolute;left:12px;right:12px;top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:3;pointer-events:none}.gallery-cover-tools>*{pointer-events:auto}.gallery-heat,.gallery-like{display:flex;align-items:center;gap:5px;color:white;background:#10131b38;border:1px solid #ffffff1c;border-radius:18px;padding:6px 9px;font-size:11px;line-height:1;backdrop-filter:blur(3px)}
.gallery-cover-tools svg,.gallery-save svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}.gallery-heat svg{width:15px;height:15px;stroke-width:1.4}.gallery-like{cursor:pointer;transition:background .16s,color .16s}.gallery-like svg{color:#ff6d86;width:18px;height:18px}.gallery-like[aria-pressed=true] svg{fill:#ff6d86;stroke:#ff6d86}.gallery-like:hover{background:#10131b70}.gallery-save{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;border:0;background:transparent;padding:5px 0 5px 8px;color:#fff;font-size:11px;cursor:pointer}.gallery-save[aria-pressed=true]{color:#d8c8ff}.gallery-save[aria-pressed=true] svg{fill:#d8c8ff55}.gallery-save:hover svg{transform:translateY(-1px)}.gallery-save:focus-visible,.gallery-like:focus-visible{outline:2px solid #d4c3ff;outline-offset:3px;border-radius:5px}
@media(max-width:640px){:is(.discover-home,.personal-home) .gallery-card .gallery-panel{padding:9px 10px 7px}:is(.discover-home,.personal-home) .gallery-card .gallery-panel h3{font-size:14px;margin-bottom:3px}.gallery-panel-footer{gap:6px;min-height:28px}.gallery-designer{font-size:10px}.gallery-cover-tools{top:8px;left:8px;right:8px}.gallery-heat,.gallery-like{padding:5px 7px;font-size:10px}.gallery-save svg{width:17px;height:17px}}
@media(hover:none){:is(.discover-home,.personal-home) .gallery-card .gallery-panel{position:relative;background:linear-gradient(180deg,#20232cbb,#151820e0)}.gallery-open{bottom:72px}}

/* Editorial home layout */
html:has(.discover-home){scrollbar-width:auto;scrollbar-color:auto}html:has(.discover-home)::-webkit-scrollbar{width:5px}html:has(.discover-home)::-webkit-scrollbar-track{background:transparent}html:has(.discover-home)::-webkit-scrollbar-thumb{border-radius:10px;background:linear-gradient(#6edccc,#8c8aff,#e793ba,#efc789);border:0}
.discover-home .curated-hero{display:grid!important;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr) minmax(150px,.45fr);gap:32px;align-items:center;max-width:1600px;margin:auto;padding:64px 48px 80px;min-height:640px;height:auto;overflow:visible}
.curated-hero .discover-hero-copy{position:static!important;max-width:none;width:auto;animation:none;transform:none}.curated-hero .discover-hero-copy h1{font-family:inherit;font-size:clamp(32px,3.1vw,56px);font-weight:550;line-height:1.3;letter-spacing:-1.5px;margin:26px 0}.curated-hero .discover-hero-copy p{font-size:15px;line-height:1.9;color:var(--home-muted)}
.discover-home .hero-pagination{display:flex;gap:18px;margin-top:42px}.discover-home .hero-pagination button{border:0;background:none;color:var(--home-muted);padding:8px 0;display:flex;align-items:center;gap:8px;cursor:pointer;width:auto;height:auto}.hero-pagination button span{font-size:12px;font-variant-numeric:tabular-nums}.discover-home .hero-pagination button i{width:22px;height:2px;background:currentColor;transition:width .2s}.discover-home .hero-pagination button.active{color:var(--home-ink)}.discover-home .hero-pagination button.active i{width:42px;background:#a996dc}
.rank-feature{min-width:0;border-radius:16px;overflow:hidden;background:var(--home-surface);border:1px solid var(--home-line);animation:rank-enter .25s ease}.rank-image{position:relative;aspect-ratio:1.18;background:#11131a}.rank-image>img{width:100%;height:100%;object-fit:contain}.rank-crown{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#14162080;backdrop-filter:blur(4px)}.rank-crown svg{width:24px;height:24px}.rank-0{color:#f4cd70}.rank-1{color:#d3deeb}.rank-2{color:#d89b78}.rank-crown svg{fill:currentColor;fill-opacity:.15}.rank-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff18;backdrop-filter:blur(6px);transition:background .18s,scale .18s}.rank-play:hover{background:#ffffff40;scale:1.07}.rank-play svg{width:24px;fill:white}.rank-duration{position:absolute;bottom:16px;right:16px;color:white;background:#12141a88;padding:4px 8px;border-radius:5px;font-size:12px}.rank-caption{padding:18px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.rank-caption>div:first-child{min-width:0}.rank-caption span{font-size:12px;color:var(--home-muted)}.rank-caption h2{font-family:inherit;font-size:19px;font-weight:550;color:var(--home-ink);margin:6px 0 0}.rank-metrics{display:flex;gap:16px;align-items:center}.rank-metrics :is(button,span){display:flex;align-items:center;gap:5px;border:0;background:none;padding:0;color:var(--home-muted);font-size:12px}.rank-metrics button{cursor:pointer}.rank-metrics svg{width:18px;height:18px}.rank-metrics button[aria-pressed=true]{color:#df90a9}.rank-metrics button[aria-pressed=true] svg{fill:currentColor;fill-opacity:.35}
.rank-previews{display:flex;flex-direction:column;gap:22px;min-width:0}.rank-previews button{position:relative;display:block;width:100%;padding:0;border:1px solid var(--home-line);border-radius:12px;overflow:hidden;background:var(--home-surface);text-align:left;color:var(--home-ink);cursor:pointer;transition:transform .2s,border-color .2s}.rank-previews button:hover{transform:translateY(-4px);border-color:#ad9bdd}.rank-previews img{width:100%;height:145px;object-fit:cover;display:block}.rank-previews button>div{padding:12px}.rank-previews strong{font-size:13px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-previews small{display:block;font-size:11px;margin-top:7px;color:var(--home-muted)}.rank-previews .rank-crown{top:8px;left:8px;width:28px;height:28px}.rank-previews .rank-crown svg{width:19px}.rank-empty{min-height:300px;display:grid;place-items:center;color:var(--home-muted)}
.discover-home .discover-feed{max-width:1600px;margin:auto;padding:64px 48px}.discover-home .feed-toolbar{gap:24px;align-items:center;flex-wrap:nowrap;border:0;padding:0;margin:36px 0}.discover-home .feed-categories{gap:6px;overflow:visible;flex-wrap:wrap}.discover-home .feed-categories button{font-family:inherit;font-size:16px;font-weight:500;padding:12px 16px;border:1px solid transparent;border-radius:9px;transition:background .16s,border-color .16s,color .16s}.discover-home .feed-categories button:hover{background:var(--home-surface);color:var(--home-ink)}.discover-home .feed-categories button.active{background:var(--home-surface);border-color:var(--home-line);box-shadow:inset 0 1px #ffffff08}.discover-home .feed-categories button.active:after{display:none}.discover-home .feed-inline-search{flex:0 0 310px;min-width:0;height:48px;background:var(--home-surface);border-radius:9px;box-shadow:inset 0 1px 2px #0000000a;transition:border-color .18s,box-shadow .18s}.discover-home .feed-inline-search svg{width:19px;height:19px;flex:none;opacity:.8}.discover-home .feed-inline-search input{font-size:14px;line-height:24px;padding:0!important;height:24px!important;box-shadow:none!important}.discover-home .feed-inline-search:focus-within{border-color:#a996dc;box-shadow:0 0 0 3px #aa96e014}
:is(.discover-home,.personal-home) .gallery-grid{columns:3;column-gap:26px}:is(.discover-home,.personal-home) .gallery-card{margin-bottom:26px;border-radius:12px}:is(.discover-home,.personal-home) .gallery-cover{min-height:300px}:is(.discover-home,.personal-home) .gallery-card .gallery-panel{height:25%;max-height:25%;box-sizing:border-box;padding:7px 16px;display:flex;flex-direction:column;justify-content:center;gap:2px;background:linear-gradient(180deg,#12151a24,#12151a85);backdrop-filter:blur(3px)}:is(.discover-home,.personal-home) .gallery-card .gallery-panel h3{font-size:16px;line-height:22px;margin:0}:is(.discover-home,.personal-home) .gallery-panel-footer{min-height:24px}:is(.discover-home,.personal-home) .gallery-designer{font-size:12px}:is(.discover-home,.personal-home) .gallery-save{padding:2px 0 2px 8px}:is(.discover-home,.personal-home) .gallery-pagination{padding:40px 0;gap:10px}.gallery-pagination button{transition:background .16s,transform .16s}.gallery-pagination button:not(:disabled):hover{transform:translateY(-2px);border-color:#a996dc}
.discover-home .discover-actions :is(.discover-create-button,.discover-upload-button){display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:9px;font-size:14px;line-height:22px;font-weight:550;font-family:inherit;box-shadow:none;background:var(--home-surface);border:1px solid var(--home-line);color:var(--home-ink);transition:transform .16s,background .16s,border-color .16s}.discover-home .discover-actions .discover-upload-button{background:#b6a5e4;color:#211c30;border-color:#b6a5e4}.discover-home .discover-actions :is(.discover-create-button,.discover-upload-button):hover{transform:translateY(-2px);border-color:#b6a5e4;filter:brightness(1.08)}.discover-actions :is(.discover-create-button,.discover-upload-button) svg{width:18px;height:18px;flex:none}
.home-content-editor{max-width:1000px;padding:32px;margin:auto;color:var(--review-text)}.home-content-editor h1{font-size:26px}.home-content-editor p{color:var(--review-muted);line-height:1.8}.home-content-editor form{display:grid;gap:20px}.home-content-editor label{display:grid;gap:8px;font-size:14px}.home-content-editor input{width:100%;padding:12px;border:1px solid var(--review-border);border-radius:8px;background:var(--review-panel);color:var(--review-text)}.home-content-editor fieldset{border:1px solid var(--review-border);border-radius:12px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-content-editor button{padding:12px;background:var(--review-accent,#ab96de);border:0;border-radius:8px;color:var(--review-panel);cursor:pointer}.home-content-editor .editor-note{font-size:12px}
@keyframes rank-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.discover-home .curated-hero{grid-template-columns:.8fr 1.4fr;gap:24px;padding:40px 28px}.rank-previews{grid-column:2;flex-direction:row}.rank-previews button{flex:1}.rank-previews img{height:100px}.discover-home .feed-toolbar{flex-wrap:wrap}.discover-home .feed-inline-search{flex:1 1 280px}.discover-home .discover-feed{padding:40px 28px}:is(.discover-home,.personal-home) .gallery-grid{columns:2}}
@media(max-width:640px){.discover-home .curated-hero{display:flex!important;flex-direction:column;align-items:stretch;padding:36px 18px;gap:22px;min-height:0}.curated-hero .discover-hero-copy h1{font-size:34px;margin:16px 0}.discover-home .hero-pagination{margin-top:16px}.rank-previews{flex-direction:row}.rank-caption{padding:14px}.rank-caption h2{font-size:17px}.rank-image{aspect-ratio:1.2}.discover-home .discover-feed{padding:32px 18px}.discover-home .feed-toolbar{gap:18px;margin:24px 0}.discover-home .feed-categories{gap:4px}.discover-home .feed-categories button{font-size:13px;padding:9px 10px}.discover-home .feed-inline-search{flex-basis:100%;height:46px}:is(.discover-home,.personal-home) .gallery-grid{columns:1}:is(.discover-home,.personal-home) .gallery-cover{min-height:288px}:is(.discover-home,.personal-home) .gallery-card .gallery-panel{position:absolute;height:25%;max-height:25%;padding:6px 14px}:is(.discover-home,.personal-home) .gallery-open{bottom:0}.home-content-editor{padding:20px}.home-content-editor fieldset{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rank-feature{animation:none}.rank-previews button,.rank-play,.discover-home .discover-actions button{transition:none}}
.discover-home{--home-surface:var(--home-panel)}.discover-home .curated-hero .discover-hero-copy{order:0}.discover-home .curated-hero .discover-hero-copy h1{color:var(--home-ink)}.discover-home .discover-header{height:auto;min-height:74px}.discover-home.discover-light .zx-brand-name{color:#202332}.discover-home .discover-actions .discover-upload-button{overflow:visible;min-width:120px;white-space:nowrap}.discover-home .discover-actions .discover-create-button{min-width:120px;white-space:nowrap}
@media(max-width:640px){.discover-home .discover-header{position:relative;padding:18px;min-height:120px}.discover-home .discover-actions{width:100%;justify-content:space-between;gap:8px}.discover-home .discover-actions :is(.discover-upload-button,.discover-create-button){padding:9px 12px;min-width:110px;font-size:13px}}

/* Unified resource presentation */
.z-main .creation-studio .creation-feed-media{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;overflow:visible}.z-main .creation-studio .creation-feed-media>button,.z-main .creation-studio .creation-feed-media>button:only-child{flex:0 1 auto;width:fit-content;max-width:100%;margin:0}.z-main .creation-studio .creation-feed-media>button img,.z-main .creation-studio .creation-feed-media>button:only-child img{width:auto;height:auto;max-width:100%;max-height:min(52dvh,520px);object-fit:contain}
.creation-feed-error{position:relative;max-width:700px;margin:24px auto 12px;padding:24px 28px 24px 76px!important;border:1px solid #c9a17a30;border-radius:14px!important;background:linear-gradient(110deg,#b38e6510,transparent)!important}.creation-feed-error .failure-mark{position:absolute;left:24px;top:26px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #c9a17a70;border-radius:50%;color:#d8b58b}.creation-feed-error strong{font-size:17px;font-weight:550}.creation-feed-error p{font-size:14px;line-height:1.8;opacity:.75;margin:10px 0 0}.creation-feed-actions{display:flex;justify-content:center;gap:12px}.creation-feed-actions button{padding:9px 18px!important;border-radius:8px!important;border:1px solid #a99bc32b!important;transition:background .18s,transform .18s}.creation-feed-actions button:hover{transform:translateY(-2px);background:#a99bc322!important}
dialog.creation-library{width:min(1280px,94vw)!important;height:min(850px,90dvh)!important;max-width:94vw;max-height:90dvh;--library-bg:#202127;--library-panel:#26272f;--library-ink:#eeedf4;--library-muted:#a6a7b4;background:var(--library-bg);color:var(--library-ink)}.creation-library .creation-library-body{grid-template-columns:132px 148px minmax(0,1fr)}.creation-library .library-heading h2{font-size:23px!important;letter-spacing:.5px;color:var(--library-ink)!important}.creation-library button,.creation-library input,.creation-library select{color:var(--library-ink)!important;background:var(--library-panel)!important;border:1px solid #88888825;border-radius:8px}.creation-library button.selected{background:#b19bd42c!important;border-color:#b19bd4!important}.creation-library .creation-library-body>main{padding:24px;gap:8px}.creation-library .library-selection-grid{display:block;columns:3;column-gap:18px;overflow-y:auto}.creation-library .library-selection-grid>button{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 18px;padding:0;border-radius:10px}.creation-library .library-selection-grid>button>div{aspect-ratio:auto;min-height:100px;height:auto;max-height:none;display:grid;place-items:center;overflow:hidden;background:#17181e}.creation-library .library-selection-grid img,.creation-library .library-selection-grid video{width:100%;height:auto;max-height:320px;object-fit:contain;display:block}.creation-library .library-selection-grid>button>span{padding:12px;font-size:14px;font-weight:500}.creation-library .library-selection-grid>button>small{display:block;padding:0 12px 12px;color:var(--library-muted);font-size:11px}.creation-library .library-empty-state{column-span:all}.creation-library .library-kind-nav,.creation-library .creation-library-body>aside,.creation-library>footer{background:var(--library-bg)}.creation-library .library-source-tabs input{min-height:40px;font-size:14px}.creation-library .library-pagination{font-size:13px}.creation-library>footer .primary{background:#b7a2e0!important;color:#231d32!important}
html[data-zx-theme=light] dialog.creation-library{--library-bg:#faf9fc;--library-panel:#fff;--library-ink:#292638;--library-muted:#787385;border-color:#ddd8e8}.creation-library button:hover{border-color:#b7a2e0}:is(.discover-home,.personal-home) .gallery-panel h3{font-family:'Noto Serif SC','Songti SC','SimSun',serif!important;letter-spacing:.6px;font-weight:600!important}:is(.discover-home,.personal-home) .gallery-designer{letter-spacing:1px;font-size:12px;color:#ffffffe0}.gallery-save svg,.rank-metrics button:last-child svg{width:22px;height:22px;color:#e1c88f;filter:drop-shadow(0 1px 2px #0008);fill:#e1c88f18}.gallery-save[aria-pressed=true] svg,.rank-metrics button:last-child[aria-pressed=true] svg{fill:#e1c88f;stroke:#f0dba9}
@media(max-width:900px){.creation-library .creation-library-body{grid-template-columns:110px minmax(0,1fr)}.creation-library .creation-library-body>aside{display:none}.creation-library .library-selection-grid{columns:2}.creation-library .creation-library-body>main{padding:16px}}@media(max-width:520px){.creation-library .library-selection-grid{columns:1}.creation-library>header{flex-wrap:wrap}.creation-library .library-heading{flex-basis:100%}.creation-library>footer{flex-wrap:wrap}.creation-feed-error{padding:20px 20px 20px 62px!important}.creation-feed-error .failure-mark{left:18px}}
/* Focused cinema overlay and editorial details */
:is(.discover-home,.personal-home) .gallery-open{padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.discover-home .editorial-kicker{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;color:#c9c4d8;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:2px;padding:8px 0;cursor:pointer;transition:color .18s}.editorial-kicker i{width:6px;height:6px;border-radius:50%;background:#9fd8c6;box-shadow:0 0 0 5px #9fd8c610;transition:box-shadow .18s}.editorial-kicker:hover{color:#fff}.editorial-kicker:hover i{box-shadow:0 0 0 8px #9fd8c61a}.discover-home .feed-refresh{display:flex;margin:-42px 0 22px auto;font-size:13px;letter-spacing:1px}.discover-home .feed-inline-search{height:50px;position:relative;box-shadow:none}.discover-home .feed-inline-search svg{stroke-width:1.3;width:20px;height:20px;color:#d6d1df}.discover-home .feed-inline-search input{font-family:inherit;font-size:14px;letter-spacing:.3px}.discover-home .feed-inline-search:focus-within svg{color:#c5b3e8}:is(.discover-home,.personal-home) .gallery-card .gallery-panel h3{font-size:18px;line-height:25px}:is(.discover-home,.personal-home) .gallery-designer{font-size:12px;font-weight:400;color:#eee8e2}
.discover-home .discover-footer{padding:64px 48px;max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #ffffff14}.discover-footer .zx-brand-mark{width:44px;height:44px}.discover-footer .zx-brand-name{font-family:inherit;font-size:24px!important;line-height:1.2!important}.discover-home .discover-footer p{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:20px;line-height:1.8;color:#d8d3df;letter-spacing:2px}.discover-home .discover-footer button{display:flex;align-items:center;gap:20px;border:0;border-bottom:1px solid #ffffff30;background:none;color:#e6e1ed;padding:14px 0;font-size:14px;letter-spacing:1px;cursor:pointer}.discover-footer button span{font-size:22px;transition:transform .2s}.discover-footer button:hover span{transform:translateY(-4px)}
dialog.showcase-player{position:fixed;inset:0;margin:auto;width:100vw;height:100dvh;max-width:none;max-height:none;padding:26px;border:0;background:transparent;color:#f4f0fa;overflow:auto;box-sizing:border-box}dialog.showcase-player[open]{display:grid;place-items:center}dialog.showcase-player::backdrop{backdrop-filter:blur(9px);background:radial-gradient(ellipse at 20% 20%,#71639548,transparent 55%),radial-gradient(ellipse at 80% 80%,#4a958638,transparent 60%),#080910c9;background-size:160% 160%;animation:cinema-atmosphere 16s ease-in-out infinite alternate}.showcase-player-surface{width:fit-content;max-width:100%;min-width:min(340px,100%);border:1px solid #ffffff18;border-radius:16px;background:#111218ec;box-shadow:0 30px 100px #0006;overflow:hidden;animation:cinema-enter .2s ease}.showcase-player-surface>header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 18px;color:#bdb6cb;font-size:12px;letter-spacing:2px}.showcase-player-surface>header button{display:grid;place-items:center;width:32px;height:32px;padding:7px;border:0;border-radius:50%;background:#ffffff08;color:#fff;cursor:pointer}.showcase-player-surface>header svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5}.showcase-player-stage{display:grid;place-items:center;background:#090a0f;min-height:150px}.showcase-player-stage>video,.showcase-player-stage>img{display:block;width:auto;height:auto;max-width:min(88vw,1400px);max-height:calc(100dvh - 210px);object-fit:contain}.showcase-player-stage>audio{margin:70px 24px;width:min(500px,75vw)}.showcase-player-surface>footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px}.showcase-player-surface h2{font:500 20px/1.5 'Noto Serif SC','SimSun',serif;letter-spacing:1px;color:#f4f0fa;margin:0}.showcase-player-surface p{font-size:12px;letter-spacing:1px;color:#a9a1b9;margin:6px 0 0}.showcase-player-surface>footer>span{font-size:10px;letter-spacing:1px;color:#8e879c}.player-state{position:relative;min-height:280px;min-width:min(500px,80vw);display:grid;place-content:center;text-align:center;padding:24px}.player-state img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.35;inset:0}.player-state span{position:relative;color:white}.player-state button{margin:20px auto 0;border:1px solid #bba7d95c;border-radius:8px;padding:9px 20px;background:#baa5d51c;color:#e0d2f2;cursor:pointer}@keyframes cinema-atmosphere{from{background-position:0 0,100% 100%}to{background-position:100% 50%,0 30%}}@keyframes cinema-enter{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:640px){.discover-home .feed-refresh{margin:12px 0 0;font-size:12px}.discover-home .discover-footer{padding:40px 20px;flex-direction:column;align-items:flex-start;gap:24px}.discover-home .discover-footer p{font-size:19px}.discover-home .discover-actions{width:auto;margin-left:auto}.discover-home .discover-header{min-height:100px}.showcase-player{padding:10px!important}.showcase-player-stage>video,.showcase-player-stage>img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 180px)}.showcase-player-surface>footer{padding:14px}.showcase-player-surface h2{font-size:17px}.showcase-player-surface>footer>span{display:none}}
@media(prefers-reduced-motion:reduce){dialog.showcase-player::backdrop,.showcase-player-surface{animation:none}}

.account-center{--ac-bg:#22232b;--ac-text:#f2eff8;--ac-muted:#aaa7b9;--ac-line:#ffffff17;color:var(--ac-text);background:var(--ac-bg);border:1px solid var(--ac-line);border-radius:24px;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;box-shadow:0 32px 100px #0006;font-family:'Studio Sans','Microsoft YaHei',sans-serif}.account-center::backdrop{background:#0d10176b;backdrop-filter:blur(8px)}html[data-zx-theme=light] .account-center{--ac-bg:#faf9fc;--ac-text:#272433;--ac-muted:#706b80;--ac-line:#27243320}.account-center *{box-sizing:border-box}.account-center header{padding:26px 30px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ac-line);cursor:grab;touch-action:none}.account-center header small{font-size:10px;letter-spacing:3px;color:#a58ee6}.account-center h2{font-size:24px;letter-spacing:1px;margin:8px 0 0;font-weight:550;color:inherit}.account-center button,.account-center a{font:inherit;color:inherit;cursor:pointer}.account-center button{border:0;background:transparent}.account-center header button{font-size:28px;width:36px;height:36px;border-radius:50%}.account-center button:hover:not(:disabled),.account-links a:hover{background:#a58ee619}.account-center button:focus-visible,.account-center a:focus-visible{outline:2px solid #bba4f3;outline-offset:3px}.account-center-body{padding:24px 30px}.profile-summary{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:12px;border-radius:14px;margin-bottom:18px}.profile-summary strong{display:block;font-size:20px}.profile-summary small{display:block;color:var(--ac-muted);font-size:12px;margin-top:6px}.profile-summary b{margin-left:auto}.profile-avatar{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#a2bfe5,#9b80c5);color:#211b32;font-size:26px}.profile-avatar img{width:100%;height:100%;object-fit:cover}.account-links{display:grid;gap:3px}.account-links>a,.account-links>button{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;text-align:left;text-decoration:none;border-radius:9px;font-size:15px}.account-links button:disabled{opacity:.35;cursor:not-allowed}.account-links small{font-size:11px}.account-signout{color:#e5a8b1!important}.profile-heading{text-align:center;margin:5px 0 28px}.profile-heading .profile-avatar{margin:auto;width:96px;height:96px;position:relative;padding:0}.profile-heading h3{font-size:25px;font-weight:550;margin:16px 0 8px}.profile-heading p{color:var(--ac-muted);font-size:13px}.profile-avatar.editable span{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#0008;font-size:13px;opacity:0;transition:opacity .15s}.profile-avatar.editable:hover span,.profile-avatar.editable:focus-visible span{opacity:1}.profile-editor label{display:block;font-size:14px;margin:18px 0}.profile-editor label small{float:right;color:var(--ac-muted)}.profile-editor input:not([type=range]),.profile-editor textarea{display:block;width:100%;padding:12px 14px;margin-top:9px;border:1px solid var(--ac-line);background:#8080800b;border-radius:10px;color:inherit;font:inherit;resize:vertical}.account-primary{background:#b7a2ec!important;color:#21192f!important;border-radius:10px;padding:13px 22px;margin-top:16px;font-weight:600!important}.account-primary:disabled{opacity:.5}.account-center footer{border-top:1px solid var(--ac-line);padding:16px 30px}.account-center footer button{font-size:13px;color:var(--ac-muted)}.avatar-crop canvas{display:block;max-width:100%;border-radius:50%;margin:auto;box-shadow:0 0 0 1px var(--ac-line)}.avatar-crop input{width:100%;accent-color:#ad92ed}.account-actions{display:flex;justify-content:flex-end;gap:16px}.account-actions button{padding:10px;border-radius:8px}.watermark-preview{height:180px;border-radius:16px;background:radial-gradient(ellipse at 25% 15%,#aab8ca,transparent 65%),linear-gradient(120deg,#524e69,#272939);position:relative}.watermark-preview span{position:absolute;bottom:14px;right:14px;background:#12121891;border:1px solid #ffffff40;color:#fffffff0;border-radius:8px;padding:6px 12px;font-size:15px}.watermark-settings p,.account-document p{font-size:14px;line-height:1.9;color:var(--ac-muted)}.watermark-switch{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:20px;border-block:1px solid var(--ac-line);margin-top:22px}.watermark-switch strong{display:block;font-size:15px}.watermark-switch small{display:block;margin-top:8px;color:var(--ac-muted);font-size:12px}.watermark-switch input{width:24px;height:24px;accent-color:#ac8eea}.account-error{color:#f19cae;font-size:14px}.account-saved{color:#98cfb1;font-size:14px}.account-document small{color:var(--ac-muted);font-size:12px}.z-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.zx-brand-mark{position:relative!important;background:radial-gradient(circle at 28% 23%,#fff 0%,#cadbff 9%,#7ebfe2 24%,#8b7ad1 48%,#363563 75%,#161829 100%)!important;border-radius:50%!important;box-shadow:inset -5px -7px 10px #15122b99,inset 3px 3px 7px #ffffff80,0 4px 12px #12132c30!important;overflow:hidden}.zx-brand-mark:before{content:''!important;position:absolute;inset:14% 7%;border:1px solid #ffffff70;border-radius:50%;transform:rotate(-32deg);background:transparent!important}.zx-brand-mark:after{content:''!important;position:absolute;inset:5% 29%;border:1px solid #ffffff60;border-radius:50%;transform:rotate(-32deg);background:transparent!important}@media(max-width:600px){.account-center{transform:none!important;max-height:94dvh}.account-center header{padding:20px}.account-center-body{padding:20px}.account-center footer{padding:15px 20px}}

.account-center{position:fixed;inset:0;margin:auto!important;height:fit-content}
.watermark-switch input{appearance:none;width:44px;height:26px;border-radius:20px;background:#62616d;cursor:pointer;flex:none;transition:background .18s}.watermark-switch input:before{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;margin:3px;box-shadow:0 1px 3px #0003;transition:transform .18s}.watermark-switch input:checked{background:#9b80d6}.watermark-switch input:checked:before{transform:translateX(18px)}

.zx-brand .zx-brand-mark,.zx-brand-mark{background:url(/agent-logo.png) center/contain no-repeat!important;border-radius:0!important;box-shadow:none!important;width:34px!important;height:40px!important}.zx-brand-mark:before,.zx-brand-mark:after{display:none!important}

.account-popover{width:258px!important;height:auto!important;max-height:calc(100dvh - 120px)!important;left:20px!important;right:auto!important;top:auto!important;bottom:84px!important;margin:0!important;border-radius:16px!important;overflow:visible!important;box-shadow:0 16px 55px #0005!important}.account-popover::backdrop{background:transparent;backdrop-filter:none}.account-popover>header{padding:10px 16px;border:0;cursor:default}.account-popover>header>div{display:none}.account-popover>header>button{margin-left:auto;font-size:22px;height:24px}.account-popover .account-center-body{padding:0 12px 14px}.account-popover .profile-summary{padding:8px 10px 16px;margin:0 0 9px;text-decoration:none;border-bottom:1px solid var(--ac-line);border-radius:0}.account-popover .profile-avatar{width:42px;height:42px;font-size:20px}.account-popover .profile-summary strong{font-size:16px}.account-popover .account-links{gap:2px}.account-popover .account-links>a,.account-popover .account-links>button,.account-subgroup>button{padding:10px 12px;font-size:14px;min-height:38px}.account-subgroup{position:relative}.account-subgroup>button{width:100%;text-align:left;border-radius:9px}.account-flyout{position:absolute;left:100%;bottom:0;padding:7px;min-width:205px;border:1px solid var(--ac-line);border-radius:12px;background:var(--ac-bg);box-shadow:0 12px 35px #0004;z-index:5}.account-flyout button{display:block;width:100%;padding:12px;text-align:left;border-radius:7px;font-size:13px;white-space:nowrap}.account-canvas.account-popover{left:auto!important;right:22px!important;top:66px!important;bottom:auto!important}.account-canvas .account-flyout{left:auto;right:100%}.account-document-modal header{cursor:default}.account-document{white-space:pre-wrap}.account-document-modal{scrollbar-width:thin;scrollbar-color:#a58bea transparent}.account-document-modal::-webkit-scrollbar{width:4px}.account-document-modal::-webkit-scrollbar-thumb{border-radius:4px;background:linear-gradient(#79cde1,#a697ed,#efadca,#e5cc93)}.account-document-modal::-webkit-scrollbar-track{background:transparent}.account-links a,.account-links button,.account-subgroup button{transition:background .15s,color .15s}.account-links a:hover,.account-links button:hover:not(:disabled),.account-subgroup button:hover{background:#b8a1ed20;color:#c7b3f8}.personal-home{max-width:1100px;margin:30px auto;padding:30px}.personal-home>header{text-align:center;padding:25px 0 38px}.personal-home .profile-avatar{position:relative;margin:auto;width:100px;height:100px;padding:0;border:0;cursor:pointer}.personal-home h1{font-size:30px;margin:18px 0}.personal-bio{display:flex;align-items:center;justify-content:center;gap:10px;min-height:38px}.personal-bio p{color:var(--muted,#a7a2b5);max-width:600px;white-space:pre-wrap}.personal-bio button{opacity:0;border:1px solid #a58ee640;background:#a58ee614;color:inherit;border-radius:7px;padding:6px 10px;cursor:pointer;transition:opacity .15s}.personal-bio:hover button,.personal-bio:focus-within button{opacity:1}.personal-home>nav{border-bottom:1px solid #8883;text-align:center;padding:20px;font-size:16px}.personal-home>nav span{margin-left:12px;color:#a890db}.personal-empty{text-align:center;padding:85px 20px}.personal-empty>span{font-size:54px;color:#ac94d7}.personal-empty h2{font-size:22px;font-weight:500}.personal-empty p{font-size:14px;color:#8d879d}.personal-empty a{display:inline-block;margin-top:16px;color:#b39cdd}.personal-works{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:28px}.personal-works img{width:100%;height:220px;object-fit:contain;border-radius:12px}.personal-works a{color:inherit;text-decoration:none}.personal-works h3{font-size:16px}@media(max-width:600px){.account-popover{left:12px!important;bottom:76px!important;width:230px!important}.account-canvas.account-popover{left:auto!important;right:12px!important;top:56px!important;bottom:auto!important}.account-flyout{left:0;bottom:100%;min-width:100%}.account-canvas .account-flyout{right:0}.personal-home{padding:16px}.personal-works{grid-template-columns:1fr}.personal-bio button{opacity:1}}
html:has(.account-canvas),html:has(.account-canvas) body{background:transparent!important}

.personal-home{max-width:1600px;margin:0 auto;padding:20px 28px}.personal-home>header{padding:10px 0 18px}.personal-home .profile-avatar{width:82px;height:82px}.personal-home h1{font-size:26px;margin:12px 0 10px}.personal-bio{display:block;position:relative;width:fit-content;max-width:calc(100% - 150px);margin:0 auto;min-height:34px;text-align:center}.personal-bio p{margin:0;line-height:1.8;overflow-wrap:anywhere}.personal-bio button{position:absolute;left:calc(100% + 10px);top:0;white-space:nowrap}.personal-home>nav{display:flex;justify-content:center;gap:36px;padding:8px 0 0;margin-bottom:24px}.personal-home>nav button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 4px 16px;color:inherit;font-size:16px;cursor:pointer;transition:color .15s,border-color .15s}.personal-home>nav button[aria-selected=true]{color:#bd9fe9;border-color:#bd9fe9}.personal-home>nav button:hover{color:#cdb3f2}.personal-home>nav button span{font-size:12px;margin-left:10px}.personal-works{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding:0;align-items:start}.personal-work-card{grid-column:span 3;min-width:0;border:1px solid #8882;border-radius:12px;overflow:hidden;padding:0;background:#8881;color:inherit;cursor:pointer;text-align:left;transition:transform .18s,box-shadow .18s}.personal-work-card.portrait{grid-column:span 2}.personal-work-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.personal-works .personal-work-card img{width:100%;height:auto;display:block;object-fit:contain;border-radius:0}.personal-works h3{padding:12px 14px;margin:0;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personal-cover-placeholder{aspect-ratio:16/9;display:grid;place-items:center}.personal-empty{padding:48px 20px}.personal-empty>img,.personal-empty>svg{width:56px;height:56px;object-fit:contain;color:#af95dc}.personal-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:28px 0 16px}.personal-pagination button{padding:8px 13px;border:1px solid #8883;background:transparent;color:inherit;border-radius:7px;cursor:pointer}.personal-pagination button[aria-current=page]{background:#b19adf;color:#211b31}.personal-pagination button:disabled{opacity:.35;cursor:default}@media(max-width:900px){.personal-work-card{grid-column:span 6}.personal-work-card.portrait{grid-column:span 4}}@media(max-width:520px){.personal-home{padding:18px 14px}.personal-bio{max-width:100%;width:100%;padding-bottom:28px}.personal-bio button{left:50%;top:auto;bottom:0;transform:translateX(-50%);padding:3px 8px;font-size:11px}.personal-home>nav{gap:18px}.personal-home>nav button{font-size:14px}.personal-work-card{grid-column:span 12}.personal-work-card.portrait{grid-column:span 6}.personal-works{gap:12px}}
html:has(.account-canvas),html:has(.account-canvas) body{background:transparent!important;background-image:none!important;overflow:hidden!important}

/* Soft daylight, aligned native-ratio rows and transparent delivery mark. */
html[data-zx-theme="light"] .z-shell{background:radial-gradient(ellipse at 76% 12%,#e9e5f350,transparent 50%),linear-gradient(135deg,#f4f2ed,#efeff5 65%,#eef2f2);color:#292b38}
html[data-zx-theme="light"] .z-sidebar{background:#f4f2eefa!important}
html[data-zx-theme="light"] .z-topbar{background:#f2f1edee!important}
html[data-zx-theme="light"] .creation-composer,html[data-zx-theme="light"] .il-composer{background:#f8f6f1!important}
.account-popover>header{display:none!important}.watermark-preview span{background:transparent!important;border:0!important;box-shadow:none!important;color:#ffffff99!important;text-shadow:0 1px 2px #0005;padding:0!important}
.gallery-grid,.personal-works{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:20px!important;columns:auto!important}
.gallery-grid>.gallery-card,.personal-works>.personal-work-card{flex:none!important;min-width:0!important;margin:0!important;break-inside:auto;grid-column:auto!important;aspect-ratio:auto!important}
.gallery-grid>.gallery-card>.gallery-cover{width:100%!important;height:100%!important;object-fit:cover!important}
.personal-works>.personal-work-card>img{height:calc(100% - 44px)!important;width:100%!important;object-fit:contain!important}
.personal-works>.personal-work-card>h3{height:44px;box-sizing:border-box;padding:12px 14px}

.role-folder-row{display:flex;gap:3px}.role-folder-row>button:first-child{flex:1;min-width:0;white-space:normal}.role-folder-row small{display:block;font-size:10px;opacity:.6}.role-folder-row>button:last-child:not(:first-child){font-size:10px;padding:4px!important}.role-folder-editor{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(420px,90vw);max-height:75vh;overflow:auto;z-index:20;padding:24px;border:1px solid #9180b46b;border-radius:16px;background:#26262e;box-shadow:0 20px 100px #000a;color:#f0edf6}.role-folder-editor label{display:flex;flex-direction:column;gap:8px;margin:16px 0}.role-folder-editor input,.role-folder-editor select{padding:10px;min-width:0}.role-folder-users{max-height:220px;overflow:auto}.role-folder-users label{flex-direction:row;align-items:center}.role-folder-editor>div:last-child{display:flex;justify-content:flex-end;gap:12px}.library-uploader{display:block!important;opacity:0;padding:0 6px 6px;transition:opacity .15s}.library-selection-grid>button:hover .library-uploader,.library-selection-grid>button:focus-visible .library-uploader{opacity:.85}

html[data-zx-theme=light] .z-main .creation-studio{--card:#f8f6f1!important}html[data-zx-theme=light] .z-main .creation-studio .card.compose{background:#f8f6f1!important}html[data-zx-theme=light] .creation-library{background:#f5f3ef!important}html[data-zx-theme=light] .creation-library .library-kind-nav,html[data-zx-theme=light] .creation-library aside{background:#efede9!important}

.image-detail .image-detail-meta{font-size:16px;line-height:1.75;font-weight:550;color:#e6e3ed;gap:12px;margin:22px 0 10px}.image-detail .detail-created,.image-detail .image-detail-info>small{font-size:15px;line-height:1.8;color:#bdb8cb}.image-detail .detail-avatar{overflow:hidden;flex:none}.image-detail .detail-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.watermark-preview span{font-weight:750!important;color:rgba(255,255,255,.85)!important;text-shadow:none!important;background:transparent!important;border:0!important}

.watermark-preview span{font-family:"Noto Sans SC",sans-serif!important;font-style:italic!important;font-weight:650!important;letter-spacing:-.03em!important;color:rgba(250,248,244,.82)!important;text-shadow:none!important;background:transparent!important;border:0!important}

.watermark-preview span{display:block!important;width:126px;height:48px;color:transparent!important;background:url(/studio-ai-watermark.png) center/contain no-repeat!important;font-size:0!important;opacity:1!important}

/* Embedded canvas surfaces own the complete frame, without a white UA canvas. */
html.canvas-embed-document,html.canvas-embed-document body{background:transparent!important;background-image:none!important;color-scheme:normal!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
.library-picker-page dialog.creation-library{position:fixed!important;inset:0!important;box-sizing:border-box!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important}
.personal-home{min-height:calc(100dvh - 96px);display:flex;flex-direction:column;box-sizing:border-box;margin-top:0!important;margin-bottom:0!important}
.personal-home #personal-work-panel{flex:1}.personal-home .personal-pagination{margin-top:auto;padding:24px 0 16px;flex:none}.personal-pagination button{min-height:34px;padding:6px 12px;font-size:13px}

/* Unified asset browser: bounded grid, one pagination model, no horizontal columns. */
html dialog.asset-library-unified{position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;padding:0!important;box-sizing:border-box;width:min(1200px,96vw)!important;height:min(780px,92dvh)!important;overflow:hidden!important}
html dialog.asset-library-unified>header{padding:16px 20px;gap:10px;flex-shrink:0}
html dialog.asset-library-unified .creation-library-body{min-height:0;flex:1;display:grid;grid-template-columns:116px 155px minmax(0,1fr);overflow:hidden}
html dialog.asset-library-unified .creation-library-body.no-folders{grid-template-columns:116px minmax(0,1fr)}
html dialog.asset-library-unified .creation-library-body>main{padding:14px 18px;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
html dialog.asset-library-unified .library-kind-nav{padding:12px 8px;gap:6px;min-width:0}
html dialog.asset-library-unified .library-kind-nav button{padding:11px 10px;text-align:left;width:100%;white-space:nowrap}
html dialog.asset-library-unified .creation-library-body>aside{display:flex;overflow:auto;padding:12px 8px;min-width:0}
html dialog.asset-library-unified .library-source-tabs{display:flex;align-items:center;gap:8px;margin:0;padding:0 0 12px;min-width:0;flex-shrink:0}
html dialog.asset-library-unified .library-source-tabs input{margin-left:auto;min-width:80px;width:min(240px,30%)}
html dialog.asset-library-unified .library-source-tabs button{font-size:12px;padding:7px}
html dialog.asset-library-unified .library-selection-grid{display:grid!important;columns:auto!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-auto-rows:minmax(0,1fr);gap:12px;overflow:hidden!important;min-height:0;flex:1;align-content:stretch}
.asset-tile{position:relative;min-height:0;min-width:0;max-height:250px;border:1px solid #8883;border-radius:10px;overflow:hidden}
.asset-tile.selected{border-color:#bba3ed;box-shadow:0 0 0 1px #bba3ed}
.asset-tile>input{position:absolute;top:8px;left:8px;z-index:1;width:18px;height:18px}
html dialog.asset-library-unified .asset-tile>button{display:flex;flex-direction:column;height:100%;width:100%;padding:0;border:0!important;text-align:left}
.asset-tile .asset-cover{min-height:0;flex:1;width:100%;display:grid;place-items:center;overflow:hidden;background:#8881}
html dialog.asset-library-unified .asset-cover img{width:100%;height:100%;object-fit:contain;max-height:100%;display:block}
.asset-placeholder{font-size:40px;opacity:.7}.asset-tile strong{font-size:13px;padding:7px 10px 0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}
.asset-tile .library-uploader{font-size:11px;padding:3px 10px 7px;opacity:0}.asset-tile:hover .library-uploader,.asset-tile:focus-within .library-uploader{opacity:.8}
html dialog.asset-library-unified .library-pagination{flex-shrink:0;padding:10px 0 0;font-size:13px}.asset-library-unified .library-empty-state{grid-column:1/-1;min-height:0}
html dialog.asset-library-unified>footer{padding:12px 20px;flex-shrink:0}.asset-library-unified>footer>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html dialog.role-folder-editor{position:fixed!important;inset:0!important;transform:none!important;margin:auto!important;width:min(460px,92vw)!important;height:fit-content;max-height:90dvh;padding:24px;box-sizing:border-box;z-index:auto;background:var(--library-panel,#26262e);color:var(--library-ink,#f0edf6)}
.role-folder-editor::backdrop{background:#0007}.role-folder-editor .user-access-picker{display:block}.role-folder-editor .role-folder-users{max-height:none;overflow:visible;min-height:200px}.role-folder-editor .role-folder-users label{display:flex;flex-direction:row;align-items:center;gap:10px;margin:8px 0;font-size:13px}.role-folder-users small{display:block;font-size:10px;opacity:.6;overflow-wrap:anywhere}.role-folder-editor .user-access-picker>input{width:100%;box-sizing:border-box;margin-bottom:8px}.role-folder-editor .access-pages,.role-folder-editor .settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.role-folder-editor .settings-actions{justify-content:flex-end;margin-top:18px}.role-folder-editor button{padding:9px 12px;font:inherit;border-radius:8px;border:1px solid #8884;background:#8881;color:inherit}
.library-picker-page dialog.asset-library-unified{width:100%!important;height:100%!important;max-width:none;max-height:none;border:0;border-radius:0}
.nc-icon .nc-count{position:absolute;right:2px;top:0;margin:0;color:#f04b5d;font-size:13px;font-weight:750;line-height:18px}
.nc-announcement-prompt .nc-detail{overflow:auto;padding-top:26px}.nc-announcement-prompt footer{padding:16px 28px 24px;text-align:right}.nc-announcement-prompt footer button{padding:11px 24px;border:0;border-radius:10px;background:#bca6e8;color:#282030}
/* One calm background shared by navigation, header, content and canvas projects. */
html[data-zx-theme=light]{--workspace-day:#f4f3f0;background:var(--workspace-day)!important}
html[data-zx-theme=light] body,html[data-zx-theme=light] .z-shell,html[data-zx-theme=light] .z-shell :is(.z-sidebar,.z-topbar,.z-main,.il-studio,.content,.creation-home,.creation-canvas-panel,.creation-space-switch){background:var(--workspace-day)!important;background-image:none!important}
html[data-zx-theme=light] .z-main .creation-studio{--card:var(--workspace-day)!important}
html[data-zx-theme=light] .z-shell :is(.creation-composer,.il-composer,.card.compose){background:var(--workspace-day)!important}
html[data-zx-theme=light] dialog.asset-library-unified{--library-bg:var(--workspace-day);--library-panel:var(--workspace-day);--library-ink:#292b38;--library-muted:#74717c;background:var(--workspace-day)!important}
html[data-zx-theme=light] dialog.asset-library-unified :is(header,footer,aside,main,.library-kind-nav){background:var(--workspace-day)!important}
html[data-zx-theme=light] dialog.role-folder-editor{background:#f4f3f0!important;color:#292b38}
@media(max-width:760px){html dialog.asset-library-unified .creation-library-body,html dialog.asset-library-unified .creation-library-body.no-folders{grid-template-columns:90px minmax(0,1fr)}html dialog.asset-library-unified .creation-library-body>aside{grid-column:1/-1;flex-direction:row;max-height:65px;order:-1}html dialog.asset-library-unified>header{flex-wrap:wrap}html dialog.asset-library-unified .library-heading{flex:1}html dialog.asset-library-unified .library-selection-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}html dialog.asset-library-unified .library-source-tabs{flex-wrap:wrap}html dialog.asset-library-unified .library-source-tabs input{width:100%;margin:0}}

html[data-zx-theme=light] .upload-panel footer button{background:#282532!important;color:#fff!important}html[data-zx-theme=light] .account-center .account-primary{background:#b6a1e8!important;color:#262133!important}

/* Editorial controls and profile planning, 2026-10-16. */
.discover-home .curated-hero .discover-hero-copy h1{font-family:'Studio Sans','Microsoft YaHei',sans-serif;font-weight:400;font-size:clamp(38px,3.5vw,54px);line-height:1.36;letter-spacing:.025em;max-width:none;word-break:keep-all;overflow-wrap:normal;text-wrap:balance}
.discover-home .curated-hero .discover-hero-copy p{font-size:15px;line-height:2;letter-spacing:.035em;max-width:34em}
.discover-home .editorial-kicker{font-size:12px;letter-spacing:.24em;font-weight:500}
.discover-home .hero-pagination{gap:10px;margin-top:36px;padding-bottom:15px}
.discover-home .hero-pagination button{width:44px;height:18px;padding:8px 0;border:0;background:transparent}
.discover-home .hero-pagination button>i{display:block!important;width:100%;height:2px;border-radius:2px;background:currentColor;opacity:.35;transition:height .2s,opacity .2s,background .2s}
.discover-home .hero-pagination button.active>i{width:100%;height:3px;opacity:1;background:linear-gradient(90deg,#e1aeaa,#c6a8df,#96cfc7)}
.discover-home .hero-rainbow-track{width:152px;height:1px;opacity:.7}
.discover-home .discover-actions .discover-create-button{font-weight:500;letter-spacing:.025em;border-color:#ffffff25;background:#ffffff05;box-shadow:none}
.discover-home .discover-actions .discover-upload-button,html[data-zx-theme=light] .discover-home .discover-actions .discover-upload-button{background:#66538f!important;border-color:#8c76b4!important;color:#fff!important;font-weight:500;letter-spacing:.025em;box-shadow:none!important}
.discover-home .discover-actions .discover-upload-button svg{color:#fff!important;stroke:currentColor}
html .showcase-upload-modal .upload-panel{font-family:'Studio Sans','Microsoft YaHei',sans-serif;background:#181920;color:#f0edf5;border:1px solid #ffffff1c;box-shadow:0 26px 90px #0008}
html .showcase-upload-modal .upload-panel h2{font-size:25px;font-weight:450;letter-spacing:.04em;line-height:1.4}
html .showcase-upload-modal .upload-panel header>div>span{font-size:10px;letter-spacing:.25em;color:#b8a3e0}
html .showcase-upload-modal .upload-form-grid>label>span,html .showcase-upload-modal .upload-category-field>span{display:block;font-size:12px;font-weight:500;letter-spacing:.04em;color:#aaa8b7;margin-bottom:8px}
html .showcase-upload-modal .upload-panel :is(input,button){font-family:inherit}
html .showcase-upload-modal .upload-panel input:not([type=file]):not([type=hidden]){font-size:14px;font-weight:400;letter-spacing:.015em;background:#24252d;border:1px solid #ffffff21;color:#f1eef6}
html .showcase-upload-modal .upload-panel input::placeholder{color:#92909d}
.upload-category-field{position:relative;min-width:0}.upload-category-picker{position:relative}.upload-category-picker>button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;text-align:left;color:#f1eef6;background:#24252d;border:1px solid #ffffff28;border-radius:7px;font-size:14px;font-weight:450;cursor:pointer}.upload-category-picker>button span{font-size:20px;font-weight:300;line-height:1}.upload-category-picker>div{position:absolute;z-index:8;top:calc(100% + 4px);left:0;right:0;padding:5px;border:1px solid #ffffff30;border-radius:8px;background:#25252e;box-shadow:0 18px 35px #0007}.upload-category-picker>div>button{display:block;width:100%;padding:10px 12px;text-align:left;border:0;border-radius:5px;color:#eeeaf4;background:transparent;font-size:14px;cursor:pointer}.upload-category-picker>div>button:hover,.upload-category-picker>div>button[aria-selected=true]{background:#a98ed52b}
html .showcase-upload-modal .upload-file-field{background:#ffffff04;border-color:#9894a348;border-radius:10px}
html .showcase-upload-modal .upload-file-field b{font-size:17px;font-weight:500;letter-spacing:.05em}
html .showcase-upload-modal .upload-panel footer button,html[data-zx-theme=light] .showcase-upload-modal .upload-panel footer button{background:#66538f!important;border:1px solid #8c76b4!important;color:#fff!important;font-size:14px;font-weight:550;letter-spacing:.025em;box-shadow:none}
html[data-zx-theme=light] .showcase-upload-modal .upload-category-picker>button{background:#eeedf3;color:#282733;border-color:#d9d6e2}html[data-zx-theme=light] .showcase-upload-modal .upload-category-picker>div{background:#f7f7fa;border-color:#d9d6e2;box-shadow:0 18px 35px #38304424}html[data-zx-theme=light] .showcase-upload-modal .upload-category-picker>div>button{color:#282733}

.account-popover:not(.account-canvas){left:276px!important;bottom:82px!important;top:auto!important;right:auto!important}
.account-watermark-modal{height:fit-content!important;max-height:calc(100dvh - 40px)!important;overflow:hidden!important}
.account-watermark-modal .account-center-body{padding:22px 30px 24px!important}
.account-watermark-modal .watermark-settings p{margin:12px 0 0;font-size:13px;line-height:1.72}
.account-watermark-modal .watermark-switch{margin-top:20px;padding:16px 0}
.account-watermark-modal .watermark-actions{display:flex;justify-content:flex-end}
.account-watermark-modal .watermark-actions .account-primary{margin-top:16px}
.account-policy-modal{height:min(850px,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important;display:flex;flex-direction:column;overflow:hidden!important}
.account-policy-modal>header{flex:none}.account-policy-modal .account-center-body{display:flex;flex:1;flex-direction:column;min-height:0;padding:24px 30px 22px!important;overflow:hidden}
.account-policy-modal .account-document{flex:1;min-height:0;overflow:hidden!important;white-space:pre-wrap}.account-policy-modal .account-document p{margin:0;line-height:1.9;font-size:14px}
.account-policy-modal .account-document-pagination{flex:none;display:flex;align-items:center;justify-content:center;gap:16px;padding-top:16px;border-top:1px solid var(--ac-line)}.account-document-pagination>span{display:flex;gap:5px;max-width:200px;overflow-x:auto;scrollbar-width:none}.account-document-pagination>span::-webkit-scrollbar{display:none}.account-document-pagination button{min-width:27px;height:28px;padding:2px 7px;border-radius:5px;font-size:12px!important;color:var(--ac-muted)!important}.account-document-pagination button[aria-current=page]{color:var(--ac-text)!important;background:#ae98db2e}.account-document-pagination button:disabled{opacity:.35;cursor:default}

.z-sidebar:has(.profile-task-board)>nav{flex:0 1 auto;max-height:42dvh;overflow-y:auto}.z-sidebar .profile-task-board{flex:1;min-height:0;margin:8px 4px 0;padding:18px 9px 8px;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;color:var(--ink)}.profile-task-board>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-task-board>header small{display:block;color:#a99ac4;font-size:9px;letter-spacing:.2em}.profile-task-board h2{font-size:16px;font-weight:500;letter-spacing:.06em;margin:3px 0;color:var(--ink)}.profile-task-board>header>button{border:1px solid #ffffff2c;background:transparent;color:var(--ink);width:28px;height:28px;border-radius:50%;font-size:21px;line-height:1;display:grid;place-items:center}.profile-task-board .profile-task-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;margin-top:12px}.profile-task-board article{display:flex;align-items:start;gap:8px;padding:8px 0;border-bottom:1px solid #ffffff0d}.profile-task-board article>div{flex:1;min-width:0}.profile-task-board article strong{display:block;font-size:12px;font-weight:450;line-height:1.45;overflow-wrap:anywhere;color:var(--ink)}.profile-task-board article.completed strong{text-decoration:line-through;opacity:.5}.profile-task-board article small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.profile-task-board article button{border:0;background:none;color:var(--muted);font-size:14px;padding:0;cursor:pointer}.profile-task-board .profile-task-check{width:17px;height:17px;flex:none;border:1px solid #a390c7;border-radius:50%;line-height:15px;font-size:11px}.profile-task-board .profile-task-check[aria-pressed=true]{background:#9b86be;color:#191723}.profile-task-board .profile-task-edit{padding:0 2px;font-size:16px;line-height:13px}.profile-task-board .profile-task-delete{color:#e5a8b1;font-size:11px}.profile-task-empty{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0}.profile-task-error{color:#e8a1b0;font-size:11px}.profile-task-board form{display:grid;gap:7px;padding:10px 0;border-bottom:1px solid #ffffff16}.profile-task-board form label{display:grid;gap:3px;font-size:10px;color:var(--muted)}.profile-task-board form :is(input:not([type=checkbox]),select){width:100%;min-width:0;padding:6px 7px;border:1px solid #ffffff28;border-radius:5px;background:#292a33;color:var(--ink);font-size:11px}.profile-task-board form .profile-task-important{display:flex;align-items:center;gap:7px}.profile-task-board form .profile-task-important input{accent-color:#b198dc}.profile-task-form-actions{display:flex;justify-content:flex-end;gap:6px}.profile-task-form-actions button{padding:4px 7px;border:1px solid #ffffff20;border-radius:5px;background:transparent;color:var(--ink);font-size:11px}.profile-task-form-actions button[type=submit]{background:#6e5a95;color:#fff}.z-sidebar:has(.profile-task-board) .z-release-link{flex:none;margin-top:10px;margin-bottom:8px;padding-top:12px;border-top:1px solid #ffffff1a}.z-release-link>svg,.z-release-link>.z-custom-icon{width:21px;height:21px;flex:none}.z-release-link>.z-custom-icon{object-fit:contain}
html[data-zx-theme=light] .profile-task-board{border-color:#3332}html[data-zx-theme=light] .profile-task-board article{border-color:#3331}html[data-zx-theme=light] .profile-task-board form :is(input:not([type=checkbox]),select){background:#fff;border-color:#cfcbd9;color:#282733}html[data-zx-theme=light] .profile-task-board>header>button{border-color:#4443}html[data-zx-theme=light] .profile-task-form-actions button{border-color:#4443;color:#282733}html[data-zx-theme=light] .profile-task-form-actions button[type=submit]{color:#fff}
@media(max-width:900px){.account-popover:not(.account-canvas){left:88px!important;bottom:62px!important}.z-sidebar .profile-task-board{display:none}}
@media(max-width:640px){.account-popover:not(.account-canvas){left:76px!important;width:min(258px,calc(100vw - 88px))!important}.account-policy-modal .account-center-body{padding:18px!important}.account-policy-modal .account-document p{font-size:12px;line-height:1.7}.discover-home .curated-hero .discover-hero-copy h1{font-size:39px}}
@media(min-width:1160px){.discover-home .curated-hero{grid-template-columns:minmax(380px,.95fr) minmax(0,1.5fr) minmax(150px,.45fr)}}


/* Shared sidebar positions remain stable across workspace pages. */
@media(min-width:901px){
.z-shell .z-sidebar .profile-task-board{position:relative;z-index:20;flex:0 0 clamp(160px,24dvh,230px);height:clamp(160px,24dvh,230px);box-sizing:border-box;margin-top:auto;overflow:visible}
.z-shell .z-sidebar .profile-task-board>header{flex:none}
.z-shell .z-sidebar .z-release-link{position:relative;z-index:1;flex:0 0 40px;min-height:40px;box-sizing:border-box;margin:4px 10px 4px;padding:8px 0;border-top:1px solid #ffffff1a}
.z-shell .z-sidebar .z-account{flex:none;margin-top:0}
.z-shell .z-sidebar .profile-task-board form{position:absolute;z-index:50;top:64px;left:0;right:0;min-height:230px;box-sizing:border-box;padding:14px 10px;background:#23242c;border:1px solid #ffffff24;border-radius:10px;box-shadow:0 16px 32px #0006}
.z-sidebar:has(.profile-task-board form) .z-release-link{visibility:hidden;pointer-events:none}
html[data-zx-theme=light] .z-sidebar .profile-task-board form{background:#f4f2ee;border-color:#d2ced9}
}
.personal-home{min-height:calc(100dvh - 64px)!important;width:100%}
.personal-home .personal-pagination{margin-top:auto;margin-bottom:0;padding:20px 0 0}

/* Stable media frames: loading and loaded content share one measured grid. */
.asset-library-unified .asset-stable-grid{display:grid;gap:20px;align-content:start;width:100%}
.asset-library-unified .asset-stable-grid .asset-tile{width:100%!important;height:auto!important;min-width:0;align-self:start;overflow:hidden}
html dialog.asset-library-unified.asset-library-unified .asset-stable-grid .asset-tile>button{width:100%;height:auto;display:block;padding:0;text-align:left}
html dialog.asset-library-unified.asset-library-unified .asset-stable-grid .asset-cover{width:100%;height:auto!important;aspect-ratio:var(--asset-frame-ratio,1)!important;flex:none;display:grid;place-items:center;overflow:hidden;background:var(--library-panel,#26272f)}
.asset-library-unified .asset-stable-grid .asset-cover img{display:block;width:100%;height:100%;object-fit:contain!important}
.asset-library-unified .asset-stable-grid .asset-tile strong{display:block;height:28px;box-sizing:border-box;padding:8px 10px 2px;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asset-library-unified .asset-stable-grid .library-uploader{display:block!important;height:26px;box-sizing:border-box;padding:2px 10px 8px;line-height:16px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--library-muted,#9997a6)}
.asset-loading-tile>span{display:block;height:54px}.asset-loading-tile .asset-cover{opacity:.45}.library-upload-progress{font-size:12px;color:var(--library-muted);margin:4px 0}
.asset-library-unified .library-selection-grid{overflow:auto;scrollbar-gutter:stable;min-height:0}
.asset-library-unified .library-source-tabs{align-items:center;min-height:44px}
.asset-library-unified .library-heading h2{font-size:21px!important;font-weight:550!important;letter-spacing:.01em}
.asset-library-unified .library-pagination{align-items:center;font-size:12px;line-height:1;font-variant-numeric:tabular-nums}
.z-main .creation-result-title{display:flex;align-items:baseline;gap:14px;line-height:1.65;font-family:Inter,'PingFang SC','Microsoft YaHei',sans-serif}
.z-main .creation-result-title .creation-prompt-reuse strong{font-size:13px!important;font-weight:450!important;letter-spacing:.015em;color:var(--ink);text-shadow:none}
.z-main .creation-result-title>small{font-size:11px!important;font-weight:400;letter-spacing:.01em;color:var(--muted)}
/* Audit workbench uses explicit theme tokens throughout all data surfaces. */
.audit-page{--audit-bg:#202127;--audit-subtle:#26272e;--audit-ink:#e1e1e8;--audit-muted:#a3a3b2;--audit-line:#ffffff16;--audit-active:#b39bdf14;color:var(--audit-ink);font-family:Inter,'PingFang SC','Microsoft YaHei',sans-serif}
html[data-zx-theme=light] .audit-page{--audit-bg:#fff;--audit-subtle:#f5f5f8;--audit-ink:#30313b;--audit-muted:#6f7180;--audit-line:#2829331a;--audit-active:#7762980d}
.z-main .audit-page .page-title h1{font-size:25px!important;font-weight:550;letter-spacing:.01em}.audit-page .page-title p{font-size:12px;line-height:1.7;color:var(--audit-muted)!important}
.audit-page .panel-card{background:var(--audit-bg)!important;border:1px solid var(--audit-line)!important;box-shadow:none!important;border-radius:12px}
.audit-page .audit-layout{grid-template-columns:minmax(260px,.32fr) minmax(0,.68fr);gap:20px}
.audit-page :is(h2,h3,strong){color:var(--audit-ink)!important;font-weight:500!important}.audit-page h2{font-size:18px!important}.audit-page h3{font-size:14px!important}
.audit-page :is(.audit-call-list,.audit-detail-header,.audit-message>div){border-color:var(--audit-line)}
.audit-page .audit-call-list>button{background:var(--audit-bg)!important;color:var(--audit-ink);border-bottom-color:var(--audit-line);padding:15px 16px}
.audit-page .audit-call-list>button:is(:hover,.active){background:var(--audit-active)!important;box-shadow:inset 2px 0 #a28bc6}
.audit-page :is(.audit-call-list small,.audit-call-list span,.audit-detail-header span,.audit-facts span,.audit-message>div span,.audit-toolbar>p){color:var(--audit-muted)!important}
.audit-page :is(.audit-facts>div,.audit-message,.audit-message.assistant,.audit-raw){background:var(--audit-subtle)!important;border-color:var(--audit-line);border-radius:8px}
.audit-page :is(.audit-message pre,.audit-raw pre){color:var(--audit-ink)!important;background:transparent!important;font-size:12px;line-height:1.8}
.audit-page .audit-toolbar input{background:var(--audit-subtle)!important;border-color:var(--audit-line)!important;color:var(--audit-ink)!important;font-size:12px}
.audit-page :is(.audit-toolbar>button,.audit-timeline .panel-heading button){background:var(--audit-subtle)!important;color:var(--audit-ink)!important;border:1px solid var(--audit-line)!important;font-size:12px;font-weight:500;min-height:34px}
.audit-page .admin-only-chip{background:var(--audit-subtle);color:var(--audit-muted);border:1px solid var(--audit-line);font-size:11px}
.audit-page :is(.audit-call-list i,.audit-detail-header>i){font-weight:500;background:var(--audit-subtle);color:var(--audit-muted)}
.audit-page :is(i.completed){background:#66bc9918;color:#78bfa3}.audit-page :is(i.failed){background:#d8868618;color:#cd8c8c}
html[data-zx-theme=light] .audit-page i.completed{color:#347b64}html[data-zx-theme=light] .audit-page i.failed{color:#a44b4b}
@media(max-width:1100px){.audit-page .audit-layout{grid-template-columns:1fr}.audit-page .audit-timeline{position:static;max-height:340px}.audit-page .audit-call-list{max-height:240px}}
/* Viewport footer stays aligned even for an empty or short profile gallery. */
.personal-home{padding-bottom:88px!important}
.personal-home .personal-pagination{position:fixed;z-index:10;left:264px;right:0;bottom:16px;margin:0!important;padding:10px 16px!important;display:flex;align-items:center;justify-content:center;gap:18px;line-height:1;font-size:12px}
.personal-home .personal-pagination button{height:32px;min-height:32px;min-width:68px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font:inherit;line-height:1;border:1px solid #8883;border-radius:6px;background:transparent!important;color:var(--ink);box-shadow:none}
.personal-home .personal-pagination button:disabled{opacity:.38;background:transparent!important;color:var(--muted);cursor:default}
.personal-home .personal-pagination .personal-page-count{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:32px;font-variant-numeric:tabular-nums;color:var(--muted)}
.personal-page-count b{font-weight:500;color:var(--ink)}.personal-page-count i{font-style:normal;opacity:.45}
/* Compact personal notes with a quiet corner action and a fine spectrum rail. */
.z-shell .profile-task-board>header{position:relative;align-items:flex-start;padding-right:34px;min-height:32px}
.z-shell .profile-task-board>header small{font-size:8px;font-weight:400;letter-spacing:.16em;line-height:1.5;opacity:.7}
.z-shell .profile-task-board h2{font-size:14px;font-weight:450;letter-spacing:.03em;line-height:1.5;margin:3px 0 0}
.z-shell .profile-task-board>header>button{position:absolute;top:-3px;right:0;width:26px;height:26px;min-height:0;padding:0;border:0!important;border-radius:6px;background:transparent!important;box-shadow:none!important;color:var(--muted);font-size:0;cursor:pointer;transition:color .16s ease,transform .16s ease}
.z-shell .profile-task-board>header>button::before,.z-shell .profile-task-board>header>button::after{content:'';position:absolute;left:7px;top:12px;width:12px;height:1px;background:currentColor;border-radius:1px}
.z-shell .profile-task-board>header>button::after{transform:rotate(90deg)}
.z-shell .profile-task-board>header>button:hover{color:var(--ink);transform:translateY(-1px)}
.z-shell .profile-task-board>header>button:focus-visible{outline:1px solid #a497be;outline-offset:2px}
.z-shell .profile-task-board .profile-task-list{margin-top:10px;padding-right:7px;scrollbar-width:auto;scrollbar-color:auto}
.z-shell .profile-task-board .profile-task-list::-webkit-scrollbar{width:3px;height:3px}
.z-shell .profile-task-board .profile-task-list::-webkit-scrollbar-track{background:transparent}
.z-shell .profile-task-board .profile-task-list::-webkit-scrollbar-thumb{border:0;border-radius:6px;background:linear-gradient(180deg,#a5d7cb 0%,#95b8de 30%,#b5a0d3 60%,#d7a8b9 82%,#d9c197 100%)}
.z-shell .profile-task-board .profile-task-list::-webkit-scrollbar-button{display:none;width:0;height:0}
.z-shell .profile-task-board article{padding:7px 0;gap:8px;border-bottom-color:#8882}
.z-shell .profile-task-board article strong{font-size:13px;font-weight:500;line-height:1.5}
.z-shell .profile-task-board article small{font-size:12px;font-weight:400;line-height:1.6;margin-top:4px;opacity:1;color:#c6c3cf;text-shadow:none;filter:none}
.z-shell .profile-task-board .profile-task-check{width:14px;height:14px;margin-top:2px;border-color:#a79ab680;background:transparent;line-height:12px;font-size:9px}
.z-shell .profile-task-board .profile-task-edit{width:22px;height:20px;display:grid;place-items:center;opacity:.55;transition:opacity .16s}
.z-shell .profile-task-board .profile-task-edit:hover{opacity:1}
@media(max-width:1280px){.personal-home .personal-pagination{left:238px}}@media(max-width:900px){.personal-home .personal-pagination{left:76px}}

/* Compact controls and a shared sculpted icon finish. */
html:has(.z-shell),html:has(.z-shell) body{min-height:100%;background:#17181c!important;color-scheme:dark}
html[data-zx-theme=light]:has(.z-shell),html[data-zx-theme=light]:has(.z-shell) body{background:#f6f7f9!important;color-scheme:light}
.z-shell,.z-shell .z-main{min-height:100dvh}
.z-shell :is(.z-relief-icon,.creation-space .z-relief-icon){flex:none;overflow:visible;filter:drop-shadow(0 1px 1px #100d2040)!important;opacity:1!important}
.z-shell .z-nav-primary>.z-relief-icon{width:32px;height:32px}
.z-shell .z-aura>.z-relief-icon{width:21px;height:21px}
html .z-main .il-studio.creation-studio .creation-space{display:flex;gap:8px;align-items:center;justify-content:center;padding:14px 0 20px;min-height:0;height:auto}
html .z-main .il-studio.creation-studio .creation-space>button,html[data-zx-theme=light] .z-main .il-studio.creation-studio .creation-space>button{position:relative;display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:10px;width:auto!important;height:42px!important;min-width:112px;min-height:0!important;padding:0 20px!important;border-radius:9px!important;border:1px solid #8883!important;font-size:13px!important;font-weight:500;line-height:1;box-shadow:none!important}
html .z-main .il-studio.creation-studio .creation-space>button>.z-relief-icon{position:static!important;inset:auto!important;transform:none!important;width:24px!important;height:24px!important;margin:0!important;opacity:1!important;z-index:auto!important}
.z-shell .profile-task-board .profile-task-list{margin-right:-29px;padding-right:25px}
.z-shell .profile-task-board .profile-task-list::-webkit-scrollbar{display:block!important;width:3px!important}
html .z-main .il-studio.creation-studio .creation-space>button{overflow:visible!important}
html .z-main .il-studio.creation-studio .creation-space>button>svg,html .z-main .il-studio.creation-studio .creation-space>button>img{position:static!important;inset:auto!important;z-index:auto!important;transform:none!important;flex:0 0 24px!important;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important;opacity:1!important;margin:0!important}
html .z-main .il-studio.creation-space-canvas,html .z-main .creation-space-canvas>.content,html .creation-space-canvas :is(.creation-canvas-panel,.creation-canvas){background:#17181c!important;background-image:none!important}
html[data-zx-theme=light] .z-main .il-studio.creation-space-canvas,html[data-zx-theme=light] .z-main .creation-space-canvas>.content,html[data-zx-theme=light] .creation-space-canvas :is(.creation-canvas-panel,.creation-canvas){background:#f4f3f0!important;background-image:none!important}
.reminder-time-dialog{margin:auto;box-sizing:border-box;width:min(380px,calc(100vw - 32px));height:fit-content;padding:24px;border:1px solid #48444f;border-radius:12px;background:#22232a;color:#eeeaf4;box-shadow:0 18px 55px #0004;font:13px/1.6 Inter,"Segoe UI","Microsoft YaHei UI",sans-serif}
.reminder-time-dialog::backdrop{background:#090a1066;backdrop-filter:blur(3px)}
.reminder-time-dialog h2{font-size:18px;font-weight:500;margin:4px 0 8px}.reminder-time-dialog header small,.reminder-time-dialog p{color:#b3aabe;font-size:12px}.reminder-time-dialog label{display:grid;gap:8px;margin:22px 0}.reminder-time-dialog input{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #595362;border-radius:6px;background:#191a20;color:inherit;font:inherit;color-scheme:dark}.reminder-time-dialog footer{display:flex;justify-content:flex-end;gap:8px}.reminder-time-dialog button{padding:8px 14px;border:1px solid #595362;border-radius:6px;color:inherit;background:transparent;font:inherit;cursor:pointer}.reminder-time-dialog button[type=submit]{background:#c2afdF;color:#292131;border-color:transparent}
.profile-task-board form .profile-reminder-time{padding:7px;border:1px solid #9c8bb04d;border-radius:5px;background:transparent;color:var(--ink);font-size:11px;text-align:left;cursor:pointer}
html[data-zx-theme=light] .reminder-time-dialog{background:#f7f5fa;color:#352c40;border-color:#d5ccdf}html[data-zx-theme=light] .reminder-time-dialog input{background:#fff;border-color:#c9c0d3;color-scheme:light}html[data-zx-theme=light] .reminder-time-dialog :is(p,header small){color:#7d708c}
.profile-task-board input[type=datetime-local]{color-scheme:dark}
html[data-zx-theme=light] .profile-task-board input[type=datetime-local]{color-scheme:light}
.task-reminder-dialog{box-sizing:border-box;width:min(1120px,calc(100vw - 64px));height:min(640px,calc(100dvh - 64px));max-width:none;max-height:none;margin:auto;padding:32px 36px;border:1px solid #85808f55;border-radius:16px;background:radial-gradient(ellipse at 80% 0,#3d365f66,transparent 65%),#191b24;background-size:cover;background-position:center;color:#f5f2fa;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;box-shadow:0 24px 90px #0005}
.task-reminder-dialog[open]{display:flex;flex-direction:column}
.task-reminder-dialog::backdrop{background:#08091299;backdrop-filter:blur(5px)}
.task-reminder-dialog header,.task-reminder-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none}
.task-reminder-dialog header>span{font-size:12px;letter-spacing:.12em;color:#d1c9df}
.task-reminder-dialog .reminder-upload{cursor:pointer;border:1px solid #ffffff30;border-radius:7px;padding:8px 12px;font-size:12px;background:#17182155;color:#e6dfef}
.reminder-upload input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.reminder-upload:focus-within{outline:2px solid #b8a5d7;outline-offset:3px}
.reminder-message{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:auto;padding:32px 0}
.reminder-message small{font-size:13px;color:#c0b7ce}.reminder-message h2{font-size:clamp(24px,3vw,38px);font-weight:500;line-height:1.6;letter-spacing:.025em;margin:16px 0;overflow-wrap:anywhere;max-width:900px}.reminder-message time{font-size:13px;color:#c0b7ce}
.task-reminder-dialog footer small{font-size:11px;color:#b0a8bd}.task-reminder-dialog footer p{font-size:12px;color:#ffc1c1;margin-bottom:0}.task-reminder-dialog footer button{flex:none;background:#d7c8ed;color:#292334;border:1px solid #e5daf4;border-radius:8px;padding:11px 24px;font:500 13px inherit;cursor:pointer}.task-reminder-dialog footer button:disabled{opacity:.55;cursor:wait}
html[data-zx-theme=light] .task-reminder-dialog:not([style]){background:#f2eff8;color:#30283d}html[data-zx-theme=light] .task-reminder-dialog:not([style]) :is(small,time,header>span){color:#756b83}
@media(max-width:640px){.task-reminder-dialog{width:calc(100vw - 24px);height:min(640px,calc(100dvh - 24px));padding:22px}.task-reminder-dialog footer{align-items:flex-end;gap:12px}.task-reminder-dialog footer small{font-size:10px}.task-reminder-dialog footer button{padding:10px 16px}}

.z-shell .profile-task-board article .profile-task-meta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}
.profile-task-meta time{justify-self:center;text-align:center;font-variant-numeric:tabular-nums;color:#e1dce9;letter-spacing:.025em}
html[data-zx-theme=light] .z-shell .profile-task-board article small{color:#5d5669}html[data-zx-theme=light] .profile-task-meta time{color:#3e354c}
.profile-task-board form .profile-reminder-time{text-align:center;font-size:12px}

/* Keep the label centered in the whole tab, independently of its leading icon. */
html .z-main .il-studio.creation-studio .creation-space>button,
html[data-zx-theme=light] .z-main .il-studio.creation-studio .creation-space>button{width:112px!important;padding:0 38px!important;gap:0!important;text-align:center;white-space:nowrap}
html .z-main .il-studio.creation-studio .creation-space>button>:is(svg,img,.z-relief-icon){position:absolute!important;inset:auto!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important}

/* Unified segmented slider. Artwork stays behind the centered label. */
html .z-main .il-studio.creation-studio .creation-space{position:relative;isolation:isolate;display:flex;width:fit-content;gap:0!important;padding:4px!important;border:1px solid #ffffff14;border-radius:12px;background:#202127!important;box-sizing:border-box}
html .z-main .il-studio.creation-studio .creation-space::before{content:"";position:absolute;z-index:0;left:4px;top:4px;width:112px;height:46px;border-radius:8px;background:#a7ebcb;transition:transform 260ms cubic-bezier(.22,.8,.25,1);pointer-events:none}
html .z-main .il-studio.creation-studio .creation-space:has(>button:nth-child(2).active)::before{transform:translateX(112px)}
html .z-main .il-studio.creation-studio .creation-space>button,
html[data-zx-theme=light] .z-main .il-studio.creation-studio .creation-space>button,
html .z-main .il-studio.creation-studio .creation-space>button.active,
html .z-main .il-studio.creation-studio .creation-space>button.active:hover,
html[data-zx-theme=light] .z-main .il-studio.creation-studio .creation-space>button.active,
html[data-zx-theme=light] .z-main .il-studio.creation-studio .creation-space>button.active:hover{z-index:1;isolation:isolate;flex:0 0 112px;width:112px!important;height:46px!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important;font-family:Inter,"PingFang SC","Microsoft YaHei UI",sans-serif;font-size:14px!important;font-weight:500!important;letter-spacing:.09em;line-height:1.5;text-shadow:none;transition:color 180ms ease}
html .z-main .il-studio.creation-studio .creation-space>button{color:#e1dfe7!important}
html .z-main .il-studio.creation-studio .creation-space>button.active{color:#142b23!important}
html .z-main .il-studio.creation-studio .creation-space>button>:is(svg,img,.z-relief-icon){position:absolute!important;z-index:-1!important;inset:4px!important;left:4px!important;top:4px!important;transform:none!important;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important;max-width:none!important;max-height:none!important;object-fit:contain!important;opacity:.16!important;filter:none!important;pointer-events:none}
html .z-main .il-studio.creation-studio .creation-space>button.active>:is(svg,img,.z-relief-icon){opacity:.22!important;filter:brightness(.38)!important}
html[data-zx-theme=light] .z-main .il-studio.creation-studio .creation-space{background:#e9e7ed!important;border-color:#65597326}
html[data-zx-theme=light] .z-main .il-studio.creation-studio .creation-space>button:not(.active){color:#51485e!important}
@media(prefers-reduced-motion:reduce){html .z-main .il-studio.creation-studio .creation-space::before{transition:none}}

/* Completed plans settle below active plans; selection uses a quiet central dot. */
.z-shell .profile-task-board .profile-task-list{display:flex;flex-direction:column}
.z-shell .profile-task-board .profile-task-list>article{flex:none;order:0}
.z-shell .profile-task-board .profile-task-list>article.completed{order:1}
.z-shell .profile-task-board .profile-task-check{position:relative;display:grid;place-items:center;width:16px;height:16px;font-size:0!important;border:1px solid #b0a5c280;background:transparent!important;transition:border-color 180ms ease,box-shadow 180ms ease,transform 140ms ease}
.z-shell .profile-task-board .profile-task-check::after{content:"";width:6px;height:6px;border-radius:50%;background:#c7b8de;opacity:0;transform:scale(.3);transition:transform 180ms ease,opacity 180ms ease}
.z-shell .profile-task-board .profile-task-check:hover{border-color:#d3c5e8;box-shadow:0 0 0 3px #bda3df12}
.z-shell .profile-task-board .profile-task-check:active{transform:scale(.87)}
.z-shell .profile-task-board .profile-task-check[aria-pressed=true]{border-color:#b9a3d3;background:transparent!important}
.z-shell .profile-task-board .profile-task-check[aria-pressed=true]::after{opacity:1;transform:scale(1)}
.z-shell .profile-task-board .profile-task-check:focus-visible{outline:2px solid #b9a3d3;outline-offset:3px}
html[data-zx-theme=light] .z-shell .profile-task-board .profile-task-check::after{background:#75618e}
@media(prefers-reduced-motion:reduce){.z-shell .profile-task-board .profile-task-check,.z-shell .profile-task-board .profile-task-check::after{transition:none}}

/* Both spaces share the generation view's positioning reference. Only the canvas panel bleeds to the right edge. */
html .z-main .il-studio.creation-home>.content{padding-top:16px!important;padding-left:clamp(20px,3vw,48px)!important;padding-right:clamp(20px,3vw,48px)!important;max-width:none!important;box-sizing:border-box}
html .z-main .il-studio.creation-home .creation-space{margin-top:10px!important;flex-shrink:0}
html .z-main .il-studio.creation-space-canvas .creation-canvas-panel{width:calc(100% + clamp(20px,3vw,48px));margin-right:calc(-1 * clamp(20px,3vw,48px))}
@media(max-height:760px){html .z-main .il-studio.creation-home>.content{padding-top:10px!important}}
html .z-main .il-studio.creation-studio .creation-space>button>:is(svg,img,.z-relief-icon){opacity:.48!important;filter:drop-shadow(0 1px 1px #18132330)!important;pointer-events:none!important}
html .z-main .il-studio.creation-studio .creation-space>button.active>:is(svg,img,.z-relief-icon){opacity:.58!important;filter:drop-shadow(0 1px 1px #18132330)!important}

/* Compact task heading: horizontal silver relief controls leave room for the list. */
.z-shell .z-sidebar .profile-task-board{padding-top:8px;padding-bottom:4px}
.z-shell .z-sidebar .profile-task-board>header{padding-right:0;min-height:30px;height:30px;align-items:center;gap:6px}
.z-shell .z-sidebar .profile-task-board>header small{font-size:7px;line-height:10px;letter-spacing:.12em}
.z-shell .z-sidebar .profile-task-board>header h2{font-size:13px;line-height:17px;margin:0}
.z-shell .profile-task-board header .profile-task-header-actions{flex-direction:row;gap:4px;align-items:center;flex:none}
.z-shell .profile-task-header-actions button{position:relative;width:26px;height:26px;min-height:26px;padding:0;font-size:0;border:0;background:transparent;border-radius:7px;transition:background .15s,transform .15s}
.z-shell .profile-task-header-actions button::before,.z-shell .profile-task-header-actions button:first-child::after{content:'';position:absolute;left:6px;top:11px;width:14px;height:4px;border-radius:2px;background:linear-gradient(180deg,#fafbf9 0%,#d2d6d3 34%,#858e8b 65%,#c2c8c4 100%);box-shadow:inset 0 .5px .5px #fff9,0 1px 1px #0009;pointer-events:none}
.z-shell .profile-task-header-actions button:first-child::after{transform:rotate(90deg)}
.z-shell .profile-task-header-actions button:hover,.z-shell .profile-task-header-actions button[aria-pressed=true]{background:#c5cbd014}
.z-shell .profile-task-header-actions button:active{transform:scale(.92)}
.z-shell .profile-task-header-actions button:focus-visible{outline:2px solid #c5b7df;outline-offset:2px}
.z-shell .z-sidebar .profile-task-board .profile-task-list{margin-top:4px}

/* Task flyouts own their typography and controls, independent of compact sidebar styles. */
html body .profile-task-board.profile-task-side-panel{font-family:"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:normal;text-shadow:none;-webkit-text-stroke:0;background:#24252b;border:1px solid #ffffff18;border-radius:16px;padding:20px;box-shadow:0 18px 48px #0005;animation:none;transition:none}
html body .profile-task-side-panel *{box-sizing:border-box;text-shadow:none;-webkit-text-stroke:0;font-family:inherit;letter-spacing:normal}
html body .profile-task-side-panel>header{padding:0 0 16px;min-height:36px;align-items:center;gap:16px;border-bottom:1px solid #ffffff10}
html body .profile-task-side-panel>header h2{font-size:16px;font-weight:600;line-height:24px;margin:0;color:#f0eff4}
html body .profile-task-side-panel>header>button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#aaaab6;font-size:22px;line-height:1;cursor:pointer}
html body .profile-task-side-panel>header>button:hover{background:#ffffff0c;color:#fff}
html body .profile-task-side-panel form{display:grid;gap:18px;padding:18px 0 0;border:0}
html body .profile-task-side-panel form label{font-size:13px;font-weight:500;line-height:20px;color:#c6c5d0;gap:8px}
html body .profile-task-side-panel form :is(input:not([type=checkbox]),select){height:42px;padding:0 12px;font-size:14px;font-weight:400;line-height:normal;border:1px solid #ffffff20;border-radius:9px;background:#1c1d23;color:#efedf4;box-shadow:none;outline:none}
html body .profile-task-side-panel input::placeholder{color:#858591}
html body .profile-task-side-panel :is(input:not([type=checkbox]),select):focus{border-color:#b5a2dc;box-shadow:0 0 0 3px #b5a2dc12}
html body .profile-task-side-panel input[type=checkbox]{appearance:none;flex:none;width:16px;height:16px;margin:0;border:1px solid #777583;border-radius:5px;background:#1c1d23;display:inline-grid;place-content:center;cursor:pointer}
html body .profile-task-side-panel input[type=checkbox]:checked{background:#c5b2eb;border-color:#c5b2eb}
html body .profile-task-side-panel input[type=checkbox]:checked::after{content:"";width:7px;height:4px;border-left:2px solid #30263e;border-bottom:2px solid #30263e;transform:translateY(-1px) rotate(-45deg)}
html body .profile-task-side-panel .profile-task-form-actions{gap:10px;margin-top:4px}
html body .profile-task-side-panel :is(.profile-task-form-actions,.profile-task-bulk-actions) button{height:36px;min-width:64px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;border:1px solid #ffffff18;border-radius:8px;background:#ffffff05;color:#d3d0dd;box-shadow:none;cursor:pointer}
html body .profile-task-side-panel .profile-task-form-actions button[type=submit]{background:#c5b2eb;border-color:#c5b2eb;color:#292136}
html body .profile-task-side-panel .profile-task-bulk-actions{display:grid;grid-template-columns:1fr auto auto;gap:10px 8px;padding:16px 0;margin:0;border-bottom:1px solid #ffffff10;font-size:13px;line-height:20px}
html body .profile-task-side-panel .profile-task-bulk-actions label{grid-column:1;display:flex;align-items:center;gap:8px}
html body .profile-task-side-panel .profile-task-bulk-actions>span{grid-column:2/4;justify-self:end;color:#9995a8}
html body .profile-task-side-panel .profile-task-bulk-actions button{grid-row:2;grid-column:2}
html body .profile-task-side-panel .profile-task-bulk-actions button.bulk-remove{grid-column:3;color:#e8b6c2;background:#e8a0b00a;border-color:#e8a0b029}
html body .profile-task-side-panel button:disabled{opacity:.4;cursor:default}
html body .profile-task-side-panel :is(button,input):focus-visible{outline:2px solid #b5a2dc;outline-offset:3px}
html body .profile-task-side-panel .profile-task-list{margin-top:6px}
html body .profile-task-side-panel article{padding:12px 0;gap:10px;align-items:flex-start}
html body .profile-task-side-panel article input{margin-top:3px}
html body .profile-task-side-panel article strong{font-size:14px;font-weight:400;line-height:22px;color:#e6e3ec}
html body .profile-task-side-panel article .profile-task-meta{display:flex;align-items:center;gap:14px;font-size:12px;line-height:18px;color:#a6a0b4;margin-top:4px}
html body .profile-task-side-panel article time{font:inherit;font-variant-numeric:tabular-nums;color:#c2b8d3}
html[data-zx-theme=light] body .profile-task-side-panel{background:#f8f7fb;color:#302b39;border-color:#ded9e5}
html[data-zx-theme=light] body .profile-task-side-panel :is(h2,article strong){color:#302b39}
html[data-zx-theme=light] body .profile-task-side-panel form label{color:#635c70}
html[data-zx-theme=light] body .profile-task-side-panel form :is(input:not([type=checkbox]),select){background:#fff;color:#302b39;border-color:#d9d3e1}
html[data-zx-theme=light] body .profile-task-side-panel :is(.profile-task-form-actions,.profile-task-bulk-actions) button{color:#635c70;border-color:#d9d3e1}

html body .profile-task-board.profile-task-side-panel{max-height:min(440px,calc(100dvh - 24px))}

/* Upload controls share one label gap and an identical field box. */
html .showcase-upload-modal .upload-form-grid>:is(label:not(.upload-file-field),.upload-category-field){display:flex;flex-direction:column;gap:8px;min-width:0}
html .showcase-upload-modal .upload-form-grid>:is(label:not(.upload-file-field),.upload-category-field)>span{margin:0;line-height:20px;min-height:20px}
html .showcase-upload-modal .upload-form-grid input:not([type=file]):not([type=hidden]),html .showcase-upload-modal .upload-category-picker>button{box-sizing:border-box;width:100%;height:42px;min-height:42px;margin:0;padding:0 12px;border-radius:8px;font-size:14px;line-height:normal}

/* Geometric dropdown chevron; independent of font glyph metrics. */
html .showcase-upload-modal .upload-category-picker>button{gap:12px;font-weight:400;transition:border-color 160ms ease,background-color 160ms ease}
html .showcase-upload-modal .upload-category-picker>button>span[aria-hidden=true]{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;margin:0;padding:0;font-size:0;line-height:0;color:#aaa8b7}
html .showcase-upload-modal .upload-category-picker>button>span[aria-hidden=true]::after{content:"";display:block;width:14px;height:14px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform 180ms ease,color 180ms ease}
html .showcase-upload-modal .upload-category-picker>button[aria-expanded=true]>span[aria-hidden=true]::after{transform:rotate(180deg)}
html .showcase-upload-modal .upload-category-picker>button:hover{border-color:#ffffff40;background:#292a33}
html .showcase-upload-modal .upload-category-picker>button:focus-visible{outline:2px solid #b7a1dc;outline-offset:2px}
html[data-zx-theme=light] .showcase-upload-modal .upload-category-picker>button:hover{background:#e7e4ed;border-color:#bcb3ce}
@media(prefers-reduced-motion:reduce){html .showcase-upload-modal .upload-category-picker>button>span[aria-hidden=true]::after{transition:none}}

/* Keep the small feed note on the right without covering the heading. */
html .discover-home .discover-feed>.feed-heading{padding-right:220px}
html .discover-home .discover-feed>.feed-refresh{width:fit-content;max-width:100%;margin:-42px 0 22px auto;white-space:nowrap;justify-content:flex-end;box-sizing:border-box}
@media(max-width:760px){html .discover-home .discover-feed>.feed-heading{padding-right:0}html .discover-home .discover-feed>.feed-refresh{margin:10px 0 16px auto}}
/* Compact bulk task flyout and a quiet three-pixel rainbow scrollbar. */
html body .profile-task-side-panel:has(.profile-task-bulk-actions){width:320px;padding:16px;max-height:min(360px,calc(100dvh - 24px))}
html body .profile-task-side-panel:has(.profile-task-bulk-actions)>header{padding-bottom:10px}
html body .profile-task-side-panel:has(.profile-task-bulk-actions)>header h2{font-size:15px}
html body .profile-task-side-panel .profile-task-bulk-actions{padding:10px 0;gap:8px}
html body .profile-task-side-panel .profile-task-bulk-actions button{height:32px;padding:0 12px;min-width:58px}
html body .profile-task-side-panel:has(.profile-task-bulk-actions) article{padding:8px 0;gap:8px}
html body .profile-task-side-panel:has(.profile-task-bulk-actions) article strong{font-size:13px;line-height:20px}
html body .profile-task-side-panel:has(.profile-task-bulk-actions) article .profile-task-meta{margin-top:2px;line-height:17px}
html body .profile-task-side-panel .profile-task-list{padding-right:8px;scrollbar-width:auto;scrollbar-color:auto}
html body .profile-task-side-panel,html body .profile-task-side-panel .profile-task-list{scrollbar-width:auto;scrollbar-color:auto}
html body .profile-task-side-panel::-webkit-scrollbar,html body .profile-task-side-panel .profile-task-list::-webkit-scrollbar{width:3px;height:3px}
html body .profile-task-side-panel::-webkit-scrollbar-track,html body .profile-task-side-panel .profile-task-list::-webkit-scrollbar-track{background:transparent}
html body .profile-task-side-panel::-webkit-scrollbar-thumb,html body .profile-task-side-panel .profile-task-list::-webkit-scrollbar-thumb{border:0;border-radius:8px;background:linear-gradient(180deg,#9edecb,#a5c8e9 32%,#bfade7 65%,#e3c29f)}
html body .profile-task-side-panel::-webkit-scrollbar-button,html body .profile-task-side-panel .profile-task-list::-webkit-scrollbar-button{display:none;width:0;height:0}

.discover-home :is(.discover-header,.discover-footer)>div.discover-brand{cursor:default}