/* Shared creation panel, all surfaces consume the active theme. */
.creation-tabs { display:flex; gap:4px; padding:5px 0; border-bottom:1px solid var(--line, var(--ink-3)); flex-shrink:0; }
.creation-tabs button { border:0; background:transparent; color:var(--ink-2); cursor:pointer; padding:5px 9px; font-size:11px; border-radius:var(--r-ctl,6px); }
.creation-tabs button.on { color:var(--accent-ui); background:color-mix(in srgb,var(--accent-ui) 10%,transparent); }
/* R7-B（票②）：.creation-back 规则随「返回工作流」文字按钮一并移除（4260/编辑器两宿主均无引用，grep 实证）。 */
.creation-catalog { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; padding:6px 0; } /* CREATION-R6②③：展开=四列图标网格（用户截图） */
.creation-choice { display:flex; flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:65px;padding:8px 4px;border:1px solid transparent;border-radius:var(--r-card,8px);background:transparent;color:var(--ink-1);font-size:11px;cursor:pointer; }
.creation-choice svg { color:var(--accent-ui); }
.creation-choice:hover,.creation-choice:focus-visible { background:var(--chip-bg);border-color:var(--accent-ui); }
.creation-info {font-size:11px;line-height:1.6;color:var(--ink-2);padding:10px;}
/* CREATION-R6①/A：通道·模型合一格且不跨列（两排三格=引擎+增强 两个直接 select + LoRA/比例/质量/张数，共六格）；增强格用通用 .gen-ctl 样式 */
.gen-compact .gen-controls .gen-engine-choice {grid-column:auto;}
.gen-engine-choice select {flex:1;min-width:0;}
.gen-engine-pop {position:fixed;z-index:160;width:288px;padding:12px;box-sizing:border-box;border:1px solid var(--ink-3);background:var(--surface);color:var(--ink-1);border-radius:var(--r-pop,12px);box-shadow:var(--sh-lift);}
.gen-engine-head {display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:10px;}
.gen-engine-head button {border:0;background:transparent;color:inherit;cursor:pointer;font-size:20px;}
.gen-engine-pop label {display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;font-size:11px;margin-bottom:10px;}
.gen-engine-pop select {min-width:0;width:100%;border:1px solid var(--ink-3);border-radius:var(--r-ctl,6px);padding:6px;color:var(--ink-1);background:var(--surface);}
.gen-engine-pop .g5-enh-seg {display:flex;flex-wrap:wrap;gap:4px;padding:0;font-size:11px;}
.gen-engine-pop .g5-enh-label {flex:0 0 100%;margin-bottom:4px;}
.gen-engine-pop .g5-enh-seg button {border:0;border-radius:var(--r-pill,999px);padding:5px 8px;cursor:pointer;background:var(--chip-bg);color:var(--ink-2);}
.gen-engine-pop .g5-enh-seg button.on {color:var(--accent-ui);background:color-mix(in srgb,var(--accent-ui) 12%,var(--surface));}
.gen-collapse[aria-expanded="true"] svg {transform:none;}
.gen-collapse[aria-expanded="true"] {color:var(--accent-ui);background:var(--chip-bg);border-radius:var(--r-ctl,6px);}
.photo-factor-panel {height:330px;max-height:45vh;min-height:160px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px 2px;font-size:11px;color:var(--ink-1);box-sizing:border-box;}
.photo-factor-head {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;color:var(--ink-2);}
/* R7-C（票③）：面板内操作钮=轻量文字/图标（去逐项描边胶囊感）；hover 给 chip-bg 轻底，focus 可见环保留。
   显式 border:1px solid transparent 保盒模与旧版一致（零布局位移）；选择态仍由各规则 accent 文字/底色表达。 */
.photo-factor-panel button {font-size:10px;cursor:pointer;border:1px solid transparent;border-radius:var(--r-ctl,6px);background:transparent;color:var(--ink-2);padding:4px 6px;}
.photo-factor-panel button:hover {color:var(--ink-1);background:var(--chip-bg);}
.photo-factor-panel button:disabled {opacity:.45;cursor:default;}
.photo-factor-panel button:focus-visible {outline:2px solid var(--accent-ui);outline-offset:1px;}
/* CREATION-R6-B（2026-09-23 DIRECT-SELECT）：每因素一格「分类名: 当前选择」，hover/focus-within 现左右箭头；
   下拉为 body 浮层 .pf-pop（防 transform 祖先裁剪与面板 overflow 裁剪，Q2 排除表含之）。
   R7-C（票③ 去胶囊化，用户裁决）：外框去药丸→紧凑行式轻圆角字段（auto-fill 网格排布）；
   功能零动——滚轮/箭头/下拉绑定均在 [data-pf-pill]/[data-pf-open] 上，只改视觉；选中态由描边改「accent 底色+accent 值文字」。 */
