/* ==========================================================================
   附件预览弹层（1.3.0）
   由 features/attachments.js 注入 DOM，样式全站可用（CSS_CORE 层）。
   ========================================================================== */
.att-preview {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, .82);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.att-preview-box {
  display: flex;
  flex-direction: column;
  max-width: 92vw;
  max-height: 92vh;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .4);
}
.att-preview-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border-light, #e4e4e7);
  font-size: 13px;
  color: var(--text-1, #18181b);
}
.att-preview-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 60vw;
}
.att-preview-actions {
  display: flex;
  gap: 8px;
  flex: none;
}
.att-preview-btn {
  border: 1px solid var(--border-light, #e4e4e7);
  background: #fff;
  border-radius: 8px;
  padding: 4px 12px;
  font-size: 12px;
  color: var(--text-2, #71717a);
  text-decoration: none;
  cursor: pointer;
}
.att-preview-btn:hover {
  background: var(--bg-2, #f4f4f5);
}
.att-preview-img {
  max-width: 92vw;
  max-height: 82vh;
  object-fit: contain;
  display: block;
}