.design-system-exports {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.design-system-exports label {
  display: grid;
  gap: 8px;
  color: var(--ds-text);
  font-size: 12px;
  font-weight: 650;
}

.design-system-exports input {
  width: 100%;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--ds-field-border);
  border-radius: 8px;
  background: var(--ds-field-surface);
  color: var(--ds-text);
  font: 400 12px var(--nb-font-sans);
}

.design-system-exports small {
  grid-column: 1 / -1;
  color: var(--ds-muted);
  font-size: 11px;
  line-height: 1.5;
}

.primary-action:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

@media (max-width: 620px) {
  .design-system-exports { grid-template-columns: 1fr; }
  .design-system-exports small { grid-column: auto; }
}