.comment-editor{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;position:relative}.comment-editor:focus-within{border-color:#60a5fa;box-shadow:0 0 0 2px #dbeafe}.comment-toolbar{background:#f8fafc;border-bottom:1px solid #f1f5f9;border-radius:12px 12px 0 0;flex-wrap:wrap;align-items:center;gap:2px;padding:5px;display:flex}.comment-tool{color:#64748b;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:2px;min-width:30px;height:32px;padding:6px;display:inline-flex}.comment-tool:hover,.comment-tool[aria-pressed=true]{color:#2563eb;background:#dbeafe}.comment-tool:focus-visible{outline-offset:1px;outline:2px solid #3b82f6}.comment-tool:disabled{opacity:.4;cursor:default}.comment-tool-separator{background:#e2e8f0;width:1px;height:18px;margin:0 2px}.comment-mode-switch{margin-left:auto;position:relative}.comment-mode-switch [role=tooltip]{z-index:40;color:#fff;background:#1e293b;border-radius:6px;width:max-content;max-width:240px;padding:6px 9px;font-size:11px;display:none;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 4px 12px #0002}.comment-mode-switch:hover [role=tooltip],.comment-mode-switch:focus-within [role=tooltip]{display:block}.comment-editor-panel{z-index:40;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:min(310px,100%);position:absolute;overflow-y:auto;box-shadow:0 12px 40px #0f172a26}.comment-emoji-panel{width:min(360px,100%);overflow:hidden}.comment-emoji-panel>div{box-sizing:border-box;height:100%;padding-top:28px}.comment-emoji-panel>div>div{height:100%}.comment-emoji-panel em-emoji-picker{--shadow:none;--border-radius:0;width:100%;height:100%}.comment-panel-close{color:#64748b;z-index:1;border-radius:4px;padding:2px;position:absolute;top:6px;right:8px}.comment-panel-close:hover{background:#f1f5f9}.comment-color-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.comment-color-grid button{aspect-ratio:1;border:1px solid #0f172a14;border-radius:2px;min-height:24px}.comment-color-grid button:hover,.comment-color-grid button:focus-visible{outline-offset:1px;z-index:1;outline:2px solid #2563eb}.comment-menu-item{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px;font-size:13px;display:flex}.comment-menu-item:hover{color:#2563eb;background:#eff6ff}.comment-menu-item:disabled{cursor:default;opacity:.4}.comment-menu-item:disabled:hover{color:inherit;background:0 0}.comment-visual-input,.comment-source-input{resize:vertical;overflow-wrap:anywhere;outline:none;width:100%;min-height:96px;max-height:600px;padding:12px;font-size:14px;line-height:24px;overflow:auto}.comment-source-input{font-family:ui-monospace,monospace}.comment-visual-input p{min-height:24px;margin:0}.comment-visual-input>p{position:relative}.comment-visual-input>p:only-child:has(>br:only-child):before{content:attr(data-placeholder);inset-inline-start:0;width:100%;text-align:inherit;color:#94a3b8;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:0;overflow:hidden}.comment-visual-input ul{padding-left:24px;list-style:inside}.comment-visual-input ol{padding-left:24px;list-style:inside decimal}.comment-visual-input li>p{display:inline}.comment-visual-input li[data-indent="1"]{padding-inline-start:24px}.comment-visual-input li[data-indent="2"]{padding-inline-start:48px}.comment-visual-input li[data-indent="3"]{padding-inline-start:72px}.comment-visual-input li[data-indent="4"]{padding-inline-start:96px}.comment-visual-input li:has(>p[style*="text-align: center"]){text-align:center}.comment-visual-input li:has(>p[style*="text-align: right"]){text-align:right}.comment-visual-input li:has(>p[style*="text-align: justify"]){text-align:justify}.comment-visual-input li>ul,.comment-visual-input li>ol{display:block}.comment-visual-input blockquote{background:#eff6ff;border-left:2px solid #93c5fd;margin:4px 0;padding-left:12px}.comment-visual-input code{background:#f1f5f9;border-radius:4px;padding:1px 4px;font-family:ui-monospace,monospace}.comment-visual-input a{color:#2563eb;text-decoration:underline}.comment-spoiler-edit{background:#e2e8f0;border-bottom:1px dashed #64748b;border-radius:3px}.comment-editor-image{object-fit:contain;cursor:zoom-in;border-radius:8px;max-width:100%;max-height:240px;display:inline-block}.comment-editor-footer{color:#94a3b8;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;gap:4px;padding:7px 12px;font-size:11px;display:flex}