.esl-admin-body {
  background: oklch(86.5% 0.018 62);
  color: oklch(15% 0.018 58);
  font-family: "Space Grotesk", system-ui, sans-serif;
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
}

:root:has(> .esl-admin-body), .esl-admin-body {
  min-height: 100%;
}

.esl-admin-body, .esl-admin-body * {
  box-sizing: border-box;
}

.esl-admin-body button, .esl-admin-body input, .esl-admin-body select, .esl-admin-body textarea {
  font: inherit;
}

.esl-admin-body img, .esl-admin-body svg {
  display: block;
  max-width: 100%;
}

.esl-admin-body .esl-admin {
  background: radial-gradient(circle at 16% -8%, oklch(92% 0.04 38 / 0.78), transparent 33rem), radial-gradient(circle at 88% 2%, oklch(52% 0.14 38 / 0.1), transparent 30rem), linear-gradient(180deg, oklch(86.5% 0.018 62), oklch(81.8% 0.016 62));
  color: oklch(15% 0.018 58);
  display: grid;
  min-height: 100vh;
  min-height: 100dvh;
  padding: clamp(1rem, 3vw, 2.5rem);
}

.esl-admin-body .esl-admin__workspace {
  align-content: start;
  display: grid;
  gap: 1rem;
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
}

.esl-admin-body .esl-admin__content {
  align-content: start;
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.esl-admin-body .esl-admin__section-heading {
  align-content: start;
  background: linear-gradient(180deg, color-mix(in oklch, oklch(93% 0.012 58) 88%, white), color-mix(in oklch, oklch(89.8% 0.014 58) 92%, white));
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 82%, transparent);
  border-radius: 1.35rem;
  box-shadow: 0 1.4rem 3rem rgb(15 13 10 / 0.11);
  color: oklch(15% 0.018 58);
  display: grid;
  padding: clamp(1rem, 2.6vw, 1.6rem);
}

.esl-admin-body .esl-admin__section-copy {
  display: grid;
}

.esl-admin-body .esl-admin__header-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: space-between;
}

.esl-admin-body .esl-admin__brand-kicker, .esl-admin-body .esl-admin__eyebrow {
  color: oklch(44% 0.14 38);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.2;
  text-transform: uppercase;
}

.esl-admin-body .esl-admin__identity {
  align-items: center;
  color: oklch(34% 0.016 58);
  display: inline-flex;
  flex-wrap: wrap;
  font-size: clamp(0.8rem, 1vw, 0.94rem);
  font-weight: 700;
  gap: 0.65rem;
  justify-content: center;
  line-height: 1;
}

.esl-admin-body .esl-admin__identity-copy {
  color: oklch(15% 0.018 58);
  font-weight: 800;
  white-space: nowrap;
}

.esl-admin-body .esl-admin__identity a {
  color: oklch(44% 0.14 38);
  font-weight: 850;
  text-decoration: none;
}

.esl-admin-body .esl-admin__identity a:hover {
  text-decoration: underline;
  text-underline-offset: 0.18rem;
}

.esl-admin-body .esl-admin__brand-title {
  color: oklch(15% 0.018 58);
  display: flex;
  flex-wrap: wrap;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: clamp(2rem, 5vw, 4.5rem);
  font-weight: 700;
  gap: 0.25ch;
  letter-spacing: -0.06em;
  line-height: 1.05;
  margin: 0.25rem 0 0;
}

.esl-admin-body .esl-admin__brand-title-accent {
  color: #C2410C;
  text-shadow: none;
}

.esl-admin-body .esl-admin__brand-subtitle {
  color: #C2410C;
  display: block;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: clamp(0.84rem, 1.15vw, 1.08rem);
  font-weight: 500;
  letter-spacing: 0.015em;
  line-height: 1.08;
}

.esl-admin-body .esl-admin__subtitle-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  justify-content: space-between;
  margin-top: 0.34rem;
}

.esl-admin-body .esl-admin__nav-separator {
  background: linear-gradient(90deg, transparent, color-mix(in oklch, oklch(52% 0.14 38) 48%, oklch(74% 0.018 58)) 14%, color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent) 50%, transparent);
  border: 0;
  height: 1px;
  margin: clamp(0.9rem, 1.8vw, 1.25rem) 0 clamp(0.75rem, 1.4vw, 1rem);
  width: 100%;
}

.esl-admin-body .esl-admin__nav {
  align-content: start;
  align-items: start;
  display: grid;
  gap: 0.65rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
}

.esl-admin-body .esl-admin__nav a {
  align-items: center;
  background: color-mix(in oklch, oklch(93% 0.012 58) 78%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 1rem;
  block-size: 3.25rem;
  color: oklch(15% 0.018 58);
  display: grid;
  min-width: 0;
  padding: 0 1rem;
  text-align: left;
  text-decoration: none;
}

.esl-admin-body .esl-admin__nav a:hover, .esl-admin-body .esl-admin__nav a[aria-current="page"] {
  background: color-mix(in oklch, oklch(92% 0.04 38) 72%, oklch(93% 0.012 58));
  border-color: color-mix(in oklch, oklch(52% 0.14 38) 52%, oklch(74% 0.018 58));
}

.esl-admin-body .esl-admin__nav a strong {
  color: oklch(15% 0.018 58);
  font-size: clamp(0.94rem, 1.1vw, 1.06rem);
  font-weight: 850;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esl-admin-body .esl-admin__section-content {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

.esl-admin-body [data-admin-route] {
  display: none;
}

:root[data-esl-admin-route="dashboard"] .esl-admin-body [data-admin-route="dashboard"] {
  display: grid;
}

:root[data-esl-admin-route="content"] .esl-admin-body [data-admin-route="content"] {
  display: grid;
}

:root[data-esl-admin-route="portfolio"] .esl-admin-body [data-admin-route="portfolio"] {
  display: grid;
}

:root[data-esl-admin-route="shop"] .esl-admin-body [data-admin-route="shop"] {
  display: grid;
}

:root[data-esl-admin-route="not-found"] .esl-admin-body [data-admin-route="not-found"] {
  display: grid;
}

.esl-admin-body .esl-admin-card {
  background: linear-gradient(180deg, oklch(93% 0.012 58), oklch(89.8% 0.014 58));
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 82%, transparent);
  border-radius: 1.2rem;
  box-shadow: 0 1rem 2.2rem rgb(15 13 10 / 0.08);
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.35rem);
}

.esl-admin-body .esl-admin-card__heading {
  align-items: start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.esl-admin-body .esl-admin-card h3, .esl-admin-body .esl-admin-card h4 {
  color: oklch(15% 0.018 58);
  line-height: 1.05;
  margin: 0;
}

.esl-admin-body .esl-admin-card p {
  color: oklch(34% 0.016 58);
  line-height: 1.52;
  margin: 0;
}

.esl-admin-body .esl-admin__muted {
  color: oklch(34% 0.016 58);
}

.esl-admin-body .esl-admin-dashboard-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.esl-admin-body .esl-admin__button {
  align-items: center;
  background: color-mix(in oklch, oklch(92% 0.04 38) 58%, oklch(93% 0.012 58));
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 48%, oklch(74% 0.018 58));
  border-radius: 999px;
  color: oklch(44% 0.14 38);
  display: inline-flex;
  font-size: 0.86rem;
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  padding: 0.75rem 0.95rem;
  text-decoration: none;
}

.esl-admin-body .esl-admin__button:hover {
  background: color-mix(in oklch, oklch(52% 0.14 38) 22%, oklch(93% 0.012 58));
}

.esl-admin-body .esl-admin__button--primary {
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border-color: oklch(44% 0.14 38);
  color: white;
}

.esl-admin-body .esl-admin-placeholder-grid {
  display: grid;
  gap: 0.75rem;
}

.esl-admin-body .esl-admin-placeholder-note {
  background: color-mix(in oklch, oklch(92% 0.04 38) 42%, oklch(93% 0.012 58));
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 24%, oklch(74% 0.018 58));
  border-radius: 0.9rem;
  color: oklch(34% 0.016 58);
  padding: 0.85rem;
}

