.studio,
.tagStudioPage,
.tagRegistryPage,
.tagAliasesPage,
.seriesTagsPage {
  --studio-radius-sm: 0.35rem;
  --studio-radius-md: 0.45rem;
  --studio-radius-lg: 0.5rem;
  --studio-surface-padding-sm: 0.55rem;
  --studio-surface-padding-md: 0.6rem;
  --studio-surface-padding-lg: 0.9rem;
  --studio-control-height: 2rem;
  --studio-shell-gap-sm: 0.45rem;
  --studio-shell-gap-md: 0.6rem;
  --studio-list-gap: 0.56rem;
  --studio-list-head-padding-y: 0.35rem;
  --studio-list-row-padding-y: 0.45rem;
  --studio-pill-height: 1.8rem; /* 1.8 */
  --studio-pill-gap: 0.35rem;
  --studio-pill-padding-y: 0.1rem; /* original 0.28 */
  --studio-pill-padding-x: 0.5rem;
  --studio-message-padding-y: 0.42rem;
  --studio-message-padding-x: 0.6rem;
  --tag-subject-bg: #ecf5ef;
  --tag-subject-bd: #bfdcc8;
  --tag-subject-fg: #2e5a3f;
  --tag-domain-bg: #e9f1f8;
  --tag-domain-bd: #b8d0e3;
  --tag-domain-fg: #294f6f;
  --tag-form-bg: #f2edf7;
  --tag-form-bd: #d2c3e3;
  --tag-form-fg: #4f3d69;
  --tag-theme-bg: #f7efe7;
  --tag-theme-bd: #e3ccb7;
  --tag-theme-fg: #6a4a2f;
  --tag-warning-bg: #fff1ec;
  --tag-warning-bd: #e7a58f;
  --tag-warning-fg: #8a2b19;
  --studio-surface: #fff;
  --studio-surface-subtle: #f8f8f8;
  --studio-surface-code: #f7f7f7;
  --studio-line: #d0d0d0;
  --studio-line-soft: #d2d2d2;
  --studio-line-strong: #8f8f8f;
  --studio-line-chip: #cbcbcb;
  --studio-line-modal: #e0e0e0;
  --studio-line-input: #d6d6d6;
  --studio-muted: #666;
  --studio-muted-soft: #6d6d6d;
  --studio-muted-body: #4a4a4a;
  --studio-focus: #5f8ffb;
  --studio-focus-ring: rgba(95, 143, 251, 0.18);
  --studio-overlay: rgba(0, 0, 0, 0.38);
  --studio-shadow-pop: 0 10px 30px rgba(0, 0, 0, 0.12);
  --studio-primary: #1f2a3a;
  --studio-success: #1d6a3b;
  --studio-warn: #9d5a00;
  --studio-danger: #a22a2a;
  --studio-error-border: #e3a3a3;
  --studio-error-bg: #fff1f1;
  --studio-error-text: #8a2323;
  --studio-rag-ring: color-mix(in oklab, var(--text) 22%, transparent);
  --studio-rag-red: #c73a2f;
  --studio-rag-amber: #d18a00;
  --studio-rag-green: #2b8f47;
}

.tagStudioPage {
  max-width: 72rem;
  margin: 0 auto;
}

.tagStudioPage__header {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 900px) {
  .tagStudioPage__header {
    grid-template-columns: minmax(16rem, 26rem) minmax(0, 1fr);
    align-items: start;
  }
}

.tagStudioPage__media {
  margin: 0;
}

.tagStudioPage__mediaImg {
  width: 100%;
  display: block;
  height: auto;
  border-radius: var(--studio-radius-sm);
}

.tagStudioPage__mediaCaption {
  margin-top: 0.25rem;
  font-size: var(--font-caption);
  line-height: 1.25;
  color: var(--muted, var(--studio-muted));
  font-style: normal;
  text-align: left;
}

.tagStudioPage__context {
  border-radius: var(--studio-radius-lg);
  padding: var(--studio-surface-padding-lg);
}

