/* ndevr-richtext.css — UI styles for richtext (ndevr-richtext.js).
   Extracted out of the JS (was injected as a <style> string); the JS now loads this via <link> so it
   caches and lints like every other stylesheet. */

@layer page {
.nrte{border:1px solid var(--nd-line,var(--nk-line,rgba(255,255,255,.14)));border-radius:8px;background:var(--nd-surface-2,var(--nk-panel-2,rgba(255,255,255,.04)));overflow:hidden}
.nrte-bar{display:flex;flex-wrap:wrap;gap:2px;padding:5px 6px;border-bottom:1px solid var(--nd-line,var(--nk-line,rgba(255,255,255,.12)));background:var(--nd-surface-3,var(--nk-panel-3,rgba(255,255,255,.03)))}
.nrte-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--nd-text,var(--nk-text,#c7ccd6));font:600 13px/1 system-ui,sans-serif;cursor:pointer}
.nrte-btn:hover{background:var(--nd-tint-2,rgba(255,255,255,.10))}
.nrte-btn:active{transform:translateY(1px)}
.nrte-sep{width:1px;align-self:stretch;margin:3px 3px;background:var(--nd-line,var(--nk-line,rgba(255,255,255,.12)))}
.nrte-area{min-height:90px;max-height:420px;overflow-y:auto;padding:10px 12px;outline:none;white-space:pre-wrap;word-break:break-word;color:var(--nd-text,var(--nk-text,#e8eaed));font-size:14px;line-height:1.55}
.nrte-area:empty:before{content:attr(data-placeholder);color:var(--nd-muted,var(--nk-muted,#9aa3b2));font-style:italic}
.nrte-area strong{font-weight:700}
.nrte-area em{font-style:italic}
.nrte-area del,.nrte-area s,.nrte-area strike{opacity:.65}
.nrte-area a{color:var(--nd-accent-text,var(--nk-gold,#f2a900));text-decoration:underline}
.nrte-area code{background:var(--nd-tint-2,rgba(255,255,255,.10));padding:1px 5px;border-radius:5px;font-family: var(--nd-font-mono, ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.92em}
.nrte-area h1,.nrte-area .nchat-h1{font-size:1.3em;font-weight:700;margin:.2em 0}
.nrte-area h2,.nrte-area .nchat-h2{font-size:1.16em;font-weight:700;margin:.2em 0}
.nrte-area h3,.nrte-area .nchat-h3{font-size:1.06em;font-weight:700;margin:.2em 0}
.nrte-area .nchat-h{font-weight:700}
.nrte-area .nchat-h4,.nrte-area .nchat-h5,.nrte-area .nchat-h6{font-weight:700;opacity:.85}
.nrte-area blockquote{border-left:3px solid var(--nd-accent-text,var(--nk-gold,#f2a900));margin:2px 0;padding:1px 0 1px 10px;color:var(--nd-muted,var(--nk-muted,#9aa3b2))}
.nrte-area .nchat-quote{display:block;border-left:3px solid var(--nd-accent-text,var(--nk-gold,#f2a900));padding:1px 0 1px 10px;margin:2px 0;color:var(--nd-muted,var(--nk-muted,#9aa3b2))}
.nrte-area .nchat-pre,.nrte-area pre{display:block;white-space:pre;overflow-x:auto;background:var(--nd-tint-2,rgba(255,255,255,.06));border:1px solid var(--nd-line,var(--nk-line,rgba(255,255,255,.14)));border-radius:8px;padding:8px 10px;margin:4px 0;font-family: var(--nd-font-mono, ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.9em}
.nrte-area .nchat-hr{display:block;height:0;border-top:1px solid var(--nd-line,var(--nk-line,rgba(255,255,255,.2)));margin:8px 0}
.nrte-area ul{margin:2px 0;padding-left:22px}
.nrte-area li{margin:1px 0}
.nrte-area .nchat-mention{color:var(--nd-accent-text,var(--nk-gold,#f2a900));font-weight:600}
.nrte-area img{max-width:100%;max-height:340px;border-radius:8px;display:inline-block;margin:4px 0;vertical-align:bottom;border:1px solid var(--nd-line,var(--nk-line,rgba(255,255,255,.14)))}
.nrte-imgwrap{position:relative;display:inline-block;line-height:0;margin:4px 0;max-width:100%}
.nrte-imgwrap img{margin:0}
.nrte-imgwrap.is-uploading img{opacity:.5;filter:grayscale(.35)}
.nrte-imgwrap.is-uploading::after{content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:3px solid var(--nd-tint-2,rgba(255,255,255,.22));border-top-color:var(--nd-accent-text,var(--nk-gold,#f2a900));animation:nrte-spin .8s linear infinite}
@keyframes nrte-spin{to{transform:rotate(360deg)}
}
.nrte.is-drop{outline:2px dashed var(--nd-accent-text,var(--nk-gold,#f2a900));outline-offset:-3px}
}