/* Prompt editor (port of the desktop generator: highlight layer behind a transparent textarea, emphasis colours
 * from the official page, Prompt Chunk chips, "|" separators, syntax warnings). */
.low-intensity-color-0 { background-color: rgba(4, 102, 206, 0); border-radius: 2px; }
.low-intensity-color-1 { background-color: rgba(4, 102, 206, 0.024); border-radius: 2px; }
.low-intensity-color-2 { background-color: rgba(4, 102, 206, 0.05); border-radius: 2px; }
.low-intensity-color-3 { background-color: rgba(4, 102, 206, 0.075); border-radius: 2px; }
.low-intensity-color-4 { background-color: rgba(4, 102, 206, 0.1); border-radius: 2px; }
.low-intensity-color-5 { background-color: rgba(4, 102, 206, 0.125); border-radius: 2px; }
.low-intensity-color-6 { background-color: rgba(4, 102, 206, 0.15); border-radius: 2px; }
.low-intensity-color-7 { background-color: rgba(4, 102, 206, 0.176); border-radius: 2px; }
.low-intensity-color-8 { background-color: rgba(4, 102, 206, 0.2); border-radius: 2px; }
.low-intensity-color-9 { background-color: rgba(4, 102, 206, 0.224); border-radius: 2px; }
.low-intensity-color-10 { background-color: rgba(4, 102, 206, 0.25); border-radius: 2px; }
.low-intensity-color-11 { background-color: rgba(4, 102, 206, 0.275); border-radius: 2px; }
.low-intensity-color-12 { background-color: rgba(4, 102, 206, 0.3); border-radius: 2px; }
.low-intensity-color-13 { background-color: rgba(4, 102, 206, 0.325); border-radius: 2px; }
.low-intensity-color-14 { background-color: rgba(4, 102, 206, 0.35); border-radius: 2px; }
.low-intensity-color-15 { background-color: rgba(4, 102, 206, 0.376); border-radius: 2px; }
.low-intensity-color-16 { background-color: rgba(4, 102, 206, 0.4); border-radius: 2px; }
.low-intensity-color-17 { background-color: rgba(4, 102, 206, 0.424); border-radius: 2px; }
.low-intensity-color-18 { background-color: rgba(4, 102, 206, 0.45); border-radius: 2px; }
.low-intensity-color-19 { background-color: rgba(4, 102, 206, 0.475); border-radius: 2px; }
.low-intensity-color-20 { background-color: rgba(4, 102, 206, 0.5); border-radius: 2px; }
.low-intensity-color-21 { background-color: rgba(4, 102, 206, 0.525); border-radius: 2px; }
.low-intensity-color-22 { background-color: rgba(4, 102, 206, 0.55); border-radius: 2px; }
.low-intensity-color-23 { background-color: rgba(4, 102, 206, 0.576); border-radius: 2px; }
.low-intensity-color-24 { background-color: rgba(4, 102, 206, 0.6); border-radius: 2px; }
.low-intensity-color-25 { background-color: rgba(4, 102, 206, 0.624); border-radius: 2px; }
.low-intensity-color-26 { background-color: rgba(4, 102, 206, 0.65); border-radius: 2px; }
.low-intensity-color-27 { background-color: rgba(4, 102, 206, 0.675); border-radius: 2px; }
.low-intensity-color-28 { background-color: rgba(4, 102, 206, 0.7); border-radius: 2px; }
.low-intensity-color-29 { background-color: rgba(4, 102, 206, 0.725); border-radius: 2px; }
.low-intensity-color-30 { background-color: rgba(4, 102, 206, 0.75); border-radius: 2px; }
.low-intensity-color-31 { background-color: rgba(4, 102, 206, 0.776); border-radius: 2px; }
.low-intensity-color-32 { background-color: rgba(4, 102, 206, 0.8); border-radius: 2px; }
.low-intensity-color-33 { background-color: rgba(4, 102, 206, 0.824); border-radius: 2px; }
.low-intensity-color-34 { background-color: rgba(4, 102, 206, 0.85); border-radius: 2px; }
.low-intensity-color-35 { background-color: rgba(4, 102, 206, 0.875); border-radius: 2px; }
.low-intensity-color-36 { background-color: rgba(4, 102, 206, 0.9); border-radius: 2px; }
.low-intensity-color-37 { background-color: rgba(4, 102, 206, 0.925); border-radius: 2px; }
.low-intensity-color-38 { background-color: rgba(4, 102, 206, 0.95); border-radius: 2px; }
.low-intensity-color-39 { background-color: rgba(4, 102, 206, 0.976); border-radius: 2px; }
.low-intensity-color-40 { background-color: rgb(4, 102, 206); border-radius: 2px; }
.mid-intensity-color-0 { background-color: rgba(0, 151, 7, 0); border-radius: 2px; }
.mid-intensity-color-1 { background-color: rgba(0, 151, 7, 0.024); border-radius: 2px; }
.mid-intensity-color-2 { background-color: rgba(0, 151, 7, 0.05); border-radius: 2px; }
.mid-intensity-color-3 { background-color: rgba(0, 151, 7, 0.075); border-radius: 2px; }
.mid-intensity-color-4 { background-color: rgba(0, 151, 7, 0.1); border-radius: 2px; }
.mid-intensity-color-5 { background-color: rgba(0, 151, 7, 0.125); border-radius: 2px; }
.mid-intensity-color-6 { background-color: rgba(0, 151, 7, 0.15); border-radius: 2px; }
.mid-intensity-color-7 { background-color: rgba(0, 151, 7, 0.176); border-radius: 2px; }
.mid-intensity-color-8 { background-color: rgba(0, 151, 7, 0.2); border-radius: 2px; }
.mid-intensity-color-9 { background-color: rgba(0, 151, 7, 0.224); border-radius: 2px; }
.mid-intensity-color-10 { background-color: rgba(0, 151, 7, 0.25); border-radius: 2px; }
.mid-intensity-color-11 { background-color: rgba(0, 151, 7, 0.275); border-radius: 2px; }
.mid-intensity-color-12 { background-color: rgba(0, 151, 7, 0.3); border-radius: 2px; }
.mid-intensity-color-13 { background-color: rgba(0, 151, 7, 0.325); border-radius: 2px; }
.mid-intensity-color-14 { background-color: rgba(0, 151, 7, 0.35); border-radius: 2px; }
.mid-intensity-color-15 { background-color: rgba(0, 151, 7, 0.376); border-radius: 2px; }
.mid-intensity-color-16 { background-color: rgba(0, 151, 7, 0.4); border-radius: 2px; }
.mid-intensity-color-17 { background-color: rgba(0, 151, 7, 0.424); border-radius: 2px; }
.mid-intensity-color-18 { background-color: rgba(0, 151, 7, 0.45); border-radius: 2px; }
.mid-intensity-color-19 { background-color: rgba(0, 151, 7, 0.475); border-radius: 2px; }
.mid-intensity-color-20 { background-color: rgba(0, 151, 7, 0.5); border-radius: 2px; }
.mid-intensity-color-21 { background-color: rgba(0, 151, 7, 0.525); border-radius: 2px; }
.mid-intensity-color-22 { background-color: rgba(0, 151, 7, 0.55); border-radius: 2px; }
.mid-intensity-color-23 { background-color: rgba(0, 151, 7, 0.576); border-radius: 2px; }
.mid-intensity-color-24 { background-color: rgba(0, 151, 7, 0.6); border-radius: 2px; }
.mid-intensity-color-25 { background-color: rgba(0, 151, 7, 0.624); border-radius: 2px; }
.mid-intensity-color-26 { background-color: rgba(0, 151, 7, 0.65); border-radius: 2px; }
.mid-intensity-color-27 { background-color: rgba(0, 151, 7, 0.675); border-radius: 2px; }
.mid-intensity-color-28 { background-color: rgba(0, 151, 7, 0.7); border-radius: 2px; }
.mid-intensity-color-29 { background-color: rgba(0, 151, 7, 0.725); border-radius: 2px; }
.mid-intensity-color-30 { background-color: rgba(0, 151, 7, 0.75); border-radius: 2px; }
.mid-intensity-color-31 { background-color: rgba(0, 151, 7, 0.776); border-radius: 2px; }
.mid-intensity-color-32 { background-color: rgba(0, 151, 7, 0.8); border-radius: 2px; }
.mid-intensity-color-33 { background-color: rgba(0, 151, 7, 0.824); border-radius: 2px; }
.mid-intensity-color-34 { background-color: rgba(0, 151, 7, 0.85); border-radius: 2px; }
.mid-intensity-color-35 { background-color: rgba(0, 151, 7, 0.875); border-radius: 2px; }
.mid-intensity-color-36 { background-color: rgba(0, 151, 7, 0.9); border-radius: 2px; }
.mid-intensity-color-37 { background-color: rgba(0, 151, 7, 0.925); border-radius: 2px; }
.mid-intensity-color-38 { background-color: rgba(0, 151, 7, 0.95); border-radius: 2px; }
.mid-intensity-color-39 { background-color: rgba(0, 151, 7, 0.976); border-radius: 2px; }
.mid-intensity-color-40 { background-color: rgb(0, 151, 7); border-radius: 2px; }
.high-intensity-color-0 { background-color: rgba(184, 55, 0, 0); border-radius: 2px; }
.high-intensity-color-1 { background-color: rgba(184, 55, 0, 0.024); border-radius: 2px; }
.high-intensity-color-2 { background-color: rgba(184, 55, 0, 0.05); border-radius: 2px; }
.high-intensity-color-3 { background-color: rgba(184, 55, 0, 0.075); border-radius: 2px; }
.high-intensity-color-4 { background-color: rgba(184, 55, 0, 0.1); border-radius: 2px; }
.high-intensity-color-5 { background-color: rgba(184, 55, 0, 0.125); border-radius: 2px; }
.high-intensity-color-6 { background-color: rgba(184, 55, 0, 0.15); border-radius: 2px; }
.high-intensity-color-7 { background-color: rgba(184, 55, 0, 0.176); border-radius: 2px; }
.high-intensity-color-8 { background-color: rgba(184, 55, 0, 0.2); border-radius: 2px; }
.high-intensity-color-9 { background-color: rgba(184, 55, 0, 0.224); border-radius: 2px; }
.high-intensity-color-10 { background-color: rgba(184, 55, 0, 0.25); border-radius: 2px; }
.high-intensity-color-11 { background-color: rgba(184, 55, 0, 0.275); border-radius: 2px; }
.high-intensity-color-12 { background-color: rgba(184, 55, 0, 0.3); border-radius: 2px; }
.high-intensity-color-13 { background-color: rgba(184, 55, 0, 0.325); border-radius: 2px; }
.high-intensity-color-14 { background-color: rgba(184, 55, 0, 0.35); border-radius: 2px; }
.high-intensity-color-15 { background-color: rgba(184, 55, 0, 0.376); border-radius: 2px; }
.high-intensity-color-16 { background-color: rgba(184, 55, 0, 0.4); border-radius: 2px; }
.high-intensity-color-17 { background-color: rgba(184, 55, 0, 0.424); border-radius: 2px; }
.high-intensity-color-18 { background-color: rgba(184, 55, 0, 0.45); border-radius: 2px; }
.high-intensity-color-19 { background-color: rgba(184, 55, 0, 0.475); border-radius: 2px; }
.high-intensity-color-20 { background-color: rgba(184, 55, 0, 0.5); border-radius: 2px; }
.high-intensity-color-21 { background-color: rgba(184, 55, 0, 0.525); border-radius: 2px; }
.high-intensity-color-22 { background-color: rgba(184, 55, 0, 0.55); border-radius: 2px; }
.high-intensity-color-23 { background-color: rgba(184, 55, 0, 0.576); border-radius: 2px; }
.high-intensity-color-24 { background-color: rgba(184, 55, 0, 0.6); border-radius: 2px; }
.high-intensity-color-25 { background-color: rgba(184, 55, 0, 0.624); border-radius: 2px; }
.high-intensity-color-26 { background-color: rgba(184, 55, 0, 0.65); border-radius: 2px; }
.high-intensity-color-27 { background-color: rgba(184, 55, 0, 0.675); border-radius: 2px; }
.high-intensity-color-28 { background-color: rgba(184, 55, 0, 0.7); border-radius: 2px; }
.high-intensity-color-29 { background-color: rgba(184, 55, 0, 0.725); border-radius: 2px; }
.high-intensity-color-30 { background-color: rgba(184, 55, 0, 0.75); border-radius: 2px; }
.high-intensity-color-31 { background-color: rgba(184, 55, 0, 0.776); border-radius: 2px; }
.high-intensity-color-32 { background-color: rgba(184, 55, 0, 0.8); border-radius: 2px; }
.high-intensity-color-33 { background-color: rgba(184, 55, 0, 0.824); border-radius: 2px; }
.high-intensity-color-34 { background-color: rgba(184, 55, 0, 0.85); border-radius: 2px; }
.high-intensity-color-35 { background-color: rgba(184, 55, 0, 0.875); border-radius: 2px; }
.high-intensity-color-36 { background-color: rgba(184, 55, 0, 0.9); border-radius: 2px; }
.high-intensity-color-37 { background-color: rgba(184, 55, 0, 0.925); border-radius: 2px; }
.high-intensity-color-38 { background-color: rgba(184, 55, 0, 0.95); border-radius: 2px; }
.high-intensity-color-39 { background-color: rgba(184, 55, 0, 0.976); border-radius: 2px; }
.high-intensity-color-40 { background-color: rgb(184, 55, 0); border-radius: 2px; }
.nai-prompt-field{position:relative}
.nai-prompt-stack{position:relative;min-height:inherit}
.nai-prompt-highlight{position:relative;pointer-events:none;color:#fff}
.nai-prompt-highlight .nai-prompt-placeholder{visibility:hidden}
.nai-prompt-textarea{
  position:absolute;top:0;left:0;display:block;width:100%;height:100%;min-height:1.625rem;margin:0;padding:0;border:0;border-radius:0;outline:0;
  background:transparent;color:transparent;caret-color:#fff;resize:none;overflow:hidden;
  font-family:inherit;font-size:1rem;font-weight:400;line-height:1.625rem;letter-spacing:normal;text-indent:0;
  white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;tab-size:4;
  font-variant-ligatures:none;font-feature-settings:"liga" 0;touch-action:pan-y
}
.nai-prompt-textarea::placeholder{color:#fff;opacity:.5}
.nai-prompt-textarea::selection{background:rgba(245,243,194,.28);color:transparent}
.nai-prompt-textarea:focus{outline:0}
.mid-intensity-color-0{background:none}
/* 官方 | 与 || 高亮为 800 字重并带 1px 内边距；叠层必须与 textarea 等宽，这里用描边代替加粗 */
.nai-prompt-highlight .image-prompt-bar-highlight,.nai-prompt-highlight .image-prompt-double-bar-highlight{color:#f5f3c2;font-weight:400;padding:0;-webkit-text-stroke:.5px currentColor}
/* 官方 PromptErrorContainer / PromptErrorBox（:: 权重写法提示，失焦时更新） */
.nai-prompt-errors{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#0e0f21;padding:12px 12px 0;border:1px solid #22253f;border-top:none;border-bottom:none}
.nai-prompt-errors-box{background:#13152c;border:1px solid #22253f;border-radius:3px;padding:4px 10px;width:100%;box-sizing:border-box}
.nai-prompt-warning{color:#ff7878!important}
.nai-prompt-highlight .nai-macro-chip{border-radius:4px;background-color:color-mix(in srgb,var(--chunk-color) 25%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--chunk-color) 60%,transparent)}
.nai-prompt-highlight .nai-macro-chip.is-missing{text-decoration:line-through wavy rgba(255,120,120,.8)}
/* Settings → Highlight Emphasis 关闭时不着色权重 */
.no-emphasis-highlight .nai-prompt-highlight [class*="intensity-color-"]{background:none!important;color:inherit!important}

.nai-prompt-highlight p { margin: 0; white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word; line-height: 1.625rem; font-size: 1rem; }
.nai-prompt-textarea::placeholder { color: #fff; opacity: .35; }
