:is(.header-y7lSnb, .byline-field-relation-header) {
  align-items: baseline;
  gap: var(--spacing-8);
  margin-bottom: .25rem;
  display: flex;
}

:is(.error-tile-y2kiiq, .byline-field-relation-error-tile) {
  padding: var(--spacing-8);
  border: var(--border-width-thin) var(--border-style-solid) var(--red-700);
  background-color: oklch(from var(--red-900) l c h / .2);
  border-radius: var(--border-radius-md);
  color: var(--red-200);
  font-size: var(--font-size-xs);
  flex-direction: column;
  gap: .25rem;
  margin-top: .25rem;
  display: flex;
}

:is(.error-text-jHQh34, .byline-field-relation-error-text) {
  color: oklch(from var(--red-400) l c h / .8);
}

:is(.tile-Y3_yre, .byline-field-relation-tile) {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-8);
  padding: var(--spacing-8);
  border: var(--border-width-thin) var(--border-style-solid) var(--primary-500);
  border-radius: var(--border-radius-md);
  color: var(--gray-200);
  font-size: var(--font-size-xs);
  margin-top: .25rem;
  display: flex;
}

:is(.actions-Nov8hS, .byline-field-relation-actions) {
  align-items: center;
  gap: var(--spacing-4);
  flex-shrink: 0;
  display: flex;
}

.byline-field-relation-actions .byline-button {
  color: var(--gray-900);
}

:is(.dark .byline-field-relation-actions .byline-button, [data-theme="dark"] .byline-field-relation-actions .byline-button) {
  color: var(--gray-200);
}

:is(.mono-y8Xo6b, .byline-field-relation-mono) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

:is(.many-ohEmr7, .byline-field-relation-many) {
  gap: var(--spacing-4);
  flex-direction: column;
  margin-top: .25rem;
  display: flex;
}

:is(.many-empty-T0OJd9, .byline-field-relation-many-empty) {
  color: var(--gray-400);
  font-size: var(--font-size-xs);
  margin: .25rem 0;
}

:is(.many-tile-jNifSf, .byline-field-relation-many-tile) {
  align-items: center;
  gap: var(--spacing-8);
  padding: var(--spacing-4) var(--spacing-8);
  border: var(--border-width-thin) var(--border-style-solid) var(--primary-500);
  border-radius: var(--border-radius-md);
  background-color: var(--surface-100, transparent);
  color: var(--gray-200);
  font-size: var(--font-size-xs);
  display: flex;
}

:is(.many-tile-dragging-AUDjxQ, .byline-field-relation-many-tile-dragging) {
  opacity: .85;
  box-shadow: var(--shadow-md, 0 4px 12px #0003);
}

:is(.many-grip-i7LGT9, .byline-field-relation-many-grip) {
  color: var(--gray-400);
  cursor: grab;
  touch-action: none;
  background: none;
  border: none;
  flex-shrink: 0;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.many-grip-i7LGT9:active {
  cursor: grabbing;
}

.byline-field-relation-many-grip:active {
  cursor: grabbing;
}

:is(.many-body-e8JKV8, .byline-field-relation-many-body) {
  flex: auto;
  min-width: 0;
}

:is(.many-remove-fuuKiO, .byline-field-relation-many-remove) {
  flex-shrink: 0;
}

:is(.many-add-c5uQ7B, .byline-field-relation-many-add) {
  margin-top: .25rem;
  display: flex;
}

:is(.frame-uo2RPX, .byline-field-relation-frame) {
  border: var(--border-width-thin) var(--border-style-solid) var(--field-border);
  border-radius: var(--border-radius-md, 6px);
  margin-top: .25rem;
  padding: .5rem;
}

.frame-uo2RPX > .tile-Y3_yre, .frame-uo2RPX > .many-ohEmr7 {
  margin-top: 0;
}

.byline-field-relation-frame > .byline-field-relation-tile {
  margin-top: 0;
}

.byline-field-relation-frame > .byline-field-relation-many {
  margin-top: 0;
}

.frame-uo2RPX > .many-empty-T0OJd9 {
  margin-top: 0;
}

.byline-field-relation-frame > .byline-field-relation-many-empty {
  margin-top: 0;
}