.memory-state {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 5px 12px;
  color: #aeb9a9;
}

.memory-state div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.memory-state strong { color: #daddd6; font-size: 10px; font-weight: 500; }
.memory-state span { color: #7f837c; font-size: 8px; }
.primary-actions { display: flex; align-items: center; gap: 6px; }

.generation-button {
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: #20211f;
  color: #fff;
  font-size: 10px;
  cursor: pointer;
}

.generation-button:hover { background: #383a36; }
.generation-button:disabled { background: #deddd7; color: #aaa9a4; cursor: not-allowed; }
.generation-button.is-stop { background: #c7472d; }
.inline-generate { height: 32px; display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 0 11px; border: 1px solid #d7d5ce; border-radius: 5px; background: #fff; font-size: 10px; cursor: pointer; }
.inline-generate:hover { border-color: #e85d3f; color: #c7472d; }
.context-value { color: #777872; font-size: 9px; }
.brief-content { max-height: 230px; overflow-y: auto; white-space: pre-wrap; color: #4f504c; font-size: 10px; line-height: 1.7; }
.brief-content.is-empty { color: #999a94; }

@media (max-width: 760px) {
  .generation-button { padding: 0 10px; }
  .primary-actions { gap: 4px; }
}