/* 云霄写作：文字对比度与区域层次。加载于现有前端样式之后。 */
:root {
  --yx-primary: #2563eb;
  --yx-bg: #eef2f7;
  --yx-panel: #ffffff;
  --yx-sidebar: #f8faff;
  --yx-border: #c7d2e2;
  --yx-control-border: #8192ab;
  --yx-text: #18263d;
  --yx-muted: #526178;
  --yx-accent-text: #1d4ed8;
  --yx-accent-bg: #e5edff;
  --yx-accent-border: #a9bfe9;
  --yx-hover: #e9eff8;
  --yx-on-primary: #ffffff;
  --yx-shadow: 0 2px 8px rgb(24 38 61 / 7%);
  --yx-warm: #9a5c1e;
  --yx-warm-bg: #fff5e7;
}
html.dark {
  --yx-primary: #7da8ff;
  --yx-bg: #0d1526;
  --yx-panel: #152035;
  --yx-sidebar: #111c30;
  --yx-border: #3f5069;
  --yx-control-border: #687e9d;
  --yx-text: #f1f5f9;
  --yx-muted: #aebcd0;
  --yx-accent-text: #a8c5ff;
  --yx-accent-bg: #243b64;
  --yx-accent-border: #5578ad;
  --yx-hover: #213453;
  --yx-on-primary: #0d1526;
  --yx-shadow: 0 2px 8px rgb(0 0 0 / 18%);
  --yx-warm: #f0bd7f;
  --yx-warm-bg: #332b23;
}
html.sepia {
  filter: none !important;
  --yx-primary: #4d7062;
  --yx-bg: #e7e4db;
  --yx-panel: #f3f0e8;
  --yx-sidebar: #edeae1;
  --yx-border: #c6c5b8;
  --yx-control-border: #94988b;
  --yx-text: #30382f;
  --yx-muted: #586154;
  --yx-accent-text: #375948;
  --yx-accent-bg: #dbe5d9;
  --yx-accent-border: #a1b39e;
  --yx-hover: #e0e4d9;
  --yx-on-primary: #ffffff;
  --yx-shadow: 0 2px 8px rgb(61 53 40 / 7%);
  --yx-warm: #80613e;
  --yx-warm-bg: #e9e1d2;
}

/* 顶栏、导航与内容区各有清晰的背景和边界。 */
.yx-app-header { height:56px; z-index:20; box-shadow:0 2px 6px rgb(24 38 61 / 6%); }
.yx-app-sidebar.yx-app-sidebar.yx-app-sidebar { background:var(--yx-sidebar); box-shadow:2px 0 8px rgb(24 38 61 / 4%); }
.yx-app-sidebar:not([class*="w-[66px]"]) { width:176px; }
.yx-brand.yx-brand { background:none; color:var(--yx-accent-text); -webkit-text-fill-color:currentColor; font-weight:700; }
.yx-app-sidebar .yx-side-link { position:relative; border:1px solid transparent; color:var(--yx-text); font-weight:500; }
.yx-app-sidebar .yx-side-link:hover { background:var(--yx-hover); border-color:var(--yx-border); }
.yx-app-sidebar .yx-side-link.yx-side-active { background:var(--yx-accent-bg); border-color:var(--yx-accent-border); color:var(--yx-accent-text); font-weight:700; }
.yx-app-sidebar .yx-side-link.yx-side-active::before { content:''; position:absolute; left:-1px; top:11px; bottom:11px; width:3px; border-radius:3px; background:var(--yx-primary); }
.yx-panel.yx-panel { box-shadow:var(--yx-shadow); }
.yx-editor .cm-placeholder { opacity:1; }
:where(button,a,input,textarea,select):focus-visible { outline:2px solid var(--yx-primary); outline-offset:3px; }
html:not(.dark) :is(a.text-sky-500,a.text-sky-600,.yx-app-header .text-sky-600) { color:var(--yx-accent-text); }

/* 作品页：页签、筛选操作面板、作品卡片三级结构。 */
.library-page.library-page .library-heading { padding-bottom:18px; margin-bottom:22px; border-bottom:1px solid var(--yx-border); }
.library-page.library-page .library-tabs { font-size:22px; font-weight:650; }
.library-page.library-page .library-tabs button { color:var(--yx-muted); }
.library-page.library-page .library-tabs button:hover { color:var(--yx-accent-text); }
.library-page.library-page .library-tabs button.active { color:var(--yx-text); font-weight:700; border-bottom-color:var(--yx-primary); }
.library-page.library-page :is(.library-kind,.library-view) { border-color:var(--yx-control-border); border-radius:10px; }
.library-page.library-page .library-kind button { color:var(--yx-muted); font-weight:500; }
.library-page.library-page .library-kind button.active,
.library-page.library-page .library-view button.active { background:var(--yx-accent-bg); color:var(--yx-accent-text); font-weight:650; }
.library-page.library-page :is(.library-kind,.library-view) button:hover { background:var(--yx-hover); }
.library-page.library-page .library-view button { color:var(--yx-muted); }
.library-page.library-page .library-folders { padding:16px 18px; margin-bottom:0; border:1px solid var(--yx-border); border-radius:12px 12px 0 0; background:var(--yx-panel); }
.library-page.library-page .library-toolbar { padding:16px 18px; margin-bottom:24px; border:1px solid var(--yx-border); border-radius:12px; background:var(--yx-panel); box-shadow:var(--yx-shadow); }
.library-page.library-page .library-folders + .library-toolbar { border-top:0; border-radius:0 0 12px 12px; }
.library-page.library-page .folder-chip { font-weight:500; }
.library-page.library-page .folder-chip:hover { background:var(--yx-hover); color:var(--yx-text); }
.library-page.library-page .folder-chip.active { background:var(--yx-accent-bg); color:var(--yx-accent-text); border-color:var(--yx-accent-border); font-weight:600; }
.library-page.library-page .library-card { border-radius:14px; box-shadow:var(--yx-shadow); }
.library-page.library-page .library-card:hover { border-color:var(--yx-accent-border); box-shadow:0 4px 14px rgb(24 38 61 / 10%); }
.library-page.library-page .library-book-title { color:var(--yx-text); font-weight:650; }
.library-page.library-page .library-new { border-color:var(--yx-accent-border); }
.library-page.library-page .library-new-main { min-height:166px; color:var(--yx-text); }
.library-page.library-page .library-new-main:hover { background:color-mix(in srgb,var(--yx-accent-bg) 30%,var(--yx-panel)); }
.library-page.library-page .library-new-icon { border-color:var(--yx-accent-border); background:var(--yx-accent-bg); color:var(--yx-accent-text); }
.library-page.library-page .library-card-actions { background:var(--yx-sidebar); }
.library-page.library-page .library-card-actions button { padding:12px 2px; gap:6px; font-size:13px; font-weight:500; color:var(--yx-muted); }
.library-page.library-page .library-card-actions button + button { border-left:1px solid var(--yx-border); }
.library-page.library-page .library-card-actions button:hover { background:var(--yx-accent-bg); color:var(--yx-accent-text); }
.library-page.library-page .library-new .library-card-actions button:last-child { color:var(--yx-accent-text); }
.library-page.library-page .library-row:hover { background:var(--yx-hover); }
.library-page.library-page .is-compact .library-new-main { min-height:116px; }

/* Naive UI 的主题变量由组件写在行内，覆盖变量才能统一输入和菜单的颜色。 */
.n-input:not(.n-input--disabled),
.n-base-selection:not(.n-base-selection--disabled) {
  --n-text-color:var(--yx-text) !important;
  --n-placeholder-color:var(--yx-muted) !important;
  --n-border:1px solid var(--yx-control-border) !important;
  --n-border-hover:1px solid var(--yx-primary) !important;
  --n-border-focus:1px solid var(--yx-primary) !important;
  --n-border-active:1px solid var(--yx-primary) !important;
  --n-color:var(--yx-panel) !important;
  --n-color-hover:var(--yx-panel) !important;
  --n-color-focus:var(--yx-panel) !important;
  --n-color-active:var(--yx-panel) !important;
  --n-caret-color:var(--yx-primary) !important;
  --n-icon-color:var(--yx-muted) !important;
  --n-arrow-color:var(--yx-muted) !important;
  --n-clear-color:var(--yx-muted) !important;
}
.n-form-item { --n-label-text-color:var(--yx-text) !important; }
.n-tabs {
  --n-tab-text-color:var(--yx-muted) !important;
  --n-tab-text-color-active:var(--yx-text) !important;
  --n-tab-text-color-hover:var(--yx-accent-text) !important;
  --n-bar-color:var(--yx-primary) !important;
}
.n-empty { --n-text-color:var(--yx-muted) !important; }
.n-select-menu {
  --n-color:var(--yx-panel) !important;
  --n-option-text-color:var(--yx-text) !important;
  --n-option-text-color-active:var(--yx-accent-text) !important;
  --n-option-color-active:var(--yx-accent-bg) !important;
  --n-option-color-pending:var(--yx-hover) !important;
}
.n-button { --n-font-weight:500 !important; }
.n-button--default-type:not(.n-button--disabled) {
  --n-text-color:var(--yx-text) !important;
  --n-text-color-hover:var(--yx-accent-text) !important;
  --n-text-color-focus:var(--yx-accent-text) !important;
  --n-text-color-pressed:var(--yx-accent-text) !important;
  --n-border:1px solid var(--yx-control-border) !important;
  --n-border-hover:1px solid var(--yx-primary) !important;
  --n-border-focus:1px solid var(--yx-primary) !important;
  --n-border-pressed:1px solid var(--yx-primary) !important;
}
.n-button--primary-type.n-button--secondary,
.n-button--primary-type.n-button--tertiary {
  --n-text-color:var(--yx-accent-text) !important;
  --n-text-color-hover:var(--yx-accent-text) !important;
  --n-text-color-focus:var(--yx-accent-text) !important;
  --n-text-color-pressed:var(--yx-accent-text) !important;
  --n-color:var(--yx-accent-bg) !important;
  --n-color-hover:var(--yx-hover) !important;
  --n-color-focus:var(--yx-hover) !important;
  --n-color-pressed:var(--yx-hover) !important;
}
.n-button--primary-type:has(> .n-button__border):not(.n-button--secondary):not(.n-button--tertiary),
.library-toolbar .n-button--primary-type.n-button--secondary {
  --n-font-weight:600 !important;
  --n-color:var(--yx-primary) !important;
  --n-color-hover:var(--yx-accent-text) !important;
  --n-color-focus:var(--yx-accent-text) !important;
  --n-color-pressed:var(--yx-accent-text) !important;
  --n-text-color:var(--yx-on-primary) !important;
  --n-text-color-hover:var(--yx-on-primary) !important;
  --n-text-color-focus:var(--yx-on-primary) !important;
  --n-text-color-pressed:var(--yx-on-primary) !important;
  --n-border:1px solid var(--yx-primary) !important;
  --n-border-hover:1px solid var(--yx-accent-text) !important;
  --n-border-focus:1px solid var(--yx-accent-text) !important;
  --n-border-pressed:1px solid var(--yx-accent-text) !important;
}
/* 深色主题下浅蓝主按钮的悬停态仍保持深色文字的对比度。 */
html.dark .n-button--primary-type:has(> .n-button__border):not(.n-button--secondary):not(.n-button--tertiary),
html.dark .library-toolbar .n-button--primary-type.n-button--secondary {
  --n-color-hover:#a8c5ff !important;
  --n-color-focus:#a8c5ff !important;
  --n-color-pressed:#6192f0 !important;
}

@media(max-width:800px) {
  .library-page.library-page .library-heading { padding-bottom:14px; }
  .library-page.library-page .library-tabs { font-size:18px; }
  .library-page.library-page :is(.library-folders,.library-toolbar) { padding:14px; }
  .library-page.library-page .library-search { width:100%; margin-left:0; order:2; }
}
@media(max-width:767px) {
  .yx-app-header { height:56px; }
}

/* 第二轮：作品页铺满工作区，减少宽屏上的居中留白。 */
.library-page.library-page.library-page {
  max-width:none; margin:12px 12px 0; padding:0 0 28px;
  min-height:calc(100% - 12px); border:1px solid var(--yx-border);
  border-radius:16px 16px 0 0; background:var(--yx-panel);
  box-shadow:var(--yx-shadow);
}
.library-page.library-page .library-heading {
  padding:12px 20px 0; margin:0; min-height:60px; gap:12px;
  background:linear-gradient(110deg,var(--yx-panel),color-mix(in srgb,var(--yx-accent-bg) 35%,var(--yx-panel)));
  border-radius:16px 16px 0 0;
}
.library-page.library-page .library-tabs {font-size:18px;gap:26px;}
.library-page.library-page .library-tabs button {padding:8px 4px 14px;}
.library-page.library-page .library-tabs button.active {color:var(--yx-accent-text);}
.library-page.library-page .library-kind {margin-bottom:10px;padding:3px;border-color:var(--yx-border);}
.library-page.library-page .library-kind button {padding:4px 14px;}
.library-page.library-page .library-folders {
  padding:9px 18px 0; min-height:38px; border:0; border-radius:0;
  gap:8px; background:transparent;
}
.library-page.library-page .library-folders .folder-chip {padding:4px 10px;}
.library-page.library-page .library-folders > .n-button {
  background:var(--yx-warm-bg);--n-text-color:var(--yx-warm) !important;
  --n-height:28px !important;--n-font-size:13px !important;
}
.library-page.library-page .library-folders .folder-chip:first-child:not(.active) {
  color:var(--yx-warm);background:var(--yx-warm-bg);
}
.library-page.library-page .library-toolbar,
.library-page.library-page .library-folders + .library-toolbar {
  padding:10px 18px 14px; margin:0; border:0;border-bottom:1px solid var(--yx-border);
  border-radius:0; box-shadow:none;gap:10px;background:transparent;
}
.library-page.library-page .library-grid {
  margin:16px 18px; gap:16px;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));
}
.library-page.library-page .library-grid.is-compact {
  grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;
}
.library-page.library-page .library-card {border-radius:14px;transition:box-shadow .18s,border-color .18s,transform .18s;}
.library-page.library-page .library-card:hover {transform:translateY(-2px);}
.library-page.library-page .library-book-main {padding:18px;min-height:142px;gap:16px;}
.library-page.library-page .library-new-main {min-height:142px;}
.library-page.library-page .is-compact .library-book-main {padding:16px;min-height:120px;}
.library-page.library-page .is-compact .library-new-main {min-height:120px;}
.library-page.library-page .library-new {
  background:linear-gradient(125deg,var(--yx-panel),color-mix(in srgb,var(--yx-accent-bg) 48%,var(--yx-panel)));
}
.library-page.library-page .library-new-icon {width:62px;height:70px;border-style:solid;border-radius:14px;}
.library-page.library-page .library-card-actions {background:color-mix(in srgb,var(--yx-sidebar) 65%,var(--yx-panel));}
.library-page.library-page .library-card-actions button {padding:11px 2px;}
.library-page.library-page .library-bulk {margin:12px 18px 0;}
.library-page.library-page > .yx-panel {margin:16px 18px;}
.library-page.library-page .library-notice {margin:0;border:0;border-radius:0;font-size:13px;background:var(--yx-accent-bg);}

/* 统一护眼和深色面板，避免 UI 组件内置的纯白底破坏主题。 */
.n-tabs {--n-color-segment:var(--yx-bg) !important;--n-tab-color-segment:var(--yx-panel) !important;--n-tab-border-color:var(--yx-border) !important;}
.n-popover,.n-dropdown-menu,.n-modal.n-card,.n-drawer {
  --n-color:var(--yx-panel) !important;--n-text-color:var(--yx-text) !important;
}
html.sepia .n-button--primary-type:not(:has(>.n-button__border)):not(.n-button--secondary) {
  --n-text-color:var(--yx-accent-text) !important;--n-text-color-hover:var(--yx-accent-text) !important;
}
html.sepia :is(.text-sky-500,.text-sky-600,.text-sky-400) {color:var(--yx-accent-text);}
html.sepia :is(.bg-sky-500,.bg-sky-600) {background:var(--yx-primary);color:var(--yx-on-primary);}
html.sepia [class*="bg-sky-500/10"] {background:var(--yx-accent-bg);color:var(--yx-accent-text);}

/* 编辑区使用原有输入框、按钮和保存逻辑，只重排显示层。 */
.yx-writing-shell nav[aria-label="AI 创作工具"] {
  min-height:46px;padding:7px 12px;gap:7px;background:var(--yx-panel);
}
.yx-writing-shell nav[aria-label="AI 创作工具"] > .n-button {
  border:1px solid color-mix(in srgb,var(--yx-warm) 42%,var(--yx-panel));
  border-radius:18px;color:var(--yx-warm);background:var(--yx-warm-bg);
  --n-text-color:var(--yx-warm) !important;--n-text-color-hover:var(--yx-warm) !important;
  --n-height:29px !important;--n-padding:0 12px !important;--n-font-size:13px !important;
}
.yx-writing-shell nav[aria-label="AI 创作工具"] > .n-button--primary-type:not(.n-button--disabled) {
  background:var(--yx-primary);border-color:var(--yx-primary);color:var(--yx-on-primary);
  --n-text-color:var(--yx-on-primary) !important;--n-text-color-hover:var(--yx-on-primary) !important;
}
.yx-writing-layout > aside:first-of-type {background:var(--yx-sidebar) !important;}
.yx-writing-layout > section {background:var(--yx-panel);}
.yx-writing-layout > aside:last-of-type {background:var(--yx-sidebar) !important;}
.yx-writing-layout > section > .yx-chapter-heading {order:-1;padding:8px 24px 4px;border-bottom:0;}
.yx-chapter-heading > :first-child {display:none;}
.yx-chapter-heading .n-input {
  --n-border:0 !important;--n-border-hover:0 !important;--n-border-focus:0 !important;
  --n-height:38px !important;--n-padding-left:0 !important;--n-padding-right:0 !important;
  --n-color:transparent !important;--n-color-focus:transparent !important;--n-box-shadow-focus:none !important;
  font-size:23px !important; font-weight:650 !important;
}
.yx-chapter-heading .n-input:focus-within {box-shadow:0 1px 0 var(--yx-accent-border);}
.yx-chapter-heading .n-input__input-el {font-size:23px;font-weight:650;}
.yx-writing-layout > section > .yx-tools-bar {
  order:-2;flex-direction:row;align-items:flex-start;gap:5px;min-height:42px;
  padding:6px 12px;background:var(--yx-sidebar) !important;
}
.yx-tools-bar > :first-child {width:28px;min-height:28px;flex:none;}
.yx-tools-bar > :first-child > span {display:none;}
.yx-tools-bar [aria-label="正文工具"] {flex:1;min-width:0;width:auto;min-height:28px;flex-wrap:wrap;overflow:visible;gap:3px;}
.yx-tools-bar .n-button {--n-height:28px !important;--n-padding:0 8px !important;--n-font-size:12px !important;}
.yx-tools-bar:not(.yx-tools-expanded) [data-yx-extra-tool] {display:none;}
.yx-tools-bar:not(.yx-tools-expanded) [aria-label="正文工具"] > span {display:none;}
.yx-tools-bar .n-button[data-yx-icon] {width:30px;padding:0;}
.yx-tools-bar .n-button[data-yx-icon] .n-button__content {font-size:0;}
.yx-tools-bar .n-button[data-yx-icon]::after {font-size:20px;line-height:1;content:attr(data-yx-icon);}
.yx-tools-more,.yx-ai-toggle {
  flex-shrink:0;height:28px;padding:0 9px;border:1px solid var(--yx-border);border-radius:8px;
  color:var(--yx-muted);background:var(--yx-panel);font-size:12px;white-space:nowrap;
}
.yx-tools-more:hover,.yx-ai-toggle:hover {background:var(--yx-accent-bg);border-color:var(--yx-accent-border);color:var(--yx-accent-text);}
.yx-ai-toggle {margin-left:auto;}
.yx-tools-more[aria-expanded="true"] {color:var(--yx-accent-text);background:var(--yx-accent-bg);}
.yx-body-label {display:none;}
.yx-body-frame {margin:0 !important;border:0 !important;border-radius:0 !important;background:var(--yx-panel) !important;}
.yx-editor.yx-editor .cm-scroller {padding:12px 24px 40vh;}
.yx-editor.yx-editor .cm-content {margin:0;max-width:var(--yx-editor-width,1100px);flex:1;text-align:left;}
.yx-editor.yx-editor .cm-line {padding-left:0;padding-right:0;}
.yx-editor.yx-editor .cm-line:has(.cm-placeholder) {text-indent:0;}
.yx-editor.yx-editor .cm-placeholder {color:var(--yx-muted);}
.yx-writing-layout > section > .yx-muted {padding:0 16px;font-size:10px;}
@media(min-width:1024px) {
  .yx-writing-shell.yx-ai-collapsed .yx-writing-layout > aside:last-of-type,
  .yx-writing-shell.yx-ai-collapsed .yx-writing-layout > .cursor-col-resize {display:none !important;}
}
@media(max-width:1023px) {.yx-ai-toggle {display:none;}}
@media(max-width:800px) {
  .library-page.library-page.library-page {margin:8px 8px 0;min-height:calc(100% - 8px);}
  .library-page.library-page .library-heading {padding:10px 14px 0;gap:8px;}
  .library-page.library-page .library-tabs {font-size:17px;gap:18px;}
  .library-page.library-page .library-folders {padding:8px 12px 0;}
  .library-page.library-page .library-toolbar {padding:10px 12px 12px;gap:8px;}
  .library-page.library-page .library-grid {margin:12px;gap:12px;}
  .library-page.library-page .library-search {width:100%;order:2;}
  .yx-writing-shell nav[aria-label="AI 创作工具"] {gap:5px;}
  .yx-writing-shell nav[aria-label="AI 创作工具"] > .n-button {--n-padding:0 9px !important;}
  .yx-writing-layout > section > .yx-chapter-heading {padding:8px 16px 2px;}
  .yx-editor.yx-editor .cm-scroller {padding:12px 16px 40vh;}
  .yx-tools-bar .n-button {--n-padding:0 6px !important;}
  .yx-writing-layout > section > .yx-tools-bar {padding:5px 8px;}
}
/* Third round: functional cover upload and compact resource pages. */
.library-book-main.is-clickable { cursor: pointer; transition: background .18s ease; }
.library-book-main.is-clickable:hover { background: color-mix(in srgb, var(--yx-primary) 4%, var(--yx-panel)); }
.library-book-main.is-clickable:focus-visible { outline: 2px solid var(--yx-primary); outline-offset: -3px; border-radius: 12px 12px 0 0; }
.yx-cover-upload { display: flex; align-items: center; gap: 18px; min-width: 0; }
.yx-cover-preview { width: 82px; height: 115px; flex: none; display: grid; place-items: center; border: 1px dashed var(--yx-border); border-radius: 10px; background: var(--yx-bg); color: var(--yx-muted); overflow: hidden; }
.yx-cover-preview img { width: 100%; height: 100%; object-fit: cover; }
.yx-cover-controls { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; gap: 7px; }
.yx-cover-choose { position: relative; display: inline-flex; padding: 6px 14px; border: 1px solid var(--yx-primary); border-radius: 7px; color: var(--yx-primary); cursor: pointer; font-weight: 600; overflow: hidden; }
.yx-cover-choose input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.yx-cover-choose:focus-within { outline: 2px solid var(--yx-primary); outline-offset: 2px; }
.yx-cover-choose.is-busy { opacity: .6; cursor: wait; }
.yx-cover-remove { color: var(--yx-muted); font-size: 12px; }
.yx-cover-controls small { color: var(--yx-muted); font-size: 12px; }
.yx-cover-error { color: #c43e3e; font-size: 12px; }
html.dark .yx-cover-error { color: #fca5a5; }
.yx-compact-page.yx-compact-page.yx-compact-page,
.creator-page.creator-page.creator-page,
.yx-toolbox-home.yx-toolbox-home.yx-toolbox-home { max-width: none; margin: 12px; padding: 0 6px 24px; }
.yx-compact-page.yx-compact-page > :first-child,
.creator-page.creator-page .creator-header,
.yx-toolbox-home.yx-toolbox-home .yx-toolbox-header { padding: 16px 18px; margin-bottom: 14px; border: 1px solid var(--yx-border); border-radius: 14px; background: var(--yx-panel); box-shadow: 0 2px 7px #18263d04; }
.yx-compact-page.yx-compact-page > :first-child h1,
.creator-page.creator-page .creator-header h1,
.yx-toolbox-header h1 { font-size: 23px; font-weight: 700; }
.yx-workflows-page.yx-workflows-page .workflow-list-toolbar { padding: 0 4px; gap: 12px; margin-bottom: 12px; }
.yx-workflows-page.yx-workflows-page .grid:has(> article),
.yx-prompts-page.yx-prompts-page .grid:has(> .yx-panel),
.yx-knowledge-page.yx-knowledge-page .grid:has(> article) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 310px), 1fr)); gap: 12px; }
.yx-workflows-page.yx-workflows-page .grid:has(> article) article { gap: 9px; }
.yx-prompts-page.yx-prompts-page .prompt-page-header { align-items: center; gap: 14px; }
.yx-prompts-page.yx-prompts-page .prompt-actions { flex: 1; width: auto; gap: 8px; }
.yx-prompts-page.yx-prompts-page .prompt-search { width: 200px; flex: 0 1 200px; }
.yx-prompts-page.yx-prompts-page .prompt-type { width: 155px; flex: 0 1 155px; }
.yx-prompts-page.yx-prompts-page .prompt-scope { width: 110px; flex: 0 1 110px; }
.yx-prompts-page.yx-prompts-page .prompt-types { padding: 10px 12px; margin: 0 0 12px; gap: 5px; border-radius: 12px; }
.yx-prompts-page.yx-prompts-page .prompt-types button { padding: 5px 9px; }
.yx-knowledge-page.yx-knowledge-page .knowledge-page-header { gap: 14px; align-items: center; }
.yx-knowledge-page.yx-knowledge-page .knowledge-heading p { font-size: 12px; margin-top: 5px; }
.yx-knowledge-page.yx-knowledge-page .knowledge-filters { padding: 0 4px; gap: 10px; margin-bottom: 12px; }
.yx-knowledge-page.yx-knowledge-page .knowledge-search { flex: 0 1 360px; width: 360px; max-width: 360px; }
.yx-knowledge-page.yx-knowledge-page .knowledge-category { flex: 0 1 210px; width: 210px; }
.creator-page.creator-page .creator-header { align-items: center; padding-block: 13px; }
.creator-page.creator-page .creator-header h1 { line-height: 1.3; }
.creator-page.creator-page .eyebrow { display: none; }
.creator-page.creator-page .creator-header p { margin-top: 5px; }
.creator-page.creator-page .metric-grid { gap: 12px; margin-bottom: 12px; }
.creator-page.creator-page .metric-card { padding: 12px 15px; border-radius: 12px; }
.creator-page.creator-page .content-grid { gap: 12px; margin-bottom: 12px; }
.creator-page.creator-page .chart-card,
.creator-page.creator-page .breakdown-card,
.creator-page.creator-page .runs-card { padding: 16px 18px; border-radius: 12px; }
.creator-page.creator-page .empty-chart { height: 110px; }
.creator-page.creator-page .bar-chart { height: 180px; margin-top: 8px; padding-top: 15px; }
.creator-page.creator-page .breakdown-card > .py-10,
.creator-page.creator-page .runs-card > .py-12 { padding-block: 20px; }
.creator-page.creator-page .runs-card .n-empty { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; padding: 0; }
.creator-page.creator-page .runs-card .n-empty__icon,
.creator-page.creator-page .runs-card .n-empty__description,
.creator-page.creator-page .runs-card .n-empty__extra { margin: 0; }
.creator-page.creator-page .section-head p { margin-top: 4px; }
.yx-toolbox-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.yx-toolbox-header p { margin-top: 5px; font-size: 13px; }
.yx-toolbox-tabs { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--yx-border); border-radius: 10px; background: var(--yx-bg); }
.yx-toolbox-tabs button { padding: 7px 24px; border-radius: 7px; font-weight: 600; color: var(--yx-muted); }
.yx-toolbox-tabs button.active { background: var(--yx-primary); color: #fff; box-shadow: 0 2px 5px #2563eb25; }
.yx-toolbox-home.is-script .yx-toolbox-tabs button.active { background: #7554c4; }
.yx-toolbox-home.yx-toolbox-home .toolbox-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,250px),1fr)); gap: 12px; }
.yx-toolbox-home.yx-toolbox-home .toolbox-card { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 142px; padding: 18px 20px; border: 1px solid var(--yx-border); border-radius: 14px; overflow: hidden; color: var(--yx-text); text-decoration: none; background: linear-gradient(125deg,var(--yx-panel),color-mix(in srgb,var(--yx-primary) 3%,var(--yx-panel))); transition: border-color .18s,transform .18s; }
.yx-toolbox-home.yx-toolbox-home.is-script .toolbox-card { border-color: color-mix(in srgb,#7554c4 23%,var(--yx-border)); background: linear-gradient(125deg,var(--yx-panel),color-mix(in srgb,#7554c4 6%,var(--yx-panel))); }
.yx-toolbox-home.yx-toolbox-home .toolbox-card:hover { transform: translateY(-2px); border-color: var(--yx-primary); }
.yx-toolbox-home.yx-toolbox-home .toolbox-card h2 { position: relative; margin: 6px 0; font-size: 17px; font-weight: 650; }
.yx-toolbox-home.yx-toolbox-home .toolbox-card p { position: relative; font-size: 12px; line-height: 1.7; color: var(--yx-muted); max-width: 92%; }
.yx-tool-tag { align-self: flex-start; font-size: 10px; font-weight: 600; color: var(--yx-primary); background: color-mix(in srgb,var(--yx-primary) 8%,var(--yx-panel)); border-radius: 5px; padding: 2px 7px; }
.is-script .yx-tool-tag { color: #7554c4; background: color-mix(in srgb,#7554c4 9%,var(--yx-panel)); }
html.dark .is-script .yx-tool-tag { color: #c4afff; }
.yx-toolbox-home.yx-toolbox-home .toolbox-watermark { position: absolute; right: -5px; bottom: -8px; opacity: .055; pointer-events: none; }
.yx-toolbox-home.yx-toolbox-home .toolbox-workflow,
.yx-script-advanced { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 12px; padding: 15px 18px; border: 1px solid var(--yx-border); border-radius: 12px; background: var(--yx-panel); color: var(--yx-text); text-decoration: none; font-size: 13px; }
.yx-toolbox-home.yx-toolbox-home .toolbox-workflow small { display: block; margin-top: 4px; color: var(--yx-muted); }
.yx-script-advanced { background: color-mix(in srgb,#7554c4 5%,var(--yx-panel)); }
.yx-script-advanced > span:nth-child(2) { flex: 1; color: var(--yx-muted); font-size: 12px; }
.yx-script-template { padding: 10px 12px; border: 1px solid color-mix(in srgb,#7554c4 25%,var(--yx-border)); border-radius: 9px; background: color-mix(in srgb,#7554c4 4%,var(--yx-panel)); font-size: 12px; }
.yx-script-template strong { display: block; margin-bottom: 5px; color: var(--yx-text); }
.yx-script-template p { color: var(--yx-muted); line-height: 1.7; }
@media (max-width: 700px) {
  .yx-compact-page.yx-compact-page.yx-compact-page,
  .creator-page.creator-page.creator-page,
  .yx-toolbox-home.yx-toolbox-home.yx-toolbox-home { margin: 8px; padding: 0 2px 20px; }
  .yx-compact-page.yx-compact-page > :first-child,
  .creator-page.creator-page .creator-header,
  .yx-toolbox-home.yx-toolbox-home .yx-toolbox-header { padding: 13px; }
  .yx-prompts-page.yx-prompts-page .prompt-actions { flex-basis: 100%; justify-content: flex-start; }
  .yx-prompts-page.yx-prompts-page .prompt-search { flex: 1 1 100%; width: 100%; }
  .yx-prompts-page.yx-prompts-page .prompt-type,
  .yx-prompts-page.yx-prompts-page .prompt-scope { flex: 1 1 120px; }
  .yx-knowledge-page.yx-knowledge-page .knowledge-search { flex: 1 1 100%; width: 100%; max-width: none; }
  .yx-knowledge-page.yx-knowledge-page .knowledge-category { flex: 1 1 180px; }
  .yx-knowledge-page.yx-knowledge-page .knowledge-actions { width: 100%; justify-content: flex-start; }
  .yx-toolbox-header { align-items: flex-start; flex-direction: column; }
  .yx-toolbox-tabs { align-self: stretch; }
  .yx-toolbox-tabs button { flex: 1; }
  .yx-script-advanced { flex-wrap: wrap; }
  .yx-script-advanced > span:nth-child(2) { flex-basis: 100%; order: 3; }
  .yx-cover-upload { gap: 12px; }
  .yx-cover-controls small { font-size: 11px; }
}

/* Fourth round: visible AI model label and full-width generator workspace. */
.yx-model-picker .yx-model-label { flex: none; color: var(--yx-text); font-size: 13px; font-weight: 650; letter-spacing: .01em; }
.yx-model-picker { row-gap: 8px; }
.toolbox-page.toolbox-page.toolbox-page { max-width: none; width: 100%; margin: 0; padding: 12px 18px 24px; }
.toolbox-page.toolbox-page .toolbox-page-heading { padding: 10px 18px; margin-bottom: 12px; gap: 12px; border: 1px solid var(--yx-border); border-radius: 12px; background: var(--yx-panel); box-shadow: 0 2px 7px #18263d04; }
.toolbox-page.toolbox-page .toolbox-workspace { gap: 16px; }
.toolbox-page.toolbox-page .toolbox-form { padding: 14px 18px; gap: 8px; border-radius: 14px; }
.toolbox-page.toolbox-page .toolbox-form > .yx-model-picker { padding-bottom: 8px; border-bottom: 1px solid var(--yx-border); gap: 10px; }
.toolbox-page.toolbox-page .toolbox-demand { min-width: 0; }
.toolbox-field-label { color: var(--yx-text); font-size: 13px; font-weight: 650; line-height: 20px; }
.toolbox-demand > .toolbox-field-label { margin-bottom: 6px; }
.toolbox-page.toolbox-page .toolbox-primary-input { height: clamp(140px, 20dvh, 210px); }
.toolbox-page.toolbox-page .toolbox-background-label { padding-top: 8px; border-top: 1px solid var(--yx-border); }
.toolbox-page.toolbox-page .toolbox-form > p { font-size: 12px; line-height: 1.5; }
.toolbox-page.toolbox-page .toolbox-actions { position: static; margin-inline: -4px; padding: 8px 4px calc(6px + env(safe-area-inset-bottom, 0px)); }
.toolbox-page.toolbox-page .toolbox-results { padding: 16px 18px; border: 1px solid var(--yx-border); border-radius: 14px; background: var(--yx-panel); box-shadow: var(--yx-shadow); }
.toolbox-page.toolbox-page .toolbox-results-heading { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--yx-border); gap: 10px; }
.toolbox-page.toolbox-page .toolbox-results-heading > :first-child { color: var(--yx-text); font-size: 14px; font-weight: 650; }
.toolbox-page.toolbox-page .toolbox-results-empty { padding: 40px 12px; min-height: 180px; border: 1px dashed var(--yx-border); border-radius: 10px; background: color-mix(in srgb, var(--yx-bg) 65%, var(--yx-panel)); }
.toolbox-page.toolbox-page .toolbox-results > .yx-panel { border-radius: 10px; }
@media (min-width: 1024px) {
  .toolbox-page.toolbox-page .toolbox-workspace { grid-template-columns: minmax(400px, min(36%, 640px)) minmax(0, 1fr); }
}
@media (min-width: 1024px) and (max-height: 800px) {
  .toolbox-page.toolbox-page .toolbox-form { gap: 7px; }
  .toolbox-page.toolbox-page .toolbox-form > p { line-height: 1.4; }
  .toolbox-page.toolbox-page .toolbox-primary-input { height: 116px; }
}
@media (max-width: 1023px) {
  .toolbox-page.toolbox-page .toolbox-workspace { grid-template-columns: minmax(0, 1fr); }
  .toolbox-page.toolbox-page .toolbox-form { max-width: none; }
}
@media (max-width: 700px) {
  .toolbox-page.toolbox-page.toolbox-page { padding: 8px 10px 20px; }
  .toolbox-page.toolbox-page .toolbox-page-heading { padding: 12px 14px; gap: 8px; }
  .toolbox-page.toolbox-page .toolbox-form, .toolbox-page.toolbox-page .toolbox-results { padding: 14px; }
  .toolbox-page.toolbox-page .toolbox-primary-input { height: 160px; }
  .toolbox-page.toolbox-page .toolbox-background-book { flex-wrap: wrap; }
  .toolbox-page.toolbox-page .toolbox-background-book > .n-select { min-width: 190px; }
  .toolbox-page.toolbox-page .toolbox-results-empty { padding: 30px 10px; min-height: 160px; }
}

/* Fifth round: visible grouped tools, discoverable chapters and consistent panels. */
.yx-writing-shell nav[aria-label="AI 创作工具"] { flex-wrap:wrap; overflow:visible; gap:6px 10px; padding:7px 12px; }
.yx-ai-tool-group { display:flex; align-items:center; flex-wrap:wrap; gap:5px; padding-right:10px; border-right:1px solid var(--yx-border); }
.yx-ai-tool-group:last-child { border:0; padding-right:0; }
.yx-ai-tool-group-label { font-size:11px; font-weight:650; color:var(--yx-muted); margin-right:2px; white-space:nowrap; }
.yx-ai-tool-group .n-button { --n-height:29px !important; --n-padding:0 8px !important; --n-font-size:12px !important; border:1px solid var(--yx-border); border-radius:7px; background:var(--yx-panel); color:var(--yx-text); }
.yx-ai-tool-group .n-button--primary-type:not(.n-button--disabled) { background:var(--yx-primary); border-color:var(--yx-primary); color:#fff; }
.yx-ai-tool-group .n-button:not(.n-button--disabled):hover { border-color:var(--yx-primary); background:var(--yx-accent-bg); color:var(--yx-primary); }
.yx-writing-layout > section > .yx-tools-bar { order:-2; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; gap:8px; padding:7px 12px; background:color-mix(in srgb,var(--yx-bg) 75%,var(--yx-panel)); border-bottom:1px solid var(--yx-border); }
.yx-tools-bar [aria-label="正文工具"] { flex-wrap:wrap; white-space:normal; overflow:visible; gap:5px; }
.yx-tools-bar .n-button { --n-height:28px !important; --n-padding:0 8px !important; --n-font-size:12px !important; border:1px solid transparent; border-radius:6px; }
.yx-tools-bar .n-button:not(.n-button--disabled):hover { border-color:var(--yx-border); background:var(--yx-panel); }
.yx-tools-bar .n-button[data-yx-group-start]:not(:first-child) { margin-left:8px; box-shadow:-6px 0 0 -5px var(--yx-border); }
.yx-writing-layout > section > .yx-chapter-heading { padding:14px 22px 4px; }
.yx-writing-layout > aside:last-of-type { box-shadow:-2px 0 9px #18263d04; }
.yx-ai-panel { background:var(--yx-sidebar); }
.yx-ai-feature-heading { flex:none; padding:12px 14px; border-bottom:1px solid var(--yx-border); background:var(--yx-panel); }
.yx-ai-feature-heading strong { display:block; font-size:14px; color:var(--yx-text); }
.yx-ai-feature-heading p { margin:5px 0 0; font-size:12px; color:var(--yx-muted); line-height:1.6; }
.yx-ai-form { gap:9px; padding:12px; }
.yx-field-heading { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:650; color:var(--yx-text); line-height:22px; margin-top:3px; }
.yx-field-heading::before { content:""; width:3px; height:13px; border-radius:3px; background:var(--yx-primary); }
.yx-ai-form > .yx-model-picker { padding:10px; border:1px solid var(--yx-border); border-radius:8px; background:var(--yx-panel); }
.yx-ai-form > .n-input,.yx-ai-form > .n-select,.yx-ai-form > .rounded-lg,.yx-ai-form > .rounded-md { background:var(--yx-panel); }
.yx-output-kind { font-size:12px; color:var(--yx-muted); padding:8px 10px; background:var(--yx-accent-bg); border:1px solid var(--yx-accent-border); border-radius:8px; }
.yx-chapter-list .yx-chapter-scroll { padding:6px; }
.yx-chapter-row { gap:5px !important; padding:9px 7px !important; margin-bottom:3px; border:1px solid transparent; align-items:center; }
.yx-chapter-row:hover { border-color:var(--yx-border); }
.yx-chapter-index { width:18px !important; }
.yx-chapter-copy { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.yx-chapter-copy > span { font-size:13px; font-weight:500; line-height:19px; }
.yx-chapter-date { display:block; color:var(--yx-muted); font-size:10px; line-height:15px; white-space:nowrap; }
.yx-chapter-menu { flex:none; width:25px; height:25px; padding:0 !important; opacity:1 !important; background:var(--yx-panel); border:1px solid var(--yx-border); border-radius:6px; color:var(--yx-muted); font-weight:700; }
.yx-chapter-menu:hover,.yx-chapter-menu:focus-visible { color:var(--yx-primary); border-color:var(--yx-primary); }
.yx-volume-header { display:flex; gap:4px; align-items:center; margin:6px 0 4px; border:1px solid var(--yx-border); border-radius:7px; background:color-mix(in srgb,var(--yx-bg) 80%,var(--yx-panel)); }
.yx-volume-toggle { display:flex; align-items:center; gap:5px; flex:1; min-width:0; padding:9px 7px; font-size:12px; color:var(--yx-text); }
.yx-volume-add { flex:none; padding:5px 7px; color:var(--yx-primary); font-size:16px; line-height:20px; border-left:1px solid var(--yx-border); }
.yx-volume-empty { margin:0 3px 8px; padding:12px 8px; font-size:11px; color:var(--yx-muted); border:1px dashed var(--yx-border); border-radius:7px; text-align:center; }
.yx-volume-empty button { display:block; margin:6px auto 0; color:var(--yx-primary); }
.library-page.library-page .library-book-main { display:flex; align-items:center; padding:18px; gap:18px; min-height:168px; }
.library-page.library-page .is-compact .library-book-main { padding:16px; gap:16px; min-height:156px; }
.library-page.library-page .library-book-main > .min-w-0 { display:flex; flex-direction:column; gap:8px; flex:1; }
.library-page.library-page .library-book-main p { margin:0; }
.library-page.library-page .library-book-title { font-size:17px; line-height:1.4; }
.library-page.library-page .library-book-main .text-xs { line-height:1.6; }
.library-page.library-page .library-grid.is-compact { grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)); }
.library-page.library-page .library-new-main { min-height:156px; }
.yx-unified-page.yx-unified-page { max-width:none; width:100%; margin:0; padding:12px 18px 24px; }
.yx-unified-heading { padding:13px 18px; margin-bottom:12px !important; border:1px solid var(--yx-border); border-radius:12px; background:var(--yx-panel); box-shadow:0 2px 7px #18263d04; }
.yx-unified-heading h1 { font-size:20px; }
.yx-script-workspace { align-items:start; gap:16px; }
.yx-script-form .n-card__content { padding:16px 18px !important; }
.yx-script-form .n-form-item { --n-blank-height:auto !important; }
.yx-script-form .n-form-item-feedback-wrapper { min-height:7px; }
.yx-script-form .n-form-item-label { padding-bottom:6px; font-size:13px; font-weight:600; }
.yx-script-fields { display:flex; flex-direction:column; gap:8px; }
.yx-script-fields > * { margin:0 !important; }
.yx-script-fields > .yx-field-heading { margin-top:5px !important; }
.yx-script-form .yx-model-picker { padding:10px 0; border-top:1px solid var(--yx-border); }
.yx-script-source .n-input-wrapper { min-height:150px; }
.yx-script-results { border:1px solid var(--yx-border); border-radius:14px; background:var(--yx-panel); box-shadow:var(--yx-shadow); padding:16px 18px; }
.yx-script-results > .yx-field-heading { padding:0 0 12px; margin:0 0 12px; border-bottom:1px solid var(--yx-border); font-size:14px; }
.yx-script-results .yx-script-empty { padding:45px 12px; min-height:200px; border:1px dashed var(--yx-border); border-radius:10px; background:var(--yx-bg); }
.yx-unified-page > .yx-panel { border-radius:12px; }
.yx-settings-page { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.yx-settings-page > h1 { grid-column:1/-1; padding:14px 18px; margin:0 !important; border:1px solid var(--yx-border); border-radius:12px; background:var(--yx-panel); }
.yx-settings-page > section { margin:0 !important; padding:18px; }
.yx-settings-page > section > h2 { padding-bottom:10px; border-bottom:1px solid var(--yx-border); }
.yx-settings-page > section:nth-of-type(4) { max-height:310px; overflow:auto; }
.yx-settings-page .n-form-item-feedback-wrapper { min-height:10px; }
.yx-settings-page > section:last-child { grid-column:1/-1; }
.yx-settings-page .n-form-item-blank > .n-input { max-width:none; width:100%; }
.yx-settings-page > section:last-child > div { max-width:900px; }
.yx-tasks-page > .overflow-x-auto { border:1px solid var(--yx-border); border-radius:12px; background:var(--yx-panel); }
.yx-tasks-page > .yx-unified-heading { flex-wrap:wrap; }
.yx-tasks-page > .yx-unified-heading > h1 { flex:none; white-space:nowrap; }
.yx-tasks-page > .yx-unified-heading > .n-select { flex:none; width:220px; max-width:100%; }
.yx-tasks-page > .yx-panel:has(> table) { overflow-x:auto; }
.yx-resource-page > div.yx-unified-heading { display:grid; grid-template-columns:minmax(180px,1fr) 210px auto auto; gap:10px; align-items:center; }
.yx-resource-page > .n-empty { min-height:160px; padding:35px 12px; border:1px dashed var(--yx-border); border-radius:12px; background:var(--yx-panel); }
.yx-wallet-page > .yx-panel { margin-bottom:14px; }
.yx-wallet-page > .yx-panel.max-w-md { max-width:none; }
.yx-policy-page.yx-policy-page { max-width:1100px; }
@media (min-width:1024px) { .yx-script-workspace { grid-template-columns:minmax(400px,min(36%,640px)) minmax(0,1fr); } }
@media (max-width:1023px) { .yx-script-workspace { grid-template-columns:minmax(0,1fr); } .yx-settings-page { grid-template-columns:minmax(0,1fr); } }
@media (max-width:700px) {
  .yx-resource-page > div.yx-unified-heading { grid-template-columns:minmax(0,1fr); }
  .yx-tasks-page > .yx-unified-heading > .n-select { width:100%; }
  .yx-unified-page.yx-unified-page { padding:8px 10px 20px; }
  .yx-unified-heading { padding:12px 14px; gap:8px; }
  .yx-script-form .n-card__content,.yx-script-results { padding:14px !important; }
  .yx-writing-shell nav[aria-label="AI 创作工具"] { padding:6px 8px; gap:7px; }
  .yx-ai-tool-group { border:0; padding:0; gap:4px; }
  .yx-ai-tool-group-label { width:100%; font-size:10px; }
  .yx-ai-tool-group .n-button { --n-padding:0 8px !important; --n-height:27px !important; }
  .yx-writing-layout > section > .yx-tools-bar { padding:6px 8px; }
  .yx-tools-bar .n-button { --n-padding:0 6px !important; }
  .yx-writing-layout > section > .yx-chapter-heading { padding:10px 14px 4px; }
  .yx-chapter-date { font-size:10px; }
}

/* Clear prompt categories, reusable cards and read-only work details. */
:root {--yx-purple:#7540ca;--yx-purple-bg:#f2ebff;--yx-green:#21765a;--yx-green-bg:#e8f5ee;--yx-orange:#a6651b;--yx-orange-bg:#fff3e2;--yx-cyan:#216d88;--yx-cyan-bg:#e9f5fa;}
html.dark {--yx-purple:#c5a3ff;--yx-purple-bg:#342448;--yx-green:#8ce0b9;--yx-green-bg:#1b3a35;--yx-orange:#f3c183;--yx-orange-bg:#3b3024;--yx-cyan:#8bd7f3;--yx-cyan-bg:#213747;}
html.sepia {--yx-purple:#735481;--yx-purple-bg:#e9e2e9;--yx-green:#3d6756;--yx-green-bg:#dfe9df;--yx-orange:#836335;--yx-orange-bg:#ece4d4;--yx-cyan:#4e6971;--yx-cyan-bg:#e0e8e8;}
.yx-category-write {--category-color:var(--yx-accent-text);--category-bg:var(--yx-accent-bg);}
.yx-category-polish {--category-color:var(--yx-green);--category-bg:var(--yx-green-bg);}
.yx-category-idea {--category-color:var(--yx-purple);--category-bg:var(--yx-purple-bg);}
.yx-category-setting {--category-color:var(--yx-orange);--category-bg:var(--yx-orange-bg);}
.yx-category-analysis,.yx-category-other {--category-color:var(--yx-cyan);--category-bg:var(--yx-cyan-bg);}
.yx-prompts-page .prompt-page-header {margin-bottom:12px!important;}
.yx-prompt-page-title h1 {margin:0;}
.yx-prompt-page-title p {margin:5px 0 0;color:var(--yx-muted);font-size:12px;line-height:1.5;}
.yx-prompt-filterbar {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:12px;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:12px;box-shadow:var(--yx-shadow);}
.yx-prompt-sources {display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.yx-prompt-source {display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;color:var(--yx-muted);transition:background .15s;}
.yx-prompt-source.active {color:var(--yx-accent-text);background:var(--yx-accent-bg);border-color:var(--yx-accent-border);}
.yx-prompt-source:hover {background:var(--yx-hover);}
.yx-source-icon {display:inline-grid;place-items:center;font-size:10px;border:1px solid currentColor;width:18px;height:18px;border-radius:5px;}
.yx-prompts-page.yx-prompts-page .yx-prompt-filterbar .prompt-search {width:280px;flex:0 1 280px;}
.yx-prompt-categories {padding:14px;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:12px;margin-bottom:10px;box-shadow:var(--yx-shadow);}
.yx-prompt-category-heading {display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;}
.yx-category-all {border:1px solid var(--yx-border);border-radius:20px;padding:4px 12px;font-size:12px;color:var(--yx-muted);}
.yx-category-all.active {background:var(--yx-accent-bg);border-color:var(--yx-accent-border);color:var(--yx-accent-text);font-weight:600;}
.yx-prompt-category-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.yx-prompt-category-group {min-width:0;padding:10px 12px;background:color-mix(in srgb,var(--category-bg) 45%,var(--yx-panel));border:1px solid color-mix(in srgb,var(--category-color) 20%,var(--yx-border));border-radius:10px;}
.yx-prompt-category-group h2 {display:flex;align-items:center;gap:7px;font-size:13px;line-height:1.5;font-weight:650;color:var(--category-color);margin:0 0 8px;}
.yx-category-mark {display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--category-bg);font-size:11px;}
.yx-category-chips {display:flex;flex-wrap:wrap;gap:6px;}
.yx-category-chips button {font-size:12px;line-height:1.4;padding:5px 8px;border:1px solid color-mix(in srgb,var(--category-color) 17%,var(--yx-border));background:var(--yx-panel);border-radius:6px;color:var(--yx-text);text-align:left;transition:background .15s;}
.yx-category-chips button:hover {background:var(--category-bg);border-color:var(--category-color);}
.yx-category-chips button.active {background:var(--category-color);color:var(--yx-panel);border-color:var(--category-color);font-weight:650;}
html.dark .yx-category-chips button.active {color:#172034;}
.yx-prompt-result-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;}
.yx-prompt-result-heading h2 {font-size:14px;font-weight:650;margin:0;}
.yx-prompt-result-heading>span {color:var(--yx-muted);font-size:12px;}
.yx-prompts-page.yx-prompts-page .yx-prompt-card-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;}
.yx-prompt-card {min-width:0;display:flex;flex-direction:column;padding:16px!important;border-radius:14px!important;transition:box-shadow .15s,border-color .15s;}
.yx-prompt-card:hover {border-color:var(--yx-accent-border);box-shadow:0 4px 16px color-mix(in srgb,var(--yx-text) 9%,transparent);}
.yx-prompt-card-topline {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.yx-prompt-origin {font-size:11px;color:var(--yx-muted);font-weight:500;}
.yx-prompt-origin.is-official {color:var(--yx-accent-text);}
.yx-prompt-version {font-size:11px;color:var(--yx-muted);font-variant-numeric:tabular-nums;}
.yx-prompt-name {font-size:16px;font-weight:650;line-height:1.5;margin:9px 0 8px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.yx-prompt-tags {display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.yx-prompt-type-tag {display:inline-block;padding:3px 8px;border-radius:5px;font-size:11px;line-height:1.5;color:var(--category-color);background:var(--category-bg);border:1px solid color-mix(in srgb,var(--category-color) 25%,transparent);}
.yx-prompt-default {color:var(--yx-green);background:var(--yx-green-bg);padding:3px 8px;font-size:11px;border-radius:5px;}
.yx-prompt-card .yx-prompt-intro {margin:10px 0 8px!important;min-height:36px;line-height:18px;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.yx-prompt-preview-label {font-size:11px;color:var(--yx-muted);font-weight:600;margin-bottom:6px;}
.yx-prompt-card .yx-prompt-content-preview {height:112px;max-height:112px;margin:0 0 12px;padding:10px;border:1px solid var(--yx-border);border-radius:8px;background:color-mix(in srgb,var(--yx-bg) 65%,var(--yx-panel))!important;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;font-family:inherit;}
.yx-prompt-card .yx-prompt-card-actions {padding-top:10px;margin-top:auto!important;border-top:1px solid var(--yx-border);gap:5px 7px;}
.yx-prompt-card-actions .n-button {height:27px!important;font-size:12px!important;padding:0 7px!important;border-radius:6px;}
.yx-prompt-card-actions .n-button--error-type {margin-left:auto;}
.yx-prompt-full-content {padding:16px;background:color-mix(in srgb,var(--yx-bg) 60%,var(--yx-panel));border:1px solid var(--yx-border);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.8;margin:0;}
.yx-prompt-preview-intro {font-size:13px;line-height:1.7;color:var(--yx-muted);margin:14px 0;}
.yx-prompt-preview-modal .yx-prompt-name {display:block;overflow:visible;font-size:20px;}
.yx-book-kind {display:inline-flex;align-items:center;gap:4px;flex-shrink:0;width:fit-content;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.5;border-radius:20px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);}
.yx-book-kind.is-novel {color:var(--yx-accent-text);background:var(--yx-accent-bg);}
.yx-book-kind.is-script {color:var(--yx-purple);background:var(--yx-purple-bg);}
.yx-book-card-meta {display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.yx-book-word-count {font-size:12px;color:var(--yx-muted);white-space:nowrap;}
.library-book-cover {position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;}
.yx-cover-caption {font-size:10px;color:var(--yx-muted);line-height:1.4;}
.library-book-cover:hover .yx-cover-caption {color:var(--yx-primary);}
.library-book-cover:focus-visible,.yx-list-cover:focus-visible {outline:2px solid var(--yx-primary);outline-offset:3px;border-radius:5px;}
.yx-list-cover {flex-shrink:0;}
.library-row {min-width:0;}
.yx-book-detail-hero {display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:26px;padding-bottom:18px;}
.yx-book-detail-cover {border-radius:10px;overflow:hidden;box-shadow:0 5px 18px color-mix(in srgb,var(--yx-text) 15%,transparent);}
.yx-book-detail-cover>div {max-width:100%;}
.yx-book-detail-badges {display:flex;flex-wrap:wrap;align-items:center;gap:7px;}
.yx-book-genre,.yx-book-status {padding:3px 8px;line-height:1.5;color:var(--yx-muted);background:var(--yx-bg);border:1px solid var(--yx-border);border-radius:6px;font-size:11px;}
.yx-book-detail-title {font-size:25px;font-weight:700;line-height:1.4;margin:12px 0 16px;overflow-wrap:anywhere;}
.yx-book-detail-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px;}
.yx-book-detail-stat {padding:9px 12px;border-radius:8px;background:color-mix(in srgb,var(--yx-bg) 55%,var(--yx-panel));border:1px solid var(--yx-border);}
.yx-book-detail-stat dt {color:var(--yx-muted);font-size:11px;}
.yx-book-detail-stat dd {color:var(--yx-text);font-size:15px;font-weight:650;margin:4px 0 0;overflow-wrap:anywhere;}
.yx-book-detail-dates p {display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--yx-text);margin:6px 0;}
.yx-book-detail-dates span {color:var(--yx-muted);}
.yx-book-detail-section {padding:14px 16px;border:1px solid var(--yx-border);border-radius:10px;background:color-mix(in srgb,var(--yx-bg) 25%,var(--yx-panel));margin-bottom:12px;}
.yx-book-detail-section h3 {font-size:14px;font-weight:650;margin:0 0 9px;padding-left:9px;border-left:3px solid var(--yx-primary);}
.yx-book-detail-section p {font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;}
.yx-book-detail-section .is-empty {color:var(--yx-muted);}
.yx-detail-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;}
.yx-book-detail-error {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--yx-border);border-radius:8px;font-size:12px;color:var(--yx-muted);margin-bottom:12px;}
.yx-book-loading {font-size:11px;color:var(--yx-muted);margin:0 0 10px;}
@media(min-width:1800px){.yx-prompts-page.yx-prompts-page .yx-prompt-card-grid {grid-template-columns:repeat(auto-fill,minmax(330px,1fr));}}
@media(max-width:1400px){.yx-prompt-category-grid {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:900px){.yx-prompt-category-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.yx-book-detail-hero {gap:18px;grid-template-columns:150px minmax(0,1fr);}.yx-book-detail-cover>div {width:150px!important;}}
@media(max-width:600px){
 .yx-prompt-filterbar {padding:10px;gap:10px;}.yx-prompt-source {padding:7px 8px;font-size:12px;gap:4px;}.yx-prompts-page.yx-prompts-page .yx-prompt-filterbar .prompt-search {width:100%;flex-basis:100%;}
 .yx-prompt-category-grid {grid-template-columns:1fr;gap:8px;}.yx-prompt-category-group {padding:9px 10px;}.yx-prompt-category-group h2 {margin-bottom:6px;}.yx-category-chips {gap:5px;}.yx-category-chips button {padding:5px 7px;}
 .yx-book-detail-hero {grid-template-columns:110px minmax(0,1fr);gap:14px;}.yx-book-detail-cover>div {width:110px!important;height:156px!important;}.yx-book-detail-title {font-size:20px;margin:9px 0 12px;}.yx-book-detail-stats {gap:6px;}.yx-book-detail-stat {padding:7px 8px;}.yx-book-detail-stat dd {font-size:13px;}.yx-book-detail-dates {grid-column:1/-1;}.yx-book-detail-dates p {font-size:11px;gap:5px;}
 .yx-book-detail-section {padding:12px;}.yx-detail-actions .n-button {padding:0 10px!important;font-size:12px!important;}.library-row {gap:9px!important;flex-wrap:wrap;}.library-row .yx-book-kind {padding:2px 6px;}
}

/* Air between book metadata; chapter order and marks have dedicated columns. */
.library-page.library-page .library-card { display:flex; flex-direction:column; }
.library-page.library-page .library-book-main,.library-page.library-page .library-new-main { flex:1; }
.library-page.library-page .library-card-actions { flex-shrink:0; }
.library-page.library-page .library-book-main > .library-book-info {
  display:flex; flex-direction:column; align-items:flex-start;
  justify-content:space-between; min-height:128px; gap:14px; padding:3px 0;
}
.library-book-info > .library-book-title { margin:0!important; padding:0!important; }
.library-book-info > .yx-book-card-meta { margin:0; min-height:25px; gap:11px; }
.library-page.library-page .library-book-info > p { margin:0!important; }
.library-page.library-page .is-compact .library-book-main > .library-book-info { min-height:110px; gap:13px; }
.yx-chapter-list .yx-chapter-row { gap:8px!important; padding:10px 7px!important; align-items:flex-start; }
.yx-chapter-list .yx-chapter-index {
  display:inline-flex; align-items:center; justify-content:center;
  width:22px!important; min-width:22px; height:22px; margin-top:1px;
  text-align:center; line-height:22px; font-size:11px;
  color:var(--yx-muted); background:color-mix(in srgb,var(--yx-muted) 9%,var(--yx-panel));
  border-radius:5px; font-variant-numeric:tabular-nums;
}
.yx-chapter-mark {
  display:inline-flex; align-items:center; justify-content:center; flex:none;
  width:22px; height:22px; margin-top:1px; border-radius:6px;
  color:var(--yx-chapter-mark-color); background:transparent;
}
.yx-chapter-mark.is-marked { background:color-mix(in srgb,var(--yx-chapter-mark-color) 14%,var(--yx-panel)); }
.yx-chapter-mark:not(.is-marked) { opacity:.48; }
.yx-chapter-mark svg { display:block; width:17px; height:17px; }
.yx-chapter-list .yx-chapter-copy { gap:5px; }
.yx-chapter-heading-line { display:flex; align-items:center; min-width:0; gap:6px; min-height:23px; }
.yx-chapter-heading-line > .min-w-0 { font-size:13px; font-weight:500; line-height:21px; }
.yx-chapter-heading-line > .yx-muted { font-size:10px; }
.yx-chapter-list .yx-chapter-date { white-space:normal; overflow-wrap:normal; line-height:15px; font-size:10px; }
.yx-chapter-list .yx-chapter-menu { margin-top:0; }
@media(max-width:600px) {
  .library-page.library-page .library-book-main > .library-book-info { min-height:122px; gap:13px; }
  .library-page.library-page .is-compact .library-book-main > .library-book-info { min-height:108px; gap:12px; }
}

/* Prompt categories stay readable at every viewport. */
.yx-prompt-source{min-width:118px;gap:8px;white-space:nowrap}
.yx-source-label{font-weight:600}
.yx-prompt-category-heading{gap:12px}
.yx-prompt-category-heading small{font-size:12px;color:var(--yx-muted);font-weight:400}
.yx-prompt-category-group h2{gap:8px;white-space:nowrap}
.yx-prompt-category-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.yx-prompt-category-group{padding:12px 14px;border:1px solid color-mix(in srgb,var(--yx-group-color,#2563eb) 15%,var(--yx-border));border-radius:10px}
.yx-category-chips{gap:6px}
.yx-category-chips button{border:1px solid var(--yx-border);background:var(--yx-panel);padding:5px 9px;border-radius:7px;line-height:1.5;white-space:nowrap}
.yx-category-chips button.active{border-color:currentColor;font-weight:600}
button.yx-chapter-mark{cursor:pointer;border:1px solid transparent;opacity:1!important;outline-offset:2px;transition:background .15s,box-shadow .15s}
button.yx-chapter-mark:not(.is-marked){color:var(--yx-muted)}
button.yx-chapter-mark:hover,button.yx-chapter-mark:focus-visible{background:color-mix(in srgb,var(--yx-primary,#2563eb) 12%,var(--yx-panel));border-color:var(--yx-primary,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb,var(--yx-primary,#2563eb) 12%,transparent)}
.yx-editor-shell{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;overflow:visible}
.yx-editor-shell>.yx-editor{flex:1;min-height:0}
.yx-highlight-settings{border-top:1px solid var(--yx-border);padding-top:14px;margin-top:12px;font-size:12px;min-width:260px}
.yx-typography-panel{max-height:calc(100dvh - 190px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;position:relative}
.yx-highlight-jump{display:flex;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;color:var(--yx-primary,#2563eb);background:color-mix(in srgb,var(--yx-primary,#2563eb) 8%,var(--yx-panel));border:1px solid var(--yx-border);border-radius:7px;font-size:12px}
.yx-highlight-settings h3{font-size:14px;font-weight:700;margin:0 0 6px}
.yx-highlight-settings p{line-height:1.7;margin:6px 0}
.yx-highlight-subtitle{display:block;font-size:12px;font-weight:600;margin:12px 0 7px;color:var(--yx-text)}
.yx-highlight-check{display:flex;align-items:flex-start;gap:8px;margin:9px 0;cursor:pointer}
.yx-highlight-check input{margin:3px 0 0;accent-color:var(--yx-primary,#2563eb)}
.yx-highlight-check small{display:block;color:var(--yx-muted);line-height:1.5;margin-top:3px}
.yx-highlight-color,.yx-highlight-font{display:flex;align-items:center;gap:8px;padding:7px 0}
.yx-highlight-color>span:first-child,.yx-highlight-font>span{flex:1}
.yx-highlight-color input{width:36px;height:25px;padding:2px;border:1px solid var(--yx-border);border-radius:5px;background:var(--yx-panel);cursor:pointer}
.yx-highlight-color>span:last-child{color:var(--yx-muted);font-family:monospace;font-size:11px}
.yx-highlight-font select{border:1px solid var(--yx-border);border-radius:5px;background:var(--yx-panel);padding:5px;color:var(--yx-text)}
.yx-highlight-refresh,.yx-highlight-save button{color:var(--yx-primary,#2563eb);border:1px solid var(--yx-border);border-radius:5px;padding:4px 8px}
.yx-highlight-save{border-top:1px solid var(--yx-border);padding-top:10px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--yx-muted)}
.yx-highlight-error{color:#dc2626;max-width:330px}
.yx-body-selection-actions{display:flex;gap:3px;position:relative;white-space:nowrap;border-left:1px solid var(--yx-border);padding-left:6px}
.yx-body-selection-actions>button{padding:5px 8px;border-radius:5px;color:var(--yx-primary,#2563eb);background:color-mix(in srgb,var(--yx-primary,#2563eb) 8%,var(--yx-panel))}
.yx-body-selection-actions button:disabled{opacity:.45;cursor:not-allowed}
.yx-paint-popover{position:absolute;bottom:calc(100% + 12px);right:0;min-width:260px;padding:12px;border:1px solid var(--yx-border);background:var(--yx-panel);border-radius:10px;box-shadow:0 8px 28px #0002;z-index:80}
.yx-paint-popover .yx-highlight-subtitle{margin:0 0 9px}
.yx-paint-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.yx-paint-swatch{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--mark-color);border:1px solid var(--yx-border);padding:6px;border-radius:6px}
.yx-paint-swatch:before{content:'';width:12px;height:12px;border-radius:3px;background:var(--mark-color)}
.yx-paint-clear{grid-column:1/-1;border-top:1px solid var(--yx-border);padding-top:7px;color:var(--yx-muted)}
.yx-role-person{display:inline-flex;align-items:center;vertical-align:baseline;width:18px;height:20px;padding:0;border:0;background:transparent;color:var(--yx-primary,#2563eb);cursor:pointer;user-select:none}
.yx-body-role{cursor:pointer;text-decoration:underline dotted;text-underline-offset:4px}
.yx-body-role:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.yx-body-role:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.yx-body-script-line{border-left:3px solid var(--yx-primary,#2563eb);padding-left:20px!important;background:color-mix(in srgb,var(--yx-primary,#2563eb) 5%,var(--yx-panel));border-radius:3px}
.yx-body-mark{border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.yx-role-popup{position:fixed;z-index:2100;width:min(320px,calc(100vw - 24px));max-height:min(360px,calc(100dvh - 24px));overflow:auto;border:1px solid var(--yx-border);background:var(--yx-panel);color:var(--yx-text);border-radius:12px;padding:14px;box-shadow:0 10px 32px #0003;font-size:13px;line-height:1.7}
.yx-role-popup header{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--yx-border);padding-bottom:8px;margin-bottom:9px}
.yx-role-popup header strong{flex:1;font-size:15px}
.yx-role-popup header button{font-size:20px;line-height:1;padding:3px 6px;color:var(--yx-muted)}
.yx-role-detail{display:flex;gap:10px;margin:7px 0;align-items:flex-start}
.yx-role-detail strong{flex-shrink:0;font-weight:500;color:var(--yx-muted)}
.yx-role-detail p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:120px;overflow:auto}
.yx-role-popup small,.yx-role-alias{font-size:11px;color:var(--yx-muted)}
.yx-role-field{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:13px}
.yx-role-field input,.yx-role-field textarea{padding:8px 10px;border:1px solid var(--yx-border);border-radius:7px;background:var(--yx-panel);color:var(--yx-text)}
.yx-role-form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--yx-border);padding-top:12px;margin-top:16px}
.yx-role-form-actions button{padding:7px 14px;border:1px solid var(--yx-border);border-radius:6px}
.yx-primary-button{background:var(--yx-primary,#2563eb)!important;color:white}
.yx-highlight-notice{position:absolute;bottom:10px;left:10px;right:10px;z-index:60;display:flex;align-items:center;gap:12px;border:1px solid #d97706;border-radius:7px;background:var(--yx-panel);padding:10px;font-size:12px;color:#b45309}
.yx-highlight-notice span{flex:1}
.yx-highlight-notice button{color:var(--yx-primary,#2563eb);white-space:nowrap}
@media(max-width:700px){.yx-prompt-source{min-width:0}.yx-prompt-category-grid{grid-template-columns:1fr}.yx-body-selection-actions>button{padding:5px}.yx-body-selection-actions{gap:2px}}

/* A modestly larger selection bar, with clear click targets. */
.yx-selection-toolbar{font-size:13px;line-height:1.6;gap:6px;padding:7px 10px;border:1px solid var(--yx-border);border-radius:10px;min-height:44px;max-width:calc(100% - 24px);width:max-content;flex-wrap:wrap;justify-content:center}
.yx-selection-toolbar .n-button{font-size:13px!important;min-height:32px;padding:0 9px!important}
.yx-selection-toolbar>.yx-muted{font-size:12px;margin:0 3px}
.yx-body-selection-actions{gap:6px;padding-left:0;border-left:0}
.yx-body-selection-actions>button{padding:6px 11px;font-size:13px;min-height:32px;border:1px solid color-mix(in srgb,var(--yx-primary) 18%,var(--yx-border));border-radius:6px}
.yx-paint-popover{min-width:288px;max-width:calc(100vw - 24px);padding:14px;font-size:13px}
.yx-paint-popover .yx-highlight-subtitle{font-size:13px}
.yx-paint-swatch{padding:8px;gap:7px;font-size:13px}
.yx-paint-swatch:before{width:14px;height:14px}
.yx-role-person{width:19px;height:20px;align-items:center}
.yx-role-person svg{width:17px;height:17px;flex-shrink:0}
.yx-role-popup .yx-role-edit{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1.5;padding:4px 8px;color:var(--yx-primary);border:1px solid var(--yx-border);border-radius:6px;background:color-mix(in srgb,var(--yx-primary) 6%,var(--yx-panel))}
.yx-role-popup .yx-role-edit:hover{border-color:var(--yx-primary)}
.yx-role-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.yx-role-form-grid>.yx-role-field{min-width:0}
.yx-role-field textarea{resize:vertical;min-height:65px;line-height:1.6}
.yx-role-field input:focus,.yx-role-field textarea:focus{outline:2px solid color-mix(in srgb,var(--yx-primary) 24%,transparent);border-color:var(--yx-primary)}
.yx-role-form-error{color:#dc2626;border:1px solid #dc262644;background:#dc26260a;border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.6;margin-top:10px}
.yx-source-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border:0!important;border-radius:0!important;background:transparent!important}
.yx-source-icon svg,.yx-category-mark svg{width:18px;height:18px;display:block}
.yx-category-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.yx-prompt-author{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid var(--yx-border);border-radius:8px;background:color-mix(in srgb,var(--yx-primary) 3%,var(--yx-panel));min-width:0}
.yx-prompt-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--yx-primary) 9%,var(--yx-panel));color:var(--yx-primary);border:1px solid color-mix(in srgb,var(--yx-primary) 12%,var(--yx-border))}
.yx-prompt-avatar svg{width:23px;height:23px}
.yx-prompt-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--yx-panel)}
.yx-prompt-author.is-official img{padding:6px;object-fit:contain;background:color-mix(in srgb,var(--yx-primary) 5%,var(--yx-panel))}
.yx-prompt-author-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.yx-prompt-author-name{display:flex;gap:7px;align-items:center;min-width:0}
.yx-prompt-author-name strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yx-prompt-author-label{font-size:10px;color:var(--yx-muted);white-space:nowrap}
.yx-prompt-author-meta{display:flex;flex-wrap:wrap;gap:3px 9px;font-size:10px;color:var(--yx-muted);line-height:1.5}
.yx-prompt-author-meta time{white-space:nowrap}
@media(max-width:540px){.yx-role-form-grid{grid-template-columns:1fr}.yx-selection-toolbar{gap:4px;padding:6px}.yx-prompt-author{padding:8px}}

/* Give chapter navigation a little more room without changing the mobile drawer. */
@media(min-width:1024px){
 .yx-writing-layout > aside:first-of-type {width:288px!important;}
}
.yx-chapter-list .yx-chapter-scroll {padding:7px;}
.yx-chapter-list .yx-chapter-row {padding:11px 8px!important;gap:9px!important;}
.yx-chapter-heading-line > .min-w-0 {font-size:14px;line-height:22px;}
.yx-chapter-list .yx-chapter-date {font-size:11px;line-height:16px;}
.yx-volume-toggle {padding:10px 9px;font-size:13px;gap:7px;}
.yx-volume-add {padding:7px 9px;}

/* View controls show both the size symbol and its meaning. */
.library-page.library-page .library-view {padding:4px;gap:3px;}
.library-page.library-page .library-view button {width:auto;min-width:69px;height:32px;padding:0 9px;gap:6px;font-size:12px;}
.library-view-label {white-space:nowrap;}
.library-page.library-page .library-grid {grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:18px;}
.library-page.library-page .library-grid.is-compact {grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:14px;}
.library-page.library-page .library-book-main {min-height:192px;padding:20px;gap:20px;}
.library-page.library-page .library-book-main > .library-book-info {min-height:143px;gap:15px;}
.library-page.library-page .library-new-main {min-height:192px;}
.library-page.library-page .library-book-title {font-size:18px;}
.library-page.library-page .is-compact .library-book-main {min-height:148px;padding:16px;gap:15px;}
.library-page.library-page .is-compact .library-book-main > .library-book-info {min-height:109px;gap:12px;}
.library-page.library-page .is-compact .library-book-title {font-size:16px;}
.library-page.library-page .is-compact .library-new-main {min-height:148px;}

/* Lists retain the same direct actions as the card views. */
.library-page.library-page .library-row {gap:16px;}
.yx-list-actions {display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:8px;}
.yx-list-actions > button {display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 9px;min-height:32px;border:1px solid var(--yx-border);border-radius:7px;background:var(--yx-panel);color:var(--yx-text);font-size:12px;line-height:1.5;white-space:nowrap;}
.yx-list-actions > button:hover {color:var(--yx-primary);border-color:var(--yx-primary);background:var(--yx-accent-bg);}
.yx-list-actions > button:focus-visible {outline:2px solid var(--yx-primary);outline-offset:2px;}
.yx-list-actions > button:disabled {opacity:.45;cursor:not-allowed;}
.yx-list-actions .n-icon {font-size:16px!important;flex-shrink:0;}
.yx-list-actions > button:first-child {color:var(--yx-primary);}

/* SVG's shoulder line ends at the same baseline as the adjacent name. */
.cm-content .yx-role-person {display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1em;font-size:inherit;line-height:1;vertical-align:-.16em;margin:0 2px 0 0;padding:0;}
.cm-content .yx-role-person svg {display:block;width:1em;height:1em;flex-shrink:0;}
@media(max-width:1100px){
 .library-page.library-page .library-row {gap:12px;flex-wrap:wrap;}
 .yx-list-actions {margin-left:auto;}
}
@media(max-width:600px){
 .library-page.library-page .library-grid {gap:14px;}
 .library-page.library-page .library-book-main {min-height:176px;padding:16px;gap:16px;}
 .library-page.library-page .library-book-main > .library-book-info {min-height:132px;gap:13px;}
 .library-page.library-page .library-new-main {min-height:176px;}
 .library-page.library-page .is-compact .library-book-main {min-height:145px;}
 .library-page.library-page .is-compact .library-book-main > .library-book-info {min-height:105px;gap:11px;}
 .yx-list-actions {width:100%;margin:0;padding-top:4px;gap:7px;}
 .yx-list-actions > button {flex:1;padding:7px 5px;}
}

.yx-prompt-author.is-clickable{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.yx-prompt-author.is-clickable:hover{border-color:var(--yx-primary);background:color-mix(in srgb,var(--yx-primary) 7%,var(--yx-panel));box-shadow:0 2px 9px #2563eb12}
.yx-prompt-author.is-clickable:focus-visible{outline:2px solid var(--yx-primary);outline-offset:3px}
.yx-creator-top{display:flex;align-items:center;gap:18px;justify-content:space-between;border-bottom:1px solid var(--yx-border);padding-bottom:16px;margin-bottom:18px}
.yx-creator-top .yx-prompt-author{margin:0;min-width:250px;background:transparent;border:0;padding:0}
.yx-creator-top>p{color:var(--yx-muted);font-size:13px;white-space:nowrap}
.yx-creator-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:24px;min-height:300px}
.yx-creator-detail{min-width:0;padding-right:20px;border-right:1px solid var(--yx-border)}
.yx-creator-detail h2{font-size:20px;line-height:1.5;margin:16px 0 12px;font-weight:650}
.yx-creator-detail h3{font-size:13px;margin:18px 0 9px;color:var(--yx-muted);font-weight:600}
.yx-creator-detail .yx-creator-intro{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px}
.yx-creator-detail .yx-prompt-full-content{max-height:390px;overflow:auto;font-size:13px;padding:14px}
.yx-creator-list{min-width:0}
.yx-creator-list-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:12px}
.yx-creator-list-heading>span{font-size:12px;color:var(--yx-muted)}
.yx-creator-filters{display:flex;gap:8px;margin-bottom:12px}
.yx-creator-filters input,.yx-creator-filters select{border:1px solid var(--yx-border);border-radius:8px;background:var(--yx-panel);color:var(--yx-text);padding:8px 10px;min-width:0;font:inherit;font-size:12px}
.yx-creator-filters input{flex:1}
.yx-creator-filters select{width:132px}
.yx-creator-list-scroll{display:flex;flex-direction:column;gap:10px;max-height:510px;overflow:auto;padding:2px}
.yx-creator-prompt{display:block;width:100%;text-align:left;border:1px solid var(--yx-border);border-radius:9px;padding:12px;background:var(--yx-panel);color:var(--yx-text);font:inherit;cursor:pointer}
.yx-creator-prompt:hover,.yx-creator-prompt.active{border-color:var(--yx-primary);background:color-mix(in srgb,var(--yx-primary) 5%,var(--yx-panel))}
.yx-creator-prompt:focus-visible{outline:2px solid var(--yx-primary);outline-offset:1px}
.yx-creator-prompt-title{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}
.yx-creator-prompt-title strong{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.yx-creator-prompt-title .yx-prompt-type-tag{flex-shrink:0;font-size:10px}
.yx-creator-prompt>p{font-size:12px;line-height:1.7;margin:8px 0;color:var(--yx-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yx-creator-prompt-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--yx-muted)}
.yx-creator-prompt-meta>span:last-child{color:var(--yx-primary)}
.yx-creator-empty{padding:30px 12px;text-align:center;color:var(--yx-muted)}
.yx-creator-error{padding:16px;border:1px solid #dc262640;border-radius:9px;color:#dc2626}
.yx-creator-error button{padding:5px 12px;border:1px solid var(--yx-border);border-radius:6px}
.yx-role-popup{max-height:min(440px,calc(100dvh - 24px))}
.yx-role-overview{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0 7px}
.yx-role-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;border:1px solid color-mix(in srgb,var(--role-tag-color) 25%,var(--yx-panel));background:color-mix(in srgb,var(--role-tag-color) 9%,var(--yx-panel));color:var(--role-tag-color);font-size:12px;line-height:1.5;font-weight:600}
.yx-role-tag:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.yx-role-tag-empty{font-size:11px;color:var(--yx-muted)}
.yx-role-appearances{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--yx-text)}
.yx-role-appearances strong{font-size:14px;color:var(--yx-primary)}
.yx-role-appearances button{font-size:11px;color:var(--yx-primary);padding:2px 4px;border-radius:4px}
.yx-role-appearances button:disabled{opacity:.5}
.yx-role-count-note{font-size:10px;line-height:1.6;color:var(--yx-muted);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--yx-border)}
.yx-role-tag-editor{padding:12px;background:color-mix(in srgb,var(--yx-primary) 3%,var(--yx-panel));border:1px solid var(--yx-border);border-radius:9px;margin:14px 0}
.yx-role-tag-editor>strong{display:block;font-size:13px;margin-bottom:10px}
.yx-role-label-options{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.yx-role-label-options button{font-size:12px;border:1px solid var(--yx-border);border-radius:6px;padding:4px 9px;background:var(--yx-panel)}
.yx-role-label-options .yx-role-label-option{color:var(--role-tag-color)}
.yx-role-label-options .yx-role-label-option.selected{border-color:var(--role-tag-color);background:color-mix(in srgb,var(--role-tag-color) 9%,var(--yx-panel))}
.yx-role-tag-custom{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px}
.yx-role-tag-custom input[type=color]{padding:3px;width:100%;height:34px;cursor:pointer}
@media(max-width:760px){
 .yx-creator-layout{grid-template-columns:1fr;gap:20px}
 .yx-creator-detail{padding:0 0 16px;border-right:0;border-bottom:1px solid var(--yx-border)}
 .yx-creator-detail .yx-prompt-full-content{max-height:210px}
 .yx-creator-top{align-items:flex-start;gap:10px;flex-direction:column}
 .yx-creator-top .yx-prompt-author{min-width:0}
 .yx-creator-top>p{margin:0}
 .yx-creator-list-scroll{max-height:330px}
 .yx-creator-prompt-title{flex-wrap:wrap;gap:6px}
}

.toolbox-page.yx-generator-page{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.yx-generator-page .toolbox-page-heading{flex-shrink:0;margin-bottom:12px!important}.yx-generator-page .toolbox-workspace{flex:1;min-height:0;align-items:stretch;overflow:hidden}.yx-generator-page .toolbox-form{height:100%;min-height:0;overflow:auto;gap:9px!important}.yx-generator-page .toolbox-demand{display:flex;flex-direction:column;flex:1;min-height:130px}.yx-generator-page .toolbox-primary-input{height:auto!important;min-height:100px;flex:1}.yx-generator-page .toolbox-primary-input .n-input-wrapper{height:100%}.yx-generator-page .toolbox-primary-input textarea{height:100%!important;resize:none}.yx-generator-page .toolbox-results{height:100%;overflow:auto;min-height:0;padding-bottom:15px}.yx-generator-page .toolbox-results-heading{position:sticky;top:0;background:var(--yx-panel);z-index:1}.yx-script-fields>.yx-script-origin{grid-column:1/-1}.yx-script-fields>.yx-script-source-note{font-size:10px}.yx-script-fields .yx-field-heading{grid-column:1/-1}.yx-script-fields>.yx-script-relate{grid-column:auto}.yx-script-fields .yx-script-extra{align-self:start}.yx-script-fields>.yx-script-estimate .p-3{padding:6px!important}.yx-script-fields>.yx-script-estimate .mt-2{margin-top:4px!important}
.yx-brand-mark{width:34px;height:34px;flex-shrink:0;filter:drop-shadow(0 3px 5px #7968ce25)}
.yx-app-header{height:60px!important}.yx-app-header .n-avatar{box-shadow:0 0 0 2px var(--yx-panel),0 0 0 3px var(--yx-border)}
.library-view-toggle button{min-width:36px;padding-inline:8px!important}.library-view-label{display:none!important}
.yx-glyph{width:18px;height:18px;display:inline-block;flex-shrink:0;vertical-align:middle}
.yx-eyebrow{font-size:10px;letter-spacing:.18em;color:var(--yx-primary);font-weight:700}
.yx-control{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--yx-border);border-radius:9px;background:var(--yx-panel);color:var(--yx-text);padding:8px 14px;cursor:pointer;font:inherit;font-size:13px;line-height:1.5;transition:background .15s,border-color .15s}
.yx-control:hover{border-color:var(--yx-primary);background:color-mix(in srgb,var(--yx-primary) 7%,var(--yx-panel))}.yx-control.primary{background:var(--yx-primary);border-color:var(--yx-primary);color:white}.yx-control:disabled{opacity:.5;cursor:default}
.yx-creator-page,.yx-forum-page,.yx-cover-page{max-width:1600px;margin:0 auto;padding:24px 28px 32px;min-height:100%}
.yx-profile-hero{position:relative;overflow:hidden;min-height:292px;padding:26px 38px;color:#eff8ff;border-radius:21px;background:#263b74 url('/yunxiao/assets/yx-31494a66f32f887c-yx32-61e4c1ae49c4-yunxiao-banner.svg') center/cover;box-shadow:0 12px 30px #15294b16}
.yx-profile-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}.yx-profile-kicker{font-size:10px;letter-spacing:.18em;color:#daedffb0}.yx-profile-topline .yx-control{background:#ffffff18;border-color:#ffffff40;color:white}
.yx-profile-identity{display:flex;gap:23px;align-items:center;margin-top:24px}.yx-profile-avatar{width:92px;height:92px;object-fit:cover;flex-shrink:0;border:4px solid #ffffffde;border-radius:50%;box-shadow:0 6px 20px #11193635}
.yx-profile-identity h1{margin:0 0 7px;font-size:28px;font-weight:700;letter-spacing:.02em}.yx-profile-identity p{font-size:12px;color:#e6eeffb8;margin:0 0 10px}.yx-profile-tags{display:flex;flex-wrap:wrap;gap:7px}.yx-profile-tags span{border:1px solid #fff3;border-radius:20px;padding:3px 10px;font-size:11px;background:#ffffff14}
.yx-profile-bio{line-height:1.8;max-width:800px;margin:18px 0 12px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.yx-profile-stats{display:flex;gap:30px;font-size:11px;color:#d3e8fc}.yx-profile-stats strong{font-size:18px;margin-right:8px;color:white}
.yx-profile-content{margin:20px 0;border:1px solid var(--yx-border);border-radius:17px;background:var(--yx-panel);padding:0 26px 26px}.yx-profile-tabs{display:flex;gap:24px;border-bottom:1px solid var(--yx-border)}
.yx-profile-tab{font:inherit;font-size:13px;cursor:pointer;border:0;background:transparent;color:var(--yx-muted);padding:15px 6px 13px;border-bottom:2px solid transparent}.yx-profile-tab.active{color:var(--yx-primary);border-bottom-color:var(--yx-primary);font-weight:600}.yx-profile-privacy{font-size:11px;margin:16px 0}
.yx-profile-search{display:flex;gap:10px;margin:19px 0}.yx-profile-search input{flex:1}.yx-profile-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.yx-profile-resource{position:relative;text-align:left;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:13px;padding:21px 23px;color:var(--yx-text);cursor:pointer;font:inherit;transition:border-color .15s,transform .15s}.yx-profile-resource:hover{border-color:var(--yx-primary);transform:translateY(-2px)}
.yx-resource-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.yx-resource-heading h2{font-size:16px;margin:0;font-weight:650;overflow-wrap:anywhere}.yx-resource-status{font-size:10px;white-space:nowrap;background:color-mix(in srgb,var(--yx-primary) 8%,var(--yx-panel));color:var(--yx-primary);padding:3px 8px;border-radius:5px}
.yx-profile-resource p{font-size:13px;line-height:1.8;color:var(--yx-muted);margin:13px 0 17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yx-profile-resource small{font-size:11px;color:var(--yx-muted)}.yx-profile-resource>.yx-glyph{position:absolute;bottom:20px;right:23px;color:var(--yx-primary)}
.yx-home-empty{display:flex;min-height:250px;padding:36px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;color:var(--yx-muted)}.yx-home-empty>.yx-glyph{width:42px;height:42px;color:var(--yx-primary);padding:9px;box-sizing:content-box;border-radius:20px;background:color-mix(in srgb,var(--yx-primary) 8%,var(--yx-panel))}.yx-home-empty h2{font-size:17px;color:var(--yx-text);margin:0}.yx-home-empty p{font-size:13px;margin:0}
.yx-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:22px;font-size:12px;color:var(--yx-muted)}
.yx-profile-field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;font-size:13px}.yx-profile-field>span{font-weight:600}
:where(.yx-creator-page,.yx-forum-page,.yx-cover-page,.yx-profile-dialog) :is(input:not([type=file]),textarea,select){color:var(--yx-text);font:inherit;font-size:13px;border:1px solid var(--yx-border);border-radius:8px;padding:10px 12px;background:var(--yx-panel);max-width:100%;min-width:0;box-sizing:border-box}
:where(.yx-creator-page,.yx-forum-page,.yx-cover-page,.yx-profile-dialog) textarea{resize:vertical;line-height:1.8;min-height:90px}.yx-form-note{font-size:12px;line-height:1.7;color:var(--yx-primary);padding:9px 0}
.yx-dialog-mask{position:fixed;inset:0;z-index:3000;background:#0a163b66;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px}.yx-profile-dialog{width:620px;max-width:100%;max-height:calc(100dvh - 32px);border:1px solid var(--yx-border);border-radius:18px;background:var(--yx-panel);color:var(--yx-text);box-shadow:0 18px 80px #00103140;display:flex;flex-direction:column;overflow:hidden}
.yx-profile-dialog>header{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--yx-border);flex-shrink:0}.yx-profile-dialog h2{font-size:18px;font-weight:650;margin:0}.yx-profile-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 24px;border-top:1px solid var(--yx-border);flex-shrink:0}.yx-profile-dialog-body{padding:23px 24px;overflow:auto;min-height:0}.yx-profile-dialog-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.9;padding:16px;background:var(--yx-bg);border-radius:9px;margin-top:20px}.yx-image-edit{display:flex;gap:18px;align-items:center}.yx-image-edit img.avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}.yx-image-edit img.banner{width:210px;height:84px;border-radius:9px;object-fit:cover}.yx-image-edit>div{display:flex;flex-direction:column;gap:10px;min-width:0}.yx-image-edit input{font-size:11px;max-width:100%}.yx-image-edit .yx-control{align-self:flex-start;font-size:11px;padding:5px 10px}
.yx-forum-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:17px;background:var(--yx-panel);border:1px solid var(--yx-border);padding:24px 30px;margin-bottom:22px}.yx-forum-heading h1{font-size:25px;font-weight:700;margin:7px 0}.yx-forum-heading p{font-size:13px;color:var(--yx-muted);margin:0}.yx-forum-heading-actions{display:flex;gap:9px;flex-wrap:wrap}.yx-forum-workspace{display:grid;grid-template-columns:196px minmax(0,1fr);gap:24px}.yx-forum-categories{align-self:start;position:sticky;top:20px;border:1px solid var(--yx-border);border-radius:14px;padding:18px 12px;background:var(--yx-panel)}.yx-forum-categories h2{font-size:11px;color:var(--yx-muted);margin:0 12px 14px;letter-spacing:.08em}
.yx-forum-category{display:block;width:100%;border:0;background:transparent;color:var(--yx-muted);font:inherit;font-size:13px;text-align:left;padding:11px 14px;border-radius:8px;cursor:pointer}.yx-forum-category:hover,.yx-forum-category.active{background:color-mix(in srgb,var(--yx-primary) 10%,var(--yx-panel));color:var(--yx-primary);font-weight:600}.yx-forum-guide{margin:20px 8px 0;padding-top:22px;border-top:1px solid var(--yx-border)}.yx-forum-guide>.yx-glyph{width:30px;height:30px;color:var(--yx-primary);margin-bottom:12px}.yx-forum-guide strong{display:block;font-size:12px}.yx-forum-guide p{font-size:11px;line-height:1.8;color:var(--yx-muted);margin:10px 0}.yx-forum-guide .yx-control{font-size:11px;padding:6px 9px}
.yx-forum-main{min-width:0;border:1px solid var(--yx-border);border-radius:14px;background:var(--yx-panel);padding:0 26px 26px;min-height:600px}.yx-forum-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--yx-border);margin-bottom:6px;padding:14px 0}.yx-forum-sorts{display:flex;gap:17px}.yx-forum-tools form{display:flex;gap:7px;max-width:45%}.yx-forum-tools form input{width:220px}.yx-feed-scope{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:12px 0}
.yx-discussion-row{display:flex;align-items:center;gap:17px;padding:24px 0;border-bottom:1px solid var(--yx-border)}.yx-discussion-avatar{width:42px;height:42px;object-fit:cover;border-radius:50%;flex-shrink:0}.yx-discussion-info{min-width:0;flex:1}.yx-discussion-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--yx-text);font:inherit;font-size:15px;font-weight:550;line-height:1.7}.yx-discussion-title:hover{color:var(--yx-primary)}.yx-pin-badge{font-size:10px;padding:2px 6px;background:#e04b7014;color:#db3a65;border-radius:4px}.yx-category-badge{font-size:10px;font-weight:500;color:var(--yx-primary);background:color-mix(in srgb,var(--yx-primary) 9%,var(--yx-panel));border-radius:4px;padding:3px 8px;white-space:nowrap}
.yx-discussion-meta{display:flex;flex-wrap:wrap;gap:17px;align-items:center;margin-top:9px;color:var(--yx-muted);font-size:11px}.yx-discussion-meta>span{display:inline-flex;align-items:center;gap:5px}.yx-discussion-meta .yx-glyph{width:12px;height:12px}.yx-forum-author{border:0;background:transparent;color:var(--yx-muted);font:inherit;font-size:11px;display:inline-flex;gap:6px;align-items:center;cursor:pointer}.yx-forum-author img{width:24px;height:24px;border-radius:50%;object-fit:cover}.yx-discussion-meta .yx-forum-author img{display:none}.yx-official-badge{font-size:9px;padding:1px 5px;border:1px solid var(--yx-border);border-radius:4px;color:var(--yx-primary)}
.yx-forum-main>div>.yx-control{margin-top:20px}.yx-forum-detail{padding:22px 0;border-bottom:1px solid var(--yx-border)}.yx-detail-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.yx-detail-top>div{display:flex;gap:8px}.yx-forum-detail h1{font-size:25px;font-weight:650;line-height:1.6;margin:18px 0 12px}.yx-post-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:2;margin:24px 0 18px}.yx-post-reactions{display:flex;gap:12px;justify-content:center;margin-top:32px}.yx-forum-replies{padding-top:24px}.yx-forum-replies h2{font-size:16px;font-weight:600}.yx-reply-row{padding:19px 0;border-bottom:1px solid var(--yx-border)}.yx-reply-top{display:flex;align-items:center;gap:13px;font-size:11px}.yx-reply-top>.yx-control{margin-left:auto;padding:4px 8px;font-size:10px}.yx-reply-row .yx-post-content{font-size:13px;margin:12px 0 4px}.yx-reply-form{display:flex;flex-direction:column;gap:13px;margin-top:24px}.yx-reply-form>.yx-control{align-self:flex-end}
/* Give the toolbox a considered vertical rhythm and clear entry points. */
.yx-toolbox-home{padding:24px 28px!important;min-height:100%;display:flex;flex-direction:column;gap:20px;max-width:1800px;margin:auto}.yx-toolbox-header{padding:23px 27px!important}.yx-toolbox-header h1{font-size:26px!important}.yx-toolbox-header p{font-size:13px!important;margin-top:9px!important}.yx-toolbox-home .toolbox-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin:0!important;flex:1;align-content:stretch}.yx-toolbox-home .toolbox-card{min-height:176px!important;display:flex;flex-direction:column;justify-content:center;padding:28px 25px!important;border-radius:20px!important;position:relative;overflow:hidden;box-shadow:0 8px 24px #233b6410;transition:transform .18s,border-color .18s}.yx-toolbox-home .toolbox-card:hover{transform:translateY(-3px);border-color:var(--yx-primary)!important}.yx-toolbox-home .toolbox-card h2{font-size:19px!important;margin:0 0 15px!important;position:relative;z-index:1}.yx-toolbox-home .toolbox-card p{font-size:13px!important;line-height:1.85!important;max-width:83%;margin:0!important;position:relative;z-index:1}.yx-toolbox-home .toolbox-watermark{right:4px!important;bottom:-10px!important;opacity:.075!important}.yx-toolbox-home .toolbox-watermark svg{width:102px;height:102px}.yx-toolbox-home .yx-tool-tag{display:none}.yx-toolbox-home .toolbox-workflow,.yx-toolbox-home .yx-script-advanced{padding:18px 24px!important;margin:0!important;border-radius:14px}.yx-toolbox-home .toolbox-workflow small{font-size:12px!important}
.yx-cover-workspace{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr);gap:24px;margin-top:18px;min-height:calc(100dvh - 190px)}.yx-cover-controls,.yx-cover-studio-preview{border:1px solid var(--yx-border);background:var(--yx-panel);border-radius:16px;padding:25px}.yx-cover-controls{display:flex;flex-direction:column}.yx-cover-styles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.yx-cover-style{border:1px solid var(--yx-border);border-radius:9px;padding:12px;text-align:left;font:inherit;font-size:12px;cursor:pointer;background:var(--yx-panel);color:var(--yx-text)}.yx-cover-style:before{content:'';display:inline-block;width:12px;height:12px;border-radius:4px;background:var(--swatch);margin-right:9px;vertical-align:middle}.yx-cover-style.active{border-color:var(--yx-primary);background:color-mix(in srgb,var(--yx-primary) 7%,var(--yx-panel))}.yx-cover-controls>p{font-size:12px;line-height:1.8}.yx-cover-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:22px}.yx-cover-studio-preview{display:flex;align-items:center;flex-direction:column;gap:18px;background:color-mix(in srgb,var(--yx-primary) 3%,var(--yx-panel))}.yx-cover-studio-preview-heading{display:flex;justify-content:space-between;width:100%;font-size:12px}.yx-cover-studio-preview canvas{width:auto;max-width:100%;height:calc(100dvh - 285px);max-height:760px;min-height:250px;box-shadow:0 18px 45px #0d1e4b30;border-radius:3px;aspect-ratio:2/3}.yx-cover-studio-preview small{font-size:11px}
/* Generator forms fill the usable viewport; result panes scroll independently. */
.toolbox-page.yx-unified-page:not(.yx-toolbox-home){height:100%;min-height:0;display:flex;flex-direction:column;padding:16px 20px!important}.toolbox-page .yx-tool-workspace{min-height:0;flex:1;align-items:stretch!important}.toolbox-page .toolbox-form{min-height:0;height:100%}.toolbox-page .toolbox-form>.n-card__content{display:flex;flex-direction:column;min-height:0;height:100%}.toolbox-page .toolbox-primary-input{flex:1;min-height:150px;height:auto!important}.toolbox-page .toolbox-actions{margin-top:auto}
.yx-script-page{height:100%;min-height:0;overflow:hidden;padding:14px 18px!important}.yx-script-page .yx-unified-heading{padding:14px 19px!important;margin-bottom:12px!important;flex-shrink:0}.yx-script-page .yx-unified-heading h1{font-size:20px!important}.yx-script-page .yx-unified-heading p{font-size:12px!important;margin-top:4px!important}.yx-script-workspace{grid-template-columns:minmax(440px,.9fr) minmax(0,1.6fr)!important;min-height:0;gap:16px!important;overflow:hidden}.yx-script-workspace>.n-card{height:100%;align-self:stretch!important;min-height:0;overflow:hidden}.yx-script-workspace>.n-card>.n-card__content{padding:14px!important;display:flex;min-height:0;flex-direction:column}.yx-script-fields{height:100%;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;align-content:start;font-size:12px}.yx-script-fields>*>*{min-width:0}.yx-script-fields>*{margin:0!important;min-width:0}.yx-script-fields>.n-radio-group,.yx-script-fields>.n-input:first-of-type,.yx-script-fields>.yx-script-source-note,.yx-script-fields>.yx-script-relate,.yx-script-fields>.yx-script-estimate,.yx-script-fields>.yx-script-generate,.yx-script-fields>.yx-sidebar-section-title{grid-column:1/-1}.yx-script-fields>.n-input:first-of-type{height:clamp(96px,18dvh,260px)!important;flex-shrink:1}.yx-script-fields>.n-input:first-of-type .n-input-wrapper{height:100%}.yx-script-fields>.n-input:first-of-type textarea{height:100%!important;min-height:0!important;resize:none}.yx-script-fields .n-form-item{--n-blank-height:32px!important;--n-label-height:18px!important;--n-label-padding:0 0 4px!important}.yx-script-fields .n-form-item-feedback-wrapper{display:none}.yx-script-fields .n-form-item-label{padding:0 0 4px!important;font-size:11px!important;min-height:0}.yx-script-fields .n-base-selection{--n-height:30px!important;font-size:12px}.yx-script-fields .n-input{--n-font-size:12px!important}.yx-script-fields .yx-sidebar-section-title{margin:0!important;padding:4px 0!important;font-size:11px!important}.yx-script-fields .yx-script-extra textarea{min-height:40px!important;max-height:54px!important;height:44px!important}.yx-script-fields .yx-script-extra .n-input{height:62px}.yx-script-fields>.yx-script-generate{align-self:end;margin-top:auto!important;height:36px!important}.yx-script-fields>.yx-script-estimate{font-size:10px}.yx-script-fields .yx-estimate-detail{font-size:10px!important}.yx-script-results{height:100%;min-height:0;overflow:auto;padding-bottom:14px}.yx-script-results>.n-empty{min-height:calc(100% - 58px);display:flex;justify-content:center;align-items:center;flex-direction:column}.yx-script-results>.yx-sidebar-section-title{position:sticky;top:0;z-index:1;background:var(--yx-panel)}
/* Brand-led login/registration. */
.yx-auth-shell{min-height:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:7vw;padding:48px max(6vw,24px);background:radial-gradient(ellipse at 13% 40%,#ceddf577,transparent 58%),radial-gradient(ellipse at 60% 15%,#ded3f477,transparent 55%),var(--yx-bg)}.yx-auth-story{max-width:560px;padding:15px 0}.yx-auth-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--yx-text);font-size:22px;font-weight:700}.yx-auth-story>.yx-eyebrow{display:block;margin:30px 0 18px}.yx-auth-story h2{font-size:clamp(32px,4vw,58px);font-weight:750;line-height:1.35;letter-spacing:.03em;margin:0 0 20px}.yx-auth-story>p{font-size:15px;line-height:1.9;color:var(--yx-muted)}.yx-auth-orbit{position:relative;margin:45px 0 0;width:174px;height:174px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#c9dcff44,#d4cefc99);border-radius:50%;box-shadow:inset 0 0 0 1px #799ed622}.yx-auth-orbit:before,.yx-auth-orbit:after{content:'';position:absolute;inset:-18px;border:1px solid #799ed644;border-radius:50%;transform:rotate(-30deg) scaleY(.7)}.yx-auth-orbit:after{inset:-35px;transform:rotate(30deg) scaleY(.7);border-color:#a188e533}.yx-auth-orbit .yx-brand-mark{width:98px;height:98px;transform:rotate(-6deg);filter:drop-shadow(0 12px 20px #786bc640)}.yx-auth-features{display:flex;gap:20px;margin-top:26px;font-size:12px;color:var(--yx-muted)}.yx-auth-features span{display:flex;align-items:center;gap:5px}.yx-auth-features .yx-glyph{color:var(--yx-primary);width:14px;height:14px}.yx-auth-form{max-width:470px;width:100%;justify-self:center;padding:32px!important;border-radius:22px!important;box-shadow:0 20px 65px #25395912!important}.yx-auth-form-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:29px}.yx-auth-form-top .yx-auth-brand{font-size:16px}.yx-auth-form-top .yx-control{font-size:10px;padding:5px 8px}.yx-auth-form h1{font-size:24px;font-weight:650;margin-bottom:10px}.yx-auth-form>p{font-size:13px;margin-bottom:25px}
/* Optional 梦幻赛博: atmospheric chrome, calm and legible manuscript. */
html.cyber{--yx-bg:#0c1429;--yx-panel:#152039;--yx-border:#334567;--yx-text:#e7edf9;--yx-muted:#a4b2cc;--yx-primary:#9588ff;--yx-accent:#72e4e7;color-scheme:dark}
html.cyber body,html.cyber #app{background:radial-gradient(ellipse at 78% 0,#51417433,transparent 55%),radial-gradient(ellipse at 5% 90%,#195c7430,transparent 45%),var(--yx-bg)}
html.cyber .yx-app-header{background:linear-gradient(100deg,#16243def,#292344ed)!important;border-bottom-color:#6773b059!important;box-shadow:0 1px 24px #7d7cff0b}
html.cyber .yx-brand{background-image:linear-gradient(90deg,#9adff7,#b4a2ff);color:transparent}.cyber .yx-app-sidebar{background:#111c31c9!important}.cyber .yx-side-active{background:linear-gradient(100deg,#6c67bd33,#427a9430)!important;box-shadow:inset 2px 0 #b5a6ff;color:#b9b3ff!important}
html.cyber :is(.yx-panel,.n-card,.library-card,.yx-toolbox-header,.yx-forum-heading,.yx-forum-main,.yx-forum-categories,.yx-profile-content,.yx-cover-controls){background:linear-gradient(135deg,#18243b,#1b2340)!important;border-color:var(--yx-border)!important;box-shadow:0 8px 28px #040a171c}
html.cyber .toolbox-card{background:linear-gradient(140deg,#1e2f4b,#252945)!important;border-color:#4a548566!important}.cyber .toolbox-card:nth-child(3n+2){background:linear-gradient(140deg,#24344a,#203c47)!important}.cyber .toolbox-card:nth-child(3n){background:linear-gradient(140deg,#2e294b,#202b4a)!important}.cyber .toolbox-card h2{color:#eff0ff!important}.cyber .toolbox-card p{color:#b8c2da!important}.cyber .toolbox-card:hover{box-shadow:0 9px 25px #8376ef18}
html.cyber :is(.yx-prompt-category-group,.yx-prompt-author,.yx-role-popup,.yx-chapter-row,.yx-volume-header,.yx-sidebar-section,.yx-estimate,.yx-creator-prompt){background:color-mix(in srgb,var(--yx-primary) 5%,var(--yx-panel))!important;border-color:var(--yx-border)!important;color:var(--yx-text)}
html.cyber :is(.n-input,.n-base-selection,.n-dropdown-menu,.n-modal,.n-popover){--n-color:#16243a!important;--n-color-focus:#17243c!important;--n-color-active:#17243c!important;--n-text-color:#e7edf9!important;--n-border:1px solid #3b4d70!important;--n-menu-item-color-hover:#283551!important;--n-menu-item-text-color:#dfe6f6!important;--n-option-text-color:#dfe6f6!important;--n-option-color-pending:#283551!important;--n-color-modal:#1a2740!important;--n-color-popover:#1a2740!important}
html.cyber .n-button{--n-text-color:#dfe6f6;--n-border:1px solid #455578;--n-color:#20304b;--n-color-hover:#2b3854;--n-text-color-hover:#d4ceff;--n-border-hover:1px solid #9588ff}.cyber .n-button--primary-type{--n-color:#8375e1!important;--n-color-hover:#9486ef!important;--n-text-color:#fff!important;--n-border:1px solid #9d90f6!important}
html.cyber .yx-editor :is(.cm-editor,.cm-scroller){background:#131e31!important;color:#e0e8f5!important}.cyber .yx-editor .cm-content{color:#e0e8f5}.cyber .yx-role-name{filter:brightness(1.35)}.cyber .yx-manual-mark{color:#1f2c43!important}.cyber .yx-auth-shell{background:radial-gradient(ellipse at 15% 40%,#324d7655,transparent 56%),radial-gradient(ellipse at 70% 10%,#59497f44,transparent 55%),#10192d}.cyber .yx-auth-orbit{background:linear-gradient(145deg,#567fdc22,#8972c944)}
@media(min-height:950px) and (min-width:1000px){.yx-script-fields{gap:15px 16px;align-content:stretch;grid-template-rows:auto auto minmax(150px,1fr) repeat(8,auto)}.yx-script-fields>.n-input:first-of-type{height:100%!important}}
@media(max-height:780px) and (min-width:1000px){.yx-script-page .yx-unified-heading{padding:9px 16px!important}.yx-script-page .yx-unified-heading p{display:none}.yx-script-fields{gap:5px 10px;font-size:11px}.yx-script-fields>.n-input:first-of-type{height:92px!important}.yx-script-fields .yx-sidebar-section-title{padding:2px 0!important}.yx-script-fields .yx-script-extra .n-input{height:45px}.yx-script-fields .yx-script-extra textarea{height:29px!important}.yx-script-fields>.yx-script-estimate{padding-block:3px!important}.yx-script-workspace>.n-card>.n-card__content{padding:10px 12px!important}}
@media(max-width:1100px){.yx-toolbox-home .toolbox-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.yx-forum-heading{align-items:flex-start}.yx-forum-heading-actions{justify-content:flex-end}.yx-forum-sorts{gap:8px}.yx-forum-tools{flex-wrap:wrap}.yx-forum-tools form{max-width:100%}}
@media(max-width:999px){.yx-script-page{overflow:auto;height:auto;min-height:100%}.yx-script-workspace{display:flex!important;flex-direction:column;overflow:visible}.yx-script-workspace>.n-card{height:auto;overflow:visible}.yx-script-fields{height:auto;min-height:0;display:grid;gap:12px}.yx-script-results{height:auto;min-height:300px;overflow:visible}.yx-auth-shell{grid-template-columns:1fr;gap:20px;padding:24px}.yx-auth-story{display:none}.yx-auth-form{max-width:450px}.yx-forum-workspace{grid-template-columns:156px minmax(0,1fr);gap:14px}.yx-creator-page,.yx-forum-page,.yx-cover-page{padding:18px}.yx-forum-main{padding:0 18px 18px}.yx-profile-resources{grid-template-columns:1fr}.yx-cover-workspace{grid-template-columns:300px 1fr}}
@media(max-width:650px){.yx-creator-page,.yx-forum-page,.yx-cover-page{padding:12px}.yx-profile-hero{padding:19px 20px;min-height:270px;border-radius:16px}.yx-profile-avatar{width:70px;height:70px}.yx-profile-identity{gap:15px}.yx-profile-identity h1{font-size:22px}.yx-profile-kicker{font-size:8px}.yx-profile-content{padding:0 15px 20px}.yx-profile-tabs{gap:18px}.yx-image-edit{flex-wrap:wrap}.yx-forum-heading{padding:19px;flex-direction:column;gap:16px}.yx-forum-heading-actions{justify-content:flex-start}.yx-forum-workspace{grid-template-columns:1fr}.yx-forum-categories{position:static;display:flex;flex-wrap:wrap;gap:4px;padding:10px}.yx-forum-categories h2,.yx-forum-guide{display:none}.yx-forum-category{width:auto;font-size:11px;padding:8px 9px}.yx-forum-main{min-height:420px;padding:0 15px 20px}.yx-discussion-row{align-items:flex-start;gap:11px;padding:20px 0}.yx-discussion-avatar{width:32px;height:32px}.yx-discussion-title{font-size:13px}.yx-discussion-meta{gap:8px;font-size:10px}.yx-forum-tools form{width:100%}.yx-forum-tools form input{width:100%;flex:1}.yx-toolbox-home{padding:12px!important;gap:14px}.yx-toolbox-home .toolbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.yx-toolbox-home .toolbox-card{padding:23px 16px!important;min-height:162px!important}.yx-toolbox-home .toolbox-card h2{font-size:15px!important}.yx-toolbox-home .toolbox-card p{font-size:11px!important;max-width:95%}.yx-cover-workspace{grid-template-columns:1fr}.yx-cover-studio-preview canvas{height:auto;width:min(100%,330px)}.yx-profile-stats{gap:19px}.yx-profile-dialog>header,.yx-profile-dialog>footer{padding:15px 18px}.yx-profile-dialog-body{padding:19px 18px}.yx-script-fields{display:flex;flex-direction:column}.yx-script-fields>.n-input:first-of-type{height:170px!important}.yx-script-fields .yx-script-extra .n-input{height:75px}.yx-script-fields .yx-script-extra textarea{height:55px!important}}
/* Explicit native component hooks keep every script control on screen. */
.yx-app-sidebar nav{min-height:0;overflow:auto}
html.cyber .yx-brand{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.yx-script-fields{grid-template-rows:auto auto minmax(70px,1fr) repeat(7,auto);align-content:stretch;align-items:start}
.yx-script-fields>.yx-script-source{grid-column:1/-1;height:100%!important;min-height:0!important}
.yx-script-fields>.yx-script-source .n-input-wrapper,.yx-script-fields>.yx-script-source textarea{height:100%!important;min-height:0!important;resize:none}
.yx-script-fields>.yx-model-picker{padding:0!important;align-self:end;display:flex;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:6px;min-height:32px;border:0!important}
.yx-script-fields>.yx-model-picker>label{white-space:nowrap;font-size:10px!important}
.yx-script-fields>.yx-model-picker>.n-button{min-width:0;flex:1;padding-inline:5px!important;font-size:11px!important}
.yx-script-fields>.yx-script-extra{grid-column:1/-1}
.yx-script-fields>.yx-model-picker .n-button{height:30px!important}
.yx-script-fields .n-form-item-blank{height:auto!important;min-height:30px!important;align-self:start}
.yx-script-fields>.yx-script-relate{grid-column:1/-1}
@media(max-height:780px) and (min-width:1000px){.yx-script-fields>.yx-script-source{height:100%!important}.yx-script-fields>.yx-model-picker{min-height:30px}.yx-script-fields .yx-script-extra{--n-blank-height:45px!important}}
@media(max-width:999px){.toolbox-page.yx-generator-page{height:auto;min-height:100%;overflow:visible}.yx-generator-page .toolbox-workspace{overflow:visible;display:flex;flex-direction:column}.yx-generator-page .toolbox-form,.yx-generator-page .toolbox-results{height:auto;overflow:visible}.yx-generator-page .toolbox-demand{min-height:180px}.yx-script-fields{grid-template-rows:none}.yx-script-fields>.yx-script-source{height:180px!important}.yx-script-fields>.yx-model-picker{align-self:stretch}}
@media(max-width:999px){html,body{overflow-x:hidden}.toolbox-page.yx-generator-page{height:auto!important;overflow:visible!important}.yx-generator-page .toolbox-workspace{flex:none!important;overflow:visible!important}.yx-generator-page .toolbox-form,.yx-generator-page .toolbox-results{flex:none!important;height:auto!important}.yx-generator-page .toolbox-demand{flex:none!important;min-height:180px}.yx-generator-page .toolbox-actions{position:static!important;inset:auto!important;margin-top:0!important;padding:0!important;width:auto!important}}
.yx-script-fields>.yx-model-picker{flex-direction:column!important;align-items:stretch;gap:4px}
.yx-script-fields>.yx-model-picker>label{margin:0!important;line-height:14px}
.yx-script-fields>.yx-model-picker>.n-button{width:100%;flex:none;white-space:nowrap}
.yx-script-fields>.yx-model-picker .n-button__content{white-space:nowrap}
.yx-cover-page>.yx-unified-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;min-height:0}
.yx-cover-page>.yx-unified-heading h1{font-size:24px;font-weight:650;line-height:32px;margin:5px 0 6px}
.yx-cover-page>.yx-unified-heading .yx-eyebrow{line-height:14px}
.yx-cover-page>.yx-unified-heading p{font-size:13px;line-height:1.7;margin:0}
.yx-cover-controls{padding:20px;align-items:stretch;gap:0}
.yx-cover-workspace{min-height:calc(100dvh - 240px)}
.yx-cover-controls .yx-profile-field{gap:5px;margin-bottom:12px;font-size:12px;line-height:16px}
.yx-cover-controls .yx-profile-field>:is(input,select){width:100%;padding:8px 10px}
.yx-cover-controls .yx-profile-field>input[type=file]{font-size:11px;line-height:22px}
.yx-cover-styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.yx-cover-style{padding:8px 6px;font-size:11px;white-space:nowrap}
.yx-cover-style:before{width:9px;height:9px;margin-right:5px}
.yx-cover-controls>p{margin:4px 0 10px;font-size:11px}
.yx-cover-actions{gap:9px;padding-top:12px}
.yx-cover-studio-preview canvas{height:calc(100dvh - 360px)}
@media(max-width:999px){.yx-cover-styles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.yx-cover-page>.yx-unified-heading{align-items:flex-start;flex-direction:column;gap:12px;padding:18px}.yx-cover-page>.yx-unified-heading h1{font-size:21px}.yx-cover-workspace{min-height:0}}

/* Compact role card and real chapter drill-down. */
.yx-role-popup{width:310px!important;max-width:calc(100vw - 24px);padding:13px 15px!important;max-height:360px!important;font-size:13px!important}.yx-role-popup>header{gap:8px!important;padding-bottom:11px!important;margin-bottom:9px!important}.yx-role-popup>header>strong{font-size:16px!important;flex:0 1 auto!important}.yx-role-popup>header>.yx-role-tag{font-size:10px;padding:3px 7px;white-space:nowrap}.yx-role-popup .yx-role-edit{margin-left:auto}.yx-role-popup .yx-role-detail{display:grid!important;grid-template-columns:38px minmax(0,1fr);gap:6px!important;margin:7px 0!important;align-items:baseline;font-size:13px!important}.yx-role-popup .yx-role-detail strong{font-size:13px!important;font-weight:400!important;color:var(--yx-muted)}.yx-role-popup .yx-role-detail p{font-size:13px!important;margin:0!important;line-height:1.7;overflow-wrap:anywhere}.yx-role-popup .yx-role-appearances{grid-template-columns:38px auto 1fr!important;display:grid!important;padding:0!important;border:0!important}.yx-role-appearances button{justify-self:start;color:var(--yx-primary);background:transparent;border:0;padding:0 6px;cursor:pointer;font:inherit}.yx-role-chapters-summary{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;color:var(--yx-muted);font-size:12px}.yx-role-chapters-summary button{color:var(--yx-primary);background:transparent;border:0;cursor:pointer}.yx-role-chapter-entry{display:flex;gap:12px;width:100%;padding:16px 4px;text-align:left;border:0;border-top:1px solid var(--yx-border);color:var(--yx-text);background:transparent;cursor:pointer;font:inherit}.yx-role-chapter-entry>span{flex:1}.yx-role-chapter-entry>strong{font-size:13px;font-weight:400;color:var(--yx-muted)}.yx-role-chapter-entry>small{color:var(--yx-primary)}.yx-role-chapter-entry:hover{color:var(--yx-primary);background:color-mix(in srgb,var(--yx-primary) 6%,transparent)}
/* Creator identity is shared across author surfaces. */
.yx-profile-avatar-wrap{position:relative;flex-shrink:0}.yx-online-dot{position:absolute;bottom:5px;right:4px;width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#9cabb9;box-shadow:0 2px 8px #0002}.yx-online-dot.online{background:#20c568;box-shadow:0 0 13px #42e18a66}.yx-profile-id{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px!important;overflow-wrap:anywhere}.yx-profile-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important}.yx-profile-tab{display:flex;justify-content:center;align-items:center;gap:8px;padding:18px 8px!important;font-size:13px!important;min-width:0}.yx-profile-tab .yx-glyph{width:18px;height:18px;color:var(--yx-primary)}.yx-profile-tab:nth-child(2) .yx-glyph{color:#30af9c}.yx-profile-tab:nth-child(3) .yx-glyph{color:#a183e8}.yx-profile-tab:nth-child(4) .yx-glyph{color:#45b6d4}.yx-tab-count{padding:1px 7px;border:1px solid var(--yx-border);font-size:10px;border-radius:99px;color:var(--yx-muted)}.yx-profile-sorts{display:flex;justify-content:flex-end;gap:8px;align-items:center;padding:15px 0;border-bottom:1px solid var(--yx-border);margin-bottom:14px}.yx-profile-sorts>span{margin-right:auto;color:var(--yx-muted);font-size:12px}.yx-profile-sorts .yx-control{border-radius:99px;padding:6px 11px;font-size:12px}.yx-profile-sorts .yx-glyph{width:14px;height:14px}.yx-profile-stats>span{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:48px}.yx-profile-stats{gap:30px!important}.yx-profile-stats strong{font-size:21px!important}.yx-prompt-avatar{overflow:hidden;flex-shrink:0}.yx-prompt-avatar>img{width:100%!important;height:100%!important;object-fit:cover}.yx-prompt-avatar:has(img)>svg{display:none}.yx-profile-hero{min-height:280px}.yx13-knowledge-author{margin:12px 0 8px}.yx13-knowledge-author .yx-prompt-author{width:100%;text-align:left}.yx13-knowledge-collection{width:min(1080px,calc(100vw - 28px));max-height:calc(100dvh - 32px)}.yx13-knowledge-collection .yx-profile-dialog-body{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.yx13-knowledge-collection .yx-prompt-author{margin-bottom:12px;width:100%;text-align:left}.yx13-knowledge-list{display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:55dvh}.yx13-knowledge-list button{text-align:left}.yx13-knowledge-list button.active{border-color:var(--yx-primary);background:color-mix(in srgb,var(--yx-primary) 9%,var(--yx-panel))}
/* Center the tool name and supporting description. */
.yx-toolbox-home .toolbox-card{align-items:center!important;justify-content:center!important;text-align:center!important}.yx-toolbox-home .toolbox-card h2{width:100%;text-align:center!important;margin:0 0 13px!important}.yx-toolbox-home .toolbox-card p{width:100%;max-width:87%!important;text-align:center!important;margin:0!important;line-height:1.9!important}.yx-toolbox-home .toolbox-watermark{pointer-events:none}
/* Community fills the screen's available height and shares the creator banner. */
.yx-forum-page{display:flex;flex-direction:column;min-height:100%;padding-bottom:20px}.yx-forum-heading{background:#263b74 url('/yunxiao/assets/yx-31494a66f32f887c-yx32-61e4c1ae49c4-yunxiao-banner.svg') center/cover!important;color:#f5f8ff;border-color:#ffffff30!important;min-height:154px;padding:28px 32px}.yx-forum-heading .yx-eyebrow,.yx-forum-heading p{color:#e8edffcc!important}.yx-forum-heading .yx-control:not(.primary){color:white;background:#ffffff18;border-color:#ffffff55}.yx-forum-workspace{flex:1;min-height:calc(100dvh - 292px);align-items:stretch;gap:20px}.yx-forum-categories{position:static;align-self:stretch;display:flex;flex-direction:column}.yx-forum-guide{margin-top:auto;padding-top:20px}.yx-forum-main{min-height:0!important;display:flex;flex-direction:column}.yx-forum-main .yx-home-empty{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 0;min-height:240px}.yx-discussion-row{padding:25px 0}.yx-forum-main .yx-pagination{margin-top:auto;padding-top:18px}
/* Full cover studio: stable preview, compact controls and book/title alignment. */
.yx13-cover-page{max-width:none;padding:18px 24px 20px}.yx13-cover-page>.yx-unified-heading{padding:16px 22px;min-height:86px}.yx13-cover-page h1{font-size:23px!important;margin:5px 0!important}.yx13-cover-page .yx-unified-heading p{margin:0}.yx13-cover-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:20px;margin-top:16px;min-height:calc(100dvh - 210px)}.yx13-cover-preview,.yx13-cover-settings{border:1px solid var(--yx-border);border-radius:18px;background:var(--yx-panel);padding:20px;min-width:0}.yx13-cover-preview{display:flex;flex-direction:column;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--yx-primary) 9%,transparent),transparent 65%),var(--yx-panel);gap:15px}.yx13-preview-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}.yx13-preview-heading>span{color:var(--yx-muted)}.yx13-canvas-stage{flex:1;min-height:340px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(var(--yx-border) .8px,transparent .8px);background-size:16px 16px;border-radius:12px;padding:22px;overflow:hidden}.yx13-canvas-stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 330px);box-shadow:0 14px 34px #15233944;object-fit:contain;border-radius:3px}.yx13-preview-foot{display:flex;justify-content:center;gap:8px;font-size:11px;color:var(--yx-muted);align-items:center}.yx13-cover-settings{display:flex;flex-direction:column;gap:13px}.yx13-cover-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;margin:0}.yx13-cover-field>span{font-weight:550}.yx13-cover-field input,.yx13-cover-field select{width:100%;padding:9px 11px;font-size:12px;min-height:37px;border-radius:8px}.yx13-cover-bookrow,.yx13-cover-tworow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.yx13-cover-bookrow{grid-template-columns:1.15fr .85fr}.yx13-cover-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.yx13-style-tile{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--yx-border);border-radius:10px;padding:13px 6px;font:inherit;font-size:12px;background:var(--yx-panel);cursor:pointer;color:var(--yx-text)}.yx13-style-tile:before{content:'';width:19px;height:25px;border-radius:3px;background:linear-gradient(135deg,var(--cover-a),var(--cover-b));box-shadow:inset 0 0 0 1px var(--cover-c)}.yx13-style-tile.active,.yx13-ratio.active{border-color:var(--yx-primary);background:color-mix(in srgb,var(--yx-primary) 8%,var(--yx-panel));color:var(--yx-primary)}.yx13-cover-modes{display:flex;gap:7px}.yx13-cover-modes .yx-control{flex:1;justify-content:center;padding:7px;font-size:12px}.yx13-ratios{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.yx13-ratio{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;padding:9px 5px;border:1px solid var(--yx-border);border-radius:9px;color:var(--yx-muted);background:var(--yx-panel);font:inherit;font-size:11px;cursor:pointer;min-height:65px}.yx13-ratio-shape{display:block;height:24px;max-width:38px;border:1.5px solid currentColor;box-sizing:border-box}.yx13-cover-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:7px}.yx13-cover-actions .yx-control{justify-content:center;flex:1;font-size:12px;padding:10px;white-space:nowrap}
/* All three themes change the complete visual system. */
html.cyber{--yx-bg:#080f21;--yx-panel:#10243c;--yx-border:#397c936b;--yx-text:#e8f9ff;--yx-muted:#99becd;--yx-primary:#67e3f4;--yx-accent:#c795ff;color-scheme:dark}html.pink{--yx-bg:#f9e7ec;--yx-panel:#fff7f8;--yx-border:#e4c3d0;--yx-text:#523545;--yx-muted:#9b7385;--yx-primary:#bc547e;--yx-accent:#db95b2;color-scheme:light}html.retro{--yx-bg:#e9ddc2;--yx-panel:#f8efd9;--yx-border:#bbaa89;--yx-text:#3e3428;--yx-muted:#89765b;--yx-primary:#776042;--yx-accent:#a3774f;color-scheme:light}
html:is(.cyber,.pink,.retro) body,html:is(.cyber,.pink,.retro) #app{background:var(--theme-scene) center/cover fixed!important;color:var(--yx-text)}html.cyber{--theme-scene:url('/yunxiao/assets/yx-9581cfc64af33de8-yx32-61e4c1ae49c4-theme-cyber.svg')}html.pink{--theme-scene:url('/yunxiao/assets/yx-3f29f833c47336a1-yx32-61e4c1ae49c4-theme-pink.svg')}html.retro{--theme-scene:url('/yunxiao/assets/yx-244ae484faa3ac7c-yx32-61e4c1ae49c4-theme-retro.svg')}
html:is(.cyber,.pink,.retro) :is(main,.yx-compact-page,.yx-toolbox-home,.toolbox-page,.yx-creator-page,.yx-forum-page,.yx-cover-page){background:transparent!important}html:is(.cyber,.pink,.retro) :is(.yx-panel,.n-card,.library-card,.toolbox-card,.yx-toolbox-header,.yx-unified-heading,.yx-forum-main,.yx-forum-categories,.yx-profile-content,.yx13-cover-settings,.yx13-cover-preview,.yx-profile-dialog,.yx-creator-prompt,.toolbox-workflow,.yx-script-advanced){border-color:var(--yx-border)!important;color:var(--yx-text)!important}
html:is(.cyber,.pink,.retro) :is(.n-input,.n-base-selection,.n-dropdown-menu,.n-modal,.n-popover){--n-color:var(--yx-panel)!important;--n-color-focus:var(--yx-panel)!important;--n-color-active:var(--yx-panel)!important;--n-text-color:var(--yx-text)!important;--n-border:1px solid var(--yx-border)!important;--n-menu-item-color-hover:color-mix(in srgb,var(--yx-primary) 12%,var(--yx-panel))!important;--n-menu-item-text-color:var(--yx-text)!important;--n-option-text-color:var(--yx-text)!important;--n-option-color-pending:color-mix(in srgb,var(--yx-primary) 12%,var(--yx-panel))!important;--n-color-modal:var(--yx-panel)!important;--n-color-popover:var(--yx-panel)!important}
html:is(.cyber,.pink,.retro) .n-button{--n-text-color:var(--yx-text)!important;--n-border:1px solid var(--yx-border)!important;--n-color:var(--yx-panel)!important;--n-color-hover:color-mix(in srgb,var(--yx-primary) 10%,var(--yx-panel))!important;--n-text-color-hover:var(--yx-primary)!important;--n-border-hover:1px solid var(--yx-primary)!important}html:is(.cyber,.pink,.retro) .n-button--primary-type{--n-color:var(--yx-primary)!important;--n-color-hover:color-mix(in srgb,var(--yx-primary) 83%,white)!important;--n-text-color:var(--theme-button-text)!important;--n-border:1px solid var(--yx-primary)!important}
html:is(.cyber,.pink,.retro) :is(.yx-prompt-category-group,.yx-prompt-author,.yx-role-popup,.yx-chapter-row,.yx-volume-header,.yx-sidebar-section,.yx-estimate,.yx-profile-resource){background:color-mix(in srgb,var(--yx-primary) 4%,var(--yx-panel))!important;border-color:var(--yx-border)!important;color:var(--yx-text)}html:is(.cyber,.pink,.retro) .yx-control.primary{color:var(--theme-button-text)!important;border-color:var(--yx-primary);background:var(--yx-primary)}html:is(.cyber,.pink,.retro) .yx-brand{color:var(--yx-primary)!important;background:none!important;-webkit-text-fill-color:var(--yx-primary)!important}
/* Cyan HUD frames, translucent raised glyphs, circuits and iridescent light. */
html.cyber{--theme-button-text:#062433}html.cyber .yx-app-header{background:linear-gradient(100deg,#0c193aea,#163c4aea)!important;border-bottom:1px solid #71e8ef80!important;box-shadow:0 2px 26px #51dce621}html.cyber .yx-app-sidebar{background:linear-gradient(180deg,#0c1b35ed,#07132bdc)!important;border-right-color:#55b4c866!important;backdrop-filter:blur(14px)}html.cyber .yx-app-sidebar nav a{border:1px solid transparent;border-radius:5px!important}html.cyber .yx-side-active{background:linear-gradient(90deg,#43cbe628,#ac78f216)!important;border-color:#73d4e55c!important;box-shadow:inset 3px 0 #66e5ef,0 0 16px #50d8eb14!important;color:#a0f5ff!important}
html.cyber :is(.yx-panel,.n-card,.library-card,.toolbox-card,.yx-toolbox-header,.yx-unified-heading,.yx-forum-main,.yx-forum-categories,.yx-profile-content,.yx13-cover-settings,.yx13-cover-preview,.yx-profile-dialog,.toolbox-workflow,.yx-script-advanced){background:linear-gradient(125deg,#14364acd,#152a46e8 55%,#302754d9)!important;box-shadow:inset 0 0 28px #4197b408,0 8px 28px #0003!important;border-radius:9px!important;backdrop-filter:blur(14px);position:relative}
html.cyber :is(.toolbox-card,.library-card,.yx-toolbox-header,.yx-unified-heading,.yx13-cover-settings,.yx13-cover-preview,.yx-profile-content,.yx-forum-main):before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(#86eafa,#86eafa) left top/30px 2px no-repeat,linear-gradient(#86eafa,#86eafa) left top/2px 20px no-repeat,linear-gradient(#c895ff,#c895ff) right bottom/30px 2px no-repeat,linear-gradient(#c895ff,#c895ff) right bottom/2px 20px no-repeat;opacity:.7}
html.cyber :is(.yx-glyph,.yx-category-mark svg,.yx-source-icon svg,.yx-app-sidebar nav svg){color:#8ceef4;filter:drop-shadow(0 0 5px #61dcec55)}html.cyber .yx-app-sidebar nav svg{padding:5px;box-sizing:content-box;border:1px solid #8bdced3d;border-radius:8px;background:linear-gradient(135deg,#79d7eb1f,#ca9bf314);box-shadow:inset 1px 1px #defaff2b,0 0 10px #7ae6ff18}
html.cyber .toolbox-card{min-height:225px!important;padding:94px 20px 24px!important;background:radial-gradient(ellipse at 50% 0,#66d4ff18,transparent 70%),linear-gradient(140deg,#153a51d9,#292044de)!important}html.cyber .toolbox-card:nth-child(3n+2){background:radial-gradient(ellipse at 50% 0,#b285ff27,transparent 70%),linear-gradient(140deg,#24334dde,#37264ee0)!important}html.cyber .toolbox-card h2{color:#e7faff!important;text-shadow:0 0 20px #8aeaf43a}html.cyber .toolbox-card p{color:#aac9d7!important}html.cyber .toolbox-watermark{left:50%!important;top:24px!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;width:65px;height:65px;border:1px solid #8ceff84f;border-radius:14px;background:linear-gradient(140deg,#d4faff20,#9dcff305);box-shadow:inset 0 1px #e8ffff99,0 0 25px #4adeec25;opacity:1!important;display:flex;align-items:center;justify-content:center}.cyber .toolbox-watermark svg{width:42px!important;height:42px!important;opacity:1!important;color:#b1f4fc!important;filter:drop-shadow(0 0 8px #54f7ed99)}html.cyber .toolbox-card:hover{border-color:#8ceff8!important;box-shadow:inset 0 0 24px #8bedf31b,0 0 24px #61dceb30!important}
html.cyber .yx-profile-hero{box-shadow:0 0 0 1px #9ce7ff66,0 12px 40px #5aaaf629;background-blend-mode:screen}html.cyber .yx-editor :is(.cm-editor,.cm-scroller){background:#0d1c30f5!important;color:#e8f4fb!important}html.cyber .yx-editor .cm-content{color:#e8f4fb!important}html.cyber .yx-forum-heading{box-shadow:0 0 20px #71bfee22!important;border-radius:9px}.cyber .yx-manual-mark{color:#203049!important}
/* Rose glass, rounded arches, pearl glyphs and a soft architectural scene. */
html.pink{--theme-button-text:white}html.pink .yx-app-header{background:#fff8fad9!important;backdrop-filter:blur(18px);border-bottom:1px solid #fff!important;box-shadow:0 4px 22px #b4678718}html.pink .yx-app-sidebar{background:#fff8f9b8!important;border-right:1px solid #fff!important;backdrop-filter:blur(16px)}html.pink .yx-app-sidebar nav a{border-radius:22px!important;padding-top:10px;padding-bottom:10px}html.pink .yx-side-active{background:linear-gradient(110deg,#f2c6d8b0,#ffedf2c4)!important;color:#ae4a74!important;border:1px solid #fff!important;box-shadow:0 4px 13px #d6a0b733!important}html.pink .yx-app-sidebar nav svg{padding:7px;box-sizing:content-box;color:#ba6b8d;border:1px solid white;border-radius:50%;background:linear-gradient(145deg,#fff,#f6dfe8);box-shadow:0 3px 8px #b57e9721}
html.pink :is(.yx-panel,.n-card,.library-card,.toolbox-card,.yx-toolbox-header,.yx-unified-heading,.yx-forum-main,.yx-forum-categories,.yx-profile-content,.yx13-cover-settings,.yx13-cover-preview,.yx-profile-dialog,.toolbox-workflow,.yx-script-advanced){background:linear-gradient(130deg,#fffcf9ee,#fff3f7d9)!important;border:1px solid #fff!important;border-radius:24px!important;box-shadow:inset 0 1px white,0 10px 28px #b77d9819!important;backdrop-filter:blur(13px)}html.pink :is(.yx-glyph,.yx-category-mark svg,.yx-source-icon svg){color:#bd6488;filter:drop-shadow(0 2px 2px #b3849622)}html.pink .toolbox-card{padding:90px 18px 23px!important;min-height:225px!important}html.pink .toolbox-watermark{top:20px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;opacity:1!important;border:1px solid white;background:linear-gradient(150deg,#fff9f8,#f1cbdc);border-radius:50%;width:62px;height:62px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #cc8aac25,inset 1px 2px #fff}.pink .toolbox-watermark svg{width:34px!important;height:34px!important;color:#bd7395!important;opacity:.8!important}html.pink .toolbox-card h2{color:#674050!important}html.pink .toolbox-card p{color:#987082!important}html.pink .toolbox-card:hover{box-shadow:0 12px 30px #b96d9132!important;border-color:#d49aae!important}html.pink .yx-profile-hero:not([style*="background-image"]),html.pink .yx-forum-heading{background-image:linear-gradient(120deg,#87557550,#f0a9c92c),url('/yunxiao/assets/yx-3f29f833c47336a1-yx32-61e4c1ae49c4-theme-pink.svg')!important;color:#603647!important;border:2px solid #fffbfa!important;border-radius:26px;box-shadow:0 10px 25px #b874951d!important}.pink .yx-profile-identity p,.pink .yx-profile-kicker,.pink .yx-forum-heading p,.pink .yx-forum-heading .yx-eyebrow{color:#8a5870!important}.pink .yx-profile-topline .yx-control,.pink .yx-forum-heading .yx-control:not(.primary){color:#945571;background:#fff8fa80;border-color:#fff}.pink .yx-profile-avatar{border-color:#fff5f8;box-shadow:0 5px 18px #aa668e35}html.pink .yx-profile-hero[style*="background-image"]{background-blend-mode:normal}html.pink .yx-control,html.pink :is(.n-input,.n-base-selection){border-radius:14px!important}.pink .yx-control.primary{box-shadow:0 5px 12px #b5558033}.pink .yx-editor :is(.cm-editor,.cm-scroller){background:#fff7f9fa!important;color:#503744!important}.pink .yx-editor .cm-content{color:#503744!important}
/* Ink, paper grain, editorial rules and antique serif typography. */
html.retro{--theme-button-text:#fff8e8;font-family:"Noto Serif SC",SimSun,serif}html.retro :is(h1,h2,h3,.yx-brand,.library-card-title,.yx-profile-resource){font-family:"Noto Serif SC",SimSun,serif!important}html.retro .yx-app-header{background:#f4ebd8ed!important;border-bottom:4px double #a49170!important;box-shadow:0 4px 12px #49382412}.retro .yx-brand{letter-spacing:.09em;font-weight:750}.retro .yx-brand-mark{filter:sepia(1) saturate(.4);border-radius:3px!important}.retro .yx-app-sidebar{background:#e7dac0cf!important;border-right:3px double #b3a283!important}.retro .yx-app-sidebar nav a{border-radius:0!important;border-bottom:1px solid #c2b28f30}.retro .yx-side-active{background:#d4c09b55!important;border:1px solid #a28c67!important;border-left:3px solid #786345!important;color:#4f3c26!important;box-shadow:none!important}.retro .yx-app-sidebar nav svg{color:#766144;filter:sepia(1)}
html.retro :is(.yx-panel,.n-card,.library-card,.toolbox-card,.yx-toolbox-header,.yx-unified-heading,.yx-forum-main,.yx-forum-categories,.yx-profile-content,.yx13-cover-settings,.yx13-cover-preview,.yx-profile-dialog,.toolbox-workflow,.yx-script-advanced){background:#faf2dfef!important;border:1px solid #b3a17f!important;border-radius:3px!important;box-shadow:3px 4px 0 #ab96772b,0 8px 16px #5545250a!important}.retro .yx-unified-heading,.retro .yx-toolbox-header{border-top:4px double #a28d68!important;border-bottom:4px double #a28d68!important}.retro .toolbox-card{background:linear-gradient(145deg,#f7efddee,#eadabeef)!important}.retro .toolbox-card h2{color:#4d3e28!important;font-size:20px!important;letter-spacing:.04em}.retro .toolbox-card p{color:#897356!important}.retro .toolbox-watermark{opacity:.16!important;filter:sepia(1)}.retro .toolbox-card:hover{border-color:#645031!important;box-shadow:3px 4px 0 #b2966655!important}.retro .yx-glyph,.retro .yx-category-mark svg{color:#896c43}.retro .yx-profile-hero:not([style*="background-image"]),.retro .yx-forum-heading{background-image:linear-gradient(#f0e7d4a0,#e1cfaa70),url('/yunxiao/assets/yx-244ae484faa3ac7c-yx32-61e4c1ae49c4-theme-retro.svg')!important;color:#4e3b27!important;border:4px double #9b8868!important;border-radius:3px!important;box-shadow:3px 4px 0 #9b866633!important}.retro .yx-profile-identity p,.retro .yx-profile-kicker,.retro .yx-forum-heading p,.retro .yx-forum-heading .yx-eyebrow{color:#7e694b!important}.retro .yx-profile-topline .yx-control,.retro .yx-forum-heading .yx-control:not(.primary){color:#705738;background:#fff7e080;border-color:#ae9976}.retro .yx-profile-avatar{border-color:#e5d6b8;filter:sepia(.1)}.retro :is(.yx-control,.n-input,.n-base-selection,.yx-profile-resource,.yx-prompt-author,.yx-prompt-category-group){border-radius:2px!important}.retro .yx-profile-tabs,.retro .yx-forum-tools{border-bottom:3px double #ad9a79!important}.retro .yx-editor :is(.cm-editor,.cm-scroller){background:#f7efdcfa!important;color:#3c3428!important}.retro .yx-editor .cm-content{color:#3c3428!important}.retro .yx-editor .cm-content{background-image:repeating-linear-gradient(transparent,transparent calc(var(--yx-editor-lh,1.8)*1em - 1px),#c5b28f20 calc(var(--yx-editor-lh,1.8)*1em));background-attachment:local}.retro .yx-eyebrow{letter-spacing:.17em}
@media(max-width:1050px){.yx13-cover-workspace{grid-template-columns:minmax(0,.85fr) minmax(400px,1.15fr)}.yx13-cover-settings{padding:16px}.yx13-cover-actions{gap:6px}.yx-profile-tab{gap:5px}.yx-profile-tab .yx-glyph{width:16px}.yx-profile-id{max-width:75vw}.yx-forum-workspace{min-height:calc(100dvh - 330px)}}
@media(max-width:750px){.yx13-cover-page{padding:12px}.yx13-cover-workspace{display:flex;flex-direction:column-reverse;min-height:0}.yx13-canvas-stage{min-height:300px}.yx13-canvas-stage canvas{max-height:470px}.yx13-cover-page>.yx-unified-heading{padding:16px}.yx13-cover-actions .yx-control{font-size:11px}.yx-profile-tab{font-size:11px!important;gap:4px;padding:14px 2px!important}.yx-profile-tab .yx-tab-count{padding:1px 4px;font-size:9px}.yx-profile-sorts{gap:5px}.yx-profile-sorts .yx-control{padding:6px 9px}.yx-forum-categories{display:flex;flex-direction:row;align-self:stretch}.yx-forum-guide{display:none}.yx-forum-heading{padding:22px}.yx-forum-workspace{min-height:calc(100dvh - 400px)}.yx13-knowledge-collection .yx-profile-dialog-body{grid-template-columns:1fr}.yx13-knowledge-list{max-height:250px}html.cyber .toolbox-card,html.pink .toolbox-card{padding:88px 10px 18px!important;min-height:210px!important}}
@media(prefers-reduced-motion:reduce){html:is(.cyber,.pink,.retro) *{animation:none!important;transition:none!important}}
.cyber .toolbox-watermark>.n-icon{font-size:42px!important;width:42px!important;height:42px!important;line-height:42px!important;flex:none!important}.pink .toolbox-watermark>.n-icon{font-size:34px!important;width:34px!important;height:34px!important;line-height:34px!important;flex:none!important}
.yx13-cover-page>.yx-unified-heading{min-height:76px;padding:12px 20px}.yx13-cover-settings{padding:17px;gap:9px}.yx13-cover-field{gap:4px}.yx13-cover-field input,.yx13-cover-field select{padding:7px 10px;min-height:32px}.yx13-style-tile{padding:8px 5px;min-height:39px}.yx13-ratio{min-height:48px;padding:5px;gap:4px}.yx13-ratio-shape{height:19px}.yx13-cover-modes .yx-control{padding:7px;font-size:11px;min-height:32px}.yx13-cover-actions .yx-control{padding:8px;font-size:11px}.yx13-cover-actions{padding-top:2px}.yx13-canvas-stage{min-height:280px;padding:16px}.yx13-cover-workspace{min-height:calc(100dvh - 210px)}
@media(min-width:1000px){.yx13-cover-workspace{height:calc(100dvh - 210px);min-height:495px}.yx13-cover-settings{overflow:auto}.yx13-canvas-stage{min-height:0}.yx13-canvas-stage canvas{max-height:100%;max-width:100%;object-fit:contain}.yx13-cover-preview{min-height:0;overflow:hidden}.yx13-canvas-stage{position:relative}.yx13-canvas-stage canvas{position:absolute;inset:16px;margin:auto;max-height:calc(100% - 32px);max-width:calc(100% - 32px)}}
.yx13-cover-settings-body{display:flex;flex-direction:column;gap:9px;min-height:0}.yx13-cover-actions{flex-shrink:0;margin-top:0;padding-top:9px;border-top:1px solid var(--yx-border)}
@media(min-width:1000px){.yx13-cover-settings{overflow:hidden}.yx13-cover-settings-body{flex:1;overflow:auto;padding-right:3px;scrollbar-width:thin}}
.pink .yx-profile-hero[style*="background-image"] :is(h1,p,.yx-profile-kicker,.yx-profile-stats),.retro .yx-profile-hero[style*="background-image"] :is(h1,p,.yx-profile-kicker,.yx-profile-stats){color:#fff8ef!important}

.yx-memo-launcher>.yx-control{height:26px;padding:2px 7px;gap:4px;font-size:12px;white-space:nowrap}.yx-memo-launcher svg{width:15px;height:15px}.yx-memo-modal.n-card{padding:0!important;background:var(--yx-panel)!important;overflow:hidden}.yx-memo-modal>.n-card__content{padding:0!important}.yx-memo-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--yx-border);background:linear-gradient(115deg,var(--yx-panel,var(--yx-panel)),var(--yx-panel));gap:12px}.yx-memo-heading>div{display:flex;align-items:center;gap:10px}.yx-memo-heading strong{font-size:18px}.yx-memo-heading small{color:var(--yx-muted);max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.yx-memo-heading .yx-control{padding:5px 10px;font-size:12px}.yx-memo-workspace{display:grid;grid-template-columns:285px minmax(0,1fr);height:min(710px,calc(100dvh - 140px));min-height:310px;color:var(--yx-text)}.yx-memo-sidebar{display:flex;flex-direction:column;padding:14px;gap:10px;min-height:0;border-right:1px solid var(--yx-border);background:var(--yx-panel,var(--yx-panel))}.yx-memo-actions{display:flex;gap:5px}.yx-memo-actions .yx-control{padding:5px 9px;font-size:12px}.yx-memo-sidebar input:not([type=checkbox]),.yx-memo-sidebar select,.yx-memo-fields>input,.yx-memo-metadata input:not([type=checkbox]),.yx-memo-metadata select{width:100%;border:1px solid var(--yx-border);border-radius:8px;background:var(--yx-panel);color:var(--yx-text);padding:8px 10px;min-width:0;font:inherit}.yx-memo-sidebar select{font-size:12px}.yx-memo-tree{flex-shrink:0;max-height:42%;overflow:auto}.yx-memo-scope{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--yx-border)}.yx-memo-scope header{display:flex;align-items:center;gap:8px}.yx-memo-scope header small,.yx-memo-scope-hint{color:var(--yx-muted);font-size:11px}.yx-memo-scope header button{margin-left:auto;padding:4px 6px}.yx-memo-scope-hint{display:block;margin:3px 0 7px}.yx-memo-folder{display:flex;align-items:center;gap:6px;text-align:left;width:100%;padding:6px 8px;border:0;background:transparent;color:var(--yx-muted);font-size:12px;border-radius:6px}.yx-memo-folder svg{width:14px}.yx-memo-folder small{margin-left:auto}.yx-memo-folder.active,.yx-memo-list-row.active{background:color-mix(in srgb,var(--yx-accent) 11%,transparent);color:var(--yx-accent)}.yx-memo-list{overflow:auto;min-height:0;flex:1}.yx-memo-list-row{display:flex;align-items:center;border-radius:9px;margin-bottom:6px}.yx-memo-list-row>button{display:flex;flex:1;min-width:0;text-align:left;flex-direction:column;gap:4px;padding:9px 10px;background:transparent;border:0;color:inherit}.yx-memo-list-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;max-width:100%}.yx-memo-list-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--yx-muted);max-width:100%}.yx-memo-no-items{font-size:12px;text-align:center}.yx-memo-editor{display:flex;min-width:0;min-height:0;flex-direction:column;padding:18px 20px 14px}.yx-memo-status{display:flex;justify-content:space-between;color:var(--yx-muted);font-size:12px;margin-bottom:12px;min-height:20px}.yx-memo-status span{color:var(--yx-accent)}.yx-memo-editor .yx-form-note{flex-shrink:0;margin:0 0 8px}.yx-memo-fields{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.yx-memo-fields>input{font-size:17px;font-weight:600}.yx-memo-fields>textarea{resize:none;flex:1;min-height:100px;line-height:1.8;padding:15px;border:1px solid var(--yx-border);background:var(--yx-panel);color:var(--yx-text);border-radius:9px;font-size:14px}.yx-memo-counter{text-align:right;font-size:11px;color:var(--yx-muted);margin-top:-6px}.yx-memo-metadata{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:10px;align-items:end;font-size:11px;color:var(--yx-muted)}.yx-memo-metadata label{display:grid;gap:4px}.yx-memo-metadata .yx-memo-pin{display:flex;align-items:center;padding-bottom:10px;white-space:nowrap}.yx-memo-fields footer{display:flex;align-items:center;gap:12px;padding-top:5px}.yx-memo-fields footer>span{margin-left:auto;font-size:11px}.yx-memo-fields footer>.primary{min-width:84px}.yx-memo-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--yx-muted);text-align:center}.yx-memo-empty svg{width:46px;height:46px;opacity:.45}.yx-memo-empty h2{font-size:17px;margin:6px 0}.yx-memo-empty p{font-size:12px}.yx-memo-docked{position:fixed;right:8px;top:138px;bottom:16px;width:min(490px,calc(100vw - 16px));z-index:150;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:12px;box-shadow:0 14px 50px #0003;display:flex;flex-direction:column;overflow:hidden}.yx-memo-docked .yx-memo-heading{padding:10px}.yx-memo-docked .yx-memo-heading small{display:none}.yx-memo-workspace.is-docked{height:auto;flex:1;min-height:0;grid-template-columns:145px minmax(0,1fr)}.is-docked .yx-memo-sidebar{padding:8px;gap:7px}.is-docked .yx-memo-actions{flex-wrap:wrap}.is-docked .yx-memo-actions .yx-control{padding:3px 5px;font-size:10px}.is-docked .yx-memo-editor{padding:10px}.is-docked .yx-memo-metadata{grid-template-columns:1fr}.is-docked .yx-memo-metadata label{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;white-space:nowrap}.is-docked .yx-memo-metadata .yx-memo-pin{padding-bottom:0}.is-docked .yx-memo-scope header{gap:3px}.is-docked .yx-memo-scope strong{font-size:12px}.yx-control.danger{color:#e05c75;border-color:#e05c7533}.yx-memo-modal input:focus,.yx-memo-modal textarea:focus{outline:2px solid color-mix(in srgb,var(--yx-accent) 35%,transparent);outline-offset:1px}.yx-memo-confirm form{display:grid;gap:12px}.yx-memo-confirm input,.yx-memo-confirm select{padding:9px;border:1px solid var(--yx-border);border-radius:8px;background:var(--yx-panel);color:var(--yx-text)}@media(max-width:700px){.yx-memo-heading{padding:10px;gap:7px}.yx-memo-heading small{display:none}.yx-memo-heading>div{gap:5px}.yx-memo-heading .yx-control{padding:4px 7px;font-size:11px}.yx-memo-workspace{grid-template-columns:150px minmax(0,1fr);height:calc(100dvh - 120px)}.yx-memo-sidebar{padding:8px;gap:7px}.yx-memo-actions{flex-wrap:wrap}.yx-memo-editor{padding:10px}.yx-memo-metadata{grid-template-columns:1fr}.yx-memo-metadata .yx-memo-pin{padding-bottom:0}.yx-memo-tree{max-height:220px;overflow:auto}.yx-memo-fields>input{font-size:14px}.yx-memo-fields footer{gap:6px}.yx-memo-fields footer>.primary{min-width:58px}}

.yx15-guide{border:1px solid var(--yx-border,#d6dfee);border-radius:12px;background:var(--yx-panel,#fff);margin:12px 0;color:var(--yx-text,#22334f);flex-shrink:0}.yx15-guide summary{cursor:pointer;padding:13px 16px;font-weight:600;font-size:13px;color:var(--yx-primary,#2865f5)}.yx15-guide-body{padding:0 16px 16px;font-size:13px;line-height:1.7}.yx15-guide-row{margin:12px 0}.yx15-guide-row p{margin:5px 0;color:var(--yx-muted,#64748b)}.yx15-route{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.yx15-route span{background:var(--yx-soft,#eff4ff);border:1px solid var(--yx-border,#d6dfee);border-radius:8px;padding:7px 11px}.yx15-route span+span:before{content:'→';margin-right:10px;color:var(--yx-muted,#64748b)}
.yx15-cover-prompt{background:var(--yx-soft,#f5f8ff);border:1px solid var(--yx-border,#d6dfee);border-radius:12px;padding:14px;display:grid;gap:10px;margin:2px 0 8px}.yx15-cover-prompt-top,.yx15-toolbar,.yx15-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.yx15-cover-prompt p,.yx15-local-note{font-size:12px;line-height:1.7;color:var(--yx-muted,#64748b);margin:0}.yx15-cover-prompt textarea{width:100%;min-height:110px;resize:vertical}.yx15-cover-prompt pre{white-space:pre-wrap;font-size:12px;line-height:1.7;max-height:200px;overflow:auto;margin:10px 0}.yx15-cover-modal .n-card__content{overflow:auto;max-height:calc(100dvh - 180px);overscroll-behavior:contain}.yx15-cover-modal input,.yx15-cover-modal textarea,.yx15-cover-modal select,.yx15-cover-prompt input,.yx15-cover-prompt textarea{font:inherit;color:var(--yx-text,#22334f);background:var(--yx-panel,#fff);border:1px solid var(--yx-border,#d6dfee);border-radius:8px;padding:10px;box-sizing:border-box}.yx15-cover-modal input:focus,.yx15-cover-modal textarea:focus{outline:2px solid #6a8aff;outline-offset:1px}.yx15-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.yx15-tabs .active{color:var(--yx-accent-text);background:var(--yx-soft,#edf3ff);border-color:var(--yx-border)}.yx15-search{display:flex;gap:8px}.yx15-search input{flex:1;min-width:100px}.yx15-filter{display:flex;gap:16px;align-items:end;margin:14px 0;flex-wrap:wrap}.yx15-picker-field{display:grid;gap:6px;font-size:12px}.yx15-picker-field select{min-width:150px}.yx15-filter>small{margin-bottom:10px}.yx15-picker-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;min-height:320px}.yx15-picker-list{max-height:430px;overflow:auto;padding:2px}.yx15-prompt-card{display:flex;text-align:left;width:100%;gap:12px;justify-content:space-between;padding:14px;border:1px solid var(--yx-border,#d6dfee);background:var(--yx-panel,#fff);color:var(--yx-text,#22334f);border-radius:12px;margin-bottom:10px;cursor:pointer}.yx15-prompt-card.selected{border-color:var(--yx-primary);box-shadow:0 0 0 1px #4e80ff;background:var(--yx-soft,#f5f8ff)}.yx15-prompt-card-text{min-width:0;flex:1}.yx15-prompt-card-top{display:flex;gap:8px;align-items:start;justify-content:space-between}.yx15-prompt-card strong{font-size:14px;line-height:1.6}.yx15-prompt-card p{font-size:12px;line-height:1.6;color:var(--yx-muted,#64748b);margin:7px 0 12px}.yx15-source{font-size:10px;white-space:nowrap;background:var(--yx-soft,#edf3ff);color:var(--yx-accent-text);padding:3px 6px;border-radius:4px}.yx15-style-thumbnail{width:60px;min-width:60px;height:90px;border-radius:4px;box-shadow:0 4px 8px #14203922;position:relative;display:flex;flex-direction:column;justify-content:center;padding:7px;color:#fff}.yx15-style-thumbnail:before{content:'';position:absolute;inset:5px;border:1px solid #ffffff55}.yx15-style-thumbnail span{font:17px serif}.yx15-style-thumbnail small{font-size:8px;margin-top:10px}.yx15-author{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px}.yx15-author img{width:24px;height:24px;border-radius:50%;object-fit:cover}.yx15-author small{color:var(--yx-muted,#64748b)}.yx15-picker-preview{padding:16px;border:1px solid var(--yx-border,#d6dfee);border-radius:12px;background:var(--yx-soft,#f5f8ff);min-width:0}.yx15-picker-preview h3{font-size:16px;margin:0 0 10px}.yx15-picker-preview>p{font-size:12px;line-height:1.7}.yx15-picker-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.9;max-height:240px;overflow:auto;margin:14px 0}.yx15-picker-preview button{margin-top:12px}.yx15-picker-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--yx-border,#d6dfee)}.yx15-empty{padding:40px 10px;text-align:center;color:var(--yx-muted,#64748b);font-size:13px;line-height:1.8}.yx15-error{color:var(--yx-danger);background:var(--yx-danger-bg);border:1px solid var(--yx-border);border-radius:8px;padding:10px;font-size:13px}.yx15-create{display:grid;gap:12px}.yx15-create .yx15-toolbar{justify-content:flex-end}.yx15-cover-prompt .yx-control{font-size:12px}
@media(max-width:700px){.yx15-picker-layout{grid-template-columns:1fr}.yx15-picker-list{max-height:300px}.yx15-search{flex-wrap:wrap}.yx15-search input{flex-basis:100%}.yx15-filter{gap:10px}.yx15-picker-field select{min-width:120px}.yx15-cover-modal .n-card__content{max-height:calc(100dvh - 160px)}.yx15-cover-prompt-top{align-items:start}.yx15-guide summary{padding:12px;font-size:12px}.yx15-guide-body{padding:0 12px 12px}}

.yx16-stepbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;border:1px solid var(--yx-border);border-radius:12px;background:var(--yx-panel)}
.yx16-stepbar span{display:flex;align-items:center;gap:8px;flex:1;min-width:150px;color:var(--yx-muted);font-size:13px}.yx16-stepbar b,.yx16-number{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--yx-accent-bg);color:var(--yx-muted);flex-shrink:0}.yx16-stepbar .active{color:var(--yx-accent-text);font-weight:600}.yx16-stepbar .active b{background:var(--yx-primary);color:var(--yx-on-primary)}
.yx16-section-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.yx16-section-title strong{display:block;font-size:15px}.yx16-section-title small{display:block;color:var(--yx-muted);line-height:1.6;margin-top:4px}
.yx16-brief{padding-bottom:14px;border-bottom:1px solid var(--yx-border)}.yx16-brief-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:var(--yx-muted)}.yx16-brief-fields{display:grid;gap:10px}.yx16-brief-fields label{display:grid;gap:6px;font-size:12px}.yx16-brief-fields textarea{background:var(--yx-panel);color:var(--yx-text);border:1px solid var(--yx-border);border-radius:8px;padding:9px 11px;font:inherit;resize:vertical;min-height:52px;width:100%;box-sizing:border-box}.yx16-brief-fields textarea:focus{outline:2px solid var(--yx-border);outline-offset:1px}.yx16-brief-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.yx16-note{font-size:12px;line-height:1.6;color:var(--yx-muted);margin:8px 0 0}.yx16-warning{background:var(--yx-warning-bg);border:1px solid var(--yx-border);color:var(--yx-warning);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.65}.yx16-warning .yx-control{margin:6px 6px 0 0}.yx16-preflight{padding:12px 0 0;border-top:1px solid var(--yx-border)}.yx16-checks{display:grid;gap:6px;font-size:12px;margin:8px 0}.yx16-checks .ok{color:var(--yx-success)}.yx16-checks .pending{color:var(--yx-warning)}.yx16-preflight small{color:var(--yx-muted);line-height:1.6}
.yx16-result-guide{border:1px solid var(--yx-border);border-radius:12px;padding:16px;background:var(--yx-panel)}.yx16-result-guide p{font-size:12px;line-height:1.8;color:var(--yx-muted);margin:0}.yx16-result-guide .yx16-section-title{margin-bottom:8px}
.yx16-tool-navigation{margin:18px 0}.yx16-tool-intro{display:flex;justify-content:space-between;align-items:center;gap:16px}.yx16-tool-intro h2{font-size:24px;margin:6px 0}.yx16-tool-intro small{color:var(--yx-accent-text)}.yx16-tool-intro p{color:var(--yx-muted);font-size:13px}.yx16-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.yx16-journey button{display:grid;text-align:left;gap:7px;border:1px solid var(--yx-border);background:var(--yx-panel);color:var(--yx-text);border-radius:12px;padding:18px;cursor:pointer}.yx16-journey b{color:var(--yx-accent-text);font-size:12px}.yx16-journey small{color:var(--yx-muted);line-height:1.6}.yx16-journey button.active{border-color:var(--yx-border);background:var(--yx-accent-bg);color:var(--yx-accent-text)}.yx16-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.yx16-tabs [role=tab]{border:1px solid var(--yx-border);border-radius:20px;background:var(--yx-panel);color:var(--yx-text);padding:8px 16px;cursor:pointer}.yx16-tabs [aria-selected=true]{background:var(--yx-primary);border-color:var(--yx-primary);color:var(--yx-on-primary)}
.yx16-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.yx16-tool-card{border:1px solid var(--yx-border);border-radius:14px;background:var(--yx-panel);padding:20px;display:flex;flex-direction:column;gap:8px;color:var(--yx-text);text-decoration:none}.yx16-tool-card:hover{border-color:var(--yx-primary);box-shadow:0 5px 18px #163a6910}.yx16-tool-card h3{font-size:18px;margin:3px 0}.yx16-tool-card p{font-size:13px;color:var(--yx-muted);margin:0 0 8px}.yx16-tool-card>div{display:flex;gap:10px;font-size:12px;line-height:1.65}.yx16-tool-card>div strong{flex-shrink:0}.yx16-tool-card>div span{color:var(--yx-muted)}.yx16-tool-category{font-size:11px;color:var(--yx-muted)}.yx16-card-action{color:var(--yx-accent-text);font-size:12px;margin-top:10px}.yx16-cover-link{display:flex;align-items:center;gap:18px;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:12px;color:var(--yx-text);text-decoration:none;padding:18px;margin-top:14px}.yx16-cover-link span{flex:1;color:var(--yx-muted);font-size:12px}.yx16-cover-link b{font-size:12px;color:#2563eb}
.yx16-workflow-home{border:1px solid var(--yx-border);border-radius:14px;padding:22px;background:var(--yx-panel);margin:0 0 20px}.yx16-workflow-home>small{color:var(--yx-accent-text)}.yx16-workflow-home h2{font-size:23px;margin:7px 0}.yx16-workflow-home>p{font-size:13px;color:var(--yx-muted)}.yx16-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.yx16-starters article{display:flex;flex-direction:column;gap:12px;border:1px solid var(--yx-border);border-radius:10px;padding:16px}.yx16-starters h3{font-size:15px;margin:0}.yx16-starters p{font-size:12px;color:var(--yx-muted);line-height:1.7;margin:0}.yx16-starters button{align-self:flex-start;margin-top:auto}.yx16-mini-route{display:flex;gap:5px;flex-wrap:wrap;font-size:11px;color:var(--yx-muted)}.yx16-mini-route span{background:color-mix(in srgb,var(--yx-border) 35%,transparent);border-radius:5px;padding:5px 7px}.yx16-run-lifecycle{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--yx-border);padding-top:14px;margin-top:18px;font-size:12px;color:var(--yx-muted)}
.yx16-starter-picker{padding:16px;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:10px;margin-bottom:16px}.yx16-starter-picker>p{font-size:12px;color:var(--yx-muted)}.yx16-workflow-brief{border:1px solid var(--yx-border);border-radius:10px;padding:14px}.yx16-route-list{list-style:none;padding:0;display:grid;gap:12px}.yx16-route-list li{display:flex;gap:10px}.yx16-route-list li>b{display:grid;place-items:center;width:24px;height:24px;background:var(--yx-accent-bg);color:var(--yx-accent-text);border-radius:50%;flex-shrink:0;font-size:12px}.yx16-route-list p{font-size:12px;margin:4px 0;color:var(--yx-muted)}.yx16-route-list small{font-size:11px;color:var(--yx-muted)}.yx16-workflow-run-summary>p{font-size:12px;line-height:1.8}.yx16-workflow-run-summary>small{font-size:11px;line-height:1.6;color:var(--yx-muted)}.yx16-delivery{border-top:1px solid var(--yx-border);padding-top:12px;font-weight:600}.yx16-workflow-run-summary .yx16-section-title:not(:first-child){margin-top:18px}
.yx-generator-page .toolbox-workspace{grid-template-columns:minmax(400px,520px) minmax(0,1fr)}.yx-generator-page .toolbox-form{gap:14px}.yx-generator-page .toolbox-results{position:sticky;top:12px;align-self:start}.yx-generator-page .toolbox-results-empty{min-height:200px;padding:35px 10px}.wf-run-modal{width:min(1060px,calc(100vw - 24px))!important}
html.dark .yx16-warning{background:var(--yx-sidebar);border-color:var(--yx-border);color:var(--yx-warning)}html.dark .yx16-journey button.active{background:var(--yx-sidebar);color:var(--yx-accent-text)}html.dark .yx16-number,html.dark .yx16-route-list li>b{background:var(--yx-sidebar);color:var(--yx-accent-text)}
@media(max-width:1000px){.yx-generator-page .toolbox-workspace{grid-template-columns:1fr}.yx-generator-page .toolbox-results{position:static}.yx16-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yx16-starters{grid-template-columns:1fr}.yx16-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.yx16-tool-grid{grid-template-columns:1fr}.yx16-tool-intro{align-items:flex-start;flex-direction:column}.yx16-cover-link{flex-wrap:wrap}.yx16-stepbar span{min-width:125px}.yx16-workflow-home{padding:16px}.yx16-journey button{padding:13px}.yx16-section-title small{font-size:11px}}

/* The restored home page uses the established card/theme styles unchanged. */
.yx17-model-picker {background:var(--yx-panel,#fff);border:1px solid var(--yx-border,#ccd8ed);border-radius:12px;padding:16px;margin:0 0 20px}
.yx17-model-picker h3 {font-size:16px;font-weight:700;margin:0 0 14px}
.yx17-model-picker label {display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:13px}
.yx17-model-picker select {width:100%;min-width:0;min-height:38px;border:1px solid var(--yx-border,#ccd8ed);border-radius:8px;background:var(--yx-panel,#fff);color:var(--yx-text,#203249);padding:7px 10px;font:inherit}
.yx17-model-picker select:focus-visible {outline:2px solid var(--yx-border);outline-offset:2px}
.yx17-model-picker :disabled {opacity:.6;cursor:not-allowed}
.yx17-step-models summary {font-size:12px;color:var(--yx-primary,#2563eb);cursor:pointer;padding:3px 0}
.yx17-model-help {font-size:12px;line-height:1.65;color:var(--yx-muted);margin:10px 0}
.yx17-model-pending {font-size:12px;line-height:1.6;color:var(--yx-warning);margin:10px 0}
.yx17-model-error {font-size:12px;line-height:1.6;color:var(--yx-danger);margin:10px 0}
.yx17-model-actions {display:flex;gap:8px;flex-wrap:wrap}
.yx17-model-actions .yx-control {font-size:12px;min-height:34px;padding:6px 12px}

.yx18-length-picker{margin-top:18px;border-top:1px solid var(--yx-border);padding-top:18px}
.yx18-length-picker h4{font-size:15px;margin:0 0 10px;font-weight:700}
.yx18-length-picker input[type=number]{width:100%;box-sizing:border-box;border:1px solid var(--yx-border);border-radius:8px;background:var(--yx-panel,#fff);color:var(--yx-text);padding:9px 12px;font:inherit;min-width:0}
.yx18-length-picker .yx18-length-step{margin-top:12px;padding:10px;border:1px solid var(--yx-border);border-radius:8px}
.yx18-length-picker .yx18-body-toggle{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;margin:6px 0}
.yx18-body-toggle input{width:16px;height:16px;margin:0;accent-color:var(--yx-primary,#2563eb)}
.yx18-length-picker .yx18-step-cap{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px;align-items:center;font-size:12px}
.yx18-length-picker .yx18-step-cap input{padding:7px}
.yx18-length-picker summary{font-size:12px;cursor:pointer;color:var(--yx-primary,#2563eb);margin-top:8px}
.yx18-length-picker textarea{width:100%;box-sizing:border-box;min-height:100px;margin-top:8px;border:1px solid var(--yx-border);border-radius:8px;padding:9px;resize:vertical;background:var(--yx-panel,#fff);color:var(--yx-text);font:inherit;font-size:12px}
.yx18-length-warning{margin:8px 0;padding:8px;border-radius:6px;background:var(--yx-primary-soft,#eff4ff);color:var(--yx-text);font-size:12px;line-height:1.6}
.yx18-length-picker .yx18-caption{font-size:12px;line-height:1.7;color:var(--yx-muted)}
.yx18-result-note{border-left:3px solid var(--yx-primary,#2563eb);background:var(--yx-primary-soft,#eff4ff);padding:10px 12px;font-size:12px;line-height:1.8;margin:12px 0}

.yx19-length-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.yx19-length-modes .yx-control{flex:1 1 130px;font-size:12px;padding:8px 10px;white-space:normal}
.yx19-word-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0}
.yx19-word-shortcuts .yx-control{padding:5px 9px;font-size:12px}
.yx19-word-shortcuts span{font-size:11px;color:var(--yx-muted);flex-basis:100%;margin-top:2px}
.yx19-step-target{margin:10px 0!important;display:block}
.yx19-step-target span{display:block;margin-bottom:5px;font-size:12px}
.yx19-step-target input{font-size:16px!important;font-weight:600}
.yx18-length-picker input[aria-label="正文目标字数"]{font-size:22px;font-weight:600;line-height:1.4;padding:10px 12px}
@media(max-width:600px){.yx19-length-modes .yx-control{flex-basis:100%}.yx19-word-shortcuts{gap:8px}}

.yx19-length-modes .yx20-auto-mode{flex-basis:100%;font-size:13px}
.yx20-auto-note{padding:14px;border:1px solid var(--yx-border);border-radius:10px;background:var(--yx-panel-soft,#f7f9ff);margin:10px 0 14px}
.yx20-auto-note strong{font-size:14px;color:var(--yx-ink)}
.yx20-auto-note p{margin:8px 0 0;font-size:12px;line-height:1.8;color:var(--yx-muted)}

.yx22-output-estimate{border:1px solid var(--yx-border);border-radius:8px;padding:12px;font-size:12px;line-height:1.65}.yx22-output-estimate p{margin:5px 0}.yx22-quota{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:9px}.yx22-quota details{flex-basis:100%}.yx22-quota summary{cursor:pointer;color:var(--yx-primary,#2960ff)}.yx22-estimate-error,.yx22-estimate-warning{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;color:var(--yx-warning)}.yx22-estimate-error{color:var(--yx-danger)}.yx22-output-estimate .yx-control{padding:3px 9px;border-radius:6px;}

.yx23-creator{max-width:1580px;margin:0 auto;padding:18px 22px 38px;color:var(--yx-text);font-size:13px;line-height:1.55}.yx23-creator *{box-sizing:border-box}.yx23-creator .yx-glyph{width:18px;height:18px;flex:none}.yx23-creator h1,.yx23-creator h2,.yx23-creator h3,.yx23-creator p{margin:0}.yx23-creator a{color:var(--yx-primary,#2960ff);text-decoration:none}.yx23-creator a:hover{text-decoration:underline}.yx23-creator-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px;background:var(--yx-panel,#fff);border:1px solid var(--yx-border);border-radius:14px}.yx23-creator-header h1{font-size:23px;font-weight:700;letter-spacing:-.025em}.yx23-creator-header p{color:var(--yx-muted);margin-top:5px;font-size:12px}.yx23-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 13px;border:1px solid var(--yx-border);border-radius:8px;background:var(--yx-panel,#fff);color:var(--yx-text);font:inherit;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.yx23-button:hover{border-color:var(--yx-primary,#2960ff);background:color-mix(in srgb,var(--yx-primary,#2960ff) 5%,var(--yx-panel,#fff))}.yx23-button:disabled{cursor:default;opacity:.55}.yx23-button.primary{background:var(--yx-primary,#2960ff);color:var(--yx-on-primary);border-color:var(--yx-primary,#2960ff)}.yx23-creator button:focus-visible,.yx23-creator a:focus-visible,.yx23-creator select:focus-visible,.yx23-creator summary:focus-visible,.yx23-rules button:focus-visible{outline:2px solid var(--yx-primary,#2960ff);outline-offset:3px}.yx23-identity{display:flex;justify-content:space-between;align-items:center;padding:18px 6px;gap:14px}.yx23-person{display:flex;align-items:center;gap:10px;min-width:0}.yx23-person img{width:39px;height:39px;border-radius:50%;object-fit:cover;border:1px solid var(--yx-border);background:var(--yx-panel,#fff)}.yx23-person strong{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.yx23-person-badge{font-size:10px;border:1px solid var(--yx-border);padding:2px 8px;border-radius:999px;color:var(--yx-muted);white-space:nowrap}.yx23-text-link{font-size:12px;white-space:nowrap}.yx23-panel{background:var(--yx-panel,#fff);border:1px solid var(--yx-border);border-radius:15px;padding:23px 24px;box-shadow:0 2px 5px #142b5410}.yx23-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:19px}.yx23-section-head h2{font-size:16px;font-weight:700;letter-spacing:-.01em}.yx23-section-head p{font-size:12px;color:var(--yx-muted);margin-top:5px}.yx23-actions{display:flex;align-items:center;gap:9px}.yx23-actions .yx23-button:first-child{color:var(--yx-primary,#2960ff);background:color-mix(in srgb,var(--yx-primary,#2960ff) 6%,var(--yx-panel,#fff));border-color:transparent}.yx23-actions .reward-disabled{background:color-mix(in srgb,#12a878 8%,var(--yx-panel,#fff));border-color:transparent;color:var(--yx-success)}.yx23-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.yx23-metric{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:19px 18px 17px;border:1px solid var(--yx-border);border-radius:12px;min-height:129px;background:var(--yx-panel,#fff)}.yx23-metric-copy{display:flex;flex-direction:column;min-width:0;gap:4px}.yx23-metric-copy>span{font-size:12px;color:var(--yx-muted)}.yx23-metric strong{font-size:28px;line-height:1.25;font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.yx23-metric-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:12px}.yx23-metric-icon .yx-glyph{width:21px;height:21px}.yx23-metric-icon.blue{color:var(--yx-accent-text);background:color-mix(in srgb,#2864f8 11%,var(--yx-panel,#fff))}.yx23-metric-icon.violet{color:var(--yx-accent-text);background:color-mix(in srgb,#9256eb 11%,var(--yx-panel,#fff))}.yx23-metric-icon.green{color:var(--yx-success);background:color-mix(in srgb,#0aaa84 12%,var(--yx-panel,#fff))}.yx23-metric-icon.amber{color:var(--yx-warning);background:color-mix(in srgb,#f7d45a 23%,var(--yx-panel,#fff))}.yx23-metric-foot{display:flex;flex-direction:column;font-size:11px;margin-top:2px}.yx23-metric-foot small{color:var(--yx-muted)}.yx23-coming{font-size:11px;color:var(--yx-muted);margin-top:5px}.yx23-account-strip{display:flex;flex-wrap:wrap;align-items:center;gap:15px 30px;margin-top:17px;padding:15px 0 0;border-top:1px solid var(--yx-border)}.yx23-account-strip>div{display:flex;gap:11px;align-items:center;flex:1;min-width:170px}.yx23-account-strip span{font-size:11px;color:var(--yx-muted)}.yx23-account-strip strong{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.yx23-reward-note{display:flex;align-items:center;gap:7px;color:var(--yx-muted);font-size:11px;margin-top:15px!important}.yx23-dot{width:5px;height:5px;border-radius:50%;background:var(--yx-muted);display:inline-block;flex:none;opacity:.6}.yx23-error{color:var(--yx-danger);font-size:12px;margin-top:10px!important}.yx23-trend{margin-top:18px}.yx23-trend-head{margin-bottom:14px}.yx23-chart-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.yx23-chart-controls select{background:var(--yx-panel,#fff);border:1px solid var(--yx-border);border-radius:7px;padding:6px 9px;min-width:105px;color:var(--yx-text);font:inherit;font-size:12px}.yx23-chart-controls select:disabled{opacity:.5}.yx23-trend-tabs{display:flex;gap:22px;border-bottom:1px solid var(--yx-border);margin-bottom:19px}.yx23-trend-tab{background:none;border:0;border-bottom:2px solid transparent;padding:8px 1px 10px;color:var(--yx-muted);font:inherit;cursor:pointer;font-size:12px}.yx23-trend-tab.active{color:var(--yx-primary,#2960ff);font-weight:600;border-color:var(--yx-primary,#2960ff)}.yx23-chart-body{padding:3px 0 0}.yx23-chart-caption{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 26px;font-size:12px;margin:0 0 8px;font-weight:600}.yx23-chart-legend{display:flex;align-items:center;gap:6px;color:var(--yx-muted);font-size:11px;font-weight:400}.yx23-chart-legend i{width:7px;height:7px;border-radius:50%;background:var(--yx-primary,#2960ff);display:inline-block}.yx23-chart-scroll{width:100%;overflow-x:auto;padding:8px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--yx-primary,#2960ff) 1.5%,var(--yx-panel,#fff)),var(--yx-panel,#fff));border-radius:9px}.yx23-chart{display:block;width:100%;max-height:320px;min-height:200px}.yx23-gridline{stroke:var(--yx-border);stroke-width:1;opacity:.72}.yx23-gridline.vertical{opacity:.37}.yx23-axis{font-size:11px;fill:var(--yx-muted)}.yx23-chart-readout{min-height:25px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;margin-top:1px}.yx23-muted{color:var(--yx-muted)}.yx23-zero-note{color:var(--yx-muted);text-align:center;font-size:11px;margin:4px 0 0!important}.yx23-data-details{font-size:11px;color:var(--yx-muted);border-top:1px solid var(--yx-border);margin-top:12px;padding-top:9px}.yx23-data-details summary{cursor:pointer;width:max-content}.yx23-data-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-top:10px}.yx23-data-list>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--yx-border);padding:7px 0;color:var(--yx-text);font-size:11px}.yx23-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:280px;text-align:center;font-size:12px;color:var(--yx-muted)}.yx23-empty h3{font-size:16px;color:var(--yx-text)}.yx23-empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--yx-primary,#2960ff) 7%,var(--yx-panel,#fff));color:var(--yx-primary,#2960ff)}.yx23-empty-icon .yx-glyph{width:24px;height:24px}.yx23-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid var(--yx-border);border-top-color:var(--yx-primary,#2960ff);animation:yx23-spin .7s linear infinite}@keyframes yx23-spin{to{transform:rotate(360deg)}}.yx23-bottom-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:18px;margin-top:18px}.yx23-bottom-grid .yx23-section-head{align-items:flex-start}.yx23-run-list{margin-top:2px}.yx23-run{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--yx-border);padding:13px 0;color:var(--yx-text)!important;text-decoration:none!important}.yx23-run:last-child{border-bottom:0}.yx23-run:hover{color:var(--yx-primary,#2960ff)!important}.yx23-run-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:5px}.yx23-run-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600}.yx23-run-copy small{color:var(--yx-muted);font-size:10px}.yx23-run>.yx-glyph{width:15px;height:15px;color:var(--yx-muted)}.yx23-status{padding:3px 7px;font-size:10px;white-space:nowrap;border-radius:4px;color:var(--yx-muted);background:color-mix(in srgb,var(--yx-muted) 8%,var(--yx-panel,#fff))}.yx23-status.warning{color:var(--yx-warning);background:color-mix(in srgb,#edb34e 15%,var(--yx-panel,#fff))}.yx23-status.success{color:var(--yx-success);background:color-mix(in srgb,#20ba86 10%,var(--yx-panel,#fff))}.yx23-status.danger{color:var(--yx-danger);background:color-mix(in srgb,#e86d6d 12%,var(--yx-panel,#fff))}.yx23-status.info{color:var(--yx-primary,#2960ff);background:color-mix(in srgb,var(--yx-primary,#2960ff) 8%,var(--yx-panel,#fff))}.yx23-small-empty{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;min-height:140px;color:var(--yx-muted);font-size:12px;text-align:center}.yx23-feature-list{max-height:280px;overflow-y:auto}.yx23-feature{padding:12px 0;border-bottom:1px solid var(--yx-border)}.yx23-feature:first-child{padding-top:1px}.yx23-feature:last-child{border-bottom:0}.yx23-feature>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.yx23-feature strong{font-size:12px;white-space:nowrap}.yx23-feature-track{display:block;height:4px;background:color-mix(in srgb,var(--yx-primary,#2960ff) 7%,var(--yx-panel,#fff));margin-top:9px;border-radius:9px;overflow:hidden}.yx23-feature-track i{display:block;height:4px;background:color-mix(in srgb,var(--yx-primary,#2960ff) 75%,var(--yx-panel,#fff));border-radius:9px}.yx23-sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.yx23-rules{background:var(--yx-panel,#fff);border:1px solid var(--yx-border);border-radius:16px;width:min(540px,calc(100vw - 32px));max-height:85vh;overflow:auto;color:var(--yx-text);font-size:13px}.yx23-rules header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--yx-border)}.yx23-rules h2{font-size:17px;margin:0}.yx23-rules>div{padding:22px;line-height:1.8}.yx23-rules h3{font-size:13px;font-weight:600;margin:17px 0 5px}.yx23-rules h3:first-child{margin-top:0}.yx23-rules p{font-size:12px;color:var(--yx-muted);margin:0 0 8px}.yx23-rules footer{display:flex;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--yx-border)}.yx23-rules header .yx23-button{padding:5px;min-height:28px}.yx23-rules .yx-glyph{width:17px;height:17px}
@media(min-width:1500px){.yx23-creator{padding:24px 30px 48px}.yx23-chart{min-height:255px}.yx23-metric{min-height:143px}}
@media(max-width:1050px){.yx23-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.yx23-bottom-grid{grid-template-columns:1fr}.yx23-account-strip{gap:12px 20px}.yx23-account-strip>div{min-width:190px}.yx23-chart{min-width:610px;min-height:200px}.yx23-data-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.yx23-creator{padding:12px 12px 28px}.yx23-creator-header{padding:16px;gap:12px;align-items:flex-start}.yx23-creator-header h1{font-size:21px}.yx23-creator-header p{max-width:190px}.yx23-creator-header>.yx23-button{font-size:11px;padding:6px 8px}.yx23-creator-header>.yx23-button .yx-glyph{display:none}.yx23-identity{padding:15px 2px}.yx23-person{gap:7px}.yx23-person strong{max-width:125px}.yx23-person img{width:34px;height:34px}.yx23-person-badge{display:none}.yx23-panel{padding:17px 15px;border-radius:12px}.yx23-section-head{gap:10px;flex-wrap:wrap}.yx23-section-head h2{font-size:15px}.yx23-actions{gap:6px}.yx23-actions .yx23-button{font-size:11px;padding:5px 8px;min-height:30px}.yx23-actions .yx-glyph{width:14px;height:14px}.yx23-metrics{gap:9px}.yx23-metric{padding:14px 12px;gap:6px;min-height:121px}.yx23-metric strong{font-size:26px}.yx23-metric-icon{width:31px;height:31px;border-radius:9px}.yx23-metric-icon .yx-glyph{width:17px;height:17px}.yx23-metric-copy>span,.yx23-coming{font-size:10px}.yx23-metric-foot{font-size:10px}.yx23-account-strip{gap:10px}.yx23-account-strip>div{min-width:100%;flex:none;justify-content:space-between}.yx23-account-strip>a{margin-top:3px}.yx23-reward-note{align-items:flex-start;font-size:10px}.yx23-dot{margin-top:5px}.yx23-chart-controls{gap:6px}.yx23-chart-controls select{min-width:98px;font-size:11px}.yx23-trend-head{align-items:flex-start}.yx23-chart-caption{justify-content:flex-start;font-size:11px;gap:8px 15px}.yx23-chart-readout{text-align:left;font-size:10px}.yx23-data-list{grid-template-columns:1fr}.yx23-run-copy small{font-size:9px}.yx23-run{gap:8px}.yx23-run>.yx-glyph{display:none}.yx23-text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.yx23-spinner{animation:none}.yx23-button{transition:none}}

.yx24-basics,.yx24-builder-nav{border:1px solid var(--yx-border);border-radius:18px;background:var(--yx-panel);margin-bottom:22px;padding:26px 30px;color:var(--yx-text)}
.yx24-basics-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:24px}.yx24-kicker{font-size:18px;font-weight:700}.yx24-basics p,.yx24-builder-nav p{margin:6px 0 0}.yx24-basics-heading p,.yx24-muted,.yx24-section-heading>span{color:var(--yx-muted,#6d7f99);font-size:12px;line-height:1.7}
.yx24-basic-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.yx24-field{display:grid;gap:10px;margin-bottom:22px}.yx24-field>span{font-weight:600;font-size:14px}.yx24-field input,.yx24-field select{height:42px;border:1px solid var(--yx-border);border-radius:9px;background:var(--yx-panel);padding:8px 12px;color:var(--yx-text);width:100%;min-width:0}.yx24-field:last-child{margin-bottom:0}.yx24-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px}.yx24-mode{display:flex;gap:14px;padding:18px 20px;text-align:left;border:1px solid var(--yx-border);border-radius:12px;background:var(--yx-panel);color:var(--yx-text);cursor:pointer}.yx24-mode p{font-size:12px;color:var(--yx-muted)}.yx24-mode.selected{background:var(--yx-accent-bg,#edf4ff);border-color:var(--yx-primary,#2868ff)}.yx24-mode-dot{font-size:19px;color:var(--yx-primary,#2868ff)}
.yx24-description-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--yx-border);border-radius:10px;padding:13px 16px;text-align:left;width:100%;background:var(--yx-panel);color:var(--yx-text);cursor:pointer}.yx24-description-launch span{white-space:pre-line;word-break:break-word}.yx24-description-launch strong{white-space:nowrap;color:var(--yx-primary,#2868ff);font-size:12px}.yx24-description>small{display:block;margin-top:7px}
.yx24-builder-nav{padding:0;overflow:visible}.yx24-guide{border-radius:18px 18px 0 0;overflow:hidden}.yx24-guide summary{padding:17px 24px;color:var(--yx-on-primary);background:linear-gradient(110deg,#2673ed,#6057cc);cursor:pointer;display:flex;gap:24px;align-items:baseline}.yx24-guide summary>span{font-size:12px;opacity:.88}.yx24-guide summary:after{content:'⌄';margin-left:auto}.yx24-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 24px;background:var(--yx-accent-bg,#edf4ff)}.yx24-guide-grid button{padding:15px 18px;text-align:left;background:var(--yx-panel);border-color:var(--yx-border);border-radius:12px}.yx24-guide-index{font-size:12px;color:var(--yx-primary,#2868ff);margin-right:12px}.yx24-guide-grid p{color:var(--yx-muted);font-size:12px;line-height:1.7}
.yx24-nodes{display:flex;gap:0;overflow-x:auto;padding:24px 26px 20px;scrollbar-width:thin}.yx24-node{flex:0 0 145px;position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;border:0;background:transparent;cursor:pointer;color:var(--yx-muted);padding:0 12px;min-width:0}.yx24-node:before{content:'';position:absolute;top:20px;height:1px;background:var(--yx-border);left:0;right:0}.yx24-node:first-child:before{left:50%}.yx24-node:last-child:before{right:50%}.yx24-node-number{display:grid;place-items:center;width:40px;height:40px;position:relative;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:50%;box-shadow:0 2px 7px #2033580c;font-size:16px}.yx24-node.active{color:var(--yx-primary,#2868ff)}.yx24-node.active .yx24-node-number{border-color:currentColor;background:var(--yx-accent-bg,#edf4ff)}.yx24-node strong{font-size:13px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yx24-node small{font-size:11px}.yx24-section-heading{border-top:1px solid var(--yx-border);padding:17px 26px;display:flex;gap:20px;align-items:baseline}.yx24-section-heading h2{font-size:16px;font-weight:600;margin:0}
.yx24-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.yx24-preview{background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:16px;padding:26px;align-self:start;min-height:360px;position:sticky;top:20px}.yx24-preview>h2:first-child{background:linear-gradient(110deg,#656ee7,#8457ac);color:var(--yx-on-primary);padding:18px 24px;margin:-26px -26px 20px;border-radius:16px 16px 0 0;font-size:16px;font-weight:600}.yx24-preview label{display:grid;gap:8px}.yx24-config{border:1px solid var(--yx-border);border-radius:16px;padding:24px;background:var(--yx-panel);min-width:0}.yx24-config>div:first-child h2{font-size:16px}.yx24-config details{border:1px solid var(--yx-border);border-radius:9px;padding:12px;margin:12px 0}.yx24-config summary{cursor:pointer;color:var(--yx-muted);font-size:12px}.yx24-config details[open]>summary{margin-bottom:14px}.yx24-preview button,.yx24-config button{max-width:100%}.yx24-next{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.yx24-button{border:1px solid var(--yx-border);border-radius:8px;padding:9px 14px;background:var(--yx-panel);color:var(--yx-text);font-size:13px;cursor:pointer}.yx24-savebar{position:sticky;bottom:0;z-index:12;background:var(--yx-panel);box-shadow:0 -5px 25px #1b33580b;border:1px solid var(--yx-border);border-radius:14px;padding:16px 22px;display:flex;gap:12px;align-items:center;margin-top:22px}.yx24-savebar .n-button{height:38px!important}.yx24-config .n-input textarea{line-height:1.8}.yx24-templates{margin-bottom:16px;padding:12px 18px;border:1px solid var(--yx-border);border-radius:12px;background:var(--yx-panel)}.yx24-templates>summary{cursor:pointer;color:var(--yx-muted);font-size:13px}.yx24-templates[open]>summary{margin-bottom:16px}
.yx24-rich-mask{position:fixed;inset:0;z-index:5000;background:#111d3c80;padding:24px;display:flex;align-items:center;justify-content:center}.yx24-rich-dialog{display:flex;flex-direction:column;width:min(1280px,100%);height:min(900px,calc(100vh - 48px));background:var(--yx-panel);color:var(--yx-text);border-radius:16px;box-shadow:0 20px 80px #00143440;overflow:hidden}.yx24-rich-dialog header{padding:20px 24px;display:flex;justify-content:space-between;gap:24px}.yx24-rich-dialog h2{font-size:18px;margin:0 0 6px;font-weight:700}.yx24-rich-dialog header p{color:var(--yx-muted);font-size:12px;margin:0}.yx24-rich-dialog button{border:1px solid var(--yx-border);padding:7px 11px;border-radius:6px;background:var(--yx-panel);color:var(--yx-text);cursor:pointer}.yx24-rich-toolbar{padding:10px 18px;border-top:1px solid var(--yx-border);border-bottom:1px solid var(--yx-border);display:flex;flex-wrap:wrap;align-items:center;gap:5px}.yx24-rich-toolbar button{border-color:transparent;font-size:12px}.yx24-rich-toolbar button:hover{background:var(--yx-accent-bg,#edf4ff)}.yx24-rich-toolbar select{padding:6px;color:var(--yx-text);background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:5px}.yx24-color{display:flex;gap:5px;align-items:center;font-size:12px}.yx24-color input{width:24px;height:24px;padding:0;border:0}.yx24-rich-content{flex:1;min-height:180px;overflow:auto;padding:24px 30px;outline:none;font-size:15px;line-height:1.85}.yx24-rich-content:empty:before{content:attr(data-placeholder);color:var(--yx-muted);pointer-events:none}.yx24-rich-content img,.yx24-rich-view img{max-width:100%;height:auto;border-radius:8px}.yx24-rich-content table,.yx24-rich-view table{border-collapse:collapse;margin:16px 0;width:100%}.yx24-rich-content td,.yx24-rich-content th,.yx24-rich-view td,.yx24-rich-view th{border:1px solid var(--yx-border);padding:9px;min-width:70px}.yx24-rich-content h2,.yx24-rich-view h2{font-size:22px;font-weight:700;margin:20px 0 10px}.yx24-rich-content h3,.yx24-rich-view h3{font-size:18px;font-weight:600;margin:16px 0 8px}.yx24-rich-content ul,.yx24-rich-view ul{list-style:disc;padding-left:24px}.yx24-rich-content ol,.yx24-rich-view ol{list-style:decimal;padding-left:24px}.yx24-rich-content p,.yx24-rich-view p{margin:0 0 10px}.yx24-rich-content blockquote,.yx24-rich-view blockquote{border-left:3px solid var(--yx-primary,#2868ff);padding:8px 16px;background:var(--yx-accent-bg,#edf4ff);margin:16px 0}.yx24-rich-content pre,.yx24-rich-view pre{white-space:pre-wrap;background:var(--yx-accent-bg,#edf4ff);padding:12px;border-radius:8px}.yx24-rich-dialog footer{padding:14px 24px;border-top:1px solid var(--yx-border);display:flex;gap:12px;align-items:center;justify-content:flex-end}.yx24-rich-dialog footer>span{margin-right:auto}.yx24-rich-dialog footer .primary{background:var(--yx-primary,#2868ff);color:var(--yx-on-primary);border-color:transparent}.yx24-link{display:flex;gap:10px;padding:12px 24px;border-bottom:1px solid var(--yx-border)}.yx24-link input{flex:1}.yx24-error{padding:10px 24px;color:var(--yx-danger)}.yx24-rich-view{line-height:1.8;overflow-wrap:anywhere;max-width:100%}.yx24-rich-view a{color:var(--yx-primary,#2868ff);text-decoration:underline}.yx24-profile-error{max-width:560px;margin:50px auto;padding:32px;text-align:center}.yx24-profile-error h2{font-size:18px;margin-bottom:12px}.yx24-profile-error p{margin-bottom:20px}.yx24-basics button:focus-visible,.yx24-node:focus-visible,.yx24-button:focus-visible,.yx24-rich-dialog button:focus-visible{outline:2px solid var(--yx-primary,#2868ff);outline-offset:3px}button:disabled{cursor:not-allowed}
@media(max-width:1000px){.yx24-builder-layout{grid-template-columns:1fr}.yx24-preview{position:static;min-height:250px}.yx24-guide-grid{gap:12px}.yx24-section-heading{display:block}.yx24-section-heading>span{display:block;margin-top:6px}}
@media(max-width:600px){.yx24-basics{padding:18px}.yx24-basics-heading{display:block}.yx24-basic-grid,.yx24-mode-grid,.yx24-guide-grid{grid-template-columns:1fr;gap:12px}.yx24-nodes{padding:18px 8px}.yx24-node{flex-basis:120px}.yx24-guide summary{display:block;padding:15px 18px}.yx24-guide summary span{display:block;margin-top:4px}.yx24-guide-grid{padding:14px}.yx24-config,.yx24-preview{padding:18px}.yx24-preview>h2:first-child{margin:-18px -18px 16px;padding:15px 18px}.yx24-savebar{flex-wrap:wrap;padding:12px}.yx24-rich-mask{padding:8px}.yx24-rich-dialog{height:calc(100dvh - 16px)}.yx24-rich-content{padding:18px}.yx24-rich-dialog header{padding:16px}.yx24-rich-toolbar{padding:8px}.yx24-rich-dialog footer{padding:12px}.yx24-rich-dialog header p{max-width:250px}.yx24-next{flex-wrap:wrap}.yx24-description-launch{gap:10px}.yx24-description-launch span{max-height:65px;overflow:hidden}}

.yx24-type-dialog{background:var(--yx-panel);color:var(--yx-text);padding:24px;border-radius:16px;width:min(700px,100%);max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 80px #00143440}.yx24-type-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.yx24-type-dialog h2{font-size:18px;font-weight:700}.yx24-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.yx24-types button{padding:16px;text-align:left;display:grid;gap:8px}.yx24-types small{color:var(--yx-muted);font-size:12px;line-height:1.6}.yx24-types button:hover{border-color:var(--yx-primary,#2868ff);background:var(--yx-accent-bg,#edf4ff)}
@media(max-width:600px){.yx24-types{grid-template-columns:1fr 1fr}}

/* Step-focused execution: navigation, inputs and output have independent sections. */
.yx-workflow-run-page{max-width:none!important;width:100%}.yx29-run-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}.yx29-run-nav{padding:16px;position:sticky;top:12px;max-height:calc(100dvh - 100px);overflow:auto}.yx29-manuscript-picker{display:grid;gap:10px;font-size:14px}.yx29-manuscript-picker select{width:100%;min-width:0;padding:10px 8px;border:1px solid var(--yx-border);background:var(--yx-panel);border-radius:8px;color:var(--yx-text)}.yx29-step-progress{padding:20px 0 16px;font-size:13px;display:grid;gap:10px}.yx29-step-progress progress{width:100%;height:7px;accent-color:var(--yx-primary)}.yx29-nav-title{display:flex;justify-content:space-between;align-items:center;margin:5px 0 12px;font-size:13px}.yx29-nav-title small{font-size:10px;color:var(--yx-muted)}.yx29-link{color:var(--yx-primary);font-size:11px;border:0;background:transparent;cursor:pointer}.yx29-step-list{display:grid;gap:9px}.yx29-step{display:flex;gap:11px;align-items:center;text-align:left;border:1px solid var(--yx-border);border-radius:12px;background:var(--yx-panel);padding:12px 10px;color:var(--yx-text);cursor:pointer}.yx29-step:hover{border-color:var(--yx-primary)}.yx29-step.selected{background:var(--yx-accent-bg,#eef4ff);border-color:var(--yx-primary);box-shadow:inset 3px 0 var(--yx-primary)}.yx29-step>span:last-child{display:grid;gap:5px;min-width:0}.yx29-step strong{font-size:14px;overflow-wrap:anywhere}.yx29-step small{font-size:12px;color:var(--yx-muted)}.yx29-step-no{border-radius:50%;background:var(--yx-bg,#eef2f8);color:var(--yx-muted);width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;font-size:13px}.yx29-step-no.succeeded{background:var(--yx-success-bg);color:var(--yx-success)}.yx29-step-no.running,.yx29-step-no.streaming{background:var(--yx-primary);color:var(--yx-on-primary)}.yx29-step-no.waiting_review{background:var(--yx-warning-bg);color:var(--yx-warning)}.yx29-final-button{width:100%;margin-top:15px}.yx29-note{font-size:12px;color:var(--yx-muted);line-height:1.8;margin:16px 0 0}.yx29-run-main{min-width:0;display:grid;gap:14px}.yx29-step-heading{padding:20px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center}.yx29-step-heading small{color:var(--yx-primary);font-size:12px}.yx29-step-heading h2{font-size:24px;font-weight:700;margin:5px 0}.yx29-step-heading p{font-size:13px;line-height:1.7;color:var(--yx-muted);margin:0}.yx29-state{font-size:12px;border-radius:30px;background:var(--yx-accent-bg,#eef4ff);color:var(--yx-primary);padding:6px 12px;white-space:nowrap}.yx29-state.waiting_review{background:var(--yx-warning-bg);color:var(--yx-warning)}.yx29-state.failed{background:var(--yx-danger-bg);color:var(--yx-danger)}.yx29-state.succeeded{background:var(--yx-success-bg);color:var(--yx-success)}.yx29-item-actions{padding:12px 18px}.yx29-step-columns{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(360px,1.4fr);gap:14px;align-items:start}.yx29-step-input,.yx29-step-output{padding:20px;min-width:0;overflow:hidden}.yx29-step-output{display:flex;flex-direction:column;gap:15px}.yx29-column-title{display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--yx-border);padding-bottom:14px;margin-bottom:3px;font-size:15px}.yx29-column-title>span{font-size:11px;color:var(--yx-primary);background:var(--yx-accent-bg,#eef4ff);padding:4px 6px;border-radius:5px}.yx29-column-title>strong{flex:1}.yx29-input-block{margin:18px 0}.yx29-input-block h4{font-size:13px;font-weight:600;margin:0 0 9px}.yx29-input-text,.yx29-step-prompt pre,.yx29-attempts pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:14px;background:var(--yx-bg,#f7f9fc);border:1px solid var(--yx-border);padding:12px;border-radius:10px;max-height:310px;overflow:auto}.yx29-step-input details{margin:12px 0;padding-top:12px;border-top:1px solid var(--yx-border)}.yx29-step-input summary,.yx29-attempts summary{font-size:13px;cursor:pointer;line-height:1.8;color:var(--yx-muted)}.yx29-model-note{font-size:12px;color:var(--yx-muted);margin-top:16px}.yx29-read-result{max-height:72vh;overflow:auto;line-height:1.9;font-size:15px}.yx29-output-plain{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0}.yx29-output-tools{display:flex;gap:8px;align-items:center;margin-bottom:14px;font-size:12px;color:var(--yx-muted)}.yx29-output-tools small{margin-left:auto}.yx29-output-tools .yx-control{font-size:12px;padding:5px 9px;min-height:28px}.yx29-output-tools [aria-pressed=true]{color:var(--yx-primary);border-color:var(--yx-primary)}.yx29-empty{padding:70px 20px;text-align:center;color:var(--yx-muted);font-size:14px}.yx29-empty p{font-size:12px;margin-top:12px;line-height:1.8}.yx29-attempts{border-top:1px solid var(--yx-border);padding-top:14px}.yx29-attempts details{margin-top:12px}.yx29-error{color:var(--yx-danger);background:var(--yx-danger-bg);padding:12px;border-radius:8px}.yx29-warning{color:var(--yx-warning);font-size:12px}.yx29-step-output .n-input--textarea{min-height:0!important}.yx29-step-output label{min-width:0}.yx29-step-output [class*=max-h-]{max-height:65vh}.yx29-workflow-author{display:flex;gap:9px;align-items:center;text-align:left;background:transparent;border:0;padding:8px 0;color:var(--yx-text);width:100%}button.yx29-workflow-author{cursor:pointer}button.yx29-workflow-author:hover strong{color:var(--yx-primary)}.yx29-workflow-author img{width:30px;height:30px;border-radius:50%;object-fit:cover}.yx29-workflow-author>span{display:flex;gap:8px;align-items:center}.yx29-workflow-author small{font-size:11px;color:var(--yx-muted)}.yx29-workflow-author strong{font-size:12px;font-weight:500}
/* Do not shrink the label container underneath its minimum-height textarea. */
.toolbox-page.yx-generator-page .toolbox-form>*{flex-shrink:0!important}.toolbox-page.yx-generator-page .toolbox-demand{flex:0 0 auto!important;height:auto!important;min-height:0!important;gap:10px;padding-bottom:4px}.toolbox-page.yx-generator-page .toolbox-primary-input{flex:0 0 auto!important;height:180px!important;min-height:180px!important}.toolbox-page.yx-generator-page .toolbox-primary-input .n-input-wrapper{height:100%}.toolbox-page.yx-generator-page .toolbox-form>.yx16-section-title{padding-top:20px;padding-bottom:8px;border-top:1px solid var(--yx-border);margin-top:6px}.toolbox-page .yx16-brief{border:0;padding:0;margin:0}.yx29-assisted-brief{margin-top:12px;padding:12px;border:1px solid var(--yx-border);border-radius:10px;background:var(--yx-bg,#f7f9fc)}.yx29-assisted-brief>summary{cursor:pointer;font-size:13px;color:var(--yx-primary)}.yx29-assisted-brief[open]>summary{margin-bottom:12px}.yx29-tool-nav button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--yx-muted);font-size:13px;text-align:left;cursor:pointer}.yx29-tool-nav button.active{color:var(--yx-primary);background:var(--yx-accent-bg,#eef4ff)}.yx29-tool-nav button:hover{background:var(--yx-bg,#f7f9fc)}.yx29-tool-nav button b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--yx-bg,#eef2f8)}.yx29-tool-nav{display:flex;justify-content:space-between}.yx29-tool-nav .active b{background:var(--yx-primary);color:var(--yx-on-primary)}.toolbox-page .toolbox-actions{flex:none;margin-top:0!important}.yx29-input-help{font-size:12px;color:var(--yx-muted);line-height:1.7;margin:0}
@media(min-width:1700px){.yx29-run-workspace{grid-template-columns:255px minmax(0,1fr)}.yx29-step-columns{grid-template-columns:minmax(340px,.75fr) minmax(0,1.45fr)}}
@media(max-width:1199px){.yx29-step-columns{grid-template-columns:1fr}.yx29-step-input{max-height:360px;overflow:auto}.yx29-run-workspace{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:700px){.yx29-run-workspace{display:flex;flex-direction:column}.yx29-run-nav{position:static;max-height:none;width:100%;padding:12px}.yx29-run-main{width:100%}.yx29-step-list{display:flex;overflow-x:auto;padding-bottom:5px}.yx29-step{min-width:150px}.yx29-step-progress{padding:12px 0}.yx29-note{display:none}.yx29-step-heading{padding:16px}.yx29-step-columns{display:block}.yx29-step-input{margin-bottom:12px;max-height:280px}.yx29-step-output{padding:16px}.yx29-tool-nav{flex-wrap:wrap}.yx29-tool-nav button{flex:1 0 45%;font-size:12px}.yx29-step-heading h2{font-size:20px}}

.yx29-cover-steps{display:flex;gap:10px;justify-content:space-between;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:12px;padding:14px 18px;margin:14px 0;color:var(--yx-muted);font-size:13px}.yx29-cover-section-title{font-size:15px;font-weight:700;margin:6px 0 0!important}.yx13-cover-settings textarea{box-sizing:border-box;width:100%;border:1px solid var(--yx-border);background:var(--yx-panel);color:var(--yx-text);padding:10px 12px;border-radius:8px;resize:vertical;font-size:13px;line-height:1.7;min-height:105px}.yx29-cover-ai{display:grid;gap:12px;border:1px solid var(--yx-border);background:var(--yx-bg,#f7f9fc);border-radius:12px;padding:16px}.yx29-cover-ai>small{color:var(--yx-muted);line-height:1.7}.yx29-cover-ai>p{font-size:13px;line-height:1.8;margin:0}.yx29-image-unavailable{font-size:13px;color:var(--yx-muted);line-height:1.8}.yx29-image-unavailable p{margin:6px 0 12px}.yx13-cover-actions [aria-disabled=true]{opacity:.5;cursor:not-allowed}.yx29-cover-ai details button{display:block;margin-top:8px}.yx13-cover-page .yx13-cover-workspace{align-items:start}.yx13-cover-page .yx13-cover-preview{position:sticky;top:16px}.yx13-cover-page .yx13-cover-settings{min-height:0}.yx13-cover-page .yx13-cover-settings-body{gap:18px}.yx13-cover-page .yx13-cover-actions{margin-top:18px;flex-wrap:wrap}.yx13-cover-page .yx13-cover-tworow:has([aria-label='画面要求']){grid-template-columns:1fr}.yx13-cover-page .yx13-cover-modes{flex-wrap:wrap;gap:8px}.yx13-cover-page .yx13-cover-modes button{flex:1;white-space:nowrap}
@media(max-width:900px){.yx29-cover-steps{display:grid;grid-template-columns:1fr 1fr}.yx13-cover-page .yx13-cover-preview{position:static}}

.yx30-continue{display:inline-flex;align-items:center}.yx30-dialog{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);margin:12px auto!important}.yx30-dialog>.n-card-content{min-height:0;overflow:auto;flex:1}.yx30-dialog>.n-card-header,.yx30-dialog>.n-card__footer{flex-shrink:0}.yx30-dialog h3{font-size:14px;font-weight:650;margin:16px 0 10px}.yx30-subtitle{color:var(--yx-muted);font-size:12px;line-height:1.7;margin:8px 0}.yx30-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.yx30-destination{text-align:left;border:1px solid var(--yx-border);border-radius:10px;padding:12px;background:var(--yx-panel);color:var(--yx-text);display:flex;flex-direction:column;gap:5px}.yx30-destination small{font-size:12px;line-height:1.6;color:var(--yx-muted)}.yx30-destination.active{border-color:var(--yx-primary);box-shadow:inset 0 0 0 1px #2563eb;background:rgba(37,99,235,.06)}.yx30-destination:focus-visible{outline:2px solid var(--yx-primary);outline-offset:2px}.yx30-field{display:flex;flex-direction:column;gap:8px;margin:14px 0 8px;font-size:13px;font-weight:600}.yx30-field select,.yx30-field textarea{box-sizing:border-box;width:100%;max-width:100%;border:1px solid var(--yx-border);border-radius:8px;background:var(--yx-panel);color:var(--yx-text);padding:10px;font:inherit;font-weight:400;line-height:1.7}.yx30-field textarea{resize:vertical;min-height:140px;cursor:default}.yx30-field :focus{outline:2px solid var(--yx-primary);outline-offset:1px}.yx30-notice{padding:10px 12px;background:rgba(37,99,235,.06);border-radius:8px;font-size:12px;line-height:1.7;margin:10px 0}.yx30-existing{padding:0 12px 8px;border:1px solid var(--yx-border);border-radius:8px}.yx30-existing pre{max-height:140px;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;font-size:12px}.yx30-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.yx30-error{color:var(--yx-danger);font-size:13px;padding:8px;white-space:pre-wrap}.yx30-writer-banner{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:rgba(37,99,235,.08);border-bottom:1px solid var(--yx-border);font-size:13px}.yx30-book{padding:0 12px;border:1px solid var(--yx-border);border-radius:8px}@media(max-width:560px){.yx30-destinations{grid-template-columns:1fr}.yx30-writer-banner{flex-wrap:wrap}.yx30-dialog>.n-card-content{min-height:0}}

.yx31-knowledge{border:1px solid var(--yx-border,#cedaf0);border-radius:10px;background:var(--yx-surface,#fff);padding:12px;margin:12px 0;color:inherit}
.yx31-knowledge-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.yx31-knowledge-heading strong{font-size:13px}.yx31-optional{font-size:12px;color:var(--yx-muted,#71809a);margin-left:8px}
.yx31-knowledge-cards{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.yx31-knowledge-card{display:flex;align-items:center;gap:6px;max-width:100%;border:1px solid var(--yx-border,#cedaf0);background:var(--yx-soft,#f4f7fc);border-radius:6px;padding:4px 6px 4px 9px;font-size:12px}
.yx31-knowledge-card>span{overflow-wrap:anywhere;min-width:0}.yx31-remove{border:0;background:transparent;font:inherit;font-size:18px;line-height:20px;color:inherit;cursor:pointer;flex:none;min-width:24px}.yx31-remove:disabled{opacity:.5;cursor:not-allowed}.yx31-remove:focus-visible{outline:2px solid var(--yx-primary);border-radius:4px}
.yx31-knowledge-help,.yx31-knowledge-empty{margin:9px 0 0;font-size:12px;line-height:1.6;color:var(--yx-muted,#71809a)}
.yx31-knowledge-warning{margin:9px 0 0;font-size:12px;line-height:1.6;color:var(--yx-warning)}.yx31-knowledge-card.is-unavailable{border-color:var(--yx-warning)}

.yx32-plan{border:1px solid var(--yx-border,#cfdcf4);border-radius:10px;background:var(--yx-surface,#fff);padding:14px;margin:0 0 20px}
.yx32-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.yx32-heading strong{font-size:14px}.yx32-heading span,.yx32-help{font-size:12px;line-height:1.7;color:var(--yx-muted,#75829c)}
.yx32-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.yx32-fields>.yx32-field:first-child{grid-column:1/-1}
.yx32-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:500}
.yx32-field input,.yx32-field textarea{width:100%;box-sizing:border-box;min-width:0;border:1px solid var(--yx-border,#c6d4ee);border-radius:7px;background:var(--yx-surface,#fff);color:inherit;padding:9px 10px;font:inherit;line-height:1.6}.yx32-field textarea{resize:vertical;min-height:100px}.yx32-field input:focus,.yx32-field textarea:focus{outline:2px solid var(--yx-border);outline-offset:1px}
.yx32-help{margin:8px 0}.yx32-error{color:var(--yx-warning);font-size:12px;line-height:1.7;margin:7px 0;overflow-wrap:anywhere}
.yx32-context{display:flex;flex-direction:column;gap:6px;background:var(--yx-soft,#f4f7fc);border-radius:8px;padding:10px;margin:10px 0;font-size:12px}.yx32-context pre{max-height:220px;overflow:auto;white-space:pre-wrap;font:inherit}.yx32-context summary{cursor:pointer;padding:5px 0;color:var(--yx-accent-text)}.yx32-context .n-button{align-self:flex-start}
.yx32-batch-status{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--yx-soft,#f3f6fc);border-radius:7px;margin:8px 0 12px;font-size:12px}.yx32-batch-status small{color:var(--yx-muted,#75829c)}
.yx32-next-dialog{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);margin:12px auto!important}.yx32-next-dialog>.n-card-content{min-height:0;overflow:auto;flex:1}.yx32-next-dialog>.n-card-header,.yx32-next-dialog>.n-card__footer{flex-shrink:0}.yx32-actions{display:flex;justify-content:flex-end;gap:10px}.yx32-review{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:12px 0}.yx32-review input{margin-top:4px}
@media(max-width:480px){.yx32-fields{grid-template-columns:1fr}.yx32-fields>.yx32-field:first-child{grid-column:auto}}
.yx32-relate-entry{gap:8px;flex-wrap:wrap}.yx32-relate-hint{font-size:12px;line-height:1.6;color:var(--yx-text-secondary,#63748c);white-space:normal;padding-top:2px}.yx32-relate-entry>div:first-child{flex:1 1 180px}

/* Keep the generated manuscript in its own full-height reading pane. */
.yx34-result-workspace{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:var(--yx-sidebar,var(--yx-panel));overflow:hidden}
.yx34-result-nav{display:flex;align-items:center;gap:6px;flex:none;padding:10px 12px;border-bottom:1px solid var(--yx-border);background:var(--yx-panel)}
.yx34-result-nav button,.yx34-result-status button{font:inherit;font-size:12px;line-height:1.5;border:1px solid transparent;background:transparent;color:var(--yx-muted);border-radius:7px;padding:6px 10px;cursor:pointer;white-space:nowrap}
.yx34-result-nav button:hover{background:var(--yx-accent-bg);color:var(--yx-primary)}
.yx34-result-nav button[aria-pressed=true]{background:var(--yx-accent-bg);color:var(--yx-primary);border-color:var(--yx-accent-border,var(--yx-border));font-weight:600}
.yx34-result-nav .yx34-wide-toggle{margin-left:auto;color:var(--yx-primary);border-color:var(--yx-border)}
.yx34-result-nav button:focus-visible,.yx34-result-status button:focus-visible{outline:2px solid var(--yx-primary);outline-offset:2px}
.yx34-settings-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.yx34-settings-view>.yx-ai-form{height:100%;overflow-y:auto}
.yx34-result-view{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 12px 12px;overflow:hidden}
.yx34-result-status{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:10px;flex:none;color:var(--yx-muted);font-size:12px}
.yx34-result-status .is-busy{color:var(--yx-primary)}
.yx34-result-status .is-busy::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px}
.yx34-result-status .yx34-stop{color:var(--yx-danger);border-color:#bb315044;background:#bb315009;padding:4px 10px}
.yx34-result-body{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.yx34-result-body>.yx34-generation-result{height:100%;min-height:0;overflow:hidden}
.yx34-result-body .yx34-generation-result>.yx-stream{min-height:120px!important;flex:1 1 0;max-height:none!important;background:var(--yx-panel)!important;padding:18px 16px;font-size:15px;line-height:1.95;overscroll-behavior:contain;overflow-y:auto;overflow-wrap:anywhere}
.yx34-result-body .yx34-generation-result>div:not(.yx-stream){flex-shrink:0}
.yx34-result-body .yx34-generation-result>div:last-child{max-height:32%;overflow-y:auto;padding:5px 0 0;row-gap:8px}
.yx34-result-body .yx34-generation-result>.n-collapse{max-height:38%;overflow-y:auto}
.yx34-result-body .n-collapse-item__content-inner .yx-scroll{max-height:130px}
.yx34-result-workspace.is-wide{position:fixed;z-index:90;top:112px;right:20px;bottom:20px;width:min(920px,calc(100vw - 40px));border:1px solid var(--yx-border);border-radius:14px;box-shadow:0 16px 64px #152d4d30;background:var(--yx-panel)}
.yx34-result-workspace.is-wide .yx34-result-nav{padding:12px 20px}
.yx34-result-workspace.is-wide .yx34-result-view{padding:0 20px 16px}
.yx34-result-workspace.is-wide .yx34-generation-result>.yx-stream{padding:24px clamp(20px,4vw,64px);font-size:16px;line-height:2}
@media(max-width:700px){.yx34-result-workspace.is-wide{top:64px;right:8px;bottom:8px;width:calc(100vw - 16px)}.yx34-result-nav{gap:3px;padding:8px}.yx34-result-nav button{padding:6px 8px}.yx34-result-workspace.is-wide .yx34-result-view{padding:0 10px 10px}.yx34-result-workspace.is-wide .yx34-result-nav{padding:10px}.yx34-result-workspace.is-wide .yx34-generation-result>.yx-stream{padding:16px;font-size:15px}}
@media(max-height:550px){.yx34-result-workspace.is-wide{top:64px;bottom:8px}.yx34-result-status{min-height:34px}.yx34-result-body .yx34-generation-result>.yx-stream{min-height:70px!important}}

.yx35-result-return{flex:none;display:flex;justify-content:flex-start;padding-top:8px;margin-top:6px;border-top:1px solid var(--yx-border)}
.yx35-result-return button{font:inherit;font-size:12px;line-height:1.5;padding:6px 10px;border:1px solid var(--yx-border);border-radius:7px;background:var(--yx-panel);color:var(--yx-primary);cursor:pointer}
.yx35-result-return button:hover{background:var(--yx-accent-bg)}
.yx35-result-return button:focus-visible{outline:2px solid var(--yx-primary);outline-offset:2px}

/* Both tool rows belong to the writing column and share their left edge. */
.yx-writing-layout > section > nav[aria-label="AI 创作工具"] {
  order:-3; width:100%; min-width:0; min-height:52px; flex-wrap:nowrap;
  overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain;
  padding:7px 12px 7px 48px; gap:8px; scrollbar-width:thin;
  background:var(--yx-panel); border-bottom:1px solid var(--yx-border);
}
.yx-writing-shell .yx-ai-tool-group {
  --tool-tint:#eff6ff; --tool-color:#2457b5; --tool-border:#cddfff;
  flex-shrink:0; flex-wrap:nowrap; gap:5px; padding:5px 7px;
  border:1px solid var(--tool-border); border-radius:9px; background:var(--tool-tint);
}
.yx-writing-shell .yx-ai-tool-group:nth-child(2) {--tool-tint:#ecf8f3; --tool-color:#16715a; --tool-border:#c6e8db;}
.yx-writing-shell .yx-ai-tool-group:nth-child(3) {--tool-tint:#f4f0ff; --tool-color:#7452af; --tool-border:#ded2f5;}
.yx-writing-shell .yx-ai-tool-group:nth-child(4) {--tool-tint:#fff6e9; --tool-color:#936015; --tool-border:#eedcba;}
.yx-writing-shell .yx-ai-tool-group-label {width:auto; color:var(--tool-color); font-size:11px; font-weight:650; margin-right:3px;}
.yx-writing-shell .yx-ai-tool-group .n-button {--n-height:27px !important; --n-padding:0 7px !important; border-color:transparent; background:color-mix(in srgb,var(--yx-panel) 80%,transparent);}
.yx-writing-shell .yx-ai-tool-group .n-button--primary-type:not(.n-button--disabled) {background:var(--tool-color); border-color:var(--tool-color); color:#fff;}
.yx-writing-shell .yx-ai-tool-group .n-button:not(.n-button--disabled):hover {border-color:var(--tool-color); background:var(--yx-panel); color:var(--tool-color);}
.dark .yx-writing-shell .yx-ai-tool-group {background:color-mix(in srgb,var(--tool-color) 16%,var(--yx-panel)); border-color:color-mix(in srgb,var(--tool-color) 50%,var(--yx-border));}
.dark .yx-writing-shell .yx-ai-tool-group-label {color:var(--tool-border);}
@media(max-width:767px) {
  .yx-writing-layout > section > nav[aria-label="AI 创作工具"] {padding-left:44px; padding-right:8px;}
}

/* Clearer category separation while retaining the shared Memo-row alignment. */
.yx-writing-layout > section > nav[aria-label="AI 创作工具"] {
  min-height:62px; padding-top:9px; padding-bottom:9px; gap:18px;
}
.yx-writing-shell .yx-ai-tool-group {
  --tool-tint:#dfebff; --tool-color:#2455ad; --tool-border:#91b7f0;
  gap:5px; padding:6px 8px; border-color:var(--tool-border);
  border-left:4px solid var(--tool-color); border-radius:9px;
}
.yx-writing-shell .yx-ai-tool-group:nth-child(2) {--tool-tint:#d9f1e8; --tool-color:#116b51; --tool-border:#75baa3;}
.yx-writing-shell .yx-ai-tool-group:nth-child(3) {--tool-tint:#ebe2fa; --tool-color:#7043a7; --tool-border:#b79ad8;}
.yx-writing-shell .yx-ai-tool-group:nth-child(4) {--tool-tint:#ffebcc; --tool-color:#87550d; --tool-border:#d5ae66;}
.yx-writing-shell .yx-ai-tool-group-label {
  font-size:14px; font-weight:700; line-height:1.4; margin-right:4px;
}
.yx-writing-shell .yx-ai-tool-group .n-button {
  --n-height:30px !important; --n-padding:0 6px !important;
  --n-font-size:14px !important; font-size:14px;
  background:color-mix(in srgb,var(--yx-panel) 90%,transparent);
}
.yx-writing-shell .yx-ai-tool-group .n-button:focus-visible {
  outline:2px solid var(--tool-color); outline-offset:2px;
}
.dark .yx-writing-shell .yx-ai-tool-group {
  background:color-mix(in srgb,var(--tool-color) 26%,var(--yx-panel));
  border-color:color-mix(in srgb,var(--tool-border) 70%,var(--yx-border));
  border-left-color:var(--tool-border);
}
@media(max-width:767px) {
  .yx-writing-layout > section > nav[aria-label="AI 创作工具"] {gap:14px;}
}

/* Keep readable controls without reserving a blank column or horizontal scroll. */
.yx-writing-layout > section > nav[aria-label="AI 创作工具"] {
  padding:8px 12px;gap:10px 16px;min-height:60px;flex-wrap:wrap;overflow:visible;
}
.yx-writing-shell .yx-ai-tool-group {max-width:100%;flex-wrap:wrap;flex-shrink:1}
.yx-writing-shell .yx-manuscript-toolbar > div {flex-wrap:wrap;overflow:visible;white-space:normal;gap:7px}
.yx-writing-shell .yx-manuscript-toolbar .n-button:not(.yx-memo-trigger) {
  --n-height:30px!important;--n-font-size:13px!important;--n-padding:0 9px!important;
  color:var(--yx-text);border:1px solid #b6c9e4;border-radius:6px;background:#eaf1fc;
}
.yx-writing-shell .yx-manuscript-toolbar .n-button:not(.yx-memo-trigger):hover:not(:disabled) {background:#d8e7fd;border-color:#799ed6}
.yx-writing-shell .yx-manuscript-toolbar .n-button[aria-pressed="true"] {background:#d3e3ff;border-color:#6a97db;color:#214f98}
.yx-writing-shell .yx-manuscript-toolbar .n-button:disabled {opacity:.5}
.dark .yx-writing-shell .yx-manuscript-toolbar .n-button:not(.yx-memo-trigger) {background:#22344d;border-color:#476187;color:#dbe8fb}
.dark .yx-writing-shell .yx-manuscript-toolbar .n-button:not(.yx-memo-trigger):hover:not(:disabled) {background:#2c4262}
.yx-frequency-resizer {position:absolute;z-index:4;left:-5px;top:0;bottom:0;width:10px;cursor:col-resize;touch-action:none;user-select:none;outline:none}
.yx-frequency-resizer:after {content:"";position:absolute;left:4px;top:42%;height:50px;width:3px;border-radius:4px;background:#a4b8d8}
.yx-frequency-resizer:hover:after,.yx-frequency-resizer:focus-visible:after {background:#2563eb;width:4px}
.reading-preview-modal {max-height:calc(100dvh - 32px);margin:16px auto!important}
.reading-preview-modal .reading-preview-stage .reading-preview-page {height:max(120px,calc(100dvh - 280px));padding:32px 36px;font-size:18px}
.reading-preview-modal .reading-preview-stage {min-height:0}
.yx-foreshadow-form {display:grid;gap:14px}
.yx-foreshadow-form label {display:grid;gap:6px;font-size:13px}
.yx-foreshadow-badge {display:block;width:fit-content;max-width:100%;margin:4px 0 2px;padding:1px 6px;border:1px solid #d8b572;border-radius:4px;color:#87530c;background:#fff1d7;font-size:11px;line-height:1.6;cursor:pointer}
.yx-foreshadow-badge[data-status="已回收"] {color:#14654e;background:#e0f3e9;border-color:#88bba5}
.dark .yx-foreshadow-badge {color:#f4d396;background:#47391f;border-color:#93764a}
.dark .yx-foreshadow-badge[data-status="已回收"] {color:#a7dec5;background:#1c4034;border-color:#4f927a}
@media(max-width:1023px){
 .yx-frequency-resizer {top:-5px;left:0;right:0;bottom:auto;width:auto;height:10px;cursor:row-resize}
 .yx-frequency-resizer:after {top:4px;left:calc(50% - 25px);width:50px;height:3px}
 .yx-frequency-resizer:hover:after,.yx-frequency-resizer:focus-visible:after {width:50px;height:4px}
}
@media(max-width:767px){
 .yx-writing-layout > section > nav[aria-label="AI 创作工具"] {padding:8px;gap:8px}
 .yx-writing-shell .yx-ai-tool-group {gap:4px;padding:5px}
 .reading-preview-modal .reading-preview-stage .reading-preview-page {padding:20px 16px;height:max(100px,calc(100dvh - 290px))}
}

.reading-preview-modal label {white-space:nowrap}

/* Native resize cursors can disappear against editor surfaces on Windows.
   Keep the existing normal pointer for the complete captured drag gesture. */
.yx-frequency-resizer {cursor:default!important}
html.yx-frequency-dragging,html.yx-frequency-dragging * {cursor:default!important;user-select:none!important}
html.yx-frequency-dragging .yx-frequency-resizer:after {background:#2563eb;width:4px}
.yx39-mobile-preview {margin:16px auto!important;max-height:calc(100dvh - 32px)}
.yx39-preview-help {font-size:13px;line-height:1.6;margin:0 0 10px}
.yx39-preview-controls {display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;font-size:13px}
.yx39-preview-controls label,.yx39-preview-font,.yx39-preview-theme {display:flex;align-items:center;gap:8px}
.yx39-mobile-preview button,.yx39-mobile-preview select,.yx39-result-retention button,.yx39-history-dialog button {font:inherit;color:var(--yx-text);border:1px solid var(--yx-border);background:var(--yx-panel);border-radius:6px;padding:5px 9px;cursor:pointer}
.yx39-mobile-preview [aria-pressed=true] {background:var(--yx-primary);color:var(--yx-on-primary);border-color:var(--yx-primary)}
.yx39-preview-scale-note {font-size:12px;color:var(--yx-muted);margin:8px 0}
.yx39-preview-stage {box-sizing:border-box;background:var(--yx-bg);border:1px solid var(--yx-border);border-radius:12px;height:max(140px,calc(100dvh - 290px));padding:12px;overflow:auto;display:flex;justify-content:center}
.yx39-preview-footprint {flex-shrink:0;position:relative}
.yx39-phone-paper {box-sizing:border-box;transform-origin:top left;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:24px 16px;border:1px solid #d6dfee;border-radius:6px;background:#fff;color:#263142;font-family:var(--yx-editor-font,serif);line-height:1.9;word-break:break-word;overflow-wrap:anywhere}
.yx39-phone-paper::-webkit-scrollbar {display:none}
.yx39-phone-paper h2 {font-size:1.25em;line-height:1.5;font-weight:700;margin:0 0 10px}
.yx39-phone-count {font:12px/1.5 system-ui,sans-serif;opacity:.6;margin:0 0 22px}
.yx39-phone-prose p {white-space:pre-wrap;text-indent:2em;margin:0 0 .6em;min-height:1em}
.yx39-phone-sepia {background:#f7f1e2;color:#514c3b;border-color:#dfd5bd}
.yx39-phone-dark {background:#152033;color:#d9e2ef;border-color:#2b3c58}
.yx39-preview-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.yx-foreshadow-form textarea {min-height:240px}
.yx39-result-retention {display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11px;padding:6px 12px;border-bottom:1px solid var(--yx-border);flex-shrink:0}
.yx39-result-retention>span {flex:1 1 100%;color:var(--yx-muted)}
.yx39-result-retention button {padding:3px 7px}
.yx39-clear-confirm {display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px;background:var(--yx-bg);width:100%}
.yx39-history-shade {position:fixed;inset:0;background:#0006;z-index:10020;display:flex;align-items:center;justify-content:center;padding:20px}
.yx39-history-dialog {background:var(--yx-panel);color:var(--yx-text);border:1px solid var(--yx-border);border-radius:14px;padding:22px;width:min(720px,100%);max-height:88dvh;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;box-shadow:0 10px 35px #0002}
.yx39-history-dialog header {display:flex;align-items:center;justify-content:space-between}
.yx39-history-dialog>p {font-size:12px;margin:0}
.yx39-history-list {min-height:0;overflow:auto;display:grid;gap:10px}
.yx39-history-list button {display:grid;gap:6px;text-align:left;padding:12px;line-height:1.6}
.yx39-history-list button:hover {border-color:var(--yx-primary);background:var(--yx-bg)}
.yx39-history-list span {color:var(--yx-muted);font-size:12px}
.yx39-history-list p {margin:0;font-size:13px}
@media(max-width:767px){.yx39-preview-stage {height:max(140px,calc(100dvh - 370px))}.yx39-preview-controls {gap:7px}.yx39-preview-footer {align-items:flex-start}.yx39-mobile-preview {margin:8px auto!important}}

/* Workflow library only. Keep existing editor, execution and recovery surfaces intact. */
.yx-workflows-page:has(.yx44-library){padding:0!important;max-width:none!important}
.yx-workflows-page:has(.yx44-library)>.n-spin-container{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.yx44-library{--wf-accent:#2563eb;--wf-soft:#eaf0ff;--wf-card:var(--yx-panel,#fff);--wf-border:var(--yx-border,#dce3ef);--wf-text:var(--yx-text,#182941);--wf-muted:var(--yx-muted,#71809a);color:var(--wf-text);padding:0 26px 40px;font-size:14px;min-width:0}
.yx44-library *{box-sizing:border-box}
.yx44-library-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 23px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0!important}
.yx44-heading{display:flex;align-items:center;gap:14px}.yx44-heading-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--wf-soft);color:var(--wf-accent);border:1px solid var(--yx-border);border-radius:15px}.yx44-heading h1{font-size:25px;font-weight:750;letter-spacing:.02em;line-height:1.35;margin:0}.yx44-heading p{color:var(--wf-muted);margin:5px 0 0;font-size:13px}.yx44-header-actions{display:flex;gap:10px;align-items:center}
.yx44-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--wf-border,var(--yx-border));background:var(--wf-card,var(--yx-panel,#fff));color:var(--wf-text,var(--yx-text));border-radius:9px;min-height:36px;padding:0 14px;font:inherit;font-size:13px;font-weight:550;line-height:1.3;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}
.yx44-button:hover{border-color:var(--yx-border);background:var(--wf-soft,#eaf0ff)}.yx44-button:focus-visible,.yx44-library summary:focus-visible,.yx44-card-title:focus-visible{outline:3px solid var(--yx-border);outline-offset:3px}.yx44-button:disabled{opacity:.55;cursor:not-allowed}.yx44-primary{background:var(--yx-primary);color:var(--yx-on-primary);border-color:var(--yx-primary);box-shadow:0 3px 9px #2563eb18}.yx44-primary:hover{background:var(--yx-primary);color:var(--yx-on-primary);border-color:var(--yx-primary)}.yx44-header-actions>.yx44-primary{min-height:40px;padding:0 17px}
.yx44-navigation{display:flex;align-items:center;gap:16px;padding:6px 8px 6px 6px;border:1px solid var(--wf-border);border-radius:13px;background:color-mix(in srgb,var(--wf-card) 80%,transparent);box-shadow:0 2px 5px #1f355905}.yx44-tabs{display:flex;gap:5px;min-width:0}.yx44-tab{border:0;background:transparent;color:var(--wf-muted);min-height:39px;padding:0 18px;font-size:14px;white-space:nowrap}.yx44-tab.is-active{background:var(--wf-card);color:var(--wf-accent);box-shadow:0 1px 5px #192e5810}.yx44-count{border-radius:6px;background:var(--wf-soft);padding:2px 7px;font-size:11px;line-height:1.45}.yx44-refresh{border:0;min-width:36px;width:36px;padding:0;background:transparent;margin-left:auto;color:var(--wf-muted)}
.yx44-search-row{display:flex;align-items:center;gap:20px;margin:22px 0 20px}.yx44-search{display:flex;align-items:center;gap:10px;min-height:43px;width:min(480px,100%);padding:0 13px;border:1px solid var(--wf-border);border-radius:11px;background:var(--wf-card);color:var(--wf-muted)}.yx44-search:focus-within{border-color:var(--yx-primary);box-shadow:0 0 0 3px #2563eb0d}.yx44-search input{width:100%;min-width:0;outline:none;border:0;background:transparent;color:var(--wf-text);font:inherit}.yx44-search input::placeholder{color:var(--wf-muted);opacity:.85}.yx44-clear{border:0;background:transparent;min-height:27px;padding:0 7px;font-size:20px;color:var(--wf-muted)}.yx44-list-caption{margin-left:auto;color:var(--wf-muted);font-size:12px;white-space:nowrap}
.yx44-workflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,295px),1fr));gap:22px}.yx44-flow-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:290px;border:1px solid color-mix(in srgb,var(--wf-border) 78%,transparent);border-radius:17px;background:var(--wf-card);padding:21px 22px 18px;box-shadow:0 4px 16px #23345108,0 1px 2px #23345105;transition:box-shadow .18s,border-color .18s}.yx44-flow-card:hover{border-color:var(--yx-border);box-shadow:0 8px 24px #2334510d}.yx44-card-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}.yx44-card-icon{display:grid;place-items:center;background:var(--yx-accent-bg);color:var(--yx-accent-text);width:39px;height:39px;border-radius:11px}.yx44-card-icon[data-kind=long]{background:var(--yx-accent-bg);color:var(--yx-purple)}.yx44-kind{font-size:12px;color:var(--wf-muted)}
.yx44-card-menu{position:relative;margin-left:auto}.yx44-card-menu summary{list-style:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--wf-muted);letter-spacing:2px;cursor:pointer;font-size:14px}.yx44-card-menu summary::-webkit-details-marker{display:none}.yx44-card-menu summary:hover,.yx44-card-menu[open] summary{background:var(--wf-soft);color:var(--wf-accent)}.yx44-menu-items{position:absolute;top:35px;right:0;min-width:165px;z-index:12;display:grid;gap:3px;background:var(--wf-card);border:1px solid var(--wf-border);border-radius:11px;box-shadow:0 10px 30px #18284124;padding:6px}.yx44-menu-items .yx44-button{justify-content:flex-start;border:0;box-shadow:none;background:transparent;font-size:13px;font-weight:400;width:100%;padding:8px 12px}.yx44-menu-items .yx44-button:hover{background:var(--wf-soft)}.yx44-menu-items .yx44-danger{color:var(--yx-danger)}
.yx44-card-title{appearance:none;border:0;background:transparent;text-align:left;color:var(--wf-text);padding:0;cursor:pointer;margin:0 0 10px}.yx44-card-title h2{font-size:17px;font-weight:700;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;overflow-wrap:anywhere}.yx44-card-title:hover{color:var(--wf-accent)}.yx44-card-description{color:var(--wf-muted);font-size:13px;line-height:1.85;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;margin:0 0 15px;min-height:48px}.yx44-card-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--wf-muted);margin-top:auto;margin-bottom:15px}.yx44-card-meta>span{display:flex;gap:6px;align-items:center}.yx44-mode-dot{display:block;width:5px;height:5px;background:var(--yx-primary);border-radius:50%}.yx44-steps-link{min-height:24px;padding:0;border:0;background:transparent;color:var(--wf-muted);font-size:12px;font-weight:400}.yx44-steps-link:hover{background:transparent;color:var(--wf-accent)}
.yx44-card-footer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--wf-border);padding-top:16px}.yx44-creator{min-width:0;flex:1}.yx44-library .yx29-workflow-author{width:100%;min-width:0;margin:0;padding:0;background:transparent!important;border:0!important;display:flex;align-items:center;gap:8px;line-height:1.5}.yx44-library .yx29-workflow-author img{width:28px;height:28px;flex-shrink:0}.yx44-library .yx29-workflow-author>span{display:flex;align-items:center;gap:6px;min-width:0}.yx44-library .yx29-workflow-author small{display:none}.yx44-library .yx29-workflow-author strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wf-text)}.yx44-updated{display:block;font-size:11px;color:var(--wf-muted);margin-top:6px;opacity:.85}.yx44-run{flex-shrink:0;min-height:34px;padding:0 12px;border-radius:9px;font-size:13px}.yx44-pagination{justify-content:flex-end;margin-top:25px}
.yx44-library-tools{position:relative;font-size:13px}.yx44-library-tools>summary{list-style:none;cursor:pointer;min-height:40px;display:flex;align-items:center;padding:0 13px;border:1px solid var(--wf-border);border-radius:9px;background:var(--wf-card);color:var(--wf-muted)}.yx44-library-tools summary::-webkit-details-marker{display:none}.yx44-tools-popover{position:absolute;right:0;top:46px;min-width:220px;z-index:15;display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--wf-border);border-radius:11px;background:var(--wf-card);padding:14px;box-shadow:0 10px 30px #18284124}
.yx44-empty{text-align:center;padding:70px 20px;background:var(--wf-card);border:1px dashed var(--wf-border);border-radius:16px}.yx44-empty-icon{display:inline-grid;place-items:center;width:62px;height:62px;background:var(--wf-soft);color:var(--wf-accent);border-radius:18px}.yx44-empty h2{font-size:18px;margin:18px 0 8px}.yx44-empty p{color:var(--wf-muted);font-size:13px;margin:0 0 20px}
.yx44-templates,.yx44-history{margin-top:22px}.yx44-history>section{margin-top:0!important}.yx44-history .run-history{border-radius:15px;overflow:hidden;box-shadow:0 3px 12px #23345106}.yx44-history .run-history>a{padding:20px 22px}.yx44-templates .yx-panel{border-radius:16px}
.yx44-detail-modal{display:flex;flex-direction:column;border-radius:17px!important}.yx44-detail-modal>.n-card-header,.yx44-detail-modal>.n-card__footer{flex-shrink:0}.yx44-detail-heading h2{font-size:22px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}.yx44-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 17px}.yx44-detail-badges span{font-size:12px;border-radius:6px;padding:4px 8px;background:var(--yx-bg,#f1f5fb);color:var(--yx-muted,#71809a)}.yx44-detail-description{font-size:14px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.yx44-detail-section-title{font-size:14px;font-weight:650;margin:24px 0 14px}.yx44-step-list{list-style:none;margin:0;padding:0}.yx44-step-list li{display:flex;gap:13px;align-items:center;position:relative;padding:0 0 21px}.yx44-step-list li:not(:last-child):before{position:absolute;content:'';left:15px;top:33px;bottom:3px;width:1px;background:var(--yx-border,#dce3ef)}.yx44-step-number{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:10px;background:var(--yx-accent-bg);color:var(--yx-accent-text);font-size:12px;font-weight:600}.yx44-step-list strong{display:block;font-size:14px;font-weight:550}.yx44-step-list small{display:block;font-size:12px;color:var(--yx-muted,#71809a);margin-top:4px}.yx44-detail-output{font-size:12px;line-height:1.8;color:var(--yx-muted,#71809a);background:var(--yx-bg,#f1f5fb);padding:12px 15px;border-radius:9px}.yx44-detail-actions{display:flex;justify-content:flex-end;gap:10px}
@media(min-width:1700px){.yx44-library{padding-left:32px;padding-right:32px}.yx44-workflow-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(315px,1fr))}}
@media(max-width:850px){.yx44-library{padding:0 16px 28px}.yx44-library-header{align-items:flex-start;gap:16px;padding:20px 0!important}.yx44-heading h1{font-size:22px}.yx44-heading p{display:none}.yx44-heading-icon{width:40px;height:40px}.yx44-list-caption{display:none}.yx44-search{width:100%}.yx44-workflow-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}}
@media(max-width:520px){.yx44-library{padding:0 12px 24px}.yx44-library-header{flex-wrap:wrap}.yx44-header-actions{margin-left:auto}.yx44-library-tools>summary{padding:0 9px;font-size:12px}.yx44-header-actions>.yx44-primary{padding:0 11px;font-size:12px}.yx44-tab{padding:0 9px;font-size:13px}.yx44-tabs{gap:2px}.yx44-navigation{gap:2px}.yx44-heading{gap:8px}.yx44-heading-icon{width:35px;height:35px}.yx44-heading h1{font-size:20px}.yx44-search-row{margin:16px 0}.yx44-flow-card{padding:19px;min-height:280px}}
[data-theme=dark] .yx44-library,.dark .yx44-library{--wf-soft:#243654;--wf-accent:#91b4ff}.dark .yx44-card-icon,[data-theme=dark] .yx44-card-icon{background:var(--yx-sidebar);color:var(--yx-accent-text)}
@media(prefers-reduced-motion:reduce){.yx44-button,.yx44-flow-card{transition:none}}

.wf-run-modal:has(.yx46-run-layout){width:min(1460px,calc(100vw - 32px))!important;height:min(900px,calc(100dvh - 32px));}
.wf-run-modal>.n-card-content:has(.yx46-run-layout){display:flex;flex-direction:column;overflow:hidden!important;min-height:0;}
.yx46-run-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;gap:22px;flex:1;min-height:0;overflow:hidden;}
.yx46-run-route,.yx46-run-form,.yx46-run-settings{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;}
.yx46-run-form{padding:0 8px 8px 0!important;margin:0;}
.yx46-run-settings{padding:0 2px 8px 0;}
.yx46-run-route{padding:18px 14px 18px 18px;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:12px;color:var(--yx-text);}
.yx46-route-kicker{font-size:11px;letter-spacing:.12em;color:var(--yx-muted);font-weight:600;}
.yx46-route-header h3{font-size:18px;font-weight:700;margin:3px 0 10px;}
.yx46-route-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--yx-muted);}
.yx46-route-mode{background:var(--yx-accent-bg);border-radius:5px;padding:2px 7px;color:var(--yx-accent-text);font-weight:600;}
.yx46-route-header p{font-size:12px;line-height:1.7;color:var(--yx-muted);margin:10px 0 18px;}
.yx46-route-steps{list-style:none;padding:0;margin:0;display:grid;gap:18px;}
.yx46-route-steps li{position:relative;display:flex;gap:11px;align-items:flex-start;min-height:27px;}
.yx46-route-steps li:not(:last-child)::before{content:'';position:absolute;top:27px;bottom:-18px;left:13px;border-left:1px solid var(--yx-border);}
.yx46-route-number{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:var(--yx-panel);border:1px solid var(--yx-border);color:var(--yx-accent-text);font-size:12px;font-weight:700;}
.yx46-route-steps strong{display:block;font-size:13px;font-weight:600;line-height:1.65;padding-top:2px;overflow-wrap:anywhere;}
.yx46-route-review{display:inline-block;font-size:11px;color:var(--yx-warning);margin-top:3px;}
.yx46-route-delivery{border-top:1px solid var(--yx-border);margin-top:22px;padding-top:14px;font-size:12px;line-height:1.75;}
.yx46-route-delivery>strong{font-weight:600;}
.yx46-route-delivery p{margin:4px 0 8px;overflow-wrap:anywhere;}
.yx46-route-delivery span{color:var(--yx-accent-text);}
.yx46-route-delivery .yx46-route-hint{color:var(--yx-muted);margin-top:6px;font-size:11px;}
.yx46-route-details{margin-top:14px;font-size:12px;color:var(--yx-muted);}
.yx46-route-details summary{cursor:pointer;color:var(--yx-muted);padding:5px 0;}
.yx46-route-details>div{border-top:1px solid var(--yx-border);margin-top:10px;padding-top:9px;overflow-wrap:anywhere;}
.yx46-route-details strong{color:var(--yx-text);font-weight:500;}
.yx46-route-details p{margin:4px 0;font-size:11px;line-height:1.65;}
.yx46-route-warning{margin-top:12px;padding:10px;border-radius:6px;background:var(--yx-warning-bg);color:var(--yx-warning);font-size:12px;line-height:1.7;}
html.dark .yx46-run-route{background:var(--yx-sidebar);border-color:var(--yx-border);}
html.dark .yx46-route-number{background:var(--yx-sidebar);color:var(--yx-accent-text);border-color:var(--yx-border);}
html.dark .yx46-route-mode{background:var(--yx-sidebar);color:var(--yx-accent-text);}
html.dark .yx46-route-kicker,html.dark .yx46-route-details summary,html.dark .yx46-route-delivery span{color:var(--yx-accent-text);}
html.dark .yx46-route-delivery,html.dark .yx46-route-details>div{border-color:var(--yx-border);}
html.dark .yx46-route-steps li::before{border-color:var(--yx-border)!important;}
html.dark .yx46-route-warning{background:var(--yx-sidebar);color:var(--yx-warning);}
@media(max-width:1150px){
 .wf-run-modal:has(.yx46-run-layout){height:auto;}
 .wf-run-modal>.n-card-content:has(.yx46-run-layout){display:block;overflow-y:auto!important;}
 .yx46-run-layout{grid-template-columns:210px minmax(0,1fr);gap:20px;overflow:visible;}
 .yx46-run-route{grid-column:1;grid-row:1 / 3;position:sticky;top:0;align-self:start;max-height:calc(100dvh - 170px);}
 .yx46-run-form,.yx46-run-settings{grid-column:2;overflow:visible;scrollbar-gutter:auto;padding-right:0!important;}
}
@media(max-width:680px){
 .wf-run-modal:has(.yx46-run-layout){width:calc(100vw - 16px)!important;}
 .yx46-run-layout{display:flex;flex-direction:column;gap:18px;}
 .yx46-run-route{position:static;max-height:none;overflow:visible;padding:16px;scrollbar-gutter:auto;}
 .yx46-route-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;}
 .yx46-route-steps li::before{display:none;}
 .yx46-route-header p{margin-bottom:14px;}
 .yx46-route-delivery{margin-top:16px;}
 .yx46-run-form>div:first-child{flex-wrap:wrap;}
}

/* Larger workflow workspace, with a coordinated blue route overview. */
.wf-run-modal:has(.yx46-run-layout){
  width:min(1760px,calc(100vw - 32px))!important;
  height:min(1080px,calc(100dvh - 32px));
}
.yx46-run-route{background:var(--yx-accent-bg);border-color:var(--yx-border);color:var(--yx-text);}
.yx46-route-kicker,.yx46-route-details summary,.yx46-route-delivery span{color:var(--yx-accent-text);}
.yx46-route-meta,.yx46-route-header p,.yx46-route-details,.yx46-route-delivery .yx46-route-hint{color:var(--yx-muted);}
.yx46-route-mode{background:var(--yx-accent-bg);color:var(--yx-accent-text);}
.yx46-route-number{background:var(--yx-panel);border-color:var(--yx-border);color:var(--yx-accent-text);}
.yx46-route-steps li:not(:last-child)::before{border-color:var(--yx-border);}
.yx46-route-delivery,.yx46-route-details>div{border-color:var(--yx-border);}
.yx46-route-details strong{color:var(--yx-text);}
html.dark .yx46-run-route{background:var(--yx-sidebar);border-color:var(--yx-border);color:var(--yx-accent-text);}
html.dark .yx46-route-number{background:var(--yx-sidebar);border-color:var(--yx-border);color:var(--yx-accent-text);}
html.dark .yx46-route-mode{background:var(--yx-primary);color:var(--yx-accent-text);}
html.dark .yx46-route-kicker,html.dark .yx46-route-details summary,html.dark .yx46-route-delivery span{color:var(--yx-accent-text);}
html.dark .yx46-route-meta,html.dark .yx46-route-header p,html.dark .yx46-route-details,html.dark .yx46-route-delivery .yx46-route-hint{color:var(--yx-muted);}
html.dark .yx46-route-delivery,html.dark .yx46-route-details>div{border-color:var(--yx-border);}
html.dark .yx46-route-details strong{color:var(--yx-accent-text);}
html.dark .yx46-route-steps li::before{border-color:var(--yx-border)!important;}
@media(min-width:1500px){
  .yx46-run-layout{grid-template-columns:250px minmax(0,1fr) 380px;gap:24px;}
  .yx46-run-route{padding:22px 18px 22px 22px;}
}
@media(max-width:1150px){
  .wf-run-modal:has(.yx46-run-layout){height:auto;}
}
@media(max-width:680px){
  .wf-run-modal:has(.yx46-run-layout){width:calc(100vw - 16px)!important;}
}

.kc49-permissions{font-size:14px;color:var(--yx-text,#203452)}
.kc49-card-name{font-size:17px;font-weight:650;margin:0 0 10px}
.kc49-hint{font-size:13px;color:var(--yx-muted,#607493);line-height:1.8;margin:10px 0}
.kc49-fields{display:grid;gap:16px;margin-top:20px}.kc49-fields section{border:1px solid var(--yx-border);border-radius:12px;padding:18px}.kc49-fields .kc49-content-section{background:var(--yx-accent-bg);border-color:var(--yx-border)}
.kc49-fields h3{font-weight:650;margin:0 0 12px;font-size:15px}.kc49-fields select,.kc49-fields textarea{width:100%;border:1px solid var(--yx-border);border-radius:7px;padding:10px 12px;font:inherit;box-sizing:border-box;background:var(--yx-surface,#fff);color:inherit}.kc49-fields textarea{resize:vertical;min-height:70px}.kc49-fields select:focus,.kc49-fields textarea:focus{outline:2px solid var(--yx-border);outline-offset:1px}.kc49-label{display:grid;gap:8px;margin-top:14px}.kc49-actions{display:flex;gap:10px;justify-content:flex-end}
.kc49-button{border:1px solid var(--yx-border);border-radius:7px;background:var(--yx-surface,#fff);color:var(--yx-text,#203452);padding:7px 14px;font:inherit;cursor:pointer;line-height:1.4}.kc49-button:focus-visible{outline:2px solid var(--yx-primary);outline-offset:2px}.kc49-button:disabled{opacity:.5;cursor:not-allowed}.kc49-button.kc49-primary{background:var(--yx-primary);border-color:var(--yx-primary);color:var(--yx-on-primary);font-weight:600}.kc49-error{background:var(--yx-danger-bg);color:var(--yx-danger);border-radius:8px;padding:12px;margin-top:14px}.kc49-shared-view{max-height:65vh;overflow:auto}.kc49-shared-view pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:15px;line-height:1.9}.kc49-private-notice{padding:22px;border-radius:10px;background:var(--yx-accent-bg);color:var(--yx-muted)}

/* Round 50: a fixed reading workbench. Output owns the long content scroll. */
.yx50-run-page{height:calc(100dvh - 60px);padding:12px 18px!important;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.yx50-run-page>header{flex:none;margin-bottom:0!important;gap:10px!important}
.yx50-run-page>header h1{font-size:18px!important}
.yx50-run-page>.n-spin-container{min-height:0;flex:1;overflow:hidden}
.yx50-run-page>.n-spin-container>.n-spin-content{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.yx50-run-page .yx50-run-summary{flex:none;margin-bottom:0!important;padding:10px 16px!important;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.yx50-run-summary>.n-progress{display:none}
.yx50-run-summary>p{margin:0!important}
.yx50-run-summary>*{margin:0!important}
.yx50-run-page .yx29-run-workspace{min-height:0;flex:1;display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:stretch;overflow:hidden}
.yx50-run-page .yx29-run-nav{height:100%;max-height:none;min-height:0;position:static;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:16px;background:var(--yx-accent-bg);border-color:var(--yx-border)}
.yx50-run-page .yx29-step-list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;align-content:start;padding:2px 3px 3px 0}
.yx50-run-page .yx29-step{padding:10px;min-height:60px;flex:none}
.yx50-run-page .yx29-run-nav .yx29-note{margin-top:12px;flex:none}
.yx50-run-page .yx29-run-main{min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.yx50-run-page .yx29-item-actions{flex:none;padding:8px 14px}
.yx50-run-page .yx29-step-columns{display:flex;flex-direction:column;align-items:stretch;min-height:0;flex:1;gap:8px;overflow:hidden}
.yx50-run-page .yx29-step-input{flex:none;padding:10px 14px;max-height:none;overflow:hidden;background:var(--yx-panel)}
.yx50-run-page .yx29-reference-open{max-height:32dvh;overflow-y:auto;margin-top:10px}
.yx50-run-page .yx29-step-input>summary{cursor:pointer;color:var(--yx-accent-text);font-weight:600;display:flex;gap:10px;align-items:center}
.yx50-run-page .yx29-step-input>summary::before{content:'▸'}
.yx50-run-page .yx29-step-input[open]>summary::before{content:'▾'}
.yx50-run-page .yx29-step-input>summary small{font-weight:400;color:var(--yx-muted)}
.yx50-run-page .yx29-step-output{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 20px;overflow:hidden}
.yx50-run-page .yx29-column-title{flex:none;margin-bottom:10px;padding-bottom:10px}
.yx50-run-page .yx50-output-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:10px}
.yx50-run-page .yx29-output-plain,.yx50-run-page .yx29-read-result,.yx50-run-page .yx29-read-result .safe-markdown{max-height:none;overflow:visible}
.yx50-run-page .yx29-read-result{margin:0}
.yx50-run-page .yx29-output-tools{position:sticky;top:0;z-index:1;background:var(--yx-panel);padding-bottom:10px}
.yx50-fiction-mode{padding:15px 18px;border:1px solid var(--yx-border);border-radius:12px;background:var(--yx-accent-bg);margin-bottom:14px}
.yx50-fiction-mode h3{margin:0 0 10px;font-size:15px}.yx50-fiction-mode>div{display:flex;gap:10px}.yx50-fiction-mode p{margin:10px 0 0;color:var(--yx-muted);font-size:12px;line-height:1.7}
.yx50-idea-choice{display:grid;gap:12px}.yx50-idea-choice h3,.yx50-idea-choice p{margin:0}.yx50-idea-choice>p{color:var(--yx-muted);font-size:13px}.yx50-idea-choice>div{display:grid;gap:12px}
.yx50-idea{background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:12px;padding:16px;text-align:left;color:var(--yx-text);cursor:pointer}.yx50-idea.selected{border-color:var(--yx-primary);background:var(--yx-accent-bg);box-shadow:inset 3px 0 #346be5}.yx50-idea strong{display:block;margin-bottom:8px;color:var(--yx-accent-text)}.yx50-idea p{white-space:pre-wrap;line-height:1.8}
.yx50-idea-choice label{display:grid;gap:8px}.yx50-idea-choice textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--yx-border);border-radius:8px;font:inherit;line-height:1.8;resize:vertical}
.yx50-chapter-progress{font-size:12px;line-height:1.6;color:var(--yx-accent-text);background:var(--yx-accent-bg);border-radius:6px;padding:6px 9px;margin:8px 0 0}
@media(max-width:900px){.yx50-run-page .yx29-run-workspace{grid-template-columns:190px minmax(0,1fr)}.yx50-run-page .yx29-run-nav{padding:10px}.yx50-run-page .yx29-step-output{padding:12px}}
@media(max-width:640px){.yx50-run-page{height:calc(100dvh - 82px)}.yx50-run-page .yx29-run-workspace{grid-template-columns:140px minmax(0,1fr);gap:6px}.yx50-run-page .yx29-step{padding:7px;gap:5px}.yx50-run-page .yx29-step strong{font-size:12px}.yx50-run-page>header h1{font-size:14px!important}.yx50-run-page .yx29-step-output{padding:9px}}

.yx51-review-actions{position:sticky;bottom:0;z-index:2;background:var(--yx-panel);padding:12px 0;border-top:1px solid var(--yx-border);box-shadow:0 -6px 12px #ffffffdd;display:flex;gap:10px;flex-wrap:wrap}
.yx51-plan-review{display:grid;gap:14px}.yx51-plan-review>p{color:var(--yx-muted);margin:0;font-size:13px;line-height:1.8}
.yx51-plan-review fieldset{min-width:0;border:1px solid var(--yx-border);border-radius:12px;padding:14px;display:grid;gap:12px;background:var(--yx-panel)}.yx51-plan-review legend{color:var(--yx-accent-text);font-weight:600;padding:0 6px}
.yx51-plan-review label{display:grid;gap:6px}.yx51-plan-review input,.yx51-plan-review textarea{width:100%;box-sizing:border-box;border:1px solid var(--yx-border);border-radius:8px;background:var(--yx-panel);color:var(--yx-text);padding:10px;font:inherit;line-height:1.8;resize:vertical}

/* Equal-height execution steps fill the available navigation area. */
.yx50-run-page .yx29-step-list{display:grid;grid-template-rows:none;grid-auto-rows:minmax(84px,1fr);align-content:stretch;gap:10px}
.yx50-run-page .yx29-step{height:100%;min-height:0;box-sizing:border-box;align-items:center}
.yx50-run-page .yx29-step-list:has(.yx50-chapter-progress){grid-auto-rows:minmax(112px,1fr)}
@media(max-width:900px){.yx50-run-page .yx29-step-list{gap:8px;grid-auto-rows:minmax(80px,1fr)}}

/* Two full-width, independent navigation bars. */
.yx44-navigation{gap:8px}
.yx44-navigation .yx44-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;width:100%}
.yx44-navigation .yx44-tab{width:100%;padding-inline:10px;min-height:42px}
.yx44-navigation .yx44-refresh{flex:0 0 36px;margin-left:0}
.yx53-discovery-navigation{margin-top:12px;background:color-mix(in srgb,var(--wf-soft) 42%,var(--wf-card));border-color:color-mix(in srgb,var(--wf-accent) 17%,var(--wf-border))}
.yx53-discovery-navigation .yx44-tab.is-active{box-shadow:0 2px 7px #2563eb16}
.yx53-favorite{margin-left:auto;min-width:34px;padding:0 8px;border:0;background:transparent;color:var(--wf-muted)}
.yx53-favorite.is-saved{color:var(--yx-warning);background:var(--yx-warning-bg)}
.yx53-usage{margin-left:auto;white-space:nowrap;font-size:11px}
.yx53-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:16px;background:var(--yx-danger-bg);color:var(--yx-danger);border-radius:10px}
.yx53-loading{font-size:13px;color:var(--wf-muted);margin:12px 0}
.yx53-public .yx44-card-meta{gap:10px;flex-wrap:wrap}
[data-theme=dark] .yx53-favorite.is-saved,.dark .yx53-favorite.is-saved{color:var(--yx-warning);background:var(--yx-sidebar)}
@media(max-width:520px){.yx44-navigation .yx44-tab{font-size:12px;padding-inline:2px;gap:3px;min-height:40px}.yx44-navigation{gap:3px}.yx44-count{padding:2px 5px}.yx53-discovery-navigation{margin-top:9px}}

/* Full-width search fields in personal and public workflow views. */
.yx44-library .yx44-search-row{flex-wrap:wrap;gap:8px}
.yx44-library .yx44-search{width:100%;flex:0 0 100%;max-width:none}
.yx44-library .yx44-search>svg{flex-shrink:0}
.yx44-library .yx44-list-caption{width:100%;margin-left:0;text-align:right;white-space:normal}

/* Execution navigation: share the available height, without a scrolling step list. */
.yx50-run-page .yx29-run-nav{padding:12px;gap:0;overflow:clip}
.yx50-run-page .yx29-manuscript-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;flex:none;font-size:12px}
.yx50-run-page .yx29-manuscript-picker select{height:36px;padding:6px;box-sizing:border-box;font-size:12px}
.yx50-run-page .yx29-step-progress{display:flex;align-items:center;gap:10px;flex:none;padding:12px 0;font-size:12px;line-height:18px}
.yx50-run-page .yx29-step-progress strong{white-space:nowrap;flex:none}
.yx50-run-page .yx29-step-progress progress{flex:1;min-width:0;width:auto;margin:0}
.yx50-run-page .yx29-nav-title{flex:none;margin:0 0 8px;line-height:20px;font-size:12px}
.yx50-run-page .yx29-step-list,
.yx50-run-page .yx29-step-list:has(.yx50-chapter-progress){display:grid;grid-template-rows:none;grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:8px;flex:1 1 0;min-height:0;overflow:clip;padding:2px}
.yx50-run-page .yx29-step{width:100%;height:100%;min-height:0;min-width:0;box-sizing:border-box;padding:6px 8px;gap:8px;align-items:center;border-radius:10px}
.yx50-run-page .yx29-step-no{width:26px;height:26px;flex:0 0 26px;font-size:12px}
.yx50-run-page .yx29-step>span:last-child{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 6px;min-width:0;align-items:center}
.yx50-run-page .yx29-step strong{grid-column:1/-1;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.yx50-run-page .yx29-step small{font-size:11px;line-height:1.35}
.yx50-run-page .yx29-step .yx50-chapter-progress{margin:0;padding:0;background:none;border-radius:0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--yx-accent-text)}
.yx50-run-page .yx29-final-button{flex:none;margin-top:8px;min-height:30px;padding-block:4px}
.yx50-run-page .yx29-run-nav .yx29-note{flex:none;margin:8px 0 0;font-size:11px;line-height:1.5}
@media(max-height:800px){
 .yx50-run-page .yx29-run-nav .yx29-note{display:none}
 .yx50-run-page .yx29-step-list,.yx50-run-page .yx29-step-list:has(.yx50-chapter-progress){gap:6px}
}
@media(max-width:900px){
 .yx50-run-page .yx29-run-nav{padding:8px}
 .yx50-run-page .yx29-manuscript-picker{grid-template-columns:1fr;gap:3px}
 .yx50-run-page .yx29-manuscript-picker select{height:30px}
 .yx50-run-page .yx29-step-progress{font-size:11px;padding:8px 0;gap:6px}
 .yx50-run-page .yx29-step{padding:4px 5px;gap:5px}
 .yx50-run-page .yx29-step-no{width:22px;height:22px;flex-basis:22px;font-size:11px}
 .yx50-run-page .yx29-step strong{font-size:12px;line-height:1.3}
 .yx50-run-page .yx29-step small{font-size:10px}
 .yx50-run-page .yx29-step .yx50-chapter-progress{font-size:9px}
}

.yx57-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 14px}.yx57-toolbar>span:first-child{margin-right:auto}.yx57-toolbar label{display:flex;align-items:center;gap:8px}.yx57-toolbar input[type=checkbox]{width:17px;height:17px;accent-color:var(--yx-primary)}.yx57-batch-intro strong{font-size:16px;color:var(--yx-text)}.yx57-batch-intro p{margin:6px 0 16px;color:var(--yx-muted);font-size:13px}.yx57-batch-bar{padding:12px 14px;border:1px solid var(--yx-border);border-radius:10px;background:var(--yx-accent-bg);position:sticky;top:0;z-index:2}.yx57-idea-card{border:1px solid var(--yx-border);border-radius:12px;padding:18px;margin:14px 0;background:var(--yx-panel)}.yx57-idea-card.selected{border-color:var(--yx-primary);background:var(--yx-panel);box-shadow:inset 3px 0 #2862ef}.yx57-idea-card small{color:var(--yx-muted)}.yx57-idea-card .yx57-toolbar>small{margin-left:auto}.yx57-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--yx-border);margin-top:14px}.yx57-editor,.yx57-fields textarea,.yx57-feedback textarea{display:block;width:100%;min-height:180px;border:1px solid var(--yx-border);border-radius:8px;padding:14px;resize:vertical;color:var(--yx-text);background:var(--yx-panel);font:inherit;line-height:1.85;box-sizing:border-box}.yx57-editor:focus,.yx57-fields textarea:focus{outline:2px solid var(--yx-border);outline-offset:1px}.yx57-fields{display:grid;gap:16px}.yx57-fields label{display:grid;gap:8px}.yx57-feedback{margin:16px 0;color:var(--yx-muted)}.yx57-feedback textarea{min-height:90px;margin-top:10px}.yx57-legacy{margin-top:12px;color:var(--yx-muted);font-size:13px}.yx57-legacy>div{border-top:1px solid var(--yx-border);padding:12px 0}.yx57-saved-editor:has(textarea) + .yx29-read-result{display:none}.yx57-review .yx51-review-actions{display:flex;gap:10px;flex-wrap:wrap}.yx57-toolbar select{max-width:60%;border:1px solid var(--yx-border);padding:6px;border-radius:6px}.yx57-review .yx29-note{margin:14px 0}.yx57-batch-ideas .yx-control{white-space:nowrap}

.yx58-quantity{padding:15px 17px;border:1px solid var(--yx-border);border-radius:12px;background:var(--yx-accent-bg);color:var(--yx-text)}
.yx58-count-label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}
.yx58-number{display:flex;align-items:center;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:8px;overflow:hidden;width:166px;flex-shrink:0}
.yx58-number input{border:0;background:transparent;color:var(--yx-accent-text);width:80px;min-width:0;height:38px;text-align:center;font-size:16px;font-weight:600;-moz-appearance:textfield;outline:0}
.yx58-number input::-webkit-inner-spin-button,.yx58-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.yx58-number button{width:42px;height:38px;font-size:19px;border:0;background:transparent;color:var(--yx-muted);cursor:pointer}
.yx58-number button:hover:not(:disabled){background:var(--yx-accent-bg)}.yx58-number button:disabled{opacity:.35;cursor:default}
.yx58-number:focus-within{outline:2px solid var(--yx-border);outline-offset:2px}
.yx58-help{font-size:12px;line-height:1.7;color:var(--yx-muted);margin:8px 0 0}
.yx58-error{font-size:12px;color:var(--yx-danger);margin:8px 0 0}
.yx58-topics>strong{font-size:14px;color:var(--yx-text)}
.yx58-topic{display:grid;gap:10px;padding:16px;margin-top:12px;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:10px}
.yx58-topic header{display:flex;align-items:center;gap:8px;color:var(--yx-accent-text);font-size:13px}
.yx58-topic-number{display:grid;place-items:center;background:var(--yx-accent-bg);color:var(--yx-accent-text);width:23px;height:23px;border-radius:50%;font-size:12px}
.yx58-topic input,.yx58-topic textarea{box-sizing:border-box;width:100%;border:1px solid var(--yx-border);border-radius:7px;padding:9px 11px;font:inherit;font-size:13px;color:inherit;background:transparent;line-height:1.6}
.yx58-topic textarea{resize:vertical;min-height:110px}
.yx58-topic input:focus,.yx58-topic textarea:focus{outline:2px solid var(--yx-border);outline-offset:1px}
.yx58-topic input::placeholder,.yx58-topic textarea::placeholder{color:var(--yx-muted)}
.yx58-retained{padding:10px 12px;background:var(--yx-warning-bg);border-radius:7px;font-size:12px;color:var(--yx-warning);line-height:1.7}
@media(max-width:600px){.yx58-count-label{flex-wrap:wrap}.yx58-number{width:150px}.yx58-number input{width:64px}}

.yx-test-wallet-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px 32px;background:linear-gradient(120deg,#f2f6ff,#fff);border:1px solid var(--yx-border);border-radius:16px;color:var(--yx-text)}
.yx-test-wallet-heading h1{font-size:25px;font-weight:700;margin:10px 0 4px}.yx-test-wallet-heading p{margin:0;color:var(--yx-muted);font-size:14px}.yx-test-badge{display:inline-flex;padding:4px 10px;border-radius:6px;background:var(--yx-accent-bg);color:var(--yx-accent-text);font-size:12px;font-weight:600}.yx-test-total{display:flex;flex-direction:column;gap:5px;text-align:right;color:var(--yx-muted);font-size:12px}.yx-test-total strong{font-size:30px;color:var(--yx-accent-text);line-height:1.2;font-weight:700}.yx-test-total small{font-size:14px;font-weight:500}
.yx-test-credit{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:32px;padding:32px;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:14px;margin:4px 0 16px;color:var(--yx-text)}.yx-test-kicker{font-size:12px;letter-spacing:.07em;font-weight:600;color:var(--yx-accent-text)}.yx-test-credit h2{font-size:24px;font-weight:700;margin:10px 0}.yx-test-intro{max-width:550px;color:var(--yx-muted);font-size:14px;line-height:1.8}.yx-test-target{display:flex;align-items:baseline;gap:12px;margin:28px 0 22px;font-size:13px;color:var(--yx-muted)}.yx-test-target strong{font-size:44px;line-height:1.15;color:var(--yx-accent-text);font-weight:700;letter-spacing:-.03em}.yx-test-credit-actions{display:flex;gap:10px;flex-wrap:wrap}.yx-test-credit button{border-radius:8px;padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s}.yx-test-primary{background:var(--yx-primary);color:var(--yx-on-primary);border:1px solid var(--yx-primary)}.yx-test-primary:hover:not(:disabled){background:var(--yx-primary)}.yx-test-secondary{background:var(--yx-panel);color:var(--yx-muted);border:1px solid var(--yx-border)}.yx-test-credit button:disabled{opacity:.55;cursor:default}.yx-test-credit button:focus-visible{outline:3px solid var(--yx-border);outline-offset:3px}.yx-test-pool{font-size:12px;color:var(--yx-muted);margin-top:15px}.yx-test-feedback{border-radius:7px;background:var(--yx-success-bg);color:var(--yx-success);padding:10px 12px;font-size:13px;line-height:1.6}.yx-test-feedback.is-error{background:var(--yx-danger-bg);color:var(--yx-danger)}.yx-test-credit-notes{background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:10px;padding:22px}.yx-test-credit-notes h3{font-size:15px;font-weight:700;margin:0 0 17px}.yx-test-credit-notes div{margin-bottom:16px}.yx-test-credit-notes b{font-size:13px;font-weight:600}.yx-test-credit-notes p{font-size:12px;color:var(--yx-muted);line-height:1.8;margin:3px 0 0}.yx-test-cost-note{border-top:1px solid var(--yx-border);padding-top:13px}
@media(max-width:800px){.yx-test-wallet-heading{padding:20px;gap:16px}.yx-test-total strong{font-size:24px}.yx-test-credit{grid-template-columns:1fr;padding:22px;gap:24px}.yx-test-target strong{font-size:36px}}
@media(max-width:480px){.yx-test-wallet-heading{align-items:flex-start;flex-direction:column}.yx-test-total{text-align:left}.yx-test-credit h2{font-size:21px}}

.yx61-length{padding:16px;border:1px solid var(--yx-border);border-radius:12px;background:var(--yx-accent-bg);margin:16px 0;color:var(--yx-text)}.yx61-length-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.yx61-length label{display:grid;gap:8px;font-size:13px}.yx61-length input{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--yx-border);border-radius:8px;background:var(--yx-panel);color:var(--yx-text)}.yx61-estimate{color:var(--yx-accent-text);font-weight:600;margin:12px 0}.yx61-error{color:var(--yx-danger);background:var(--yx-warning-bg);padding:10px 12px;border-radius:8px;font-size:13px}.yx61-budget{border-bottom:1px solid var(--yx-border);padding:0 0 16px;margin-bottom:16px}.yx61-stage-range{display:flex;gap:12px;align-items:center}.yx61-stage-range input{max-width:110px}.yx61-plan-heading{padding:14px;background:var(--yx-accent-bg);border-radius:10px}.yx61-plan-page{display:flex;gap:14px;align-items:center;margin:16px 0}.yx61-length small{display:block;color:var(--yx-muted)}@media(max-width:1000px){.yx61-length-fields{grid-template-columns:1fr}}

.yx50-fiction-mode>.yx63-opening{display:block;border-top:1px solid var(--yx-border);margin-top:16px;padding-top:14px}.yx63-opening>strong{display:block;margin-bottom:10px}.yx63-opening [role=group]{display:flex;gap:10px;flex-wrap:wrap}.yx63-opening [role=group] button{white-space:nowrap;flex:none}.yx63-opening>p{margin-top:10px}.yx63-partial-note{background:var(--yx-warning-bg);color:var(--yx-warning);padding:12px 14px;border-radius:8px;line-height:1.65}.yx63-partial>.yx-control{margin-bottom:14px}
.yx64-step-guidance{padding:16px;min-width:0;align-self:start}.yx64-kicker{font-size:12px;color:var(--yx-primary,#2563eb);font-weight:700}.yx64-step-guidance h3,.yx64-launch-guidance h3{font-size:16px;font-weight:700;margin:5px 0 10px}.yx64-hint,.yx64-muted{font-size:12px;line-height:1.65;color:var(--yx-text-muted,#52647f);display:block}.yx64-hint{margin:8px 0 14px}.yx64-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.yx64-actions .yx-control{font-size:12px}.yx64-prompt-label{display:grid;gap:8px;margin-top:14px;font-size:13px}.yx64-prompt-label textarea,.yx64-search input{width:100%;border:1px solid var(--yx-border,#ccd9ed);background:var(--yx-input-bg,var(--yx-panel-bg,#fff));color:var(--yx-text,#213552);border-radius:8px;padding:10px;font:inherit;line-height:1.65;box-sizing:border-box}.yx64-prompt-label textarea{resize:vertical;min-height:130px}.yx64-card-chips{display:flex;flex-wrap:wrap;gap:6px}.yx64-card-chips>span{display:inline-flex;align-items:center;max-width:100%;gap:6px;border-radius:7px;padding:4px 8px;background:var(--yx-active-bg,#eaf1ff);color:var(--yx-text,#23466e);font-size:12px;overflow-wrap:anywhere}.yx64-card-chips button{padding:0 4px;min-height:22px;border:0;background:transparent}.yx64-picker{border:1px solid var(--yx-border,#d6e0ef);border-radius:10px;padding:10px;margin:12px 0}.yx64-search{display:flex;gap:6px}.yx64-search input{min-width:0;padding:6px}.yx64-options{max-height:250px;overflow:auto;margin-top:10px}.yx64-option{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--yx-border,#d6e0ef)}.yx64-option label{display:flex;align-items:flex-start;gap:8px;flex:1;font-size:12px}.yx64-option label input{margin-top:3px}.yx64-option>strong{flex:1;font-size:12px}.yx64-option>small{flex-basis:100%;font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yx64-option button{font-size:11px;padding:3px 7px}.yx64-preview pre,.yx64-base-prompt{max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;margin:8px 0}.yx64-error{color:var(--yx-danger)}.yx64-success{color:var(--yx-success)}.yx64-warning{color:var(--yx-warning)}.yx64-error,.yx64-success,.yx64-warning{font-size:12px;line-height:1.6;margin:10px 0}.yx64-launch-guidance{border:1px solid var(--yx-border,#d6e0ef);border-radius:10px;padding:14px;margin:18px 0}.yx64-launch-guidance>details{border-top:1px solid var(--yx-border,#d6e0ef);padding:10px 0}.yx64-launch-guidance summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:13px}.yx64-launch-guidance summary small{font-size:11px}.yx64-action-guard{border:0;padding:0;margin:0;min-width:0;display:contents}.yx64-has-guidance .yx29-step-columns{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:14px;align-items:start}.yx64-has-guidance .yx29-step-input{grid-column:1;grid-row:1}.yx64-has-guidance .yx64-step-guidance{grid-column:1;grid-row:2}.yx64-has-guidance .yx29-step-output{grid-column:2;grid-row:1/span 2}.yx64-step-guidance details summary{cursor:pointer;font-size:12px;margin-top:12px}.yx64-step-guidance button:disabled{opacity:.55;cursor:default}@media(max-width:1200px){.yx64-has-guidance .yx29-step-columns{grid-template-columns:minmax(0,1fr)}.yx64-has-guidance .yx29-step-input,.yx64-has-guidance .yx64-step-guidance,.yx64-has-guidance .yx29-step-output{grid-column:1;grid-row:auto}}@media(min-width:1201px){.yx64-has-guidance .yx64-step-guidance{max-height:calc(100vh - 265px);overflow:auto}}

/* Keep references above both panels; preserve the output's own scroll container. */
.yx64-has-guidance .yx29-step-columns{grid-template-rows:min-content minmax(0,1fr)}
.yx64-has-guidance .yx29-step-input{grid-column:1/-1;grid-row:1}
.yx64-has-guidance .yx64-step-guidance{grid-column:1;grid-row:2;align-self:stretch;min-height:0;max-height:none;overflow:auto}
.yx64-has-guidance .yx29-step-output{grid-column:2;grid-row:2;align-self:stretch;min-height:0}
.yx64-has-guidance .yx50-output-scroll.yx64-action-guard{display:block;min-inline-size:0}
@media(max-width:1200px){
 .yx64-has-guidance .yx29-step-columns{display:flex;flex-direction:column;overflow-y:auto}
 .yx64-has-guidance .yx64-step-guidance{flex:none;overflow:visible}
 .yx64-has-guidance .yx29-step-output{flex:none;height:65vh;min-height:400px}
}

.yx65-word-count{font-size:12px;white-space:nowrap;color:var(--yx-muted,#63748b);margin-left:auto;font-weight:500}.yx29-column-title:has(.yx65-word-count){flex-wrap:wrap}.yx65-opening{border:1px solid var(--yx-border,#d6e0ef);background:var(--yx-active-bg,#f3f7ff);border-radius:9px;padding:12px;margin:12px 0}.yx65-opening label{display:flex;gap:8px;align-items:center;font-size:13px}.yx65-opening input{accent-color:var(--yx-primary);width:16px;height:16px}.yx65-opening-status{display:block;color:var(--yx-primary,#2563eb);font-size:12px;margin:6px 0}.yx65-opening p,.yx65-opening small{font-size:11px;line-height:1.65;margin:4px 0;color:var(--yx-muted,#63748b)}.yx65-book-type{display:grid;gap:6px;font-size:13px;margin:10px 0 14px}.yx65-book-type select{background:var(--yx-panel-bg,#fff);color:var(--yx-text,#213552);border:1px solid var(--yx-border,#ccd9ed);border-radius:7px;padding:8px}.yx-book-kind.is-short{color:var(--yx-success);background:var(--yx-success-bg)}.yx65-output-count{margin-bottom:8px;color:var(--yx-muted,#63748b);font-size:12px}

/* Shared semantic palette. Every component, including teleported dialogs, inherits
   these tokens from html; aliases support earlier incremental releases. */
:root {
  color-scheme:light;
  --yx-surface:var(--yx-panel); --yx-panel-bg:var(--yx-panel);
  --yx-input-bg:var(--yx-panel); --yx-soft:var(--yx-sidebar);
  --yx-panel-soft:var(--yx-sidebar); --yx-primary-soft:var(--yx-accent-bg);
  --yx-active-bg:var(--yx-accent-bg); --yx-ink:var(--yx-text);
  --yx-text-muted:var(--yx-muted); --yx-text-secondary:var(--yx-muted);
  --yx-success:#137452; --yx-success-bg:#e7f4ed;
  --yx-danger:#b52f48; --yx-danger-bg:#fcecf0;
  --yx-warning:#865612; --yx-warning-bg:#fff2d9;
  --yx-purple:#7541ad; --yx-purple-bg:#f1eafa;
  --yx-disabled-bg:color-mix(in srgb,var(--yx-muted) 9%,var(--yx-panel));
  --yx-scroll-thumb:color-mix(in srgb,var(--yx-muted) 48%,var(--yx-panel));
}
html.dark {
  color-scheme:dark;
  --yx-success:#81d5b1; --yx-success-bg:#1b3c35;
  --yx-danger:#ffacb9; --yx-danger-bg:#412735;
  --yx-warning:#f0c782; --yx-warning-bg:#3b3326;
  --yx-purple:#d0b2f5; --yx-purple-bg:#332b48;
}
html.cyber {
  --yx-bg:#0a1325; --yx-panel:#13283e; --yx-sidebar:#102236;
  --yx-text:#e5f3fb; --yx-muted:#aec5d6;
  --yx-primary:#67ddea; --yx-accent-text:#87e4ee;
  --yx-accent-bg:#203c53; --yx-accent-border:#44768b;
  --yx-border:#355469; --yx-control-border:#5b7d91;
  --yx-hover:#234258; --yx-on-primary:#0c2934;
  --yx-warm:var(--yx-warning); --yx-warm-bg:var(--yx-warning-bg);
  --yx-shadow:0 3px 12px rgb(0 0 0 / 16%);
  --theme-button-text:var(--yx-on-primary);
}
html.pink {
  --yx-sidebar:#f8edf1; --yx-text:#503340; --yx-muted:#795b6a; --yx-primary:#b34a74;
  --yx-accent-text:#a13b68; --yx-accent-bg:#f4dfE8;
  --yx-accent-border:#ce9db3; --yx-control-border:#b78c9e;
  --yx-hover:#f4e4ec; --yx-on-primary:#fff;
  --yx-warm:#855326; --yx-warm-bg:#f7ebdd;
}
html.retro {
  --yx-sidebar:#eee3cb; --yx-text:#3e3428; --yx-muted:#6e5d46;
  --yx-accent-text:#6e5030; --yx-accent-bg:#eadebf;
  --yx-accent-border:#b9a07b; --yx-control-border:#9f8968;
  --yx-hover:#ede0c4; --yx-on-primary:#fff;
  --yx-warm:#79521f; --yx-warm-bg:#f0e1bd;
}
html.sepia { --yx-success-bg:#dfe9dc; --yx-danger-bg:#efe0da; --yx-warning-bg:#eee3cc; --yx-purple-bg:#e6e1e8; }
html.pink { --yx-success-bg:#e5eee7; --yx-danger-bg:#f8dfe6; --yx-warning-bg:#f8ebdb; --yx-purple-bg:#f0e2f1; }
html.retro { --yx-success-bg:#e2e7ce; --yx-danger-bg:#eedacb; --yx-warning-bg:#f1e1b9; --yx-purple-bg:#e9dfdf; }

/* Opaque reading surfaces keep both text and fixed action bars coherent. */
html:root :is(.yx29-step-output,.yx64-step-guidance,.yx29-run-nav,.yx-test-credit,.yx-test-wallet-heading) {
  background:var(--yx-panel)!important; color:var(--yx-text); border-color:var(--yx-border)!important;
}
html .yx50-run-page .yx29-step-input {background:var(--yx-sidebar)!important;}
html .yx51-review-actions,html .yx50-run-page .yx29-output-tools {
  background:var(--yx-panel);color:var(--yx-text);border-color:var(--yx-border);
  box-shadow:0 -8px 12px color-mix(in srgb,var(--yx-panel) 94%,transparent);
}
html .yx65-opening {background:var(--yx-accent-bg);border-color:var(--yx-accent-border);color:var(--yx-text);}
html :is(.yx64-prompt-label textarea,.yx64-search input,.yx65-book-type select) {
  background:var(--yx-input-bg);border-color:var(--yx-control-border);color:var(--yx-text);
}
html .yx44-library {--wf-accent:var(--yx-accent-text);--wf-soft:var(--yx-accent-bg);--wf-card:var(--yx-panel);}
html .yx44-primary {background:var(--yx-primary);border-color:var(--yx-primary);color:var(--yx-on-primary);}
html .yx-book-kind.is-short {color:var(--yx-success);background:var(--yx-success-bg);}
html :is(.yx64-hint,.yx64-muted,.yx64-option>small,.yx65-output-count) {color:var(--yx-muted);}
html :is(.yx64-success,.yx-test-feedback) {color:var(--yx-success);}
html :is(.yx64-error,.yx-test-feedback.is-error) {color:var(--yx-danger);}
html .yx64-warning {color:var(--yx-warning);}
html .yx-test-wallet-heading {background:linear-gradient(120deg,var(--yx-accent-bg),var(--yx-panel))!important;}
html .yx-test-credit-notes {background:var(--yx-sidebar);border-color:var(--yx-border);}
html .yx-test-primary {background:var(--yx-primary);border-color:var(--yx-primary);color:var(--yx-on-primary);}
html .yx-test-primary:hover:not(:disabled) {background:var(--yx-accent-text);color:var(--yx-on-primary);}
html .yx-test-secondary {background:var(--yx-panel);color:var(--yx-text);border-color:var(--yx-control-border);}

/* Native controls and semantic states; no forced recoloring of cover artwork. */
html :is(input,textarea,select) {accent-color:var(--yx-primary);caret-color:var(--yx-primary);}
html :is(input,textarea)::placeholder {color:var(--yx-muted);opacity:.8;}
html select option {background:var(--yx-panel);color:var(--yx-text);}
html :is(.yx-control,input.yx-control,select.yx-control,textarea.yx-control) {border-color:var(--yx-control-border);}
html .yx-control.primary {color:var(--yx-on-primary);}
html :is(.yx23-button.primary,.yx24-rich-dialog footer .primary,.yx16-tabs [aria-selected=true],.yx16-stepbar .active b,.yx29-tool-nav .active b) {color:var(--yx-on-primary);background:var(--yx-primary);}
html :is(.yx64-step-guidance,.yx29-run-workspace,.yx-test-credit) button:disabled {opacity:1;filter:none;background:var(--yx-disabled-bg);color:var(--yx-muted);border-color:var(--yx-border);cursor:not-allowed;}
html :is(.yx64-step-guidance,.yx29-run-workspace) input:disabled {opacity:.7;}
html progress {appearance:none;height:6px;border:0;border-radius:999px;overflow:hidden;background:var(--yx-border);color:var(--yx-primary);}
html progress::-webkit-progress-bar {background:var(--yx-border);border-radius:999px;}
html progress::-webkit-progress-value {background:var(--yx-primary);border-radius:999px;}
html progress::-moz-progress-bar {background:var(--yx-primary);border-radius:999px;}
html {scrollbar-color:var(--yx-scroll-thumb) var(--yx-sidebar);}
html * {scrollbar-color:var(--yx-scroll-thumb) var(--yx-sidebar);}
html ::-webkit-scrollbar-track {background:var(--yx-sidebar);}
html ::-webkit-scrollbar-thumb {background:var(--yx-scroll-thumb);border:2px solid var(--yx-sidebar);border-radius:10px;}
html ::selection {background:var(--yx-accent-bg);color:var(--yx-text);}

/* Naive UI uses inline CSS variables; theme these variables rather than DOM
   contents, preserving component focus, error and loading behavior. */
html :is(.n-card,.n-modal,.n-dialog,.n-drawer,.n-popover,.n-dropdown-menu,.n-select-menu,.n-message,.n-notification) {
  --n-color:var(--yx-panel)!important;--n-color-modal:var(--yx-panel)!important;--n-color-popover:var(--yx-panel)!important;
  --n-text-color:var(--yx-text)!important;--n-title-text-color:var(--yx-text)!important;--n-header-text-color:var(--yx-text)!important;
  --n-border-color:var(--yx-border)!important;--n-action-color:var(--yx-sidebar)!important;
  --n-close-color:var(--yx-muted)!important;--n-close-color-hover:var(--yx-text)!important;
  --n-divider-color:var(--yx-border)!important;
}
html :is(.n-dropdown-menu,.n-select-menu) {
  --n-option-text-color:var(--yx-text)!important;--n-option-text-color-active:var(--yx-accent-text)!important;
  --n-option-color-active:var(--yx-accent-bg)!important;--n-option-color-pending:var(--yx-hover)!important;
  --n-menu-item-text-color:var(--yx-text)!important;--n-menu-item-text-color-hover:var(--yx-text)!important;
  --n-menu-item-color-hover:var(--yx-hover)!important;--n-option-text-color-disabled:var(--yx-muted)!important;
}
html :is(.n-input,.n-base-selection) {
  --n-color-disabled:var(--yx-disabled-bg)!important;--n-text-color-disabled:var(--yx-muted)!important;
  --n-placeholder-color-disabled:var(--yx-muted)!important;--n-border-disabled:1px solid var(--yx-border)!important;
}
html :is(.n-radio-group,.n-radio-button,.n-radio) {
  --n-button-color:var(--yx-panel)!important;--n-button-color-active:var(--yx-accent-bg)!important;
  --n-button-text-color:var(--yx-text)!important;--n-button-text-color-active:var(--yx-accent-text)!important;
  --n-button-border-color:var(--yx-control-border)!important;--n-button-border-color-active:var(--yx-primary)!important;
  --n-button-border-color-hover:var(--yx-primary)!important;
}
html .n-data-table {
  --n-th-color:var(--yx-sidebar)!important;--n-td-color:var(--yx-panel)!important;--n-td-color-hover:var(--yx-hover)!important;
  --n-td-color-striped:var(--yx-sidebar)!important;--n-border-color:var(--yx-border)!important;
  --n-th-text-color:var(--yx-text)!important;--n-td-text-color:var(--yx-text)!important;
}
html .n-tabs {--n-pane-text-color:var(--yx-text)!important;--n-tab-text-color:var(--yx-muted)!important;--n-tab-text-color-active:var(--yx-accent-text)!important;--n-bar-color:var(--yx-primary)!important;}
html .n-button--disabled {--n-text-color-disabled:var(--yx-muted)!important;--n-color-disabled:var(--yx-disabled-bg)!important;--n-border-disabled:1px solid var(--yx-border)!important;--n-opacity-disabled:1!important;}
html:root .yx-control:disabled {background:var(--yx-disabled-bg)!important;color:var(--yx-muted)!important;border-color:var(--yx-border)!important;opacity:1;box-shadow:none;}
html .n-slider {--n-fill-color:var(--yx-primary)!important;--n-fill-color-hover:var(--yx-primary)!important;--n-rail-color:var(--yx-border)!important;--n-rail-color-hover:var(--yx-control-border)!important;--n-dot-border-active:2px solid var(--yx-primary)!important;}
html .n-switch {--n-rail-color:var(--yx-control-border)!important;--n-rail-color-active:var(--yx-primary)!important;--n-loading-color:var(--yx-primary)!important;--n-box-shadow-focus:0 0 0 3px var(--yx-accent-bg)!important;}
html .n-checkbox {--n-color-checked:var(--yx-primary)!important;--n-border-checked:1px solid var(--yx-primary)!important;--n-border-focus:1px solid var(--yx-primary)!important;--n-check-mark-color:var(--yx-on-primary)!important;--n-box-shadow-focus:0 0 0 2px var(--yx-accent-bg)!important;}
.yx-settings-page .n-radio-group {display:flex;flex-wrap:wrap;gap:6px;height:auto!important;line-height:normal;}
.yx-settings-page .n-radio-group__splitor {display:none;}
.yx-settings-page .n-radio-button {border:1px solid var(--yx-control-border);border-radius:6px!important;}
.yx-settings-page .n-radio-button__state-border {border-radius:6px!important;}

/* A low window must still have room to read prose, not just the fixed footer. */
@media(min-width:1201px) {
  .yx50-run-page {height:max(900px,calc(100dvh - 60px));}
}
@media(max-width:1200px) {
  .yx50-run-page {height:auto;min-height:calc(100dvh - 60px);overflow:visible;}
  .yx50-run-page>.n-spin-container,.yx50-run-page>.n-spin-container>.n-spin-content {overflow:visible;height:auto;}
  .yx50-run-page .yx29-run-workspace {overflow:visible;align-items:start;}
  .yx50-run-page .yx29-run-nav {height:auto;position:sticky;top:10px;}
  .yx50-run-page .yx29-run-nav .yx29-step-list {flex:0 0 auto;height:auto;grid-auto-rows:minmax(66px,auto);overflow:visible;}
  .yx50-run-page .yx29-run-main,.yx64-has-guidance .yx29-step-columns {overflow:visible;}
  .yx64-has-guidance .yx29-step-output {height:65vh;min-height:460px;}
}
@media(max-width:700px) {
  .yx50-run-page .yx29-run-workspace {grid-template-columns:minmax(0,1fr);gap:16px;}
  .yx50-run-page .yx29-run-nav {position:static;top:auto;}
  .yx50-run-page .yx29-step-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
  .yx50-run-page .yx29-step {min-height:65px;}
  .yx50-run-page>header {flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce) {html * {scroll-behavior:auto!important;}}

html .yx24-guide summary,html .yx24-preview>h2:first-child{background:var(--yx-accent-bg);color:var(--yx-accent-text)}
html.dark .yx46-route-mode{background:var(--yx-accent-bg);color:var(--yx-accent-text)}

.yx74-rank{max-width:1900px;margin:0 auto;padding:20px 28px 60px;color:var(--yx-text)}.yx74-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.yx74-header h1{font-size:28px;font-weight:750;margin:6px 0}.yx74-header p,.yx74-byline,.yx74-stats p{color:var(--yx-muted);font-size:13px;line-height:1.7}.yx74-kicker{color:var(--yx-accent-text);font-size:12px}.yx74-surface{background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:14px}.yx74-controls{padding:16px 20px;display:grid;gap:12px;margin-bottom:16px}.yx74-tabs{display:flex;gap:8px;flex-wrap:wrap}.yx74-button{border:1px solid var(--yx-border);background:var(--yx-panel);color:var(--yx-text);padding:8px 13px;border-radius:8px;cursor:pointer;line-height:1.5;font-size:13px}.yx74-button:hover{background:var(--yx-hover)}.yx74-button.primary{background:var(--yx-primary);color:var(--yx-on-primary);border-color:var(--yx-primary)}.yx74-button.is-active{background:var(--yx-accent-bg);color:var(--yx-accent-text);border-color:var(--yx-primary);font-weight:650}.yx74-button:disabled{opacity:.55;cursor:default}.yx74-button:focus-visible,.yx74-book-title:focus-visible,.yx74-cover:focus-visible{outline:2px solid var(--yx-primary);outline-offset:3px}.yx74-filter-row{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.yx74-select{display:flex;align-items:center;gap:8px;color:var(--yx-muted);font-size:13px}.yx74-select select,.yx74-search,.yx74-notes textarea{background:var(--yx-input-bg);color:var(--yx-text);border:1px solid var(--yx-border);border-radius:8px;padding:9px 12px;font:inherit;min-width:100px}.yx74-search{flex:1;min-width:180px;font-size:14px}.yx74-source{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--yx-muted);padding:4px 2px 14px;align-items:center}.yx74-source strong{color:var(--yx-text)}.yx74-source-link{color:var(--yx-accent-text);text-decoration:none;font-size:12px}.yx74-source .yx74-stale{flex-basis:100%;color:var(--yx-warning)}.yx74-list-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;font-size:13px;color:var(--yx-muted)}.yx74-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.yx74-book{background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:13px;overflow:hidden;transition:border-color .15s}.yx74-book:hover{border-color:var(--yx-primary)}.yx74-book-main{display:flex;gap:15px;padding:18px 16px 14px;min-height:188px}.yx74-cover{position:relative;flex:0 0 78px;height:108px;border:0;background:var(--yx-accent-bg);border-radius:6px;overflow:hidden;cursor:pointer;color:var(--yx-accent-text)}.yx74-cover img{width:100%;height:100%;object-fit:cover}.yx74-cover b{position:absolute;left:0;top:0;background:var(--yx-panel);color:var(--yx-text);padding:3px 8px;border-radius:0 0 6px 0;font-size:12px}.yx74-cover b.top-three{background:var(--yx-primary);color:var(--yx-on-primary)}.yx74-book-copy{min-width:0;flex:1}.yx74-book-title{background:none;border:none;padding:0;text-align:left;font-size:15px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--yx-text);cursor:pointer}.yx74-byline{margin:6px 0;font-size:12px}.yx74-metrics{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--yx-muted)}.yx74-metrics strong{color:var(--yx-accent-text);font-weight:600}.yx74-excerpt{font-size:12px;line-height:1.65;margin:8px 0;color:var(--yx-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.yx74-genre{font-size:11px;color:var(--yx-muted)}.yx74-book footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--yx-border);padding:9px 14px}.yx74-book footer .yx74-button{padding:4px 8px;border-color:transparent}.yx74-check{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--yx-muted)}.yx74-check input{accent-color:var(--yx-primary)}.yx74-empty,.yx74-loading{padding:50px 24px;text-align:center;color:var(--yx-muted)}.yx74-error,.yx74-notice{padding:12px 16px;border-radius:9px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.yx74-error{color:var(--yx-danger);background:var(--yx-danger-bg)}.yx74-notice{background:var(--yx-accent-bg);color:var(--yx-accent-text)}.yx74-analysis{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.yx74-stats,.yx74-analysis-result{padding:22px}.yx74-stats h2,.yx74-analysis-result h2{font-size:18px;font-weight:700;margin:0 0 16px}.yx74-stats h3{font-size:14px;margin:24px 0 8px}.yx74-stat{display:flex;gap:8px;align-items:center;margin:12px 0;font-size:12px}.yx74-stat span{width:90px}.yx74-stat meter{width:65px}.yx74-stat b{font-weight:500}.yx74-picked{border-left:2px solid var(--yx-primary);padding-left:10px}.yx74-stats .yx74-button{margin:8px 8px 0 0}.yx74-stats .yx74-select{display:grid;margin:20px 0 6px}.yx74-stats select{width:100%;min-width:0}.yx74-analysis-result{min-height:400px;overflow-wrap:anywhere}.yx74-analysis-actions{border-top:1px solid var(--yx-border);padding-top:16px;margin-top:24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.yx74-detail-intro{line-height:1.9;white-space:pre-wrap}.yx74-notes{display:grid;gap:8px;margin:22px 0 14px}.yx74-notes textarea{width:100%;box-sizing:border-box;resize:vertical}.yx44-header-actions{flex-wrap:wrap}.yx44-tabs{min-width:0}.yx44-tab{white-space:nowrap}
@media(min-width:1700px){.yx74-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.yx74-rank{padding:12px 10px 35px}.yx74-analysis{grid-template-columns:1fr}.yx74-header{align-items:start}.yx74-header h1{font-size:24px}.yx74-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.yx44-library-header{flex-wrap:wrap}.yx44-header-actions{width:100%}.yx44-tabs .yx44-tab{padding:10px 6px;font-size:12px}}@media(max-width:500px){.yx74-grid{grid-template-columns:1fr}.yx74-filter-row{gap:10px}.yx74-select{flex:1;flex-wrap:wrap}.yx74-select select{max-width:100%;flex:1}.yx74-header>button{white-space:nowrap}.yx74-controls{padding:14px}.yx74-source{line-height:1.7}.yx74-search{width:100%;box-sizing:border-box;flex-basis:100%}}

.yx44-navigation.yx53-discovery-navigation .yx44-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;flex:1;gap:4px}
.yx44-navigation.yx53-discovery-navigation .yx44-tab{min-width:0;justify-content:center;text-align:center;white-space:nowrap;padding:10px 6px}
.yx44-navigation.yx53-discovery-navigation .yx44-refresh{flex:0 0 30px;min-width:30px;width:30px}
.yx74-rank{padding-top:14px}.yx74-header{margin-bottom:14px}.yx74-header h1{font-size:24px;margin:2px 0}.yx74-header p{margin:5px 0}.yx74-kicker{display:none}
.yx75-toolbar,.yx75-platforms{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.yx75-platforms{justify-content:flex-start}.yx75-platforms>.yx74-tabs{margin-right:auto}.yx75-sync-note{font-size:12px;color:var(--yx-muted)}
.yx75-genres{overflow-x:auto;scrollbar-width:thin;max-width:100%;border-top:1px solid var(--yx-border);padding-top:10px}.yx75-genres .yx74-tabs{flex-wrap:nowrap;min-width:0}.yx75-genres .yx74-button{white-space:nowrap;font-size:12px;padding:6px 10px;flex-shrink:0;border-color:transparent}.yx75-genres .yx74-button.is-active{border-color:var(--yx-border)}
.yx75-sync{font-size:12px;color:var(--yx-muted);margin:10px 0 16px}.yx75-sync .yx74-source{padding-bottom:6px}.yx75-sync details{line-height:1.7}.yx75-sync summary{cursor:pointer;color:var(--yx-accent-text)}.yx75-sync p{margin:5px 0}.yx74-stale{color:var(--yx-warning)}
.yx74-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.yx74-book-main{padding:15px;min-height:164px;gap:12px}.yx74-cover{flex-basis:76px;height:108px}.yx74-book-title{font-size:14px}.yx74-excerpt{-webkit-line-clamp:3}.yx75-change{display:block;color:var(--yx-accent-text);font-size:11px;margin-top:5px}.yx75-more{text-align:center;margin:22px 0}
@media(min-width:1900px){.yx74-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:600px){.yx74-header{gap:10px}.yx74-header p{font-size:12px}.yx74-header h1{font-size:22px}.yx75-sync-note{width:100%}.yx74-controls{padding:12px}.yx74-tabs{gap:5px}.yx74-tabs .yx74-button{padding:7px 9px;font-size:12px}.yx74-grid{grid-template-columns:1fr}.yx44-navigation.yx53-discovery-navigation{gap:2px;padding:4px}.yx44-navigation.yx53-discovery-navigation .yx44-tabs{gap:0}.yx44-navigation.yx53-discovery-navigation .yx44-tab{padding:8px 0;font-size:11px;gap:2px}.yx44-navigation.yx53-discovery-navigation .yx44-count{font-size:10px;padding:1px 3px}.yx44-navigation.yx53-discovery-navigation .yx44-refresh{flex-basis:24px;min-width:24px;width:24px}}

/* Ranking exploration: compact hierarchy, shared theme tokens. */
.yx76-rank{padding:18px 24px 48px;max-width:2000px}
.yx76-header{gap:20px;margin:0 0 16px;align-items:center}
.yx76-identity{display:flex;align-items:center;gap:12px;margin-right:auto;flex-shrink:0}
.yx76-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--yx-accent-bg);color:var(--yx-accent-text);font-size:27px;font-weight:700}
.yx76-header h1{font-size:23px;line-height:1.4;margin:0;font-weight:750;letter-spacing:.02em}
.yx76-header p{font-size:12px;margin:3px 0 0;color:var(--yx-muted)}
.yx76-header>.yx74-tabs{padding:4px;background:var(--yx-panel);border:1px solid var(--yx-border);border-radius:10px;gap:3px}
.yx76-header>.yx74-tabs .yx74-button{border:0;background:transparent;padding:7px 15px;white-space:nowrap}
.yx76-header>.yx74-tabs .is-active{background:var(--yx-accent-bg);color:var(--yx-accent-text)}
.yx76-refresh{white-space:nowrap;font-size:12px;padding:9px 14px}
.yx76-controls{padding:0 18px;gap:0;margin-bottom:12px;box-shadow:0 2px 8px color-mix(in srgb,var(--yx-border) 16%,transparent)}
.yx76-topline{display:flex;align-items:center;gap:20px;min-width:0;padding:13px 0;border-bottom:1px solid var(--yx-border)}
.yx76-platform-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:2px}
.yx76-platform{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0;border:1px solid transparent;background:transparent;color:var(--yx-text);border-radius:8px;padding:8px 11px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}
.yx76-platform:hover{background:var(--yx-hover)}
.yx76-platform.is-active{background:var(--yx-accent-bg);border-color:var(--yx-border);color:var(--yx-accent-text)}
.yx76-platform:focus-visible{outline:2px solid var(--yx-primary);outline-offset:1px}
.yx76-platform small{color:var(--yx-muted);font-size:10px;font-weight:400}
.yx76-platform-icon{width:19px;height:21px;display:grid;place-items:center;border-radius:5px;font-size:12px;line-height:1;background:var(--yx-hover);color:var(--yx-accent-text)}
.yx76-platform.is-active .yx76-platform-icon{background:var(--yx-primary);color:var(--yx-on-primary)}
.yx76-topline .yx76-search{flex:0 1 270px;width:270px;min-width:160px;padding:9px 12px;border-radius:20px;font-size:12px;box-sizing:border-box}
.yx76-filter-line{display:flex;align-items:center;gap:16px;padding:10px 0;min-width:0}
.yx76-filter-label{color:var(--yx-muted);font-size:12px;flex-shrink:0;width:28px}
.yx76-filter-line .yx74-tabs{gap:5px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;flex:1;min-width:0;padding:2px}
.yx76-filter-line .yx74-button{white-space:nowrap;flex-shrink:0;border-color:transparent;background:transparent;font-size:12px;padding:6px 12px}
.yx76-filter-line .yx74-button:hover{background:var(--yx-hover)}
.yx76-filter-line .yx74-button.is-active{background:var(--yx-accent-bg);color:var(--yx-accent-text)}
.yx76-filter-line .yx74-select{font-size:12px;white-space:nowrap;flex:0 0 auto;gap:8px}
.yx76-filter-line .yx74-select select{padding:5px 9px;min-width:80px;font-size:12px}
.yx76-category-line{border-top:1px solid color-mix(in srgb,var(--yx-border) 65%,transparent);padding:8px 0 10px}
.yx76-category-line .yx74-button{padding:5px 10px}
.yx76-sync{display:flex;align-items:center;justify-content:space-between;gap:4px 18px;flex-wrap:wrap;margin:0 0 12px;padding:0 2px;position:relative;font-size:11px}
.yx76-sync .yx74-source{padding:0;gap:8px 12px;min-height:26px;font-size:11px}
.yx76-sync .yx74-source strong{font-weight:600;font-size:12px}
.yx76-source-badge{background:var(--yx-hover);color:var(--yx-muted);border-radius:4px;padding:2px 6px}
.yx76-sync details{margin-left:auto;position:relative}
.yx76-sync summary{white-space:nowrap;color:var(--yx-muted)}
.yx76-source-popover{position:absolute;right:0;top:25px;width:410px;max-width:75vw;padding:16px;z-index:20;box-shadow:0 10px 30px color-mix(in srgb,var(--yx-text) 12%,transparent);font-size:12px;line-height:1.8}
.yx76-sync .yx76-daily-note,.yx76-sync .yx74-stale{flex-basis:100%;margin:0;font-size:11px}
.yx76-daily-note{color:var(--yx-muted)}
.yx76-rank .yx74-list-head{margin:0 0 12px;min-height:34px}
.yx76-rank .yx74-list-head>.yx74-button{font-size:12px;padding:7px 12px}
.yx76-rank .yx74-book{box-shadow:0 1px 5px color-mix(in srgb,var(--yx-border) 12%,transparent)}
.yx76-rank .yx74-book-main{min-height:166px;padding:15px;gap:13px}
.yx76-rank .yx74-cover{height:113px;flex-basis:79px}
.yx76-cover-title{display:flex;align-items:center;justify-content:center;height:100%;padding:23px 8px 8px;font-size:13px;font-weight:650;line-height:1.65;box-sizing:border-box;background:linear-gradient(145deg,var(--yx-accent-bg),var(--yx-hover));word-break:break-all}
.yx76-rank .yx74-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
@media(min-width:1900px){.yx76-rank .yx74-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1400px){.yx76-topline{flex-wrap:wrap;gap:9px}.yx76-platform-nav{flex-basis:100%}.yx76-topline .yx76-search{flex-basis:100%;width:100%}.yx76-header p{display:none}}
@media(max-width:850px){.yx76-rank{padding:14px 12px 30px}.yx76-header{gap:10px;flex-wrap:wrap}.yx76-identity{flex:1}.yx76-header>.yx74-tabs{order:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr);box-sizing:border-box}.yx76-controls{padding:0 12px}.yx76-platform{padding:7px 9px}.yx76-filter-line{gap:8px}.yx76-filter-line .yx74-select>span{display:none}.yx76-source-popover{right:0;width:min(350px,75vw)}.yx76-rank .yx74-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}
@media(max-width:500px){.yx76-rank .yx74-grid{grid-template-columns:minmax(0,1fr)}.yx76-header h1{font-size:21px}.yx76-mark{width:36px;height:36px}.yx76-topline .yx76-search{min-width:0;margin:0}.yx76-filter-line .yx74-tabs .yx74-button{padding:6px 8px}.yx76-filter-line .yx74-select select{min-width:62px}.yx76-sync .yx74-source{gap:4px 8px}.yx76-rank .yx74-book-main{min-height:155px}.yx76-favorite-title{font-size:14px}}

.yx77-source-empty{margin-top:22px;padding:52px 24px;text-align:center;color:var(--yx-text)}
.yx77-source-symbol{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--yx-accent-bg);color:var(--yx-accent-text);font-size:27px;margin-bottom:16px}
.yx77-source-empty h2{font-size:20px;margin:0 0 12px;font-weight:650;color:var(--yx-text)}
.yx77-source-empty p{font-size:14px;line-height:1.8;color:var(--yx-muted);margin:8px auto;max-width:640px}
.yx77-source-empty .yx77-empty-help{font-size:13px;color:var(--yx-muted)}
.yx77-source-empty button{margin-top:20px}
.yx76-platform small{white-space:nowrap}

/* Readable filters retain the shared light/dark theme palette. */
.yx76-rank .yx76-filter-label{font-size:15px;font-weight:700;width:34px;color:var(--yx-text)}
.yx76-rank .yx76-filter-line{gap:14px;padding:12px 0}
.yx76-rank .yx76-filter-line .yx74-tabs{gap:6px}
.yx76-rank .yx76-filter-line .yx74-button{font-size:15px;font-weight:650;line-height:1.5;padding:7px 13px;color:var(--yx-text)}
.yx76-rank .yx76-filter-line .yx74-button.is-active{font-weight:750;color:var(--yx-accent-text)}
.yx76-rank .yx76-filter-line .yx74-select,.yx76-rank .yx76-filter-line .yx74-select select{font-size:14px}
.yx76-rank .yx76-category-line .yx74-tabs{flex-wrap:wrap;overflow-x:visible}
.yx76-rank .yx78-clickable-book{position:relative;transition:box-shadow .16s,border-color .16s}
.yx76-rank .yx78-clickable-book:hover{border-color:var(--yx-primary);box-shadow:0 5px 16px color-mix(in srgb,var(--yx-primary) 12%,transparent)}
.yx76-rank .yx78-card-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent!important;box-shadow:none;cursor:pointer}
.yx76-rank .yx78-card-open:focus-visible{outline:2px solid var(--yx-primary);outline-offset:3px}
.yx76-rank .yx78-clickable-book .yx74-cover,.yx76-rank .yx78-clickable-book .yx74-book-title{position:relative;z-index:2}
.yx76-rank .yx78-clickable-book footer{position:relative;z-index:2;pointer-events:none}
.yx76-rank .yx78-clickable-book footer button,.yx76-rank .yx78-clickable-book footer a,.yx76-rank .yx78-clickable-book footer label{pointer-events:auto}
@media(max-width:850px){.yx76-rank .yx76-filter-line{gap:8px}.yx76-rank .yx76-filter-line .yx74-button{font-size:14px;padding:7px 10px}.yx76-rank .yx76-filter-label{font-size:14px;width:30px}}

/* Match the existing platform tabs: 13px / 600 in every filter state. */
.yx76-rank .yx76-filter-label{font-size:13px;font-weight:600;line-height:1.6;width:28px}
.yx76-rank .yx76-filter-line{gap:16px;padding:10px 0}
.yx76-rank .yx76-filter-line .yx74-tabs{gap:5px}
.yx76-rank .yx76-filter-line .yx74-button,.yx76-rank .yx76-filter-line .yx74-button.is-active{font-family:inherit;font-size:13px;font-weight:600;line-height:1.6;letter-spacing:normal;padding:6px 11px}
.yx76-rank .yx76-filter-line .yx74-select,.yx76-rank .yx76-filter-line .yx74-select select{font-size:12px}
.yx76-rank .yx76-category-line{padding:8px 0 10px}
.yx76-rank .yx76-category-line .yx74-tabs{flex-wrap:nowrap;overflow-x:auto}
.yx76-rank .yx76-category-line .yx74-button{padding:5px 10px}
@media(max-width:850px){.yx76-rank .yx76-filter-line{gap:8px}}

.yx80-detail-modal.n-card{background:var(--yx-panel)!important;color:var(--yx-text)!important;border:1px solid var(--yx-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.yx80-detail-modal>.n-card-header{padding:18px 24px 14px!important;flex-shrink:0;border-bottom:1px solid var(--yx-border)}
.yx80-detail-modal .n-card-header__main{color:var(--yx-text)!important;font-size:19px!important;font-weight:700!important;line-height:1.5;overflow-wrap:anywhere}
.yx80-detail-modal>.n-card__content{padding:0!important;min-height:0;display:flex;overflow:hidden}
.yx80-detail{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;max-height:calc(92vh - 70px);color:var(--yx-text);font-size:13px}
.yx80-book-header{display:flex;gap:17px;padding:18px 24px 13px;flex-shrink:0;background:color-mix(in srgb,var(--yx-accent-bg) 25%,var(--yx-panel));border-bottom:1px solid var(--yx-border)}
.yx80-cover{width:68px;height:94px;flex:0 0 68px;border-radius:6px;overflow:hidden;background:var(--yx-accent-bg);box-shadow:0 3px 9px #0002;color:var(--yx-accent-text)}
.yx80-cover img{height:100%;width:100%;object-fit:cover}.yx80-book-info{flex:1;min-width:0}.yx80-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 13px;color:var(--yx-muted);font-size:12px}.yx80-meta strong{color:var(--yx-text);font-size:14px}.yx80-status{background:var(--yx-accent-bg);color:var(--yx-accent-text);border-radius:4px;padding:2px 7px}
.yx80-intro{font-size:13px;line-height:1.7;color:var(--yx-muted);margin:8px 0 4px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yx80-intro.is-expanded{display:block;max-height:140px;overflow:auto}
.yx80-source-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--yx-muted)}.yx80-detail .yx74-button.text{background:transparent;padding:2px 0;border:0;color:var(--yx-accent-text);font-size:12px}.yx80-detail .yx74-button{font-size:12px;padding:7px 11px;white-space:nowrap}
.yx80-inputs{border-bottom:1px solid var(--yx-border);flex-shrink:0}.yx80-inputs summary{padding:8px 24px;color:var(--yx-accent-text);cursor:pointer;font-size:12px}.yx80-input-grid{padding:4px 24px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:38vh;overflow:auto}.yx80-input-grid label{display:grid;gap:6px;font-size:12px}.yx80-wide{grid-column:1/-1}.yx80-input-grid input,.yx80-input-grid textarea,.yx80-model select{font:inherit;color:var(--yx-text);background:var(--yx-input-bg);border:1px solid var(--yx-border);border-radius:7px;padding:8px 10px;width:100%;box-sizing:border-box;min-width:0}.yx80-input-grid textarea{resize:vertical}.yx80-input-grid small{color:var(--yx-muted)}.yx80-input-grid>.yx74-button{justify-self:start}
.yx80-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 24px 4px;flex-shrink:0}.yx80-tool-title{display:flex;gap:10px;align-items:center;margin-right:auto}.yx80-tool-title strong{font-size:15px}.yx80-tool-title span{font-size:12px;color:var(--yx-muted)}.yx80-model{display:flex;align-items:center;gap:6px;color:var(--yx-muted);font-size:12px}.yx80-model select{max-width:205px;padding:7px 9px}.yx80-cost{color:var(--yx-muted);font-size:11px;padding:3px 24px 10px;flex-shrink:0}
.yx80-section-tabs{display:flex;gap:4px;overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--yx-border);padding:0 20px;background:var(--yx-panel)}.yx80-section-tabs button{font:inherit;font-size:13px;font-weight:600;padding:12px 10px 10px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--yx-muted);cursor:pointer}.yx80-section-tabs button:hover{color:var(--yx-accent-text);background:var(--yx-hover)}.yx80-section-tabs button.is-active{border-bottom-color:var(--yx-primary);color:var(--yx-accent-text)}
.yx80-content{overflow:auto;padding:18px 26px 24px;min-height:110px;flex:1;overscroll-behavior:contain;line-height:1.85;scrollbar-color:var(--yx-border) transparent}.yx80-content:focus-visible{outline:2px solid var(--yx-primary);outline-offset:-3px}.yx80-analysis-section{margin:0 0 24px}.yx80-analysis-section h3{font-size:17px;font-weight:700;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--yx-border)}.yx80-content p,.yx80-content li{font-size:14px;line-height:1.9}.yx80-content .yx-prose{color:var(--yx-text)}
.yx80-empty{text-align:center;max-width:620px;margin:16px auto 24px;color:var(--yx-muted)}.yx80-empty h3{font-size:18px;color:var(--yx-text);margin:8px 0}.yx80-empty p{font-size:13px;margin:7px 0}.yx80-empty-icon{font-size:28px;line-height:1;color:var(--yx-primary)}.yx80-evidence-tip{padding:13px 18px;background:var(--yx-accent-bg);color:var(--yx-accent-text);border-radius:9px;margin-top:18px;font-size:12px;text-align:left;line-height:1.8}
.yx80-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;padding:12px 24px;border-top:1px solid var(--yx-border);background:var(--yx-panel)}.yx80-footer>span{margin-right:auto;color:var(--yx-muted);font-size:12px}.yx80-result-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--yx-muted);font-size:11px}.yx80-result-meta>span:nth-child(2){margin-right:auto}.yx80-result-meta .yx74-button{padding:3px 8px;font-size:11px}.yx80-notice{color:var(--yx-accent-text);background:var(--yx-accent-bg);border-radius:6px;padding:8px 12px;font-size:12px!important}.yx80-status-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;background:var(--yx-accent-bg);color:var(--yx-accent-text);border-radius:8px;margin-bottom:14px;font-size:12px}.yx80-muted{color:var(--yx-muted)}.yx80-spinner{width:13px;height:13px;border:2px solid var(--yx-border);border-top-color:var(--yx-primary);border-radius:50%;animation:yx80-spin 1s linear infinite}.yx80-creation-heading{padding:10px 24px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--yx-border)}.yx80-creation-heading>span{font-size:12px;color:var(--yx-muted)}
@keyframes yx80-spin{to{transform:rotate(360deg)}}
.yx80-model{white-space:nowrap;flex-shrink:0}.yx80-model select{width:auto}
@media(max-width:700px){.yx80-detail-modal>.n-card-header{padding:13px 16px!important}.yx80-detail-modal .n-card-header__main{font-size:16px!important}.yx80-book-header{padding:12px 16px;gap:12px}.yx80-cover{width:52px;height:73px;flex-basis:52px}.yx80-meta{font-size:11px;gap:4px 8px}.yx80-tool-title{width:100%}.yx80-toolbar{padding:10px 16px 4px}.yx80-toolbar .yx80-model{flex:1}.yx80-cost{padding-left:16px;padding-right:16px}.yx80-model select{max-width:170px}.yx80-section-tabs{padding:0 6px}.yx80-content{padding:16px}.yx80-footer{padding:10px;gap:5px;flex-wrap:wrap}.yx80-footer>span{display:none}.yx80-footer .yx74-button{padding:7px 8px;font-size:11px}.yx80-inputs summary{padding-left:16px}.yx80-input-grid{grid-template-columns:1fr;padding:4px 16px 12px}.yx80-creation-heading{padding:8px 16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.yx80-spinner{animation:none}}
.yx80-content>.yx80-inputs{margin:-6px 0 16px;border-bottom:1px solid var(--yx-border)}.yx80-content>.yx80-inputs summary{padding:7px 0}.yx80-content .yx80-input-grid{max-height:none;overflow:visible;padding:5px 0 16px}.yx80-detail{overflow-y:auto}.yx80-content{min-height:100px}

.yx80-intro.is-expanded{display:block;-webkit-line-clamp:unset;max-height:min(220px,28vh);overflow:auto;white-space:pre-wrap;color:var(--yx-text)}
.yx81-view-switch{display:flex;align-items:center;gap:8px;padding:12px 24px 6px;flex-shrink:0}
.yx81-view-switch>span{margin-left:auto;font-size:11px;color:var(--yx-muted)}
.yx81-view-switch .is-active{background:var(--yx-accent-bg);border-color:var(--yx-primary);color:var(--yx-accent-text)}
.yx81-custom-analysis{flex-shrink:0}.yx81-custom-analysis>summary{font-size:11px;color:var(--yx-muted);padding:6px 24px;cursor:pointer}.yx81-custom-analysis .yx80-toolbar{padding-top:5px}
.yx81-source-details{margin-bottom:9px;color:var(--yx-muted);font-size:12px;border-bottom:1px solid var(--yx-border);padding-bottom:10px}.yx81-source-details summary{cursor:pointer;color:var(--yx-accent-text)}.yx81-source-details p{font-size:12px;margin:8px 0}.yx81-chapter-links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px}
.yx80-content>.yx80-inputs{margin-top:0}.yx80-content .yx80-analysis-section{overflow-wrap:anywhere}
.yx81-evidence-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;border-bottom:1px solid var(--yx-border);margin:-5px 0 10px}.yx81-evidence-controls>details{border:0;margin:0;padding:0;min-width:0}.yx81-evidence-controls>details>summary{padding:6px 0;font-size:12px}.yx81-evidence-controls>details[open]{grid-column:1/-1;order:2;padding-bottom:10px}.yx80-result-meta{margin-bottom:12px}.yx81-view-switch{padding-bottom:10px}
@media(max-width:700px){.yx81-view-switch{padding:10px 16px 5px;flex-wrap:wrap}.yx81-view-switch>span{margin-left:0}.yx81-custom-analysis>summary{padding-left:16px}}

.yx88-permissions fieldset{padding:0;margin:20px 0 0;border:0;min-width:0}
.yx88-permissions legend{font-size:15px;font-weight:650;margin-bottom:10px;color:var(--yx-text)}
.yx88-permission-option{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;margin-bottom:9px;border:1px solid var(--yx-border);border-radius:9px;cursor:pointer;color:var(--yx-text);background:var(--yx-surface,transparent)}
.yx88-permission-option.is-selected{border-color:var(--yx-primary,#396aff);background:color-mix(in srgb,var(--yx-primary,#396aff) 6%,var(--yx-surface,#fff))}
.yx88-permission-option input{margin-top:4px;accent-color:var(--yx-primary,#396aff);flex-shrink:0}
.yx88-permission-option strong{display:block;font-size:14px;font-weight:600}
.yx88-permission-option small{display:block;margin-top:4px;line-height:1.65;font-size:12px;color:var(--yx-muted)}
.yx88-permission-summary{margin-top:16px;padding:11px 13px;border-radius:8px;background:color-mix(in srgb,var(--yx-primary,#396aff) 8%,var(--yx-surface,#fff));color:var(--yx-text);font-size:13px;line-height:1.7}
.yx88-hidden-notice{padding:14px 16px;border:1px dashed var(--yx-border);border-radius:9px;color:var(--yx-muted);font-size:13px;line-height:1.8;background:var(--yx-surface,transparent)}

/* Inline location metadata; never placed over the cover, title or actions. */
.library-page .yx-book-card-location{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0;margin-top:auto;}
.library-page .yx-book-card-location>p{flex-shrink:0;}
.library-page .yx-book-folder{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:min(100%,160px);padding:2px 7px;border:1px solid var(--yx-accent-border);border-radius:6px;background:var(--yx-accent-bg);color:var(--yx-accent-text);font-size:11px;font-weight:500;line-height:18px;vertical-align:middle;}
.library-page .yx-book-folder>svg{flex:0 0 13px;}
.library-page .yx-book-folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.library-page .yx-book-folder.is-unfiled{color:var(--yx-muted);border-color:var(--yx-border);background:var(--yx-panel);}
.library-page .library-row>.yx-book-folder{flex:0 1 140px;max-width:140px;}
@media(max-width:600px){.library-page .library-row>.yx-book-folder{flex-basis:auto;max-width:120px;}}

.library-page .yx-book-folder.is-folder-link{cursor:pointer;text-align:left;transition:background .15s,border-color .15s;}
.library-page .yx-book-folder.is-folder-link:hover{background:var(--yx-hover);border-color:var(--yx-primary);}
.library-page .yx-book-folder.is-folder-link:focus-visible{outline:2px solid var(--yx-primary);outline-offset:2px;}

.yx-folder-move-book{margin:0 0 16px;color:var(--yx-text);line-height:1.7;overflow-wrap:anywhere;}
.yx-folder-move-options{display:flex;flex-direction:column;gap:8px;max-height: min(340px,45dvh);overflow:auto;}
.yx-folder-move-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--yx-border);border-radius:8px;background:var(--yx-panel);color:var(--yx-text);cursor:pointer;}
.yx-folder-move-option>input,.yx-folder-move-option>svg{flex-shrink:0;}
.yx-folder-move-option>input{accent-color:var(--yx-primary);}
.yx-folder-move-option>span{min-width:0;overflow-wrap:anywhere;}
.yx-folder-move-option.is-selected{background:var(--yx-accent-bg);border-color:var(--yx-primary);}
.yx-folder-move-option:focus-within{outline:2px solid var(--yx-primary);outline-offset:-2px;}
.yx-folder-move-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;color:var(--yx-muted);text-align:center;}
.yx-folder-move-error{margin-top:12px;color:var(--yx-danger,#d03050);}
.yx-folder-move-actions{display:flex;justify-content:flex-end;gap:8px;}

.yx96-rank-scope{display:block;margin-top:5px;color:var(--yx-muted);font-size:11px}.yx96-rank-coverage{flex-basis:100%;margin:4px 0;color:var(--yx-muted);font-size:12px}

.yx96-context-window{border:1px solid var(--yx-border);border-radius:10px;padding:12px;margin:0 0 12px;font-size:12px;line-height:1.7}.yx96-context-toggle{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}.yx96-context-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.yx96-context-controls label{display:grid;gap:4px;flex:1;min-width:105px}.yx96-context-controls input{width:100%;box-sizing:border-box;border:1px solid var(--yx-border);border-radius:6px;background:var(--yx-bg);color:inherit;padding:5px 8px}.yx96-context-warning{color:#b66b14}

.yx97-inspection{font-size:13px;line-height:1.75}.yx97-inspection header,.yx97-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.yx97-inspection article{border:1px solid var(--yx-border);border-radius:10px;padding:12px;margin:12px 0;background:var(--yx-panel)}.yx97-inspection label{display:block;margin-top:8px}.yx97-inspection blockquote{white-space:pre-wrap;margin:4px 0 10px;padding:7px 10px;border-left:3px solid #93a9dc;background:var(--yx-bg)}.yx97-inspection textarea{display:block;box-sizing:border-box;width:100%;margin:4px 0 10px;padding:8px;border:1px solid var(--yx-border);border-radius:6px;color:inherit;background:var(--yx-bg);font:inherit;resize:vertical}.yx97-inspection button{padding:4px 9px;border:1px solid var(--yx-border);border-radius:6px;color:var(--yx-primary,#2563eb);background:var(--yx-panel)}.yx97-inspection button:disabled{opacity:.5;cursor:not-allowed}.yx97-warning{color:#b56b16}