.tagStudioPage__context--meta {
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

.tagStudioPage__title {
  margin: 0 0 0.9rem;
  font-size: var(--font-heading-2);
}

.tagStudioPage__editor {
  display: grid;
}

.tagStudio {
  display: grid;
  gap: 1rem;
}

.tagStudio__grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 920px) {
  .tagStudio__grid {
    grid-template-columns: 1.5fr 1fr;
  }
}

.tagStudio__panel {
  border-radius: var(--studio-radius-lg);
  padding: var(--studio-surface-padding-lg);
}

.tagStudioPage__context,
.tagStudio__panel,
.tagStudio__popupInner,
.tagStudio__keyInfoPopup,
.tagStudioModal__dialog {
  border: 1px solid var(--line, var(--studio-line));
  background: var(--surface, var(--studio-surface));
}

.tagStudioPage__context.tagStudioPage__context--meta {
  border: 0;
  background: transparent;
}

.tagStudio__panel--editor {
  display: grid;
  gap: 0.7rem;
}

.tagStudioEditorSection {
  display: grid;
  gap: var(--studio-shell-gap-sm);
}

.tagStudioEditorSection--messages {
  gap: 0.3rem;
}

.tagStudioEditorSection--messages > .tagStudio__contextHint,
.tagStudioEditorSection--messages > .tagStudio__status,
.tagStudioEditorSection--messages > .tagStudio__saveWarning,
.tagStudioEditorSection--messages > .tagStudio__saveResult {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}

.tagStudio__heading {
  margin: 0 0 0.75rem;
  font-size: var(--font-body);
}

.tagStudio__headingRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 0 0.75rem;
}

.tagStudio__headingRow .tagStudio__heading {
  margin: 0;
}

.tagStudio__label {
  flex: 0 0 auto;
  font-size: var(--font-small);
  white-space: nowrap;
}

.tagStudio__inputRow {
  display: flex;
  align-items: center;
  gap: var(--studio-shell-gap-sm);
}

.tagStudio__inputRow .tagStudio__input {
  flex: 1 1 auto;
  min-width: 0;
}

.tagStudio__inputRow--editor .tagStudio__input {
  flex: 0 1 26rem;
  width: min(100%, 26rem);
}

.tagStudio__inputRow--editor .tagStudio__button,
.tagStudio__inputRow--editor .tagStudio__saveMode {
  flex: 0 0 auto;
  white-space: nowrap;
}

.tagStudio__inputRow--work {
  align-items: center;
  flex-wrap: wrap;
}

.tagStudio__inputRow--work .tagStudio__input {
  flex: 0 1 15rem;
  width: min(100%, 15rem);
}

.tagStudio__input {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--studio-line-input);
  border-radius: var(--studio-radius-sm);
  padding: 0.48rem 0.55rem;
  font: inherit;
  font-size: var(--font-small);
  line-height: var(--line-snug);
  background: var(--surface, var(--studio-surface));
}

input.tagStudio__input {
  min-height: var(--studio-control-height);
}

.tagStudio__input:focus {
  outline: none;
  border-color: var(--studio-focus);
  box-shadow: 0 0 0 2px var(--studio-focus-ring);
}

