.library-name-editor {
  padding: .7rem;
  border: 1px solid rgba(66, 244, 241, .48);
  border-radius: 9px;
  background: rgba(66, 244, 241, .06);
}

.library-name-editor input {
  border-color: var(--cyan);
}

.library-name-editor label {
  display: grid;
  gap: .45rem;
}

.library-name-editor .library-delete {
  width: 100%;
  margin-top: .65rem;
  border-color: rgba(255, 83, 132, .72);
  color: #ff9ab8;
  background: rgba(93, 8, 35, .36);
}

.library-name-editor .library-delete:hover {
  border-color: #ff5384;
  box-shadow: 0 0 18px rgba(255, 83, 132, .18);
}

.asset-fit-editor {
  display: grid;
  gap: .65rem;
  padding: .8rem;
  border: 1px solid rgba(155, 108, 255, .55);
  border-radius: 9px;
  background: rgba(155, 108, 255, .08);
}

.asset-fit-editor[hidden] {
  display: none;
}

.asset-fit-editor > strong {
  color: var(--cyan);
  font-size: .82rem;
}

.asset-fit-editor > p {
  margin: 0;
  color: var(--muted);
  font-size: .72rem;
  line-height: 1.4;
}

.asset-fit-grid {
  display: grid;
  gap: .55rem;
}

.asset-fit-grid .range-heading {
  font-size: .72rem;
}

.asset-fit-grid output {
  color: var(--cyan);
}

.asset-fit-editor .asset-fit-save {
  width: 100%;
  border-color: rgba(66, 244, 241, .58);
}

.asset-fit-editor .asset-fit-status {
  min-height: 1em;
  font-size: .7rem;
}

.character-slot-offer {
  display: grid;
  gap: .4rem;
  margin: .9rem 0;
  padding: .75rem;
  border: 1px solid rgba(155, 108, 255, .34);
  border-radius: 10px;
  background: rgba(155, 108, 255, .06);
}

.character-slot-offer button {
  width: 100%;
}

.character-slot-offer small {
  color: var(--cyan);
}

.character-slot-offer .status {
  min-height: 0;
  margin: 0;
  font-size: .74rem;
}