.project-prompt > .prompt-editor-host { padding: 0; }
.prompt-editor-host {
    --prompt-code-text: #202830;
    --prompt-inline-code-bg: #e4e9ef;
    --prompt-block-code-bg: #f0f3f6;
    --prompt-code-border: #a9b4c0;
}
.dark-mode .prompt-editor-host {
    --prompt-code-text: #f1f5f9;
    --prompt-inline-code-bg: #414c5c;
    --prompt-block-code-bg: #181e27;
    --prompt-code-border: #77869a;
}
.prompt-editor-host .tiptap {
    min-height: 100%; box-sizing: border-box; padding: 12px 15px;
    outline: none; white-space: pre-wrap; overflow-wrap: anywhere;
}
.prompt-editor-host .tiptap p { margin: 0 0 0.5em; }
.prompt-editor-host .tiptap p:last-child { margin-bottom: 0; }
.prompt-editor-host .tiptap p:only-child:has(> br:only-child)::before {
    content: 'Type your message here...'; opacity: 0.55; pointer-events: none;
    float: left; height: 0;
}
/* Override global Prism language-* colors/shadows only inside the prompt. */
.prompt-editor-host .tiptap pre,
.prompt-editor-host .tiptap code {
    color: var(--prompt-code-text); text-shadow: none; -webkit-text-stroke: 0;
    font-family: Consolas, 'SFMono-Regular', Menlo, monospace; font-size: 1em;
}
.prompt-editor-host .tiptap code {
    background: var(--prompt-inline-code-bg); border: 1px solid var(--prompt-code-border);
    padding: 0.1em 0.3em; border-radius: 4px;
    box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.prompt-editor-host .tiptap pre {
    white-space: pre; overflow-x: auto; background: var(--prompt-block-code-bg);
    border: 1px solid var(--prompt-code-border); padding: 0.6em; border-radius: 5px;
    margin: 0.5em 0; line-height: 1.5;
}
.prompt-editor-host .tiptap pre code {
    background: transparent; border: 0; padding: 0; border-radius: 0;
    white-space: inherit; line-height: inherit;
}

/* Feature-owned popup lives outside the scrollable editor; Unicode remains ordinary text. */
.project-prompt .prompt-emoji-menu {
    position: fixed; z-index: 1100; box-sizing: border-box; overflow-y: auto;
    padding: 4px; border: 1px solid #a9b4c0; border-radius: 6px;
    background: #fff; color: #202830; box-shadow: 0 4px 16px #0003;
    text-shadow: none;
}
.project-prompt .prompt-emoji-menu[hidden] { display: none; }
.project-prompt .prompt-emoji-option {
    display: flex; align-items: center; gap: 10px; width: 100%; text-align: left;
    padding: 6px 10px; border: 0; border-radius: 4px; background: transparent;
    color: inherit; font: inherit; cursor: pointer; overflow-wrap: anywhere;
}
.project-prompt .prompt-emoji-option[aria-selected="true"],
.project-prompt .prompt-emoji-option:hover { background: #e4e9ef; }
.project-prompt .prompt-emoji-preview {
    flex: 0 0 30px; font-size: 24px; font-family: 'Segoe UI Emoji', 'Apple Color Emoji', sans-serif;
}
.dark-mode .project-prompt .prompt-emoji-menu { background: #181e27; color: #f1f5f9; border-color: #77869a; }
.dark-mode .project-prompt .prompt-emoji-option[aria-selected="true"],
.dark-mode .project-prompt .prompt-emoji-option:hover { background: #414c5c; }