.tagStudio__chipRemove,
.tagStudio__selectedWorkBtn,
.tagRegistry__sortBtn,
.tagRegistry__tagInlineBtn,
.tagRegistry__demoteBtn,
.tagAliases__aliasBtn {
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.tagStudio__button {
  border: 1px solid var(--line, var(--studio-line-strong));
  background: var(--surface, var(--studio-surface));
  color: inherit;
  border-radius: var(--studio-radius-sm);
  padding: 0.42rem 0.7rem;
  font: inherit;
  font-size: var(--font-small);
  line-height: var(--line-snug);
  min-height: var(--studio-control-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tagStudio__button:disabled {
  color: var(--muted, var(--studio-muted));
  cursor: not-allowed;
}

.tagStudio__chipList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tagStudio__popup {
  position: relative;
}

.tagStudio__popupInner {
  position: absolute;
  top: var(--studio-shell-gap-sm);
  left: 0;
  z-index: 20;
  min-width: 18rem;
  max-width: min(34rem, calc(100vw - 3rem));
  max-height: 16rem;
  overflow: auto;
  border-radius: var(--studio-radius-md);
  box-shadow: var(--studio-shadow-pop);
  padding: var(--studio-surface-padding-sm);
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.tagStudio__chip,
.tagStudio__keyPill,
.tagStudio__popupPill {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: var(--studio-pill-gap);
  min-height: var(--studio-pill-height);
  border: 1px solid var(--line, var(--studio-line-chip));
  border-radius: 999px;
  background: var(--studio-surface-subtle);
  color: inherit;
  font: inherit;
  font-size: var(--font-small);
  line-height: var(--line-snug);
  padding: var(--studio-pill-padding-y) var(--studio-pill-padding-x);
  margin: 0;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
}

.tagStudio__popupPill {
  cursor: pointer;
}

.tagStudio__popupPill.tagStudio__chip--subject {
  background: var(--tag-subject-bg);
  border-color: var(--tag-subject-bd);
  color: var(--tag-subject-fg);
}

.tagStudio__popupPill.tagStudio__chip--domain {
  background: var(--tag-domain-bg);
  border-color: var(--tag-domain-bd);
  color: var(--tag-domain-fg);
}

.tagStudio__popupPill.tagStudio__chip--form {
  background: var(--tag-form-bg);
  border-color: var(--tag-form-bd);
  color: var(--tag-form-fg);
}

.tagStudio__popupPill.tagStudio__chip--theme {
  background: var(--tag-theme-bg);
  border-color: var(--tag-theme-bd);
  color: var(--tag-theme-fg);
}

.tagStudio__popupInner--series {
  display: block;
  max-height: 14.5rem;
  padding: 0.5rem;
}

.tagStudioSuggest {
  display: grid;
  gap: 0.55rem;
}

.tagStudioSuggest__section {
  display: grid;
  gap: 0.3rem;
}

.tagStudioSuggest__heading {
  margin: 0;
  font-size: var(--font-caption);
  color: var(--muted, var(--studio-muted));
  text-transform: lowercase;
}

.tagStudioSuggest__tagRows {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.tagStudioSuggest__workRows {
  display: grid;
  gap: 0.35rem;
}

.tagStudioSuggest__workButton {
  border: 1px solid var(--line, var(--studio-line-chip));
  border-radius: var(--studio-radius-md);
  background: var(--surface, var(--studio-surface));
  color: inherit;
  font: inherit;
  text-align: left;
  padding: 0.45rem 0.55rem;
  display: grid;
  gap: 0.12rem;
  cursor: pointer;
}

.tagStudioSuggest__workId {
  font-size: var(--font-small);
  font-variant-numeric: tabular-nums;
}

.tagStudioSuggest__workTitle {
  font-size: var(--font-caption);
  color: var(--muted, var(--studio-muted-body));
}

.tagStudioSuggest__aliasRows {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.45rem;
}

.tagStudioSuggest__aliasRow {
  display: grid;
  gap: 0.28rem;
  align-content: start;
}

.tagStudioSuggest__aliasPill {
  background: var(--surface, var(--studio-surface));
  border-color: var(--line, var(--studio-line));
  color: inherit;
  justify-self: start;
  cursor: default;
}

.tagStudioSuggest__aliasTargets {
  display: grid;
  gap: 0.24rem;
  padding-left: 0.65rem;
}

.tagStudioSuggest__aliasTarget {
  justify-self: start;
  text-align: left;
}

.tagStudio__contextHint,
.tagStudio__status,
.tagStudio__saveWarning,
.tagStudio__saveResult,
.tagStudioToolbar__result,
.tagStudioForm__warning,
.tagStudioForm__status,
.tagStudioForm__impact {
  display: block;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  font-size: var(--font-small);
  line-height: 1.4;
}

.tagStudio__contextHint {
  color: var(--muted, var(--studio-muted-body));
}

.tagStudio__contextHint:empty,
.tagStudio__status:empty,
.tagStudio__saveWarning:empty,
.tagStudio__saveResult:empty,
.tagStudioToolbar__result:empty,
.tagStudioForm__warning:empty,
.tagStudioForm__status:empty,
.tagStudioForm__impact:empty {
  display: none;
}

.tagStudio__status[data-state="success"] {
  color: var(--studio-success);
}

.tagStudio__status[data-state="warn"] {
  color: var(--studio-warn);
}

.tagStudio__status[data-state="error"] {
  color: var(--studio-danger);
}

.tagStudio__chipList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.tagStudio__chipList--stack {
  flex-direction: column;
  align-items: flex-start;
}

.tagStudioGroups {
  display: grid;
  gap: 0.35rem;
}

.tagStudioGroupRow {
  display: grid;
  grid-template-columns: 6.4rem minmax(0, 1fr);
  align-items: start;
  gap: 0.45rem;
}

.tagStudioGroupRow__label {
  justify-self: start;
  align-self: start;
}

.tagStudioGroupRow__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  min-height: 1.6rem;
}

.tagStudio__chipText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.tagStudio__chipTag--local,
.tagStudio__chipTag--delete {
  font-weight: 700;
}

.tagStudio__weightDot {
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 50%;
  border: 1px solid var(--studio-line-strong);
  padding: 0;
  margin: 0;
  cursor: pointer;
  flex: 0 0 auto;
}

.tagStudio__weightDot--low {
  background: var(--surface, var(--studio-surface));
}

.tagStudio__weightDot--mid {
  background: var(--studio-rag-amber);
}

.tagStudio__weightDot--high {
  background: var(--studio-rag-green);
}

.tagStudio__chip--subject {
  background: var(--tag-subject-bg);
  border-color: var(--tag-subject-bd);
  color: var(--tag-subject-fg);
}

.tagStudio__chip--domain {
  background: var(--tag-domain-bg);
  border-color: var(--tag-domain-bd);
  color: var(--tag-domain-fg);
}

.tagStudio__chip--form {
  background: var(--tag-form-bg);
  border-color: var(--tag-form-bd);
  color: var(--tag-form-fg);
}

.tagStudio__chip--theme {
  background: var(--tag-theme-bg);
  border-color: var(--tag-theme-bd);
  color: var(--tag-theme-fg);
}

.tagStudio__chip--warning {
  background: var(--tag-warning-bg);
  border-color: var(--tag-warning-bd);
  color: var(--tag-warning-fg);
}

.tagStudio__chip--inherited {
  background: var(--studio-surface-subtle);
  border-color: var(--line, var(--studio-line));
  color: var(--text);
}

.tagStudio__chipRemove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0.9rem;
  line-height: 1;
  padding: 0 0.1rem;
}

.tagStudio__actions {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.tagStudio__saveMode {
  color: var(--muted, var(--studio-muted-soft));
  font-size: var(--font-small);
  white-space: nowrap;
}

.tagStudio__workSelection {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  min-height: 2rem;
}

.tagStudio__selectedWorkPill {
  display: inline-flex;
  align-items: center;
  gap: var(--studio-pill-gap);
  min-height: var(--studio-pill-height);
  padding: var(--studio-pill-padding-y) var(--studio-pill-padding-x);
  border: 1px solid var(--line, var(--studio-line-strong));
  border-radius: 999px;
  background: var(--surface, var(--studio-surface));
  color: var(--text);
  font-size: var(--font-small);
  line-height: var(--line-snug);
}

.tagStudio__selectedWorkPill[data-state="active"] {
  border-color: var(--studio-primary);
  background: var(--studio-primary);
  color: var(--studio-surface);
}

.tagStudio__selectedWorkBtn {
  padding: 0;
}

.tagStudio__selectedWorkId {
  font-variant-numeric: tabular-nums;
}

.tagStudio__saveWarning {
  color: var(--studio-danger);
}

.tagStudio__saveResult[data-state="success"] {
  color: var(--studio-success);
}

.tagStudio__saveResult[data-state="error"] {
  color: var(--studio-danger);
}

.tagStudio__empty {
  color: var(--muted, var(--studio-muted-soft));
  font-size: var(--font-small);
}

.tagStudio__key {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0;
}

.tagStudio__keyPill {
  text-transform: lowercase;
}

.tagStudio__keyInfoWrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.tagStudio__keyInfoBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--studio-pill-height);
  min-width: var(--studio-pill-height);
  aspect-ratio: 1 / 1;
  border: 1px solid var(--line, var(--studio-line-chip));
  border-radius: 999px;
  padding: 0;
  background: var(--studio-surface-subtle);
  cursor: pointer;
  font-style: italic;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
  align-self: center;
}

.tagStudio__keyInfoBtn em {
  font-style: italic;
  font-family: Georgia, "Times New Roman", serif;
}

.tagStudio__keyInfoPopup {
  position: absolute;
  top: calc(100% + 0.35rem);
  right: 0;
  z-index: 40;
  width: min(42rem, calc(100vw - 2rem));
  max-height: min(24rem, calc(100vh - 5rem));
  overflow: auto;
  border-radius: var(--studio-radius-md);
  box-shadow: var(--studio-shadow-pop);
  padding: var(--studio-surface-padding-md);
  display: grid;
  gap: var(--studio-shell-gap-md);
}

.tagStudioModal .tagStudio__keyInfoPopup {
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  width: min(42rem, calc(100vw - 2rem));
  max-height: min(24rem, calc(100vh - 2rem));
  z-index: 1100;
}

.tagStudio__groupInfoSection {
  display: grid;
  gap: 0.35rem;
}

.tagStudio__groupInfoHead {
  margin: 0;
}

.tagStudio__groupInfoText {
  margin: 0;
  font-size: var(--font-small);
  line-height: 1.4;
  color: var(--muted, var(--studio-muted-body));
}

.tagGroups__sections {
  display: grid;
  gap: 0.8rem;
}

.tagGroups__short {
  margin: 0;
  font-size: var(--font-caption);
  color: var(--muted, var(--studio-muted));
}

.tagStudioModal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
}

.tagStudioModal__backdrop {
  position: absolute;
  inset: 0;
  background: var(--studio-overlay);
}

.tagStudioModal__dialog {
  position: relative;
  width: min(52rem, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  overflow: auto;
  border-radius: var(--studio-radius-lg);
  padding: 1rem;
}

.tagStudioModal__label {
  margin: 0.55rem 0 0.35rem;
  font-size: var(--font-small);
}

.tagStudioModal__pre {
  margin: 0;
  border: 1px solid var(--line, var(--studio-line-modal));
  border-radius: var(--studio-radius-md);
  padding: 0.65rem;
  overflow: auto;
  background: var(--studio-surface-code);
  font-size: var(--font-small);
}

.tagStudioModal__actions {
  margin-top: 0.9rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.tagStudioError {
  border: 1px solid var(--studio-error-border);
  background: var(--studio-error-bg);
  border-radius: var(--studio-radius-md);
  padding: 0.75rem;
  color: var(--studio-error-text);
}

.tagStudioIndex .worksList__head {
  grid-template-columns: 10.5ch 4.5rem minmax(0, 1.2fr);
}

.tagStudioIndex .worksList__item {
  grid-template-columns: 10.5ch 4.5rem minmax(0, 1.2fr);
}

.tagStudioIndex__statusWrap {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.rag {
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid var(--studio-rag-ring);
}

.rag--red {
  background: var(--studio-rag-red);
}

.rag--amber {
  background: var(--studio-rag-amber);
}

.rag--green {
  background: var(--studio-rag-green);
}

.tagStudioFilters,
.tagRegistry__controls,
.tagAliases__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.55rem;
  margin: 0 0 0.55rem;
}

.tagStudioFilters__key {
  flex: 0 0 auto;
  gap: 0.45rem;
}

.tagStudioFilters__searchWrap {
  flex: 0 0 13rem;
}

.tagStudioFilters__searchInput {
  min-width: 0;
  padding-inline: 0.6rem;
  border-radius: 999px;
}

.tagStudioFilters__allBtn {
  border-radius: 999px;
  min-height: var(--studio-pill-height);
  padding: var(--studio-pill-padding-y) 0.6rem;
}

.tagStudioFilters__groupBtn {
  cursor: pointer;
}

.tagStudioFilters__allBtn[data-state="active"],
.tagStudioFilters__groupBtn[data-state="active"] {
  border-color: var(--text);
}

.tagStudioToolbar__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--studio-shell-gap-sm) var(--studio-shell-gap-md);
  margin: 0;
}

.tagStudioToolbar,
.tagAliases__detail {
  border: 1px solid var(--line, var(--studio-line-soft));
  border-radius: var(--studio-radius-md);
}

.tagStudioToolbar {
  padding: var(--studio-surface-padding-sm);
  margin: 0 0 var(--studio-shell-gap-sm);
}

.tagStudioToolbar--modalImport {
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: var(--studio-shell-gap-sm) 0 0;
}

.tagStudioToolbar__field {
  display: inline-flex;
  flex-direction: column;
  gap: 0.18rem;
}

.tagStudioToolbar__label {
  font-size: var(--font-small);
  color: var(--muted, var(--studio-muted));
  text-transform: lowercase;
}

.tagStudioToolbar__select {
  font: inherit;
  font-size: var(--font-small);
  border: 1px solid var(--line, var(--studio-line-strong));
  background: var(--surface, var(--studio-surface));
  border-radius: var(--studio-radius-sm);
  padding: 0.36rem 0.5rem;
  height: var(--studio-control-height);
}

.tagStudioToolbar__row .tagStudio__button,
.tagStudioToolbar__row .tagStudioToolbar__select {
  height: var(--studio-control-height);
  display: inline-flex;
  align-items: center;
}

.tagStudioToolbar__mode {
  font-size: var(--font-small);
  color: var(--muted, var(--studio-muted-soft));
  line-height: var(--studio-control-height);
  align-self: flex-end;
}

.tagStudioToolbar__action {
  margin-left: auto;
  height: var(--studio-control-height);
  display: inline-flex;
  align-items: center;
  align-self: flex-end;
}

.tagStudioToolbar__selected {
  margin: 0.4rem 0 0;
  font-size: var(--font-small);
  color: var(--muted, var(--studio-muted));
  text-align: left;
}

.tagStudioToolbar__result[data-state="success"] {
  color: var(--studio-success);
}

.tagStudioToolbar__result[data-state="warn"] {
  color: var(--studio-warn);
}

.tagStudioToolbar__result[data-state="error"] {
  color: var(--studio-danger);
}

.tagStudioList__head {
  display: grid;
  gap: var(--studio-list-gap);
  border-bottom: 1px solid var(--studio-list-head-line, var(--line, var(--studio-line)));
  padding: 0 0 var(--studio-list-head-padding-y);
  margin: 0 0 0.1rem;
  align-items: start;
  background: transparent;
  font-size: var(--font-small);
  line-height: var(--line-snug);
}

.tagStudioList__headLabel {
  font-size: var(--font-small);
  color: var(--muted, var(--studio-muted));
  text-transform: lowercase;
}

.tagStudioList__sortBtn,
.tagRegistry__sortBtn {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: var(--font-small);
  color: var(--muted, var(--studio-muted));
  text-transform: lowercase;
  text-align: left;
  cursor: pointer;
}

.tagStudioList__sortBtn[data-state="active"],
.tagRegistry__sortBtn[data-state="active"] {
  color: inherit;
}

.tagStudioList__rows {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tagStudioList__row {
  display: grid;
  gap: var(--studio-list-gap);
  padding: var(--studio-list-row-padding-y) 0;
  border-top: 1px solid var(--studio-list-row-line, var(--line, var(--studio-line)));
  align-items: start;
  background: transparent;
  font-size: var(--font-small);
  line-height: var(--line-snug);
}

.tagStudioList__row:first-child {
  border-top: 0;
}

.tagRegistry__head {
  --studio-list-head-line: var(--line, var(--studio-line));
  grid-template-columns: minmax(8.5rem, 12rem) minmax(0, 1fr);
}

.tagRegistry__row {
  --studio-list-row-line: var(--line, var(--studio-line));
  grid-template-columns: minmax(8.5rem, 12rem) minmax(0, 1fr);
  align-items: start;
}

.tagRegistry__tagCol {
  min-width: 0;
}

.tagRegistry__tagActions {
  display: inline-flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
}

.tagRegistry__tagBtn {
  cursor: pointer;
}

.tagRegistry__tagChip {
  gap: 0.28rem;
}

.tagRegistry__tagInlineBtn {
  line-height: 1;
  padding: 0;
}

.tagRegistry__demoteBtn {
  padding: 0 0.12rem;
  line-height: 1;
  font-size: var(--font-small);
}

.tagStudioForm__meta {
  margin: 0.25rem 0 0.75rem;
  font-size: var(--font-small);
  color: var(--muted, var(--studio-muted));
}

.tagStudioForm__fields {
  display: grid;
  gap: 0.55rem;
}

.tagStudioForm__field {
  display: grid;
  gap: 0.22rem;
}

.tagStudioForm__label {
  font-size: var(--font-small);
  color: var(--muted, var(--studio-muted));
  text-transform: lowercase;
}

.tagRegistryNew__key {
  margin: 0.35rem 0 0.55rem;
}

.tagRegistryNew__key .tagStudio__keyPill[data-state="active"] {
  border-color: var(--text);
}

.tagStudioForm__readonly {
  background: var(--studio-surface-subtle);
  color: var(--muted, var(--studio-muted));
}

.tagStudioForm__descriptionInput {
  min-height: 5.2rem;
  resize: vertical;
  line-height: 1.35;
}

.tagStudioForm__impact {
  color: var(--muted, var(--studio-muted));
}

.tagStudioForm__impact[data-state="error"] {
  color: var(--studio-danger);
}

.tagStudioForm__status[data-state="success"] {
  color: var(--studio-success);
}

.tagStudioForm__status[data-state="error"] {
  color: var(--studio-danger);
}

.tagRegistry__descCol {
  min-width: 0;
  color: var(--muted, var(--studio-muted-body));
  font-size: var(--font-small);
  line-height: 1.35;
}

.tagRegistryDelete__metaTag {
  margin-right: 0.45rem;
}

.tagRegistryDelete__intro,
.tagRegistryDelete__impactPanel {
  border: 0;
  background: transparent;
  padding: 0;
}

.tagRegistryDelete__metaId {
  font-size: var(--font-small);
  color: var(--muted, var(--studio-muted));
  word-break: break-word;
}

.tagRegistryDelete__impactList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.3rem;
}

.tagRegistryDelete__impactItem {
  display: block;
}

.tagRegistryDelete__impactValue {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}

.tagRegistryDelete__impactLinks {
  display: inline;
}

.tagRegistryDelete__impactLink {
  white-space: nowrap;
}

.tagAliases__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.55rem;
  margin: 0 0 0.55rem;
}

