.rich-comment-form{grid-template-columns:minmax(0,1fr) auto}.comment-editor-wrap{grid-column:1/-1;display:grid;gap:5px}.comment-editor-wrap>small{color:#7b8782;font-size:9px}.comment-composer{min-height:105px;padding:11px;border:1px solid #cfd8d2;border-radius:7px;background:#fff;color:var(--ink);font-size:12px;line-height:1.5;white-space:pre-wrap;cursor:text}.comment-composer:empty::before{content:attr(data-placeholder);color:#8b9591;pointer-events:none}.comment-composer:focus{outline:3px solid #9fc9b9;outline-offset:2px}.comment-composer.is-dragging{border-color:#2d8064;background:#edf7f2}.composer-attachment{max-width:420px;margin:10px 0;padding:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid #d6e1db;border-radius:7px;background:#f4f8f5}.composer-attachment img{grid-column:1/-1;display:block;max-width:100%;max-height:280px;border-radius:5px;object-fit:contain}.composer-attachment figcaption{min-width:0;overflow:hidden;color:#52625c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.composer-attachment button{padding:5px 7px;border:1px solid #d2ddd7;background:#fff;color:#53635d;font-size:8px}.task-category-control{margin-top:22px;padding-top:1px;border-top:1px solid var(--line)}@media(max-width:700px){.rich-comment-form{grid-template-columns:1fr}.composer-attachment{max-width:100%}}
