/* NodeSeek-inspired editor: native fields, progressive controls, theme-aware colors. */
.ns-editor [hidden],.ns-reply-context[hidden]{display:none!important}
.ns-editor{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface);box-shadow:0 1px 4px #00000008;color:var(--secondary);font-size:13px}
.ns-editor button{border:0;border-radius:3px;background:transparent;color:var(--secondary);cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:32px;padding:4px 8px}
.ns-editor button:hover,.ns-editor button[aria-pressed=true]:not([data-mode]),.ns-emoji-bar button[aria-expanded=true]{background:var(--line);color:var(--text)}
.ns-editor button:focus-visible,.ns-comment-actions button:focus-visible,.ns-comment-actions a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ns-editor-title{padding:7px 14px;border-bottom:1px solid var(--line)}
.ns-editor-title input{border:0;background:transparent;color:var(--text);padding:3px 0;font-size:17px;font-weight:600;width:100%;min-height:32px;border-radius:0}
.ns-editor-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 9px;background:var(--surface-alt);border-bottom:1px solid var(--line);min-height:40px}
.ns-editor-tabs{display:flex;align-self:stretch;gap:2px}
.ns-editor-tabs button{border-radius:0;padding:7px 12px;position:relative}
.ns-editor-tabs button.active{color:var(--text)}
.ns-editor-tabs button.active:after{content:'';height:2px;position:absolute;bottom:0;left:10px;right:10px;background:var(--text)}
.ns-editor-tools{display:flex;align-items:center;gap:2px}
.ns-markdown-label{color:var(--muted);font-size:11px;margin-right:8px;white-space:nowrap}
.ns-editor .icon{height:16px;width:16px}
.ns-formatbar{display:flex;align-items:center;flex-wrap:wrap;padding:2px 7px;border-bottom:1px solid var(--line);gap:1px;background:var(--surface-alt)}
.ns-formatbar button{font-family:Georgia,serif;font-size:19px;min-width:29px;min-height:29px;padding:3px 6px;line-height:1}
.ns-formatbar button:nth-child(3),.ns-formatbar button:nth-child(7),.ns-formatbar button:nth-child(12){border-right:1px solid var(--line);border-radius:0}
.ns-upload-label{font-size:11px;color:#279e50;margin-left:10px;white-space:nowrap}
.ns-editor-workspace{display:flex;min-width:0;background:var(--surface);position:relative}
.ns-editor-input{display:flex;min-width:0;flex:1;height:var(--editor-height)}
.ns-line-numbers{flex:0 0 36px;overflow:hidden;text-align:right;padding:14px 7px 14px 3px;color:var(--muted);opacity:.6;border-right:1px solid var(--line);font:13px/24px Consolas,monospace;user-select:none}
.ns-line-numbers>div{white-space:pre;will-change:transform}
.ns-editor textarea,.compose-form .ns-editor textarea,.comment-form .ns-editor textarea{width:100%;flex:1;min-width:0;height:100%;min-height:0;margin:0;padding:14px 12px;border:0;border-radius:0;background:transparent;resize:none;color:var(--text);font:14px/24px Consolas,'Microsoft YaHei',monospace;box-shadow:none;outline-offset:-2px;overflow:auto}
.ns-editor textarea::placeholder{color:var(--muted);opacity:.65}
.ns-editor-preview{height:var(--editor-height);overflow:auto;padding:14px 18px;flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}
.ns-editor-preview>:first-child{margin-top:0}.ns-editor-preview>:last-child{margin-bottom:0}
.ns-editor[data-mode=split] .ns-editor-input,.ns-editor[data-mode=split] .ns-editor-preview{width:50%;flex:1 1 50%}
.ns-editor[data-mode=split] .ns-editor-preview{border-left:1px solid var(--line)}
.ns-editor-preview[aria-busy=true]{opacity:.6}
.ns-emoji-bar{border-top:1px solid var(--line);background:var(--surface-alt);padding:2px 6px}
.ns-emoji-bar>div:first-child{display:flex;gap:2px;flex-wrap:wrap}
.ns-emoji-bar button{font-size:12px;padding:4px 9px;min-height:31px}
.ns-emoji-picker{display:flex;gap:3px;flex-wrap:wrap;padding:7px 3px 9px;border-top:1px solid var(--line);max-height:170px;overflow:auto}
.ns-emoji-picker button{font-size:22px;min-width:37px;min-height:37px}
.ns-emoji-picker[data-group=kaomoji] button{font-size:14px;padding:7px}
.ns-editor-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;border-top:1px solid var(--line);color:var(--muted);background:var(--surface-alt);font-size:10px}
.ns-editor-message{padding:10px 13px;margin:0;background:var(--accent-soft);color:var(--text);font-size:12px;border-top:1px solid var(--line)}
.ns-insert-panel{padding:13px;background:var(--surface-alt);border-top:1px solid var(--line)}
.ns-insert-panel label{display:block;font-size:12px;margin:0 0 7px}
.ns-insert-panel input[type=url]{display:block;width:100%;background:var(--surface);border:1px solid var(--line);padding:9px;margin-top:5px;font:inherit;color:var(--text)}
.ns-insert-panel>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.ns-editor .ns-insert-panel .button{background:var(--editor-submit);color:white;min-height:34px}
.ns-insert-panel .ns-upload-button{margin:0;position:relative;cursor:pointer;border:1px solid var(--line);padding:7px 11px;border-radius:4px}
.ns-upload-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.ns-insert-panel small{color:var(--muted);font-size:11px}
.ns-editor-open{overflow:hidden}
.ns-editor.is-fullscreen{position:fixed;inset:15px;z-index:100000;display:flex;flex-direction:column;--editor-height:100%!important;background:var(--surface);box-shadow:0 0 0 30px #0006}
.ns-editor.is-fullscreen .ns-editor-workspace{flex:1;min-height:0}
.ns-editor.is-fullscreen .ns-editor-input,.ns-editor.is-fullscreen .ns-editor-preview{height:100%}
.ns-editor.is-fullscreen .ns-editor-input{position:relative}
.ns-compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;background:var(--surface-alt);padding:9px 12px}
.compose-form>.ns-editor{border-radius:6px 6px 0 0}
.ns-compose-fields{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;min-width:0}
.ns-compose-fields label{display:flex;align-items:center;gap:4px;font-size:12px;margin:0;white-space:nowrap}
.ns-compose-fields .icon,.ns-visibility .icon{width:15px;height:15px}
.ns-compose-fields select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:3px;padding:5px;max-width:170px;min-height:33px;font-size:12px}
.ns-visibility{display:flex;align-items:center;gap:4px;color:var(--muted);margin-left:8px;white-space:nowrap}
.ns-editor-submit.button,.comment-form .ns-editor-submit{background:var(--editor-submit);border:1px solid var(--editor-submit);color:white;font-size:14px;font-weight:600;padding:7px 20px;min-height:35px;border-radius:4px;white-space:nowrap;cursor:pointer}
.ns-editor-submit:hover{filter:brightness(.94)}
.ns-compose-extra{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:17px;font-size:12px}
.ns-compose-extra label{margin:0;font-size:12px}
.ns-compose-extra input{border:1px solid var(--line);background:var(--surface-alt);border-radius:4px;padding:8px 10px;flex:1;min-width:140px;color:var(--text);font-size:12px}
.ns-compose-extra p{width:100%;color:var(--muted);font-size:11px;margin:2px 0 0}
.reply-list .reply-body{padding:22px 0;gap:12px}.reply-list .reply-item{padding:0;border-bottom:1px solid var(--line)}
.reply-list .reply-main{width:100%;min-width:0}
.reply-list .reply-meta{display:flex;align-items:center;gap:7px;line-height:1.4;margin-bottom:2px}
.reply-list .reply-meta strong{font-size:14px}
.reply-meta .ns-op-badge{border:1px solid #00c8d8;color:#00abb9;font-size:10px;padding:1px 3px;border-radius:2px;line-height:1.2}
.reply-meta .ns-comment-floor{margin-left:auto;color:var(--secondary);font-size:12px}
.ns-comment-date{color:var(--muted);font-size:11px}
.reply-main .ns-comment-text{margin:21px 0 16px;font-size:14px;overflow-wrap:anywhere;line-height:1.85}
.ns-comment-text>:first-child{margin-top:0}.ns-comment-text>:last-child{margin-bottom:0}
.ns-comment-signature{border-top:1px dashed var(--line);padding-top:9px;margin-top:22px;color:var(--muted);font-size:12px;white-space:pre-line;overflow-wrap:anywhere}
.ns-comment-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:15px;color:var(--muted);font-size:12px}
.ns-comment-actions button{font:inherit;border:0;padding:3px 1px;background:transparent;color:inherit;cursor:pointer;min-height:28px;display:flex;align-items:center;gap:5px}
.ns-comment-actions button:hover,.ns-comment-actions a:hover,.ns-comment-actions button[aria-pressed=true]{color:var(--accent)}
.ns-comment-actions button:disabled{opacity:.5;cursor:default}
.comment-form-wrap .comment-reply-title{font-size:15px;margin-bottom:14px}
.comment-form .form-submit{text-align:right;padding:9px 12px;background:var(--surface-alt);border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;margin:0}
.comment-form>.ns-editor{border-radius:6px 6px 0 0}
.ns-reply-context{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:10px;border-left:3px solid var(--editor-submit);background:var(--surface-alt);font-size:12px}
.ns-reply-context button{background:transparent;border:0;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap}
.prose table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto;margin:16px 0}.prose th,.prose td{padding:7px 12px;border:1px solid var(--line);text-align:left}.prose th{background:var(--surface-alt)}
@media(max-width:767px){.ns-editor-top{padding:0 4px;gap:0}.ns-editor-tabs button{padding:7px 9px;font-size:12px;min-height:40px}.ns-markdown-label{display:none}.ns-formatbar{padding:3px 4px;gap:0}.ns-formatbar button{min-width:32px;min-height:34px}.ns-upload-label{font-size:10px;margin-left:5px}.ns-editor textarea,.compose-form .ns-editor textarea,.comment-form .ns-editor textarea{font-size:16px}.ns-editor[data-mode=split] .ns-editor-workspace{flex-direction:column}.ns-editor[data-mode=split] .ns-editor-input,.ns-editor[data-mode=split] .ns-editor-preview{width:100%;flex:auto;height:200px}.ns-editor[data-mode=split] .ns-editor-preview{border-left:0;border-top:1px solid var(--line)}.ns-editor.is-fullscreen{inset:5px}.ns-editor.is-fullscreen[data-mode=split] .ns-editor-input,.ns-editor.is-fullscreen[data-mode=split] .ns-editor-preview{flex:1;min-height:0}.ns-compose-footer{flex-wrap:wrap;padding:9px}.ns-compose-fields{flex:1}.ns-visibility{display:none}.ns-compose-footer .ns-editor-submit{padding:7px 12px;font-size:13px}.ns-editor-status{font-size:9px}.reply-list .reply-meta strong{font-size:13px}.ns-comment-date{font-size:10px}.reply-main .ns-comment-text{font-size:14px}.ns-comment-actions{gap:12px;font-size:12px}.ns-comment-signature{font-size:11px}.comment-form-wrap{padding:18px}.ns-line-numbers{flex-basis:29px}}