.pf-pills {display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:3px;padding:2px 0 6px;}
.pf-pill {display:inline-flex;align-items:center;height:26px;max-width:100%;min-width:0;padding:0 4px;border:1px solid transparent;border-radius:var(--r-ctl,6px);background:transparent;color:var(--ink-1);font-size:10px;}
.pf-pill:hover,.pf-pill:focus-within {background:var(--chip-bg);}
.pf-pill:focus-visible {outline:2px solid var(--accent-ui);outline-offset:1px;}
.pf-pill[data-pf-sel="1"] {background:color-mix(in srgb,var(--accent-ui) 8%,var(--surface));}
.pf-open {display:inline-flex;align-items:center;gap:3px;flex:0 1 auto;min-width:0;background:transparent;border:0;padding:0 2px;height:24px;color:inherit;font-size:10px;cursor:pointer;}
.pf-k {flex:0 0 auto;color:var(--ink-2);}
.pf-v {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;}
.pf-pill[data-pf-sel="1"] .pf-v {color:var(--accent-ui);}
.pf-arrow {flex:0 0 auto;width:18px;height:22px;padding:0;border:0;border-radius:var(--r-ctl,6px);background:transparent;color:var(--ink-2);font-size:13px;line-height:1;cursor:pointer;visibility:hidden;}
@media (hover:hover){.pf-pill:hover .pf-arrow,.pf-pill:focus-within .pf-arrow {visibility:visible;}}
@media (hover:none){.pf-arrow {visibility:visible;}} /* 触屏无悬停能力：箭头常显可用 */
.pf-arrow:hover {color:var(--accent-ui);background:var(--chip-bg);}
/* R7-C 特异性补丁：通用 `.photo-factor-panel button`(0-1-1) 会盖掉 .pf-open/.pf-arrow 单类(0-1-0)声明（R6 同款旧坑，
   旧通用带描边时表现为格内套盒）。此处用 0-2-1 锁回本意：字段与箭头=无框透明底；箭头 hover accent 不被通用 hover 吃掉。 */
