.comment-modal{position:fixed;inset:0;z-index:20;background:#10243399;display:flex;align-items:center;justify-content:center;padding:20px}.comment-dialog{width:min(680px,100%);background:#fff;border-radius:14px;box-shadow:0 24px 80px #061c2b55;padding:20px;position:relative}.comment-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#718692;font-size:25px;cursor:pointer}.comment-header{display:flex;gap:10px;align-items:center;padding-right:25px}.comment-header h3{margin:0}.comment-header p{margin:3px 0;color:#84979f;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:550px}.comment-toolbar{display:flex;gap:5px;border-top:1px solid #e6edf2;border-bottom:1px solid #e6edf2;padding:10px 0;margin-top:16px}.comment-toolbar button{border:1px solid #e1eaee;background:#fff;border-radius:6px;color:#527180;min-width:30px;height:29px;cursor:pointer}.comment-toolbar button:hover{background:#eef9f8;color:#087f83}.comment-toolbar span{flex:1}.comment-editor{min-height:150px;border:1px solid #dbe7eb;border-radius:8px;margin:14px 0;padding:12px;outline-color:#82c6c1;color:#355565;line-height:1.7}.comment-editor:empty:before{content:attr(data-placeholder);color:#9aa8ae}.comment-editor blockquote{border-left:3px solid #a6d6d2;margin:8px 0;padding-left:10px;color:#6b7f88}.comment-footer{display:flex;align-items:center;gap:8px}.comment-footer small{color:#8a9aa2;margin-right:auto}.comment-cancel{border:1px solid #d7e3e7;background:#fff;color:#597380;border-radius:7px;padding:8px 14px}