.tagAliases__head {
  grid-template-columns: minmax(8.5rem, 12rem) minmax(0, 1fr);
}

.tagAliases__row {
  --studio-list-row-line: var(--line, var(--studio-line));
  grid-template-columns: minmax(8.5rem, 12rem) minmax(0, 1fr);
}

.tagAliases__aliasCol {
  min-width: 0;
}

.tagAliases__aliasBtn {
  line-height: 1;
  padding: 0;
}

.tagAliases__detail {
  padding: 0.7rem;
  min-height: 12rem;
}

.tagAliases__selectedAlias {
  margin: 0 0 0.6rem;
}

.tagAliases__targetList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.42rem;
}

.tagAliases__targetRow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.tagAliases__targetId {
  font-size: var(--font-small);
  color: var(--muted, var(--studio-muted));
  word-break: break-word;
}

.tagAliases__tagsCol {
  min-width: 0;
}

.tagAliases__tagList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: start;
}

.tagStudioForm__warning {
  color: var(--studio-danger);
}

.tagAliasesEdit__description {
  min-height: 4.8rem;
  resize: vertical;
}

.tagAliasesEdit__dialog {
  overflow: visible;
}

.tagStudioForm__searchWrap {
  position: relative;
}

.tagStudioForm__searchWrap .tagStudio__popupInner {
  top: calc(100% + 0.25rem);
  left: 0;
}

