.ai-editor-canvas {
  padding: 24px !important;
  box-sizing: border-box;
  background: #fff;
  color: #455b73;
  font-family: Arial, Helvetica, sans-serif;
}

.wx-content,
.ai-content-block {
  --ai-profile-accent: var(--site-theme-color, #0064c8);
  --ai-profile-soft: #f3f7fb;
}

.wx-content .ai-card,
.ai-content-block .ai-card {
  margin: 16px 0;
  padding: 18px 20px;
  border: 1px solid #dce5ee;
  border-left: 3px solid var(--ai-profile-accent);
  border-radius: 6px;
  background: #fff;
}

.wx-content .ai-grid,
.ai-content-block .ai-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}

.wx-content .ai-note,
.ai-content-block .ai-note {
  margin: 18px 0;
  padding: 16px 18px;
  border: 1px solid #cfe0f1;
  border-radius: 6px;
  background: var(--ai-profile-soft);
  color: #315271;
}

@media (max-width: 768px) {
  .wx-content .ai-grid,
  .ai-content-block .ai-grid {
    grid-template-columns: 1fr;
  }
}