.profile-library-dialog {
  width: min(36rem, calc(100% - 2rem));
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  padding: 1.25rem;
  border: 2px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text);
  font-size: 1rem;
}
.profile-library-dialog::backdrop { background: rgb(15 23 42 / 55%); }
.profile-library-dialog h2 { margin-top: 0; overflow-wrap: anywhere; }
.profile-library-dialog p { line-height: 1.5; overflow-wrap: anywhere; }
.profile-library-list { padding: 0; list-style: none; display: grid; gap: .6rem; }
.profile-library-list button {
  width: 100%; min-height: 3rem; display: flex; flex-wrap: wrap;
  justify-content: space-between; gap: .35rem 1rem; text-align: start;
  padding: .75rem; overflow-wrap: anywhere; font-size: 1rem;
}
.profile-library-list button[aria-current="true"] { outline: 2px solid var(--accent); }
.profile-library-list strong { min-width: 0; }
.profile-library-code { font-family: monospace; overflow-wrap: anywhere; }
.profile-library-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin: 1rem 0; }
.profile-library-dialog button { min-height: 2.75rem; font-size: 1rem; }
.profile-library-dialog input { display: block; width: 100%; font-size: 1rem; margin-top: .5rem; }
.profile-library-dialog [role="alert"] { color: #a31515; }
.profile-library-dialog [role="alert"]:not(:empty) { border: 2px solid #a31515; padding: .75rem; }
.profile-library-dialog :focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.profile-current-label { overflow-wrap: anywhere; }