.tagStudio__popupMore {
  cursor: default;
  pointer-events: none;
  opacity: 0.72;
}

.tagStudioForm__key {
  margin: 0.75rem 0 0.45rem;
}

.tagStudioForm__selected {
  min-height: 1.6rem;
  margin-top: 0.35rem;
}

.tagStudioForm__key .tagStudio__keyPill[data-state="active"] {
  border-color: var(--text);
}

@media (max-width: 700px) {
  .tagStudio__inputRow {
    flex-wrap: wrap;
  }

  .tagStudio__inputRow--work .tagStudio__input,
  .tagStudio__inputRow--editor .tagStudio__input {
    flex: 1 1 100%;
    width: 100%;
  }

  .tagStudioGroupRow {
    grid-template-columns: 5.4rem minmax(0, 1fr);
    gap: 0.4rem;
  }

  .tagStudioFilters__searchWrap {
    flex: 1 1 100%;
  }

  .tagStudioFilters__searchInput {
    min-width: 0;
  }

  .tagStudioFilters__key {
    flex: 1 1 100%;
  }

  .tagStudioToolbar__row {
    align-items: start;
  }

  .tagStudioToolbar__mode {
    flex: 1 1 100%;
  }

  .tagStudioToolbar__action {
    margin-left: 0;
  }

  .tagRegistry__head {
    display: none;
  }

  .tagRegistry__row {
    grid-template-columns: 1fr;
    gap: 0.35rem;
    align-items: start;
  }

  .tagAliases__head {
    display: none;
  }

  .tagAliases__row {
    grid-template-columns: 1fr;
    gap: 0.35rem;
    align-items: start;
  }

}

