.wk-comments { margin-top: 1rem; }
.wk-comments__header { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.75rem; }
.wk-comments__compose textarea, .wk-comments__reply textarea { width:100%; border:1px solid #d1d5db; border-radius:6px; padding:.5rem; min-height:72px; }
.wk-comments__compose button, .wk-comments__reply button, .wk-comments__load-more { margin-top:.5rem; background:#6d28d9; color:white; border:0; border-radius:6px; padding:.4rem .75rem; }
.wk-comments__item { border-bottom:1px solid #eee; padding:.75rem 0; }
.wk-comments__meta { font-size:.875rem; color:#4b5563; display:flex; gap:.5rem; align-items:center; }
.wk-comments__actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.4rem; }
.wk-comments__actions button { font-size:.8rem; color:#4f46e5; background:none; border:0; padding:0; cursor:pointer; }
.wk-comments__empty { color:#6b7280; font-size:.9rem; }
.wk-comments__menu { margin-top:.4rem; display:flex; gap:.5rem; flex-wrap:wrap; }
.wk-comments__menu button { font-size:.8rem; background:#f3f4f6; border:1px solid #e5e7eb; border-radius:6px; padding:.2rem .5rem; }
.wk-comments__modal { position:fixed; inset:0; background:rgba(0,0,0,.35); display:flex; align-items:center; justify-content:center; z-index:30; }
.wk-comments__modal-content { background:#fff; padding:1rem; border-radius:8px; min-width:260px; display:flex; flex-direction:column; gap:.5rem; }
.wk-comments__toast { background:#ecfeff; color:#155e75; border:1px solid #67e8f9; padding:.5rem .75rem; border-radius:6px; margin-bottom:.6rem; }
.wk-comments__highlight { background:#fff7ed; transition: background 1.8s ease; }
.wk-comments__edit textarea { width:100%; border:1px solid #d1d5db; border-radius:6px; padding:.5rem; min-height:72px; }
.wk-comments__edit button { margin-right:.4rem; margin-top:.4rem; }
.wk-comments__avatar-wrap { width: 28px; height: 28px; border-radius: 9999px; position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; overflow: hidden; }
.wk-comments__avatar-wrap--sm { width: 20px; height: 20px; }
.wk-comments__avatar { width: 100%; height: 100%; border-radius: 9999px; object-fit: cover; }
.wk-comments__avatar--hidden { display: none; }
.wk-comments__avatar-fallback { width: 100%; height: 100%; border-radius: 9999px; background: #d1d5db; color: #6b7280; display: flex; align-items: center; justify-content: center; }
.wk-comments__avatar-fallback--hidden { display: none; }
.wk-comments__avatar-icon { width: 66.666%; height: 66.666%; }
.wk-comments__replies { margin-top: .5rem; margin-left: 1rem; border-left: 2px solid #f3f4f6; padding-left: .75rem; }
.wk-comments__reply-item { margin: .4rem 0; font-size: .9rem; color: #374151; display:grid; grid-template-columns:20px auto auto; gap:.3rem .5rem; align-items:center; }
.wk-comments__reply-item p { grid-column: 2 / -1; margin: .2rem 0 .4rem; }
.wk-comments__item--skeleton { opacity: .8; }
.wk-skeleton { display:inline-block; background: linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%); background-size: 400% 100%; animation: wk-shimmer 1.2s infinite; border-radius: 6px; }
.wk-skeleton--avatar { width: 28px; height: 28px; border-radius: 9999px; }
.wk-skeleton--line { width: 180px; height: 14px; }
.wk-skeleton--block { width: 100%; height: 48px; margin-top: .4rem; }
.wk-comments__mini-skeleton { width: 140px; height: 14px; margin-top: .5rem; }
@keyframes wk-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }