.owned-skill-editor {
  width: min(38rem, calc(100vw - 2rem));
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  box-sizing: border-box;
  padding: 1.5rem;
  border: 1px solid var(--border-color, #777);
  border-radius: 1rem;
  color: var(--text-primary, #17212b);
  background: var(--surface, #fff);
}
.owned-skill-editor::backdrop { background: rgb(0 0 0 / 55%); }
.owned-skill-editor form { display: grid; gap: 1rem; }
.owned-skill-editor label { display: grid; gap: .35rem; }
.owned-skill-editor input:not([type="checkbox"]), .owned-skill-editor textarea {
  box-sizing: border-box; width: 100%; font: inherit; padding: .6rem;
}
.owned-skill-editor textarea { min-height: 6rem; resize: vertical; }
.owned-skill-editor .skill-product-tags label { display: flex; align-items: center; min-height: 2.75rem; }
.owned-skill-editor__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; }