.inspiration-trigger {
  flex: 0 0 auto;
  border: 1px solid #b8d96c;
  border-radius: 8px;
  background: #f0f8dd;
  color: #526b28;
  padding: 8px 10px;
  font: 700 11px 'DM Sans', sans-serif;
  cursor: pointer;
  transition: .2s;
}
.inspiration-trigger:hover { background: var(--lime); border-color: #a2c84b; }
.inspiration-modal { width: min(560px, calc(100% - 32px)); }
.inspiration-content {
  text-align: left;
  margin-top: 22px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8faf5;
}
.inspiration-category {
  display: inline-block;
  padding: 5px 8px;
  border-radius: 99px;
  background: #e8f5c9;
  color: #536b2c;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .8px;
}
.inspiration-content h3 { margin: 13px 0 8px; font: 700 19px 'Space Grotesk', sans-serif; }
.inspiration-content p { margin: 0; color: #58645d; font-size: 13px; line-height: 1.65; }
.inspiration-actions { display: grid; grid-template-columns: 1fr 1.35fr; gap: 9px; margin-top: 14px; }
.inspiration-actions .primary-button { margin: 0; }
.secondary-button {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  padding: 13px;
  font: 600 12px 'DM Sans', sans-serif;
  cursor: pointer;
}
.secondary-button:hover { border-color: #87958c; background: #fafbf8; }
.inspiration-actions button:disabled { opacity: .55; cursor: wait; }
@media (max-width: 480px) {
  .prompt-panel .panel-head { gap: 10px; }
  .inspiration-trigger { padding: 7px 8px; }
  .inspiration-actions { grid-template-columns: 1fr; }
}