.seriesTags {
  width: 100%;
  font-size: var(--font-small);
  line-height: 1.3;
}

.seriesTagsSession {
  display: grid;
  gap: var(--studio-shell-gap-sm);
}

.seriesTagsActions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin: 0 0 var(--studio-shell-gap-md);
}

.seriesTagsSession__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
  align-items: center;
}

.seriesTagsSession__label {
  font-size: var(--font-caption);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--studio-muted);
}

.seriesTagsSession__value {
  color: var(--studio-text);
}

.seriesTagsSession__action {
  flex: 0 0 auto;
}

.seriesTagsSession__review {
  display: grid;
  gap: 0.45rem;
}

.seriesTagsSession__reviewList {
  display: grid;
  gap: 0.45rem;
}

.seriesTagsSession__reviewItem {
  display: grid;
  gap: 0.25rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid var(--studio-border);
}

.seriesTagsSession__reviewMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  align-items: center;
  font-size: var(--font-small);
}

.seriesTagsSession__reviewSelect {
  min-width: 8rem;
  padding: 0.18rem 0.35rem;
  border: 1px solid var(--studio-border);
  background: var(--studio-bg);
  color: var(--studio-text);
}

.seriesTags__head {
  grid-template-columns: minmax(12rem, 1fr) 5rem minmax(0, 2fr);
}