.esl-admin-body .esl-admin-placeholder-note--danger {
  background: color-mix(in oklch, oklch(48% 0.16 28) 8%, oklch(93% 0.012 58));
  border-color: color-mix(in oklch, oklch(48% 0.16 28) 36%, oklch(74% 0.018 58));
}

.esl-admin-body .esl-admin-placeholder-note--success {
  background: color-mix(in oklch, oklch(48% 0.12 150) 8%, oklch(93% 0.012 58));
  border-color: color-mix(in oklch, oklch(48% 0.12 150) 32%, oklch(74% 0.018 58));
}

.esl-admin-portfolio-inventory {
  display: grid;
  gap: clamp(0.9rem, 1.8vw, 1.25rem);
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-inventory__header {
  display: grid;
  gap: 0.45rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-inventory__title {
  color: oklch(15% 0.018 58);
  font-size: clamp(1.35rem, 2.3vw, 2.05rem);
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1.05;
  margin: 0;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-inventory__body {
  color: oklch(34% 0.016 58);
  font-size: 0.95rem;
  line-height: 1.52;
  margin: 0;
  max-width: 70ch;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-state {
  background: color-mix(in oklch, oklch(93% 0.012 58) 82%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 1rem;
  display: grid;
  gap: 0.42rem;
  padding: 1rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-state[hidden] {
  display: none !important;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-state[data-tone="error"] {
  background: color-mix(in oklch, oklch(48% 0.16 28) 9%, oklch(93% 0.012 58));
  border-color: color-mix(in oklch, oklch(48% 0.16 28) 46%, oklch(74% 0.018 58));
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-state__title {
  color: oklch(15% 0.018 58);
  font-size: 1.02rem;
  font-weight: 900;
  line-height: 1.12;
  margin: 0;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-state__body {
  color: oklch(34% 0.016 58);
  font-size: 0.94rem;
  line-height: 1.5;
  margin: 0;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar[hidden] {
  display: none !important;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar {
  align-items: center;
  background: color-mix(in oklch, oklch(93% 0.012 58) 78%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 1rem;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0.85rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar__summary {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.56rem clamp(0.9rem, 2vw, 1.35rem);
  min-width: 0;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar__chip {
  align-items: baseline;
  background: color-mix(in oklch, oklch(93% 0.012 58) 86%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 0.78rem;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.58);
  display: inline-flex;
  gap: 0.34rem;
  line-height: 1;
  padding: 0.58rem 0.68rem;
  white-space: nowrap;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar__chip-label {
  color: oklch(34% 0.016 58);
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.015em;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar__chip-value {
  color: oklch(15% 0.018 58);
  font-size: 0.92rem;
  font-weight: 950;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar__notice {
  color: oklch(45% 0.014 58);
  font-size: 0.76rem;
  font-weight: 750;
  line-height: 1.3;
  min-width: min(100%, 18rem);
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar__button {
  align-items: center;
  appearance: none;
  background: color-mix(in oklch, oklch(92% 0.04 38) 54%, oklch(93% 0.012 58));
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 50%, oklch(74% 0.018 58));
  border-radius: 0.78rem;
  color: oklch(44% 0.14 38);
  cursor: pointer;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 900;
  justify-content: center;
  padding: 0.5rem 0.82rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar__button[disabled] {
  background: color-mix(in oklch, oklch(89.8% 0.014 58) 60%, transparent);
  border-color: color-mix(in oklch, oklch(74% 0.018 58) 52%, transparent);
  color: oklch(45% 0.014 58);
  cursor: not-allowed;
  opacity: 0.58;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar__button--primary {
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border-color: oklch(44% 0.14 38);
  color: white;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-toolbar__button--secondary {
  background: color-mix(in oklch, oklch(93% 0.012 58) 82%, white);
  border-color: color-mix(in oklch, oklch(74% 0.018 58) 82%, transparent);
  color: oklch(34% 0.016 58);
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list {
  display: grid;
  gap: 0.55rem;
  overflow-x: auto;
  padding-bottom: 0.15rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list__header, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row {
  align-items: stretch;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 10.5rem minmax(16rem, 1.45fr) minmax(13rem, 1fr) minmax(8.9rem, 0.62fr) 1.35rem;
  min-width: 60rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list__header {
  color: oklch(45% 0.014 58);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  padding: 0 0.85rem;
  text-transform: uppercase;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-add-row {
  background: color-mix(in oklch, oklch(93% 0.012 58) 80%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 82%, transparent);
  border-radius: 0.95rem;
  box-shadow: 0 0.7rem 1.45rem rgb(15 13 10 / 0.055);
  overflow: hidden;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row {
  padding: 0;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row--dragging {
  opacity: 0.28;
  outline: 2px solid color-mix(in oklch, oklch(52% 0.14 38) 72%, oklch(74% 0.018 58));
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row--drop-before::before, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row--drop-after::after {
  background: linear-gradient(90deg, transparent, oklch(52% 0.14 38) 12%, oklch(44% 0.14 38) 50%, oklch(52% 0.14 38) 88%, transparent);
  border-radius: 999px;
  box-shadow: 0 0 0 0.18rem color-mix(in oklch, oklch(92% 0.04 38) 58%, transparent);
  content: "";
  height: 0.22rem;
  left: 0.85rem;
  pointer-events: none;
  position: absolute;
  right: 0.85rem;
  z-index: 6;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row--drop-before::before {
  top: 0.22rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row--drop-after::after {
  bottom: 0.22rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-drag-avatar {
  box-shadow: 0 1.8rem 3.4rem rgb(15 13 10 / 0.28);
  left: 0;
  max-width: calc(100vw - 1.5rem);
  opacity: 0.96;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform-origin: 0 0;
  z-index: 999;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-drag-avatar .esl-admin-portfolio-list-row__handle {
  cursor: grabbing;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row[data-reorder="active"] {
  cursor: grab;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row:hover {
  border-color: color-mix(in oklch, oklch(52% 0.14 38) 44%, oklch(74% 0.018 58));
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-add-row {
  align-items: center;
  appearance: none;
  background: color-mix(in oklch, oklch(92% 0.04 38) 54%, oklch(93% 0.012 58));
  border: 1px dashed color-mix(in oklch, oklch(52% 0.14 38) 68%, oklch(74% 0.018 58));
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: clamp(0.9rem, 2vw, 1.25rem);
  grid-template-columns: 3.35rem minmax(0, 1fr) auto;
  min-height: 5.35rem;
  min-width: 58rem;
  padding: 1.05rem 1.15rem;
  text-align: left;
  width: 100%;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-state-row {
  background: color-mix(in oklch, oklch(93% 0.012 58) 82%, white);
  border: 1px dashed color-mix(in oklch, oklch(52% 0.14 38) 45%, oklch(74% 0.018 58));
  border-radius: 0.95rem;
  color: oklch(34% 0.016 58);
  font-size: 0.9rem;
  font-weight: 850;
  min-width: 60rem;
  padding: 1rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-add-row:hover, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-add-row:focus-visible {
  background: color-mix(in oklch, oklch(92% 0.04 38) 78%, oklch(93% 0.012 58));
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-add-row__mark {
  align-items: center;
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border-radius: 50%;
  color: white;
  display: flex;
  font-size: 1.75rem;
  font-weight: 800;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  width: 3rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-add-row__copy, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__copy, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__details {
  align-self: center;
  display: grid;
  gap: 0.34rem;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__copy, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__details, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__controls, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__handle {
  padding-block: 0.72rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-add-row__title, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__title {
  color: oklch(15% 0.018 58);
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1.14;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-add-row__body {
  color: oklch(34% 0.016 58);
  font-size: 0.84rem;
  line-height: 1.45;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__description {
  color: oklch(34% 0.016 58);
  font-size: 0.84rem;
  line-height: 1.45;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-add-row__action {
  background: color-mix(in oklch, oklch(93% 0.012 58) 88%, white);
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 38%, oklch(74% 0.018 58));
  border-radius: 999px;
  color: oklch(44% 0.14 38);
  font-size: 0.78rem;
  font-weight: 950;
  justify-self: end;
  padding: 0.58rem 0.92rem;
  text-transform: uppercase;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media {
  align-self: stretch;
  aspect-ratio: auto;
  background: color-mix(in oklch, oklch(92% 0.04 38) 46%, oklch(89.8% 0.014 58));
  border-radius: 0.95rem 0 0 0.95rem;
  display: grid;
  height: 100%;
  margin: 0;
  min-height: 8.15rem;
  overflow: hidden;
  place-items: center;
  position: relative;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media::after {
  background: linear-gradient(180deg, rgb(10 7 3 / 0.03), rgb(10 7 3 / 0.48));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__image {
  display: block;
  height: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
  width: 100%;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-open {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0.95rem 0 0 0.95rem;
  cursor: zoom-in;
  display: block;
  height: 100%;
  inset: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-open:focus-visible {
  outline: 3px solid color-mix(in oklch, oklch(52% 0.14 38) 72%, white);
  outline-offset: -0.32rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-nav {
  align-items: center;
  appearance: none;
  backdrop-filter: blur(7px);
  background: rgb(14 10 6 / 0.42);
  border: 1px solid rgb(255 255 255 / 0.26);
  border-radius: 999px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.95rem;
  font-weight: 950;
  height: 2.45rem;
  justify-content: center;
  line-height: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.35rem;
  z-index: 3;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-nav:hover, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-nav:focus-visible {
  background: rgb(14 10 6 / 0.68);
  border-color: rgb(255 255 255 / 0.5);
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-nav--previous {
  left: 0.4rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-nav--next {
  right: 0.4rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-placeholder {
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 42%, transparent);
  border-radius: 999px;
  color: oklch(44% 0.14 38);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  padding: 0.48rem 0.7rem;
  text-transform: uppercase;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__order {
  backdrop-filter: blur(6px);
  background: color-mix(in oklch, oklch(15% 0.018 58) 76%, transparent);
  border: 1px solid color-mix(in oklch, oklch(93% 0.012 58) 82%, white);
  border-radius: 999px;
  color: color-mix(in oklch, oklch(93% 0.012 58) 88%, white);
  font-size: 0.72rem;
  font-weight: 850;
  left: 0.42rem;
  padding: 0.24rem 0.52rem;
  pointer-events: none;
  position: absolute;
  top: 0.42rem;
  z-index: 2;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-index {
  align-items: center;
  background: rgb(14 10 6 / 0.38);
  backdrop-filter: blur(7px);
  border: 1px solid rgb(255 255 255 / 0.22);
  border-radius: 999px;
  bottom: 0.48rem;
  display: flex;
  gap: 0.32rem;
  left: 50%;
  padding: 0.28rem 0.42rem;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  z-index: 2;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-index-marker {
  background: rgb(255 255 255 / 0.46);
  border: 1px solid rgb(255 255 255 / 0.42);
  border-radius: 999px;
  display: block;
  height: 0.42rem;
  width: 0.42rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__media-index-marker.esl-framed-inspector__index-marker--current {
  background: white;
  box-shadow: 0 0 0 0.18rem rgb(255 255 255 / 0.22);
  width: 1.05rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__controls {
  align-content: center;
  align-self: center;
  display: grid;
  gap: 0.45rem;
  justify-items: stretch;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__status-button {
  appearance: none;
  background: linear-gradient(180deg, color-mix(in oklch, oklch(93% 0.012 58) 88%, white), color-mix(in oklch, oklch(89.8% 0.014 58) 82%, white));
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 25px;
  box-shadow: 0 0.35rem 0.7rem rgb(15 13 10 / 0.055);
  color: oklch(34% 0.016 58);
  cursor: pointer;
  display: inline-flex;
  font-size: 0.8rem;
  font-weight: 950;
  justify-content: center;
  line-height: 1;
  min-height: 2.55rem;
  padding: 0.64rem 0.78rem;
  width: 100%;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__status-button:hover, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__status-button:focus-visible {
  border-color: color-mix(in oklch, oklch(52% 0.14 38) 52%, oklch(74% 0.018 58));
  transform: translateY(-1px);
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__status-button--on {
  background: linear-gradient(135deg, color-mix(in oklch, oklch(48% 0.12 150) 86%, oklch(15% 0.018 58)), color-mix(in oklch, oklch(48% 0.12 150) 62%, oklch(15% 0.018 58)));
  border-color: color-mix(in oklch, oklch(48% 0.12 150) 35%, white);
  color: color-mix(in oklch, oklch(48% 0.12 150) 12%, white);
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__status-button--off {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(93% 0.012 58) 88%, white), color-mix(in oklch, oklch(45% 0.014 58) 10%, oklch(93% 0.012 58)));
  color: oklch(34% 0.016 58);
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__status-button--featured[aria-pressed="true"] {
  background: linear-gradient(135deg, oklch(93% 0.12 92), oklch(74% 0.16 78) 48%, oklch(96% 0.09 100));
  border-color: oklch(73% 0.16 78);
  box-shadow: 0 0.35rem 0.8rem rgb(88 55 8 / 0.18);
  color: oklch(25% 0.08 62);
  font-weight: 950;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__detail {
  display: grid;
  gap: 0.12rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__detail-label {
  color: oklch(44% 0.14 38);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__detail-value, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__empty {
  color: oklch(34% 0.016 58);
  font-size: 0.76rem;
  font-weight: 760;
  line-height: 1.28;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  min-width: 0;
  overflow: hidden;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__tag {
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 66%, transparent);
  border-radius: 999px;
  color: oklch(34% 0.016 58);
  font-size: 0.72rem;
  font-weight: 800;
  padding: 0.22rem 0.5rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__handle {
  align-self: stretch;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: default;
  display: grid;
  gap: 0.16rem;
  height: 100%;
  justify-items: center;
  min-height: 100%;
  padding-inline: 0.2rem 0.45rem;
  place-content: center;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__handle--active {
  background: transparent;
  cursor: grab;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__handle--active:active {
  cursor: grabbing;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__handle--inactive {
  cursor: grab;
  opacity: 0.52;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__handle-mark {
  background: color-mix(in oklch, oklch(44% 0.14 38) 74%, oklch(15% 0.018 58));
  border-radius: 999px;
  display: block;
  height: 0.2rem;
  width: 0.82rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__handle--active .esl-admin-portfolio-list-row__handle-mark {
  background: oklch(44% 0.14 38);
  width: 0.92rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__button, .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__handle, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor__primary, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor__secondary, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor__danger, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor__close, .esl-admin-portfolio-inventory .esl-admin-portfolio-media-row__button, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor-suggestions__button {
  appearance: none;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 900;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal[hidden] {
  display: none !important;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal {
  align-items: center;
  background: radial-gradient(circle at 50% 28%, rgb(255 248 236 / 0.18), transparent 26rem), rgb(14 10 6 / 0.82);
  display: grid;
  inset: 0;
  justify-items: center;
  overflow: auto;
  padding: clamp(0.9rem, 2.6vw, 2.2rem);
  position: fixed;
  z-index: 40;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal__panel {
  background: #080706;
  border: 1px solid rgb(255 248 236 / 0.24);
  border-radius: 1rem;
  box-shadow: 0 2rem 4rem rgb(14 10 6 / 0.42);
  display: grid;
  max-height: calc(100dvh - clamp(1.8rem, 5.2vw, 4.4rem));
  max-width: min(100%, 82rem);
  overflow: hidden;
  padding: clamp(0.42rem, 0.9vw, 0.68rem);
  position: relative;
  width: min(100%, 82rem);
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal__title {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal__frame {
  align-items: center;
  background: radial-gradient(circle at 50% 32%, #1b1712, #080706 66%);
  border-radius: 0.72rem;
  display: grid;
  height: min(78dvh, 54rem);
  justify-items: center;
  margin: 0;
  min-height: 18rem;
  overflow: hidden;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal__image {
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
  width: 100%;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal__close {
  align-items: center;
  appearance: none;
  backdrop-filter: blur(10px);
  background: rgb(8 7 6 / 0.76);
  border: 1px solid rgb(255 248 236 / 0.36);
  border-radius: 999px;
  color: #fff8ec;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.86rem;
  font-weight: 900;
  gap: 0.35rem;
  line-height: 1;
  padding: 0.6rem 0.82rem;
  position: absolute;
  right: 0.85rem;
  top: 0.85rem;
  z-index: 2;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal__close:hover, .esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal__close:focus-visible {
  background: rgb(8 7 6 / 0.9);
  border-color: #fff8ec;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal__close:focus-visible {
  outline: 3px solid color-mix(in srgb, #fff8ec 70%, #c87552);
  outline-offset: 3px;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-image-modal__close-mark {
  font-size: 1.18em;
  line-height: 0.75;
  transform: translateY(-0.03em);
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__button {
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border-radius: 25px;
  border: 1px solid oklch(44% 0.14 38);
  color: white;
  display: inline-flex;
  font-size: 0.78rem;
  justify-content: center;
  min-height: 2.55rem;
  padding: 0.64rem 0.85rem;
  width: 100%;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor {
  align-items: start;
  background: rgb(14 10 6 / 0.58);
  display: grid;
  inset: 0;
  justify-items: center;
  overflow: auto;
  padding: clamp(0.75rem, 2vw, 1.5rem);
  position: fixed;
  z-index: 20;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor__panel {
  background: linear-gradient(180deg, oklch(93% 0.012 58), oklch(89.8% 0.014 58));
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 82%, transparent);
  border-radius: 1.25rem;
  box-shadow: 0 2rem 4rem rgb(14 10 6 / 0.28);
  display: grid;
  gap: 1rem;
  max-width: min(100%, 72rem);
  padding: clamp(1rem, 2vw, 1.35rem);
  width: 100%;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor__header, .esl-admin-portfolio-inventory .esl-admin-portfolio-media-manager__header, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor__footer {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: space-between;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor__header-copy {
  display: grid;
  gap: 0.35rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor__eyebrow {
  color: oklch(44% 0.14 38);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor__title, .esl-admin-portfolio-inventory .esl-admin-portfolio-media-manager__title {
  color: oklch(15% 0.018 58);
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  font-weight: 950;
  line-height: 1.05;
  margin: 0;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor__body, .esl-admin-portfolio-inventory .esl-admin-portfolio-media-manager__body {
  color: oklch(34% 0.016 58);
  font-size: 0.9rem;
  line-height: 1.45;
  margin: 0;
  max-width: 68ch;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-status {
  background: color-mix(in oklch, oklch(92% 0.04 38) 50%, oklch(93% 0.012 58));
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 34%, oklch(74% 0.018 58));
  border-radius: 0.95rem;
  display: grid;
  gap: 0.35rem;
  padding: 0.85rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-status[hidden] {
  display: none !important;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-status[data-tone="error"] {
  background: color-mix(in oklch, oklch(48% 0.16 28) 9%, oklch(93% 0.012 58));
  border-color: color-mix(in oklch, oklch(48% 0.16 28) 42%, oklch(74% 0.018 58));
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-status__title {
  color: oklch(15% 0.018 58);
  font-size: 0.92rem;
  font-weight: 950;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-status__body, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor-status__item {
  color: oklch(34% 0.016 58);
  font-size: 0.84rem;
  line-height: 1.42;
  margin: 0;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-status__list {
  margin: 0;
  padding-left: 1.1rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor__fields {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field {
  background: color-mix(in oklch, oklch(93% 0.012 58) 74%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 75%, transparent);
  border-radius: 0.9rem;
  display: grid;
  gap: 0.42rem;
  padding: 0.8rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field--title, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field--description, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field--materials-text, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field--processes-text, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field--tags-text {
  grid-column: 1 / -1;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field__label {
  color: oklch(15% 0.018 58);
  font-size: 0.82rem;
  font-weight: 950;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field__help, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor-suggestions__empty {
  color: oklch(45% 0.014 58);
  font-size: 0.74rem;
  font-weight: 760;
  line-height: 1.35;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field input, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field textarea {
  background: color-mix(in oklch, oklch(89.8% 0.014 58) 55%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 0.75rem;
  color: oklch(15% 0.018 58);
  padding: 0.68rem 0.75rem;
  width: 100%;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-field textarea {
  resize: vertical;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor-suggestions__button, .esl-admin-portfolio-inventory .esl-admin-portfolio-media-row__button, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor__secondary, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor__close {
  background: color-mix(in oklch, oklch(92% 0.04 38) 50%, oklch(93% 0.012 58));
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 36%, oklch(74% 0.018 58));
  color: oklch(44% 0.14 38);
  font-size: 0.75rem;
  padding: 0.45rem 0.65rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-manager {
  background: color-mix(in oklch, oklch(93% 0.012 58) 68%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 72%, transparent);
  border-radius: 1rem;
  display: grid;
  gap: 0.8rem;
  padding: 0.9rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-manager__add {
  align-items: center;
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border-radius: 999px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 950;
  justify-content: center;
  padding: 0.72rem 0.95rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-manager__add input {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-list {
  display: grid;
  gap: 0.75rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-list__empty {
  border: 1px dashed color-mix(in oklch, oklch(52% 0.14 38) 42%, oklch(74% 0.018 58));
  border-radius: 0.9rem;
  color: oklch(34% 0.016 58);
  font-size: 0.86rem;
  margin: 0;
  padding: 1rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-row {
  align-items: center;
  background: color-mix(in oklch, oklch(89.8% 0.014 58) 76%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 70%, transparent);
  border-radius: 0.9rem;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 7.5rem minmax(0, 1fr) auto;
  padding: 0.65rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-row__preview {
  aspect-ratio: 16 / 10;
  background: color-mix(in oklch, oklch(92% 0.04 38) 50%, oklch(89.8% 0.014 58));
  border-radius: 0.75rem;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-row__preview img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-row__primary {
  background: color-mix(in oklch, oklch(15% 0.018 58) 78%, transparent);
  border-radius: 999px;
  color: white;
  font-size: 0.68rem;
  font-weight: 900;
  left: 0.35rem;
  padding: 0.22rem 0.45rem;
  position: absolute;
  top: 0.35rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-row__copy {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-row__filename {
  color: oklch(15% 0.018 58);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-row__meta {
  color: oklch(45% 0.014 58);
  font-size: 0.76rem;
  font-weight: 760;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-row__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: flex-end;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-media-row__button--remove, .esl-admin-portfolio-inventory .esl-admin-portfolio-editor__danger {
  background: color-mix(in oklch, oklch(48% 0.16 28) 12%, oklch(93% 0.012 58));
  border: 1px solid color-mix(in oklch, oklch(48% 0.16 28) 48%, oklch(74% 0.018 58));
  color: oklch(48% 0.16 28);
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor__primary {
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border: 1px solid oklch(44% 0.14 38);
  color: white;
  font-size: 0.86rem;
  padding: 0.75rem 0.95rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor__danger {
  font-size: 0.86rem;
  padding: 0.75rem 0.95rem;
}

.esl-admin-portfolio-inventory .esl-admin-portfolio-editor__footer {
  align-items: center;
  justify-content: flex-end;
}

.esl-admin-portfolio-inventory button[disabled], .esl-admin-portfolio-inventory input[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}

.esl-admin-shop-inventory {
  display: grid;
  gap: clamp(0.9rem, 1.8vw, 1.25rem);
}

.esl-admin-shop-inventory .esl-admin-shop-inventory__header {
  display: grid;
  gap: 0.45rem;
}

.esl-admin-shop-inventory .esl-admin-shop-inventory__title {
  color: oklch(15% 0.018 58);
  font-size: clamp(1.35rem, 2.3vw, 2.05rem);
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1.05;
  margin: 0;
}

.esl-admin-shop-inventory .esl-admin-shop-inventory__body {
  color: oklch(34% 0.016 58);
  font-size: 0.95rem;
  line-height: 1.52;
  margin: 0;
  max-width: 70ch;
}

.esl-admin-shop-inventory .esl-admin-shop-state {
  background: color-mix(in oklch, oklch(93% 0.012 58) 82%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 1rem;
  display: grid;
  gap: 0.42rem;
  padding: 1rem;
}

.esl-admin-shop-inventory .esl-admin-shop-state[hidden], .esl-admin-shop-inventory .esl-admin-shop-toolbar[hidden] {
  display: none !important;
}

.esl-admin-shop-inventory .esl-admin-shop-state[data-tone="error"] {
  background: color-mix(in oklch, oklch(48% 0.16 28) 9%, oklch(93% 0.012 58));
  border-color: color-mix(in oklch, oklch(48% 0.16 28) 46%, oklch(74% 0.018 58));
}

.esl-admin-shop-inventory .esl-admin-shop-state__title {
  color: oklch(15% 0.018 58);
  font-size: 1.02rem;
  font-weight: 900;
  line-height: 1.12;
  margin: 0;
}

.esl-admin-shop-inventory .esl-admin-shop-state__body {
  color: oklch(34% 0.016 58);
  font-size: 0.94rem;
  line-height: 1.5;
  margin: 0;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar {
  align-items: center;
  background: color-mix(in oklch, oklch(93% 0.012 58) 78%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 1rem;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0.85rem;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar__summary {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.56rem clamp(0.9rem, 2vw, 1.35rem);
  min-width: 0;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar__chip {
  align-items: baseline;
  background: color-mix(in oklch, oklch(93% 0.012 58) 86%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 0.78rem;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.58);
  display: inline-flex;
  gap: 0.34rem;
  line-height: 1;
  padding: 0.58rem 0.68rem;
  white-space: nowrap;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar__chip-label {
  color: oklch(34% 0.016 58);
  font-size: 0.74rem;
  font-weight: 850;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar__chip-value {
  color: oklch(15% 0.018 58);
  font-size: 0.92rem;
  font-weight: 950;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar__notice {
  color: oklch(45% 0.014 58);
  font-size: 0.76rem;
  font-weight: 750;
  line-height: 1.3;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar__button {
  align-items: center;
  appearance: none;
  background: color-mix(in oklch, oklch(92% 0.04 38) 54%, oklch(93% 0.012 58));
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 50%, oklch(74% 0.018 58));
  border-radius: 0.78rem;
  color: oklch(44% 0.14 38);
  cursor: pointer;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 900;
  justify-content: center;
  padding: 0.5rem 0.82rem;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar__button[disabled] {
  background: color-mix(in oklch, oklch(89.8% 0.014 58) 60%, transparent);
  border-color: color-mix(in oklch, oklch(74% 0.018 58) 52%, transparent);
  color: oklch(45% 0.014 58);
  cursor: not-allowed;
  opacity: 0.58;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar__button--primary {
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border-color: oklch(44% 0.14 38);
  color: white;
}

.esl-admin-shop-inventory .esl-admin-shop-toolbar__button--secondary {
  background: color-mix(in oklch, oklch(93% 0.012 58) 82%, white);
  border-color: color-mix(in oklch, oklch(74% 0.018 58) 82%, transparent);
  color: oklch(34% 0.016 58);
}

.esl-admin-shop-inventory .esl-admin-shop-list {
  display: grid;
  gap: 0.55rem;
  overflow-x: auto;
  padding-bottom: 0.15rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list__header, .esl-admin-shop-inventory .esl-admin-shop-list-row {
  align-items: stretch;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 10.5rem minmax(16rem, 1.45fr) minmax(13rem, 1fr) minmax(8.9rem, 0.62fr) 1.35rem;
  min-width: 60rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list__header {
  color: oklch(45% 0.014 58);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  padding: 0 0.85rem;
  text-transform: uppercase;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row, .esl-admin-shop-inventory .esl-admin-shop-list-add-row {
  background: color-mix(in oklch, oklch(93% 0.012 58) 80%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 82%, transparent);
  border-radius: 0.95rem;
  box-shadow: 0 0.7rem 1.45rem rgb(15 13 10 / 0.055);
  overflow: hidden;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row--dragging {
  opacity: 0.28;
  outline: 2px solid color-mix(in oklch, oklch(52% 0.14 38) 72%, oklch(74% 0.018 58));
}

.esl-admin-shop-inventory .esl-admin-shop-list-row--drop-before::before, .esl-admin-shop-inventory .esl-admin-shop-list-row--drop-after::after {
  background: linear-gradient(90deg, transparent, oklch(52% 0.14 38) 12%, oklch(44% 0.14 38) 50%, oklch(52% 0.14 38) 88%, transparent);
  border-radius: 999px;
  box-shadow: 0 0 0 0.18rem color-mix(in oklch, oklch(92% 0.04 38) 58%, transparent);
  content: "";
  height: 0.22rem;
  left: 0.85rem;
  pointer-events: none;
  position: absolute;
  right: 0.85rem;
  z-index: 6;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row--drop-before::before {
  top: 0.22rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row--drop-after::after {
  bottom: 0.22rem;
}

.esl-admin-shop-inventory .esl-admin-shop-drag-avatar {
  box-shadow: 0 1.8rem 3.4rem rgb(15 13 10 / 0.28);
  left: 0;
  max-width: calc(100vw - 1.5rem);
  opacity: 0.96;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform-origin: 0 0;
  z-index: 999;
}

.esl-admin-shop-inventory .esl-admin-shop-drag-avatar .esl-admin-shop-list-row__handle {
  cursor: grabbing;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row[data-reorder="active"] {
  cursor: grab;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row:hover {
  border-color: color-mix(in oklch, oklch(52% 0.14 38) 44%, oklch(74% 0.018 58));
}

.esl-admin-shop-inventory .esl-admin-shop-list-add-row {
  align-items: center;
  appearance: none;
  background: color-mix(in oklch, oklch(92% 0.04 38) 54%, oklch(93% 0.012 58));
  border: 1px dashed color-mix(in oklch, oklch(52% 0.14 38) 68%, oklch(74% 0.018 58));
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: clamp(0.9rem, 2vw, 1.25rem);
  grid-template-columns: 3.35rem minmax(0, 1fr) auto;
  min-height: 5.35rem;
  min-width: 58rem;
  padding: 1.05rem 1.15rem;
  text-align: left;
  width: 100%;
}

.esl-admin-shop-inventory .esl-admin-shop-list-add-row:hover, .esl-admin-shop-inventory .esl-admin-shop-list-add-row:focus-visible {
  background: color-mix(in oklch, oklch(92% 0.04 38) 78%, oklch(93% 0.012 58));
}

.esl-admin-shop-inventory .esl-admin-shop-list-add-row__mark {
  align-items: center;
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border-radius: 50%;
  color: white;
  display: flex;
  font-size: 1.75rem;
  font-weight: 800;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  width: 3rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-add-row__copy, .esl-admin-shop-inventory .esl-admin-shop-list-row__copy, .esl-admin-shop-inventory .esl-admin-shop-list-row__details {
  align-self: center;
  display: grid;
  gap: 0.34rem;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__copy, .esl-admin-shop-inventory .esl-admin-shop-list-row__details, .esl-admin-shop-inventory .esl-admin-shop-list-row__controls, .esl-admin-shop-inventory .esl-admin-shop-list-row__handle {
  padding-block: 0.72rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-add-row__title, .esl-admin-shop-inventory .esl-admin-shop-list-row__title {
  color: oklch(15% 0.018 58);
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1.14;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esl-admin-shop-inventory .esl-admin-shop-list-add-row__body {
  color: oklch(34% 0.016 58);
  font-size: 0.84rem;
  line-height: 1.45;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__description {
  color: oklch(34% 0.016 58);
  font-size: 0.84rem;
  line-height: 1.45;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.esl-admin-shop-inventory .esl-admin-shop-list-add-row__action {
  background: color-mix(in oklch, oklch(93% 0.012 58) 88%, white);
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 38%, oklch(74% 0.018 58));
  border-radius: 999px;
  color: oklch(44% 0.14 38);
  font-size: 0.78rem;
  font-weight: 950;
  justify-self: end;
  padding: 0.58rem 0.92rem;
  text-transform: uppercase;
}

.esl-admin-shop-inventory .esl-admin-shop-list-state-row {
  background: color-mix(in oklch, oklch(93% 0.012 58) 82%, white);
  border: 1px dashed color-mix(in oklch, oklch(52% 0.14 38) 45%, oklch(74% 0.018 58));
  border-radius: 0.95rem;
  color: oklch(34% 0.016 58);
  font-size: 0.9rem;
  font-weight: 850;
  min-width: 60rem;
  padding: 1rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media {
  align-self: stretch;
  aspect-ratio: auto;
  background: color-mix(in oklch, oklch(92% 0.04 38) 46%, oklch(89.8% 0.014 58));
  border-radius: 0.95rem 0 0 0.95rem;
  display: grid;
  height: 100%;
  margin: 0;
  min-height: 8.15rem;
  overflow: hidden;
  place-items: center;
  position: relative;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media::after {
  background: linear-gradient(180deg, rgb(10 7 3 / 0.03), rgb(10 7 3 / 0.48));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media-open {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0.95rem 0 0 0.95rem;
  cursor: zoom-in;
  display: block;
  height: 100%;
  inset: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media-open:focus-visible {
  outline: 3px solid color-mix(in oklch, oklch(52% 0.14 38) 72%, white);
  outline-offset: -0.32rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media-nav {
  align-items: center;
  appearance: none;
  backdrop-filter: blur(7px);
  background: rgb(14 10 6 / 0.42);
  border: 1px solid rgb(255 255 255 / 0.26);
  border-radius: 999px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.95rem;
  font-weight: 950;
  height: 2.45rem;
  justify-content: center;
  line-height: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.35rem;
  z-index: 3;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media-nav:hover, .esl-admin-shop-inventory .esl-admin-shop-list-row__media-nav:focus-visible {
  background: rgb(14 10 6 / 0.68);
  border-color: rgb(255 255 255 / 0.5);
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media-nav--previous {
  left: 0.4rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media-nav--next {
  right: 0.4rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media-placeholder {
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 42%, transparent);
  border-radius: 999px;
  color: oklch(44% 0.14 38);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  padding: 0.48rem 0.7rem;
  text-transform: uppercase;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__order {
  backdrop-filter: blur(6px);
  background: color-mix(in oklch, oklch(15% 0.018 58) 76%, transparent);
  border: 1px solid color-mix(in oklch, oklch(93% 0.012 58) 82%, white);
  border-radius: 999px;
  color: color-mix(in oklch, oklch(93% 0.012 58) 88%, white);
  font-size: 0.72rem;
  font-weight: 850;
  left: 0.42rem;
  padding: 0.24rem 0.52rem;
  pointer-events: none;
  position: absolute;
  top: 0.42rem;
  z-index: 2;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media-index {
  align-items: center;
  background: rgb(14 10 6 / 0.38);
  backdrop-filter: blur(7px);
  border: 1px solid rgb(255 255 255 / 0.22);
  border-radius: 999px;
  bottom: 0.48rem;
  display: flex;
  gap: 0.32rem;
  left: 50%;
  padding: 0.28rem 0.42rem;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  z-index: 2;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media-index-marker {
  background: rgb(255 255 255 / 0.46);
  border: 1px solid rgb(255 255 255 / 0.42);
  border-radius: 999px;
  display: block;
  height: 0.42rem;
  width: 0.42rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__media-index-marker.esl-framed-inspector__index-marker--current {
  background: white;
  box-shadow: 0 0 0 0.18rem rgb(255 255 255 / 0.22);
  width: 1.05rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__details {
  align-content: center;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__detail {
  display: grid;
  gap: 0.12rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__detail-label {
  color: oklch(44% 0.14 38);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__detail-value, .esl-admin-shop-inventory .esl-admin-shop-list-row__empty {
  color: oklch(34% 0.016 58);
  font-size: 0.76rem;
  font-weight: 760;
  line-height: 1.28;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  min-width: 0;
  overflow: hidden;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__tag {
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 66%, transparent);
  border-radius: 999px;
  color: oklch(34% 0.016 58);
  font-size: 0.72rem;
  font-weight: 800;
  padding: 0.22rem 0.5rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__controls {
  align-content: center;
  align-self: center;
  display: grid;
  gap: 0.45rem;
  justify-items: stretch;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__status-button {
  appearance: none;
  background: linear-gradient(180deg, color-mix(in oklch, oklch(93% 0.012 58) 88%, white), color-mix(in oklch, oklch(89.8% 0.014 58) 82%, white));
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 25px;
  box-shadow: 0 0.35rem 0.7rem rgb(15 13 10 / 0.055);
  color: oklch(34% 0.016 58);
  cursor: pointer;
  display: inline-flex;
  font-size: 0.8rem;
  font-weight: 950;
  justify-content: center;
  line-height: 1;
  min-height: 2.55rem;
  padding: 0.64rem 0.78rem;
  width: 100%;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__status-button:hover, .esl-admin-shop-inventory .esl-admin-shop-list-row__status-button:focus-visible {
  border-color: color-mix(in oklch, oklch(52% 0.14 38) 52%, oklch(74% 0.018 58));
  transform: translateY(-1px);
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__status-button--on {
  background: linear-gradient(135deg, color-mix(in oklch, oklch(48% 0.12 150) 86%, oklch(15% 0.018 58)), color-mix(in oklch, oklch(48% 0.12 150) 62%, oklch(15% 0.018 58)));
  border-color: color-mix(in oklch, oklch(48% 0.12 150) 35%, white);
  color: color-mix(in oklch, oklch(48% 0.12 150) 12%, white);
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__status-button--off {
  background: linear-gradient(180deg, color-mix(in oklch, oklch(93% 0.012 58) 88%, white), color-mix(in oklch, oklch(45% 0.014 58) 10%, oklch(93% 0.012 58)));
  color: oklch(34% 0.016 58);
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__status-button--featured[aria-pressed="true"] {
  background: linear-gradient(135deg, oklch(93% 0.12 92), oklch(74% 0.16 78) 48%, oklch(96% 0.09 100));
  border-color: oklch(73% 0.16 78);
  box-shadow: 0 0.35rem 0.8rem rgb(88 55 8 / 0.18);
  color: oklch(25% 0.08 62);
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__button, .esl-admin-shop-inventory .esl-admin-shop-list-row__handle, .esl-admin-shop-inventory .esl-admin-shop-editor__primary, .esl-admin-shop-inventory .esl-admin-shop-editor__secondary, .esl-admin-shop-inventory .esl-admin-shop-editor__danger, .esl-admin-shop-inventory .esl-admin-shop-editor__close, .esl-admin-shop-inventory .esl-admin-shop-media-row__button, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row__button, .esl-admin-shop-inventory .esl-admin-shop-editor-suggestions__button {
  appearance: none;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 900;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__button {
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border-radius: 25px;
  border: 1px solid oklch(44% 0.14 38);
  color: white;
  display: inline-flex;
  font-size: 0.78rem;
  justify-content: center;
  min-height: 2.55rem;
  padding: 0.64rem 0.85rem;
  width: 100%;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__handle {
  align-self: stretch;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: default;
  display: grid;
  gap: 0.16rem;
  height: 100%;
  justify-items: center;
  min-height: 100%;
  padding-inline: 0.2rem 0.45rem;
  place-content: center;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__handle--active {
  background: transparent;
  cursor: grab;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__handle--active:active {
  cursor: grabbing;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__handle--inactive {
  cursor: grab;
  opacity: 0.52;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__handle-mark {
  background: color-mix(in oklch, oklch(44% 0.14 38) 74%, oklch(15% 0.018 58));
  border-radius: 999px;
  display: block;
  height: 0.2rem;
  width: 0.82rem;
}

.esl-admin-shop-inventory .esl-admin-shop-list-row__handle--active .esl-admin-shop-list-row__handle-mark {
  background: oklch(44% 0.14 38);
  width: 0.92rem;
}

.esl-admin-shop-inventory .esl-admin-shop-image-modal[hidden] {
  display: none !important;
}

.esl-admin-shop-inventory .esl-admin-shop-image-modal {
  align-items: center;
  background: radial-gradient(circle at 50% 28%, rgb(255 248 236 / 0.18), transparent 26rem), rgb(14 10 6 / 0.82);
  display: grid;
  inset: 0;
  justify-items: center;
  overflow: auto;
  padding: clamp(0.9rem, 2.6vw, 2.2rem);
  position: fixed;
  z-index: 40;
}

.esl-admin-shop-inventory .esl-admin-shop-image-modal__panel {
  background: #080706;
  border: 1px solid rgb(255 248 236 / 0.24);
  border-radius: 1rem;
  box-shadow: 0 2rem 4rem rgb(14 10 6 / 0.42);
  display: grid;
  max-height: calc(100dvh - clamp(1.8rem, 5.2vw, 4.4rem));
  max-width: min(100%, 82rem);
  overflow: hidden;
  padding: clamp(0.42rem, 0.9vw, 0.68rem);
  position: relative;
  width: min(100%, 82rem);
}

.esl-admin-shop-inventory .esl-admin-shop-image-modal__title {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.esl-admin-shop-inventory .esl-admin-shop-image-modal__frame {
  align-items: center;
  background: radial-gradient(circle at 50% 32%, #1b1712, #080706 66%);
  border-radius: 0.72rem;
  display: grid;
  height: min(78dvh, 54rem);
  justify-items: center;
  margin: 0;
  min-height: 18rem;
  overflow: hidden;
}

.esl-admin-shop-inventory .esl-admin-shop-image-modal__image {
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
  width: 100%;
}

.esl-admin-shop-inventory .esl-admin-shop-image-modal__close {
  align-items: center;
  appearance: none;
  backdrop-filter: blur(10px);
  background: rgb(8 7 6 / 0.76);
  border: 1px solid rgb(255 248 236 / 0.36);
  border-radius: 999px;
  color: #fff8ec;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.86rem;
  font-weight: 900;
  gap: 0.35rem;
  line-height: 1;
  padding: 0.6rem 0.82rem;
  position: absolute;
  right: 0.85rem;
  top: 0.85rem;
  z-index: 2;
}

.esl-admin-shop-inventory .esl-admin-shop-image-modal__close:hover, .esl-admin-shop-inventory .esl-admin-shop-image-modal__close:focus-visible {
  background: rgb(8 7 6 / 0.9);
  border-color: #fff8ec;
}

.esl-admin-shop-inventory .esl-admin-shop-image-modal__close:focus-visible {
  outline: 3px solid color-mix(in srgb, #fff8ec 70%, #c87552);
  outline-offset: 3px;
}

.esl-admin-shop-inventory .esl-admin-shop-image-modal__close-mark {
  font-size: 1.18em;
  line-height: 0.75;
  transform: translateY(-0.03em);
}

.esl-admin-shop-inventory .esl-admin-shop-editor {
  align-items: start;
  background: rgb(14 10 6 / 0.58);
  display: grid;
  inset: 0;
  justify-items: center;
  overflow: auto;
  padding: clamp(0.75rem, 2vw, 1.5rem);
  position: fixed;
  z-index: 20;
}

.esl-admin-shop-inventory .esl-admin-shop-editor__panel {
  background: linear-gradient(180deg, oklch(93% 0.012 58), oklch(89.8% 0.014 58));
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 82%, transparent);
  border-radius: 1.25rem;
  box-shadow: 0 2rem 4rem rgb(14 10 6 / 0.28);
  display: grid;
  gap: 1rem;
  max-width: min(100%, 72rem);
  padding: clamp(1rem, 2vw, 1.35rem);
  width: 100%;
}

.esl-admin-shop-inventory .esl-admin-shop-editor__header, .esl-admin-shop-inventory .esl-admin-shop-media-manager__header, .esl-admin-shop-inventory .esl-admin-shop-deliverables-manager__header, .esl-admin-shop-inventory .esl-admin-shop-editor__footer {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: space-between;
}

.esl-admin-shop-inventory .esl-admin-shop-editor__header-copy {
  display: grid;
  gap: 0.35rem;
}

.esl-admin-shop-inventory .esl-admin-shop-editor__eyebrow {
  color: oklch(44% 0.14 38);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.esl-admin-shop-inventory .esl-admin-shop-editor__title, .esl-admin-shop-inventory .esl-admin-shop-media-manager__title, .esl-admin-shop-inventory .esl-admin-shop-deliverables-manager__title {
  color: oklch(15% 0.018 58);
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  font-weight: 950;
  line-height: 1.05;
  margin: 0;
}

.esl-admin-shop-inventory .esl-admin-shop-editor__body, .esl-admin-shop-inventory .esl-admin-shop-media-manager__body, .esl-admin-shop-inventory .esl-admin-shop-deliverables-manager__body {
  color: oklch(34% 0.016 58);
  font-size: 0.9rem;
  line-height: 1.45;
  margin: 0;
  max-width: 68ch;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-status {
  background: color-mix(in oklch, oklch(92% 0.04 38) 50%, oklch(93% 0.012 58));
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 34%, oklch(74% 0.018 58));
  border-radius: 0.95rem;
  display: grid;
  gap: 0.35rem;
  padding: 0.85rem;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-status[hidden] {
  display: none !important;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-status[data-tone="error"] {
  background: color-mix(in oklch, oklch(48% 0.16 28) 9%, oklch(93% 0.012 58));
  border-color: color-mix(in oklch, oklch(48% 0.16 28) 42%, oklch(74% 0.018 58));
}

.esl-admin-shop-inventory .esl-admin-shop-editor-status__title {
  color: oklch(15% 0.018 58);
  font-size: 0.92rem;
  font-weight: 950;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-status__body, .esl-admin-shop-inventory .esl-admin-shop-editor-status__item {
  color: oklch(34% 0.016 58);
  font-size: 0.84rem;
  line-height: 1.42;
  margin: 0;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-status__list {
  margin: 0;
  padding-left: 1.2rem;
}

.esl-admin-shop-inventory .esl-admin-shop-editor__fields {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.esl-admin-shop-inventory .esl-admin-shop-editor-field {
  display: grid;
  gap: 0.35rem;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-field--description, .esl-admin-shop-inventory .esl-admin-shop-editor-field--materials-text, .esl-admin-shop-inventory .esl-admin-shop-editor-field--processes-text, .esl-admin-shop-inventory .esl-admin-shop-editor-field--tags-text {
  grid-column: 1 / -1;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-field--checkbox {
  align-content: start;
  background: color-mix(in oklch, oklch(93% 0.012 58) 76%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  border-radius: 0.9rem;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 0.75rem;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-field--checkbox .esl-admin-shop-editor-field__label {
  grid-column: 2;
  grid-row: 1;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-field--checkbox input {
  grid-column: 1;
  grid-row: 1 / span 2;
  height: 1.1rem;
  margin: 0.08rem 0.2rem 0 0;
  width: 1.1rem;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-field--checkbox .esl-admin-shop-editor-field__help {
  grid-column: 2;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-field__label {
  color: oklch(15% 0.018 58);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-field__help, .esl-admin-shop-inventory .esl-admin-shop-editor-suggestions__empty {
  color: oklch(45% 0.014 58);
  font-size: 0.76rem;
  line-height: 1.35;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-field input:not([type="checkbox"]), .esl-admin-shop-inventory .esl-admin-shop-editor-field textarea {
  background: color-mix(in oklch, oklch(93% 0.012 58) 86%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 82%, transparent);
  border-radius: 0.72rem;
  color: oklch(15% 0.018 58);
  font-size: 0.92rem;
  line-height: 1.4;
  padding: 0.72rem 0.78rem;
  width: 100%;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-field textarea {
  resize: vertical;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.esl-admin-shop-inventory .esl-admin-shop-editor-suggestions__button {
  background: color-mix(in oklch, oklch(92% 0.04 38) 50%, oklch(93% 0.012 58));
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 36%, oklch(74% 0.018 58));
  color: oklch(44% 0.14 38);
  font-size: 0.75rem;
  padding: 0.45rem 0.65rem;
}

.esl-admin-shop-inventory .esl-admin-shop-media-manager, .esl-admin-shop-inventory .esl-admin-shop-deliverables-manager {
  background: color-mix(in oklch, oklch(93% 0.012 58) 68%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 72%, transparent);
  border-radius: 1rem;
  display: grid;
  gap: 0.85rem;
  padding: 0.9rem;
}

.esl-admin-shop-inventory .esl-admin-shop-media-manager__add, .esl-admin-shop-inventory .esl-admin-shop-deliverables-manager__add {
  align-items: center;
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border-radius: 999px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 950;
  gap: 0.45rem;
  overflow: hidden;
  padding: 0.68rem 0.9rem;
  position: relative;
}

.esl-admin-shop-inventory .esl-admin-shop-media-manager__add input, .esl-admin-shop-inventory .esl-admin-shop-deliverables-manager__add input {
  cursor: pointer;
  inset: 0;
  opacity: 0;
  position: absolute;
}

.esl-admin-shop-inventory .esl-admin-shop-media-list, .esl-admin-shop-inventory .esl-admin-shop-deliverables-list {
  display: grid;
  gap: 0.58rem;
}

.esl-admin-shop-inventory .esl-admin-shop-media-list__empty, .esl-admin-shop-inventory .esl-admin-shop-deliverables-list__empty {
  border: 1px dashed color-mix(in oklch, oklch(52% 0.14 38) 42%, oklch(74% 0.018 58));
  border-radius: 0.9rem;
  color: oklch(34% 0.016 58);
  font-size: 0.86rem;
  font-weight: 760;
  margin: 0;
  padding: 0.85rem;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row {
  align-items: center;
  background: color-mix(in oklch, oklch(93% 0.012 58) 84%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 72%, transparent);
  border-radius: 0.9rem;
  display: grid;
  gap: 0.72rem;
  grid-template-columns: 6.5rem minmax(0, 1fr) minmax(16rem, auto);
  overflow: hidden;
  padding: 0.58rem;
}

.esl-admin-shop-inventory .esl-admin-shop-deliverable-row {
  grid-template-columns: 4.8rem minmax(0, 1fr) minmax(13rem, auto);
}

.esl-admin-shop-inventory .esl-admin-shop-deliverable-row__badge {
  align-items: center;
  background: linear-gradient(135deg, color-mix(in oklch, oklch(92% 0.04 38) 60%, white), color-mix(in oklch, oklch(93% 0.012 58) 70%, white));
  border: 1px solid color-mix(in oklch, oklch(52% 0.14 38) 38%, oklch(74% 0.018 58));
  border-radius: 0.72rem;
  color: oklch(44% 0.14 38);
  display: flex;
  font-size: 0.72rem;
  font-weight: 950;
  height: 3.8rem;
  justify-content: center;
  letter-spacing: 0.02em;
  overflow: hidden;
  padding: 0.35rem;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__preview {
  background: color-mix(in oklch, oklch(92% 0.04 38) 42%, oklch(89.8% 0.014 58));
  border-radius: 0.72rem;
  display: grid;
  height: 5rem;
  margin: 0;
  overflow: hidden;
  place-items: center;
  position: relative;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__preview img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__primary {
  background: color-mix(in oklch, oklch(15% 0.018 58) 74%, transparent);
  border-radius: 999px;
  bottom: 0.35rem;
  color: white;
  font-size: 0.64rem;
  font-weight: 950;
  left: 0.35rem;
  padding: 0.22rem 0.42rem;
  position: absolute;
  text-transform: uppercase;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__copy, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row__copy {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__filename, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row__filename {
  color: oklch(15% 0.018 58);
  font-size: 0.92rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__name-control, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row__name-control {
  align-items: center;
  display: flex;
  gap: 0.28rem;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__name-input, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row__name-input {
  background: color-mix(in oklch, oklch(93% 0.012 58) 92%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 70%, transparent);
  border-radius: 0.62rem;
  color: oklch(15% 0.018 58);
  font: inherit;
  font-weight: 850;
  min-width: 0;
  padding: 0.42rem 0.52rem;
  width: 100%;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__extension, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row__extension {
  color: oklch(45% 0.014 58);
  font-size: 0.86rem;
  font-weight: 900;
  white-space: nowrap;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__meta, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row__meta {
  color: oklch(45% 0.014 58);
  font-size: 0.74rem;
  font-weight: 760;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__actions, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  justify-content: flex-end;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__button, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row__button, .esl-admin-shop-inventory .esl-admin-shop-editor__secondary, .esl-admin-shop-inventory .esl-admin-shop-editor__close {
  background: color-mix(in oklch, oklch(93% 0.012 58) 86%, white);
  border: 1px solid color-mix(in oklch, oklch(74% 0.018 58) 78%, transparent);
  color: oklch(34% 0.016 58);
  font-size: 0.78rem;
  padding: 0.55rem 0.72rem;
}

.esl-admin-shop-inventory .esl-admin-shop-media-row__button--remove, .esl-admin-shop-inventory .esl-admin-shop-deliverable-row__button--remove, .esl-admin-shop-inventory .esl-admin-shop-editor__danger {
  background: color-mix(in oklch, oklch(48% 0.16 28) 12%, oklch(93% 0.012 58));
  border: 1px solid color-mix(in oklch, oklch(48% 0.16 28) 48%, oklch(74% 0.018 58));
  color: oklch(48% 0.16 28);
}

.esl-admin-shop-inventory .esl-admin-shop-editor__primary {
  background: linear-gradient(135deg, oklch(52% 0.14 38), oklch(44% 0.14 38));
  border: 1px solid oklch(44% 0.14 38);
  color: white;
  font-size: 0.86rem;
  padding: 0.75rem 0.95rem;
}

.esl-admin-shop-inventory .esl-admin-shop-editor__danger {
  font-size: 0.86rem;
  padding: 0.75rem 0.95rem;
}

.esl-admin-shop-inventory .esl-admin-shop-editor__footer {
  align-items: center;
  justify-content: flex-end;
}

.esl-admin-shop-inventory button[disabled], .esl-admin-shop-inventory input[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}

.esl-admin-shop-inventory {
  container-type: inline-size;
}

.esl-admin-portfolio-inventory {
  container-type: inline-size;
}

@container (max-width: 68.375rem) {
  .esl-admin-shop-inventory .esl-admin-shop-list__header,
  .esl-admin-shop-inventory .esl-admin-shop-list-row {
    grid-template-columns: 10.5rem minmax(0, 1fr) minmax(8.9rem, auto) 1.35rem;
    min-width: 0;
  }

  .esl-admin-shop-inventory .esl-admin-shop-list-add-row {
    min-width: 0;
  }

  .esl-admin-shop-inventory .esl-admin-shop-list-state-row {
    min-width: 0;
  }

  .esl-admin-shop-inventory .esl-admin-shop-list__header-cell:nth-child(3),
  .esl-admin-shop-inventory .esl-admin-shop-list-row__details {
    display: none;
  }

  .esl-admin-shop-inventory .esl-admin-shop-list__header-cell:nth-child(4) {
    grid-column: 3;
  }

  .esl-admin-shop-inventory .esl-admin-shop-list__header-cell:nth-child(5) {
    grid-column: 4;
  }

  .esl-admin-portfolio-inventory .esl-admin-portfolio-list__header,
  .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row {
    grid-template-columns: 10.5rem minmax(0, 1fr) minmax(8.9rem, auto) 1.35rem;
    min-width: 0;
  }

  .esl-admin-portfolio-inventory .esl-admin-portfolio-list-add-row {
    min-width: 0;
  }

  .esl-admin-portfolio-inventory .esl-admin-portfolio-list-state-row {
    min-width: 0;
  }

  .esl-admin-portfolio-inventory .esl-admin-portfolio-list__header-cell:nth-child(3),
  .esl-admin-portfolio-inventory .esl-admin-portfolio-list-row__details {
    display: none;
  }

  .esl-admin-portfolio-inventory .esl-admin-portfolio-list__header-cell:nth-child(4) {
    grid-column: 3;
  }

  .esl-admin-portfolio-inventory .esl-admin-portfolio-list__header-cell:nth-child(5) {
    grid-column: 4;
  }
}