.ocp-cmt-wrap{margin:10px 0 8px;display:flex;flex-direction:column;gap:10px}
.ocp-cmt-tools{display:flex;flex-direction:row;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e6dbe0;border-radius:12px;background:#fff;flex-wrap:wrap}
.ocp-cmt-tools-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}
.ocp-cmt-tools-emoji{position:relative}
.ocp-cmt-btn{border:1px solid #ead9df;background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer;font-size:14px;line-height:1;color:#b24725}
.ocp-cmt-btn:hover{border-color:#e2b8c6}
.ocp-cmt-btn:active{transform:translateY(1px)}
.ocp-cmt-emoji-panel{position:absolute;left:0;top:calc(100% + 6px);border:1px solid #ead9df;border-radius:12px;padding:8px;background:#fff;display:none;grid-template-columns:repeat(10,1fr);gap:6px;max-height:170px;overflow:auto;z-index:9999;box-shadow:0 8px 22px rgba(0,0,0,.08);min-width:280px}
.ocp-cmt-emoji{border:1px solid #ead9df;background:#fff;border-radius:10px;padding:6px 0;cursor:pointer;font-size:18px;line-height:1;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}
.ocp-cmt-emoji:hover{border-color:#e2b8c6}
.ocp-cmt-upload{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.ocp-cmt-upload-input{display:none}
.ocp-cmt-upload-btn{border:1px solid #ead9df;background:#fff;border-radius:10px;padding:6px 10px;font-size:14px;line-height:1;color:#b24725;white-space:nowrap}
.ocp-cmt-upload-btn:hover{border-color:#e2b8c6}
.ocp-cmt-upload-status{font-size:13px;color:#b28290;white-space:nowrap}

.ocp-cmt-editor{border:1px solid #f1b69b;border-radius:8px;padding:10px;min-height:140px;background:#fff;outline:none}
.ocp-cmt-editor:focus{border-color:#ee8a4f}
.ocp-cmt-editor img{max-width:100%;height:auto;display:block;border-radius:10px}