.seriesTags__row {
  grid-template-columns: minmax(12rem, 1fr) 5rem minmax(0, 2fr);
  align-items: center;
}

.seriesTags__col--title,
.seriesTags__col--count,
.seriesTags__col--tags {
  display: flex;
  align-items: center;
}

.seriesTags__col--count {
  text-align: left;
}

.seriesTags__col--tags {
  align-items: center;
}

.seriesTags__chipList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}

.tagStudio__chipCaption {
  display: block;
  margin-top: 0.12rem;
  font-size: var(--font-caption);
  line-height: 1.1;
  text-transform: lowercase;
  color: var(--studio-muted);
}

.tagStudio__chipCaption--local,
.tagStudio__chipCaption--delete {
  color: var(--studio-muted);
}

.tagStudio__chipTag--delete {
  text-decoration: line-through;
}

.seriesTags__filters {
  justify-content: flex-start;
  gap: 0.35rem;
  margin-bottom: var(--studio-shell-gap-sm);
}

@media (max-width: 900px) {
  .seriesTags__head {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }

  .seriesTags__row {
    grid-template-columns: 1fr;
    gap: 0.3rem;
  }

  .seriesTags__col--count {
    color: var(--muted, var(--studio-muted));
    font-size: var(--font-small);
  }

  .seriesTags__col--count::before {
    content: "status: ";
  }

  .seriesTagsSession__row {
    align-items: flex-start;
  }
}