.work-create-page,
.work-create-heading,
.work-create-fields {
  display: grid;
  gap: var(--space-2xl);
  min-width: 0;
}

.work-create-heading { gap: var(--space-xs); }

.work-create-heading h1 {
  font-size: var(--font-size-xl);
  line-height: var(--font-line-height-xl);
}

.work-create-fields { border: 0; padding: 0; margin: 0; }

.work-create-form,
.work-create-page .page-note,
.work-create-page .field-hint {
  min-width: 0;
  overflow-wrap: anywhere;
}

.work-create-actions { display: flex; flex-wrap: wrap; gap: var(--space-sm); }

.work-creator-selection,
.work-creator-results,
.work-creator-selected,
.work-creator-entry { display: grid; gap: var(--space-sm); min-width: 0; }
.work-creator-results,
.work-creator-selected { padding: 0; margin: 0; list-style: none; }
.work-creator-roles { display: flex; flex-wrap: wrap; gap: var(--space-sm); padding: 0; margin: 0; border: 0; }
.work-creator-role { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: var(--size-control-md); }
.work-creator-role input { appearance: auto; width: var(--size-icon-md); height: var(--size-icon-md); }
.work-creator-name { justify-self: start; }

.work-create-page .selection-picker-field {
  border: var(--line-width-default) solid rgb(var(--color-gray-500));
  padding: var(--space-xs) var(--space-md);
  border-radius: var(--radius-xl);
  background: rgb(var(--color-gray-100));
  min-height: var(--size-control-md);
}