.comment-media-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;grid-column:1/-1}
.comment-media-picker .comment-media-add{min-height:40px;padding:8px 12px;background:#eef2f6;color:#34445a;border:1px solid #d9e0e8;border-radius:10px;font-size:13px}
.comment-media-picker small{font-size:11px;color:#687587}
.comment-media-preview{display:flex;gap:8px;width:100%;overflow:auto}
.comment-media-preview:empty{display:none}
.comment-media-preview>span{position:relative;flex:none}
.comment-media-preview img{width:64px;height:64px;object-fit:cover;border-radius:8px}
.comment-media-preview button{position:absolute;right:0;top:0;min-width:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:#172339;color:white}
.comment-media-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;white-space:normal}
.comment-media-gallery a{display:block;max-width:100%}
.comment-media-gallery img{display:block;max-width:100%;width:auto;max-height:240px;border-radius:10px;object-fit:contain;background:#f3f5f8}

.comment-media-picker .comment-reaction-toggle{min-height:40px;padding:8px 12px;background:#fff1c8;color:#594513;border:1px solid #eadca9;border-radius:10px;font-size:13px}