/**
 * SingleImage 组件样式
 */

/* 外层 wrap 撑满父容器宽度，用于 ResizeObserver 感知可用宽度 */
.wk-msg-single-image-wrap {
  width: 100%;
  max-width: 660px;
}

.wk-msg-single-image {
  border-radius: var(--wk-r-lg);
  overflow: hidden;
  cursor: pointer;
  transition: opacity 0.2s;
}

.wk-msg-single-image:hover {
  opacity: 0.9;
}

.wk-msg-single-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: var(--wk-neutral-100, #F2F3F4);
}

/**
 * MultiImage 组件样式（Figma B-8）
 * 纵向堆叠，每张独立渲染
 */

.wk-msg-multi-image {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 660px;
}
