.seo-tool-panel {
  background: var(--seo-surface, #0d1424);
  border: 1px solid var(--seo-border, rgba(255,255,255,0.06));
  border-radius: 16px;
  padding: 24px;
}

.seo-tool-form {
  display: grid;
  gap: 14px;
  max-width: 520px;
}

.seo-tool-form label,
.seo-tool-q {
  display: grid;
  gap: 6px;
  font-size: 14px;
  color: var(--seo-muted, #94a3b8);
}

.seo-tool-form input,
.seo-tool-form select,
.seo-tool-q select {
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--seo-border, rgba(255,255,255,0.1));
  background: #060b17;
  color: #f1f5f9;
}

.seo-tool-result {
  margin-top: 20px;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid rgba(124, 92, 255, 0.35);
  background: rgba(124, 92, 255, 0.08);
}

.seo-risk-low { color: #4ade80; }
.seo-risk-medium { color: #fbbf24; }
.seo-risk-high { color: #f87171; }