/* AI 完善是轻量工具，版本切换属于提示词编辑区的状态控件。 */
.prompt-optimize-tools { display:flex; flex:0 0 auto; align-items:center; gap:14px; padding:0; order:10; }
#promptComposerCreative .prompt-submit-cluster { flex-shrink:0; }
.mobile-compose-toolbar { display:flex; align-items:center; gap:6px; min-width:0; flex:1; overflow-x:auto; scrollbar-width:none; }
.mobile-compose-toolbar::-webkit-scrollbar { display:none; }
.mobile-compose-toolbar > * { flex-shrink:0; }
.mobile-compose-toolbar .prompt-optimize-tools { order:0; margin:0 5px; }
.mobile-compose-footer > .mobile-cost,.mobile-compose-footer > .mobile-generate { flex-shrink:0; }
.prompt-optimize-button { display:inline-flex; align-items:center; gap:8px; font:inherit; font-size:12px; line-height:20px; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--text-secondary, #555); padding:4px 0; cursor:pointer; white-space:nowrap; }
.prompt-optimize-button:hover { color:var(--accent, #7054d8); background:transparent; }
.prompt-optimize-versions { display:inline-flex; align-items:center; gap:2px; padding:2px; border:1px solid rgba(99,91,255,.18); border-radius:999px; background:rgba(99,91,255,.06); box-shadow:inset 0 1px 0 rgba(255,255,255,.78); }
.prompt-optimize-versions button { display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 12px; font:inherit; font-size:12px; line-height:20px; border:0; border-radius:999px; background:transparent; box-shadow:none; color:var(--text-muted, #69758a); cursor:pointer; white-space:nowrap; }
.prompt-optimize-versions button:hover { color:var(--accent, #7054d8); background:rgba(99,91,255,.08); }
.prompt-optimize-versions button[aria-pressed="true"] { color:var(--accent, #7054d8); background:#fff; box-shadow:0 2px 7px rgba(44,53,86,.12); }
.prompt-optimize-button:disabled,.prompt-optimize-versions button:disabled { opacity:.55; cursor:wait; }
.prompt-optimize-price { order:-1; display:inline-flex; align-items:center; gap:5px; color:var(--text-muted, #69758a); font-variant-numeric:tabular-nums; }
.prompt-optimize-price del { opacity:.65; text-decoration-thickness:1px; }
.prompt-optimize-price strong { color:var(--text-secondary, #465268); font-weight:600; }
.prompt-credit-icon { display:inline-block; width:12px; height:12px; flex:0 0 12px; opacity:.72; }
i.prompt-credit-icon { background:currentColor; clip-path:polygon(50% 0, 62% 36%, 100% 50%, 62% 64%, 50% 100%, 38% 64%, 0 50%, 38% 36%); }
svg.prompt-credit-icon { fill:none; stroke:currentColor; stroke-width:1.8; }
.prompt-optimize-versions[hidden],.prompt-optimize-tools[hidden],.prompt-optimize-version-slot[hidden] { display:none; }
.prompt-optimize-tools button:focus-visible { outline:2px solid var(--accent, #7054d8); outline-offset:3px; }
@media(max-width:480px) { .prompt-optimize-tools { gap:10px; } .prompt-optimize-button { gap:5px; } .prompt-optimize-versions button { padding:0 10px; } }
.mobile-compose .mobile-compose-footer { grid-template-columns:minmax(0, 1fr) auto 52px; }

/* Keep the reference strip in its own row so text can never cover a thumbnail. */
.prompt-composer .prompt-composer-input {
  display:flex;
  flex-direction:column;
  min-height:0;
}
.prompt-composer .prompt-ref-row {
  flex:0 0 62px;
  height:62px;
  min-height:62px;
  max-height:none;
  box-sizing:border-box;
  position:relative;
  z-index:2;
  padding:4px 8px 4px 0;
  overflow-x:auto;
  overflow-y:hidden;
}
.prompt-composer .prompt-text-zone {
  flex:0 0 auto;
  min-height:88px;
  position:relative;
  z-index:1;
}
.prompt-optimize-version-slot {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:32px;
  margin:0 0 8px;
  pointer-events:auto;
}
.prompt-optimize-version-slot .prompt-optimize-versions { flex:0 0 auto; }
.prompt-optimize-version-slot[hidden] { display:none; }

.mobile-prompt-version-slot {
  margin:0 0 8px;
}

[data-theme="dark"] .prompt-optimize-versions {
  border-color:rgba(167,139,250,.34);
  background:rgba(124,92,252,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
[data-theme="dark"] .prompt-optimize-versions button { color:rgba(235,238,255,.72); }
[data-theme="dark"] .prompt-optimize-versions button:hover { color:#fff; background:rgba(167,139,250,.18); }
[data-theme="dark"] .prompt-optimize-versions button[aria-pressed="true"] { color:#25213f; background:#e9e7ff; box-shadow:0 2px 7px rgba(0,0,0,.24); }
@media (prefers-reduced-transparency: reduce) {
  .prompt-optimize-versions { background:#f3f4fb; box-shadow:none; }
  .prompt-optimize-versions button[aria-pressed="true"] { background:#fff; box-shadow:none; }
  [data-theme="dark"] .prompt-optimize-versions { background:#2b3052; }
  [data-theme="dark"] .prompt-optimize-versions button[aria-pressed="true"] { background:#e9e7ff; }
}

/* 悬浮在原有顶部内边距内，不占行、不改变编辑区间距。 */
#promptComposerCreative > .prompt-optimize-tools { position:absolute; top:8px; right:24px; z-index:5; }
#promptComposerCreative #promptInputCreative { padding-right:0; margin-top:0; }
@media(max-width:600px) {
  #promptComposerCreative > .prompt-optimize-tools { right:16px; }
}

/* AI 入口使用静态光谱文字，价格维持原有可读性。 */
.prompt-optimize-label {
  font-weight:600;
  color:#6650cb;
}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  .prompt-optimize-label {
    background:linear-gradient(110deg, #7551cf 0%, #515bdd 48%, #078293 100%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
  }
  [data-theme="dark"] .prompt-optimize-label {
    background-image:linear-gradient(110deg, #c6a2ff 0%, #91acff 48%, #65e3eb 100%);
  }
}
@media (forced-colors:active) {
  .prompt-optimize-label {
    background:none;
    color:ButtonText;
    -webkit-text-fill-color:ButtonText;
  }
}

#promptComposerCreative > .prompt-optimize-tools .prompt-optimize-button { padding:0; line-height:20px; }
.prompt-composer .prompt-ref-row,
.prompt-composer .prompt-ref-thumb,
[data-theme="dark"] .prompt-composer .prompt-ref-thumb { background:transparent; box-shadow:none; }
.creative-option-popover.creative-settings-popover { display:flex; flex-direction:column; flex-wrap:nowrap; width:min(440px, calc(100vw - 24px)); max-height:min(640px, 75vh); overflow-y:auto; box-sizing:border-box; gap:20px; padding:18px; }
.creative-settings-popover section { width:100%; }
.creative-settings-options { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; padding:6px; border-radius:12px; background:rgba(128,128,150,.07); }
.creative-settings-options .creative-popover-chip { flex:1 0 auto; min-height:38px; }
.creative-settings-custom { display:flex; gap:6px; align-items:center; }
.creative-settings-custom input { min-width:0; width:90px; padding:8px; border-radius:8px; border:1px solid var(--border-light); background:var(--bg-primary); color:var(--text-primary); }
#mobileSheetOptions:has(.creative-settings-options) { display:block; max-height:65vh; overflow-y:auto; }
#mobileSheetOptions .creative-settings-options .mobile-sheet-option { flex:1 0 auto; width:auto; padding:10px 12px; }
.mobile-compose-toolbar #mobileQualityBtn[hidden], .mobile-compose-toolbar #mobileCountBtn[hidden] { display:none; }
/* Keep the original ratio groups, icons and priced quality rows inside one panel. */
.creative-option-popover.creative-settings-popover { width:min(760px, calc(100vw - 24px)); }
.creative-settings-popover [data-setting="ratio"] { display:flex; flex-direction:column; gap:14px; }
.creative-settings-popover [data-setting="quality"] .quality-popover-list { margin-top:10px; }
.creative-settings-popover [data-setting="count"] .quality-popover-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:10px; }
.creative-settings-popover .creative-settings-options .creative-popover-chip { flex:0 0 auto; }
@media(max-width:600px) {
  .creative-settings-popover .creative-popover-row { grid-template-columns:1fr; }
}

/* Three consistent settings sections, with domain-specific details kept within each. */
.creative-option-popover.creative-settings-popover { width:min(660px, calc(100vw - 24px)); gap:0; padding:20px; }
.creative-settings-popover > section { padding:18px 0; border-bottom:1px solid rgba(128,128,150,.12); }
.creative-settings-popover > section:first-child { padding-top:0; }
.creative-settings-popover > section:last-child { padding-bottom:0; border-bottom:0; }
.creative-settings-popover .quality-popover-title { padding:0; font-size:13px; line-height:20px; }
.creative-settings-popover .creative-popover-row,
.creative-settings-popover .creative-popover-row.primary { display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:center; }
.creative-settings-popover .creative-popover-title { font-size:12px; }
.creative-settings-popover .creative-popover-options { display:flex; flex-wrap:wrap; gap:6px; }
.creative-settings-popover .creative-popover-chip,
.creative-settings-popover .quality-popover-option {
  min-height:40px; padding:8px 10px; border-radius:10px;
  border:1px solid rgba(128,128,150,.14); background:rgba(128,128,150,.045);
  color:var(--text-secondary,#475467); font-size:13px; box-shadow:none;
}
.creative-settings-popover .creative-popover-chip.selected,
.creative-settings-popover .quality-popover-option.selected { background:rgba(112,91,255,.08); border-color:rgba(112,91,255,.42); color:var(--accent,#705bff); }
.creative-settings-popover .creative-popover-chip:hover,
.creative-settings-popover .quality-popover-option:hover { background:rgba(112,91,255,.065); border-color:rgba(112,91,255,.3); }
.creative-settings-popover [data-setting="quality"] .quality-popover-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.creative-settings-popover [data-setting="count"] .quality-popover-list { gap:8px; }
.creative-settings-popover .quality-popover-label { font-size:13px; flex-wrap:wrap; gap:6px; }
.creative-settings-popover .quality-popover-check { width:14px; height:14px; }
.creative-settings-popover .popover-default-size { margin-top:0; padding-top:10px; border-top:0; font-size:12px; }
.creative-settings-popover .popover-default-size-button { padding:5px 10px; font-size:12px; }
@media(max-width:480px) {
  .creative-settings-popover .quality-popover-option { padding:8px; grid-template-columns:minmax(0,1fr) 12px; gap:3px; }
}

.prompt-optimize-versions .prompt-versions-dismiss { width:28px; min-width:28px; padding:0; margin-left:3px; font-size:18px; font-weight:400; background:transparent; box-shadow:none; }
.detail-prompt-tags { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; }
.detail-prompt-tags[hidden] { display:none; }
.detail-prompt-tags > span { padding:5px 9px; border-radius:8px; background:rgba(112,91,255,.07); color:var(--text-secondary,#596174); border:1px solid rgba(112,91,255,.13); font-size:12px; line-height:1.5; }