.photo-factor-panel .pf-open {border:0;background:transparent;color:var(--ink-1);padding:0 2px;}
.photo-factor-panel .pf-arrow {border:0;background:transparent;padding:0;}
.photo-factor-panel .pf-arrow:hover {color:var(--accent-ui);background:var(--chip-bg);}
.pf-pop {position:fixed;z-index:220;min-width:160px;max-width:min(300px,86vw);max-height:262px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px;box-sizing:border-box;border:1px solid var(--ink-3);border-radius:var(--r-pop,12px);background:var(--surface);color:var(--ink-1);box-shadow:var(--sh-lift);}
.pf-pop-title {padding:3px 7px 5px;font-size:9px;color:var(--ink-2);border-bottom:1px solid color-mix(in srgb,var(--ink-3) 40%,transparent);margin-bottom:3px;}
.pf-pop-row {display:flex;align-items:center;gap:2px;}
.pf-opt {display:flex;align-items:center;gap:5px;flex:1;min-width:0;text-align:left;border:0;border-radius:var(--r-ctl,6px);background:transparent;color:inherit;font-size:11px;padding:5px 7px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pf-opt:hover,.pf-opt:focus-visible {background:var(--chip-bg);}
.pf-opt[aria-selected="true"] {color:var(--accent-ui);font-weight:600;}
.pf-tick {font-style:normal;flex:0 0 auto;}
.pf-opt-del {flex:0 0 auto;width:20px;height:20px;padding:0;border:0;border-radius:var(--r-ctl,6px);background:transparent;color:var(--ink-2);font-size:13px;line-height:1;cursor:pointer;}
.pf-opt-del:hover {color:var(--danger,#e5484d);background:var(--chip-bg);}
.pf-head-acts {display:flex;gap:4px;}
.pf-manage-add {display:flex;gap:4px;margin:0 0 6px;}
.pf-manage-add select,.pf-manage-add input {height:24px;min-width:0;background:var(--surface);color:var(--ink-1);border:1px solid var(--ink-3);border-radius:6px;padding:2px 5px;font-size:10px;}
.pf-manage-add select {flex:0 0 84px;}
.pf-manage-add input {flex:1;border-color:var(--accent-ui);}
.photo-factor-note button {margin-left:6px;color:var(--accent-ui);border-color:var(--accent-ui);}
.photo-factor-chip {display:inline-flex;flex:0 0 auto;max-width:180px;}
.photo-factor-chip button {border:1px solid var(--ink-3);background:var(--surface);color:var(--ink-1);} /* R7-C：原依赖通用按钮描边/底色，通用规则转轻文字后在此显式补回（kw 已选词 chips 外观零变化） */
.photo-factor-chip button:first-child {border-radius:6px 0 0 6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photo-factor-chip button:last-child {border-radius:0 6px 6px 0;border-left:0;color:var(--ink-2);}
.photo-factor-chip button[aria-pressed="true"] {color:var(--accent-ui);background:color-mix(in srgb,var(--accent-ui) 12%,var(--surface));border-color:var(--accent-ui);}
/* 删除叉默认隐藏，hover/focus-within 出现；触屏（无悬停能力）常显保证可删除 */
@media (hover:hover) {
.photo-factor-chip>button:last-child {display:none;}
.photo-factor-chip:hover>button:last-child,.photo-factor-chip:focus-within>button:last-child {display:inline-flex;}
}
.photo-factor-panel form {display:flex;gap:5px;margin:6px 0 8px;}
.photo-factor-panel input {width:0;flex:1;min-width:0;background:var(--surface);color:var(--ink-1);border:1px solid var(--ink-3);border-radius:6px;padding:5px;font-size:10px;}
.pf-manage-add input {border-color:var(--accent-ui);padding:2px 5px;font-size:10px;} /* R6-B：后置防同特异被上行通用 input 规则吃掉（管理入口按需输入框） */
.photo-factor-preview {margin:8px 0;line-height:1.6;color:var(--ink-2);}
.photo-factor-actions {display:flex;gap:6px;}
.photo-factor-actions button:first-child {color:var(--accent-ui);border-color:var(--accent-ui);}
.photo-factor-recipes>div {display:flex;gap:4px;margin:4px 0;}
.photo-factor-recipes>div button:first-child {flex:1;text-align:left;}
.photo-factor-note {color:var(--ink-2);font-size:9px;line-height:1.5;}
.editor-layer .photo-factor-panel {height:auto;flex:1;min-height:160px;max-height:none;}
.g5-tray .photo-factor-panel {max-height:none;}
.g5-expanded .gen-status {padding-right:0;}

.creation-import{font-size:11px;} .creation-import textarea{box-sizing:border-box;width:100%;resize:vertical;padding:8px;border:1px solid var(--ink-3);border-radius:6px;background:var(--surface);color:var(--ink-1);font-size:11px;} .creation-import button{border:1px solid var(--ink-3);border-radius:6px;padding:5px 8px;background:var(--surface);color:var(--ink-1);}
/* ==== R7-A 模板直写新增件（g5-wf 主体/`.g5-chip-btn` 在 uiopt-r5.css 零动；本块只补新语义，全部走主题 token） ==== */
.g5-wf-note {margin:0 0 6px;padding:6px 8px;border:1px solid var(--accent-ui);border-radius:var(--r-card,8px);background:color-mix(in srgb,var(--accent-ui) 6%,var(--surface));font-size:10px;line-height:1.7;color:var(--ink-2);}
.g5-wf-note .g5-chip-btn {margin-left:6px;} /* 两枚裁决钮沿用 uiopt-r5 .g5-chip-btn 现形制，仅留间距 */
.g5-wf-item.pend {border-color:var(--accent-ui);background:color-mix(in srgb,var(--accent-ui) 4%,var(--surface));} /* 待裁决模板=淡 accent 标记（与 .on 已应用态区分：无「已应用」角标） */
.g5-wf-apply-tag {font-style:normal;font-size:9px;font-weight:650;color:var(--accent-ui);} /* 行内「已应用」=选中态的第二信道（不只靠底色） */