/* activity-list-config — layout page */
.preview-activity-list {
  width: 100%;
  height: 280px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: repeating-conic-gradient(#1a1a2e 0% 25%, #12121f 0% 50%) 50% / 24px 24px;
}

.type-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  margin: 4px;
  transition: all 0.2s;
}
.type-chip.selected {
  border-color: #ff6b35;
  background: rgba(255, 107, 53, 0.15);
}
.type-chip input { display: none; }

.var-btn {
  font-size: 0.875rem;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid;
  transition: all 0.2s;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-right: 6px;
  margin-top: 4px;
}
.var-btn.blue { background: rgba(59, 130, 246, 0.2); color: #93c5fd; border-color: rgba(59, 130, 246, 0.4); }
.var-btn.emerald { background: rgba(16, 185, 129, 0.2); color: #6ee7b7; border-color: rgba(16, 185, 129, 0.4); }