.jmc-editor .jgp-prompt { position: relative; display: block; box-sizing: border-box; flex: 0 0 66px; width: 100%; min-width: 0; height: 66px; margin: 0 0 16px; padding: 0; color: #d9d9df; font: 12px/16px Montserrat, "CapCut Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; user-select: text; }
.jmc-editor .jgp-editor { display: block; box-sizing: border-box; width: 100%; height: 66px; min-height: 66px; padding: 0 24px 0 0; overflow-x: hidden; overflow-y: auto; border: 0; outline: none; background: transparent; color: inherit; font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; cursor: text; scrollbar-width: thin; scrollbar-color: #ffffff24 transparent; }
.jmc-editor .jgp-prompt[data-empty="true"] .jgp-editor::before { content: attr(data-placeholder); color: #707078; pointer-events: none; }
.jmc-editor .jgp-prompt[data-unsaved="true"] .jgp-editor { box-shadow: inset 0 -1px #c69b5966; }
.jmc-editor .jgp-reference-token { display: inline-flex; box-sizing: border-box; align-items: center; gap: 4px; width: auto; max-width: 140px; height: 24px; padding: 0 4px; vertical-align: middle; border: 0; border-radius: 4px; background: transparent; color: #ededf1; font-size: 12px; line-height: 20px; white-space: nowrap; cursor: default; user-select: all; }
.jmc-editor .jgp-reference-thumbnail { display: inline-block; flex: 0 0 16px; width: 16px; height: 16px; border: 0; border-radius: 3px; object-fit: cover; pointer-events: none; }
.jmc-editor .jgp-reference-symbol { display: inline-block; box-sizing: border-box; flex: 0 0 11px; width: 11px; height: 11px; border: 1px solid #c3c3cb; border-radius: 2px; background: linear-gradient(135deg, transparent 55%, #c3c3cb66 56% 65%, transparent 66%); }
.jmc-editor .jgp-reference-title { display: inline-block; min-width: 0; max-width: 113px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jmc-editor .jgp-reference-button { position: absolute; right: 0; bottom: 0; display: grid; box-sizing: border-box; place-items: center; width: 20px; height: 20px; min-height: 0; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #74747e; font: 13px/20px Arial, sans-serif; }
.jmc-editor .jgp-reference-button:hover { background: #ffffff0b; color: #d7d7df; }
.jmc-editor .jgp-reference-button:focus-visible { outline: 2px solid #b8bfd3; outline-offset: 1px; }
.jmc-editor .jgp-reference-picker { position: fixed; z-index: 380; display: flex; box-sizing: border-box; flex-direction: column; gap: 3px; width: 240px; max-width: calc(100vw - 16px); max-height: 248px; padding: 8px; overflow: auto; border: 1px solid #ffffff12; border-radius: 10px; background: #202022; box-shadow: 0 10px 30px #0006; color: #c9c9d2; font: 12px/20px "PingFang SC", "Microsoft YaHei", Arial, sans-serif; }
.jmc-editor .jgp-reference-choice { display: block; min-height: 32px; padding: 6px 8px; overflow: hidden; border: 0; border-radius: 6px; background: transparent; color: inherit; font: inherit; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.jmc-editor .jgp-reference-choice:hover, .jmc-editor .jgp-reference-choice.is-selected { background: #ffffff0e; }
.jmc-editor .jgp-reference-picker-empty { padding: 8px; margin: 0; color: #777781; }
.jmc-editor .jgp-reference-preview { position: fixed; z-index: 390; display: block; box-sizing: border-box; width: 200px; height: 200px; padding: 0; overflow: hidden; border: 0; border-radius: 6px; background: transparent; box-shadow: none; pointer-events: none; }
.jmc-editor .jgp-reference-preview img { display: block; width: 200px; height: 200px; border: 0; border-radius: 6px; background: transparent; object-fit: contain; }
@media (prefers-reduced-motion: reduce) { .jmc-editor .jgp-editor, .jmc-editor .jgp-reference-picker { scroll-behavior: auto !important; } }