/* Atlas / creator workspace — page-specific layer.
   Loads after atlas-core.css, which supplies the tokens, primitives, the
   section rule and the segment buttons.

   This is a workbench, not a showcase. The public profile is where a creator's
   work is presented; here it is operated on. So: density over drama, every
   action reachable in the row it belongs to, and the identity panel showing
   exactly what visitors see while it is being edited. */

/* Repeated from core on purpose; see the note there. Guarded per file by
   tests/smoke/design-system-hidden-guard.test.mjs. */
[hidden],
.hidden { display: none !important; }

/* Matched to the public page it edits, at workspace strength — a creator
   should recognise their own colour while they are setting it. */
body.am { --am-shell: 76rem; --am-floor: .7; }

/* --------------------------------------------------------------- ambient */
/* Lit from the creator's own banner, so the workspace is coloured by the same
   art as the page it edits. Quieter than the public page — this is a working
   surface and the atmosphere should not compete with the rows. */
.am-ambient { height: 38vh; }

.am-ambient__img {
  background-position: center 25%;
  filter: blur(110px) saturate(1.6) brightness(.4);
}

.am-ambient__veil {
  background: linear-gradient(180deg,
    rgba(6, 8, 11, .78) 0%,
    rgba(6, 8, 11, .62) 30%,
    rgba(6, 8, 11, .82) 68%,
    var(--am-void) 94%);
}

/* ------------------------------------------------------------------ head */
.am-ws-head { padding-block: .4rem 1.6rem; }

.am-ws-back {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-family: var(--am-mono);
  font-size: .5625rem;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--am-ink-3);
  text-decoration: none;
  transition: color .18s var(--am-ease);
}
.am-ws-back:hover { color: var(--am-ink-2); }

.am-ws-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .9rem;
  margin-top: 1rem;
}

#creatorPageTitle {
  margin: 0;
  font-family: var(--am-display);
  font-size: clamp(1.7rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--am-ink);
}

#creatorPageSubtitle {
  font-family: var(--am-mono);
  font-size: .5625rem;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--am-ink-3);
}

#creatorPageMessage {
  margin: .9rem 0 0;
  max-width: 68ch;
  font-size: .875rem;
  line-height: 1.75;
  color: var(--am-ink-2);
}
#creatorPageMessage:empty { display: none; }

.am-chip-state {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  height: 1.7rem;
  padding-inline: .65rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  font-family: var(--am-mono);
  font-size: .5625rem;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--am-ink-2);
  white-space: nowrap;
}
.am-chip-state--live { border-color: rgba(var(--am-glow), .5); color: var(--am-accent); }
.am-chip-state--wait { border-color: rgba(232, 189, 92, .45); color: var(--am-paid); }
.am-chip-state--off { color: var(--am-ink-3); }
.am-chip-state--warn { border-color: rgba(244, 120, 140, .45); color: var(--am-danger); }

.am-note {
  padding: .85rem 1rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: var(--am-panel);
  font-size: .8125rem;
  line-height: 1.7;
  color: var(--am-ink-2);
}
.am-note:empty { display: none; }

.am-ws-note { margin-top: 1.1rem; }
.am-ws-form { margin-top: 1rem; }

/* A quiet operational readout, not four separate dashboard cards. */
.am-ws-overview { padding-top: .25rem; }
.am-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid var(--am-line-soft);
}
.am-kpi {
  min-width: 0;
  padding: .85rem 1rem;
  border-right: 1px solid var(--am-line-soft);
}
.am-kpi:last-child { border-right: 0; }
.am-kpi__value {
  display: block;
  overflow: hidden;
  color: var(--am-ink);
  font-family: var(--am-display);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.am-kpi__label {
  display: block;
  margin-top: .25rem;
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .5625rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.am-links-list { display: grid; gap: .5rem; }

/* --------------------------------------------------------------- section */
.am-ws-section { padding-top: 2.2rem; }

/* --------------------------------------------------------------- imports */
.am-integration {
  border-block: 1px solid var(--am-line-soft);
}

.am-integration__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem 0;
}

.am-integration__identity {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: .7rem;
}

.am-integration__mark {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 6.25rem;
  height: 2rem;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: .55rem;
  background: rgba(255, 255, 255, .04);
  color: rgba(255, 255, 255, .9);
  font-family: var(--am-display);
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
}
.am-integration__mark .am-provider-wordmark { width: 5rem; }
.am-integration__mark:hover {
  border-color: rgba(255, 255, 255, .3);
  background: rgba(255, 255, 255, .08);
  color: #fff;
}

.am-integration__account {
  display: grid;
  min-width: 0;
  gap: .18rem;
}

.am-integration__account strong {
  overflow: hidden;
  color: var(--am-ink);
  font-family: var(--am-display);
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.am-integration__account a {
  color: var(--am-accent);
  font-family: var(--am-mono);
  font-size: .5625rem;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: uppercase;
}
.am-integration__account a:hover { text-decoration: underline; }

/* A provider mark is a destination, not another prose button. The accessible
   name and native tooltip carry the label while the compact SVG keeps rows
   quiet. */
.am-provider-link {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 5.5rem;
  height: 1.85rem;
  padding: 0;
  border: 1px solid var(--am-line-soft);
  border-radius: .5rem;
  background: rgba(255, 255, 255, .018);
  color: var(--am-ink-2);
  text-decoration: none;
  transition: color .16s var(--am-ease), border-color .16s var(--am-ease), background .16s var(--am-ease), transform .16s var(--am-ease);
}
.am-provider-wordmark {
  display: block;
  flex: 0 0 auto;
  width: 4.35rem;
  aspect-ratio: 749.3 / 227.1;
  background: currentColor;
  -webkit-mask: url('/assets/brand/patreon/patreon-lockup-horizontal-black.svg') center / contain no-repeat;
  mask: url('/assets/brand/patreon/patreon-lockup-horizontal-black.svg') center / contain no-repeat;
}
.am-provider-link--patreon { color: rgba(255, 255, 255, .78); }
.am-provider-link--compact { width: 4.7rem; height: 1.45rem; }
.am-provider-link--compact .am-provider-wordmark { width: 3.85rem; }
.am-provider-link--bare { width: auto; height: auto; padding: .2rem .12rem; border-color: transparent; background: transparent; }
.am-provider-link.am-integration__mark { width: 6.25rem; height: 2rem; }
.am-provider-link--patreon:hover {
  border-color: rgba(255, 91, 92, .58);
  background: rgba(255, 91, 92, .09);
  color: #ff7778;
  text-decoration: none;
  transform: translateY(-1px);
}
.am-provider-link--patreon:focus-visible {
  outline: 2px solid rgba(255, 119, 120, .72);
  outline-offset: 2px;
}
.am-integration__account .am-provider-link { color: rgba(255, 255, 255, .72); }
.am-integration__account .am-provider-link:hover { color: #ff7778; text-decoration: none; }

.am-integration__actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .35rem;
}

.am-integration__campaigns {
  padding: .9rem 0 1rem;
  border-top: 1px solid var(--am-line-soft);
}

.am-integration__campaign-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .45rem;
}

.am-integration__campaign-list {
  display: grid;
}

.am-integration__campaign {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  min-height: 2.8rem;
  border-top: 1px solid var(--am-line-soft);
  color: var(--am-ink-2);
}
.am-integration__campaign:last-child { border-bottom: 1px solid var(--am-line-soft); }

.am-integration__campaign input {
  width: 1rem;
  height: 1rem;
  accent-color: var(--am-accent);
}

.am-integration__campaign-name {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--am-ink);
  font-size: .8125rem;
  line-height: 1.45;
}

.am-integration__campaign-meta {
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .5625rem;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
}
.am-integration__campaign-meta.is-warning { color: var(--am-paid); }

.am-integration__campaigns .am-msg {
  display: block;
  min-height: 1rem;
  margin-top: .55rem;
}

.am-import-review {
  padding: 1rem 0 .2rem;
  border-top: 1px solid var(--am-line-soft);
}

.am-import-review__head,
.am-import-review__scan,
.am-import-review__bulk,
.am-import-review__pager {
  display: flex;
  align-items: center;
}

.am-import-review__head {
  justify-content: space-between;
  gap: 1rem;
}

.am-import-review__head > div:first-child {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.am-import-review__scan { gap: .4rem; }
.am-import-review__scan .am-select { min-width: 10rem; }

.am-import-review__filters {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) repeat(3, minmax(8.5rem, auto));
  gap: .45rem;
  margin-top: .8rem;
}

.am-import-review__bulk {
  gap: .4rem;
  min-height: 2.6rem;
  margin-top: .55rem;
  padding-block: .45rem;
  border-block: 1px solid var(--am-line-soft);
}

.am-import-review__bulk span {
  margin-right: auto;
  color: var(--am-ink-2);
  font-family: var(--am-mono);
  font-size: .625rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.am-import-review__list { margin-top: .55rem; }

.am-import-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .7rem;
  padding: .8rem 0;
  border-top: 1px solid var(--am-line-soft);
}

.am-import-item:last-child { border-bottom: 1px solid var(--am-line-soft); }

.am-import-item__select {
  width: 1rem;
  height: 1rem;
  margin-top: .2rem;
  accent-color: var(--am-accent);
}

.am-import-item__body {
  display: grid;
  min-width: 0;
  gap: .42rem;
}

.am-import-item__title {
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  color: var(--am-ink);
  font-family: var(--am-display);
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
}

a.am-import-item__title:hover { color: var(--am-accent); }

.am-import-item__meta,
.am-import-item__reasons,
.am-import-item__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .32rem;
}

.am-import-item__date {
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .5625rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.am-import-item__reason {
  padding: .14rem .32rem;
  border: 1px solid var(--am-line-soft);
  border-radius: 3px;
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .5625rem;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: uppercase;
}

.am-import-item__actions {
  align-content: flex-start;
  justify-content: flex-end;
  max-width: 12rem;
}

.am-import-item__actions .am-btn.is-selected {
  border-color: rgba(var(--am-glow), .65);
  color: var(--am-accent);
}

.am-import-review__pager {
  justify-content: flex-end;
  gap: .5rem;
  padding-top: .75rem;
}

.am-import-prep {
  margin-top: 1.1rem;
  padding: 1rem 0 .2rem;
  border-top: 1px solid var(--am-line-soft);
}

.am-import-prep__head,
.am-import-prep__head > div,
.am-import-prep__summary,
.am-import-prep__foot,
.am-import-prep__item-head,
.am-import-prep__item-controls,
.am-import-prep__meta,
.am-import-prep__mapping-summary,
.am-import-prep__category-head,
.am-import-prep__media-head,
.am-import-prep__image-tools,
.am-import-prep__match {
  display: flex;
  align-items: center;
}

.am-import-prep__head {
  justify-content: space-between;
  gap: .75rem;
}

.am-import-prep__head > div,
.am-import-prep__summary,
.am-import-prep__meta,
.am-import-prep__image-tools { gap: .35rem; }

.am-import-prep__summary {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.am-import-prep > .am-note { margin-top: .7rem; }

.am-import-prep__defaults {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  margin-top: .8rem;
  padding-block: .8rem;
  border-block: 1px solid var(--am-line-soft);
}

.am-import-prep__defaults .am-field--wide { grid-column: span 2; }
.am-import-prep__defaults .am-import-prep__games-field,
.am-import-prep__fields .am-import-prep__games-field { grid-column: 1 / -1; }

.am-import-prep__confirm,
.am-import-prep__toggle,
.am-import-prep__check {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: var(--am-ink-2);
  font-size: .75rem;
  line-height: 1.4;
}

.am-import-prep__confirm { min-height: 2.25rem; }

.am-import-prep__confirm input,
.am-import-prep__toggle input,
.am-import-prep__check input {
  flex: 0 0 auto;
  width: .95rem;
  height: .95rem;
  accent-color: var(--am-accent);
}

.am-import-prep__checks {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .7rem;
  min-height: 2.25rem;
  padding-block: .35rem;
}

.am-import-prep__editions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 1rem;
  min-height: 2.25rem;
}

.am-import-prep__edition {
  min-width: 0;
  padding-block: .45rem;
  border-top: 1px solid var(--am-line-soft);
}

.am-import-prep__edition-game {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--am-ink-2);
  font-family: var(--am-display);
  font-size: .8125rem;
  font-weight: 600;
}

.am-import-prep__edition-game input {
  flex: 0 0 auto;
  width: .95rem;
  height: .95rem;
  accent-color: var(--am-accent);
}

.am-import-prep__edition.is-selected .am-import-prep__edition-game { color: var(--am-accent); }
.am-import-prep__edition .am-import-prep__checks { min-height: 0; padding: .4rem 0 0 1.4rem; }

.am-import-prep__quiet {
  align-self: center;
  color: var(--am-ink-3);
  font-size: .75rem;
}

.am-import-prep__list {
  display: grid;
  gap: .65rem;
  margin-top: .8rem;
}

.am-import-prep__item {
  min-width: 0;
  padding: .85rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: var(--am-panel);
}

.am-import-prep__item.is-busy { opacity: .65; pointer-events: none; }

.am-import-prep__item-head {
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}

.am-import-prep__identity {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
  gap: .38rem;
}

.am-import-prep__source-title {
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  color: var(--am-ink);
  font-family: var(--am-display);
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.am-import-prep__source-title:hover { color: var(--am-accent); }

.am-import-prep__item-controls {
  align-items: flex-end;
  flex: 0 0 auto;
  gap: .45rem;
}

.am-import-prep__item-controls .am-btn { min-width: 4.8rem; }

.am-import-prep__action {
  display: grid;
  min-width: 13rem;
  gap: .28rem;
}

.am-import-prep__mapping-summary {
  flex-wrap: wrap;
  gap: .32rem;
  margin-top: .55rem;
  padding-top: .55rem;
  border-top: 1px solid var(--am-line-soft);
}

.am-import-prep__match {
  flex-wrap: wrap;
  gap: .35rem .6rem;
  margin-top: .65rem;
  padding: .45rem .55rem;
  border-left: 2px solid rgba(var(--am-glow), .55);
  color: var(--am-ink-2);
  font-size: .75rem;
}

.am-import-prep__match a { color: var(--am-accent); text-decoration: none; }
.am-import-prep__match a:hover { text-decoration: underline; }

.am-import-prep__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
  margin-top: .8rem;
}

.am-import-prep__fields .am-field--wide { grid-column: 1 / -1; }
.am-import-prep__description { min-height: 6.5rem; resize: vertical; }

.am-import-prep__category-head,
.am-import-prep__media-head {
  justify-content: space-between;
  gap: .75rem;
}

.am-import-prep__toggle {
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .5625rem;
  text-transform: uppercase;
}

.am-import-prep__drop {
  display: grid;
  place-items: center;
  min-height: 3rem;
  margin-top: .45rem;
  border: 1px dashed var(--am-line);
  border-radius: var(--am-r);
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .625rem;
  text-transform: uppercase;
  cursor: pointer;
}

.am-import-prep__drop:hover,
.am-import-prep__drop:focus-visible {
  border-color: rgba(var(--am-glow), .65);
  color: var(--am-accent);
  outline: none;
}

.am-import-prep__gallery {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .45rem;
  margin-top: .55rem;
}

.am-import-prep__image {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: var(--am-void);
}

.am-import-prep__image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.am-import-prep__image-tools {
  min-height: 2.3rem;
  padding: .3rem;
  flex-wrap: wrap;
}

.am-import-prep__image-tools .am-btn {
  min-height: 1.65rem;
  padding-inline: .38rem;
  font-size: .5rem;
}

.am-import-prep__issues {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .7rem;
}

.am-import-prep__issue {
  padding: .25rem .4rem;
  border: 1px solid var(--am-line-soft);
  border-radius: 3px;
  font-size: .6875rem;
  line-height: 1.4;
}

.am-import-prep__issue--error {
  border-color: rgba(244, 120, 140, .38);
  color: var(--am-danger);
}

.am-import-prep__issue--warning {
  border-color: rgba(232, 189, 92, .35);
  color: var(--am-paid);
}

.am-import-prep__foot {
  gap: .45rem;
  padding-top: .8rem;
}

.am-import-prep__foot .am-msg { margin-left: .25rem; }

.am-release-editor {
  gap: .6rem;
  padding-block: .75rem;
  border-block: 1px solid var(--am-line-soft);
}

.am-release-editor__editions {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.am-release-editor__add {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) auto;
  align-items: end;
  gap: .6rem;
}

.am-release-editor__add .am-msg { grid-column: 1 / -1; }
.am-release-editor__add > .am-btn { min-height: 2.35rem; }

@media (max-width: 55rem) {
  .am-import-review__filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-import-prep__defaults { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-import-prep__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-import-prep__editions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-import-prep__gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 39.99rem) {
  .am-integration__head { align-items: flex-start; flex-direction: column; }
  .am-integration__actions { justify-content: flex-start; width: 100%; }
  .am-integration__campaign { grid-template-columns: auto minmax(0, 1fr); padding-block: .55rem; }
  .am-integration__campaign-meta { grid-column: 2; white-space: normal; }
  .am-import-review__head { align-items: flex-start; flex-direction: column; }
  .am-import-review__scan { align-items: stretch; flex-direction: column; width: 100%; }
  .am-import-review__scan .am-select { width: 100%; }
  .am-import-review__filters { grid-template-columns: 1fr; }
  .am-import-item { grid-template-columns: auto minmax(0, 1fr); }
  .am-import-item__actions { grid-column: 2; justify-content: flex-start; max-width: none; }
  .am-import-review__bulk { align-items: flex-start; flex-wrap: wrap; }
  .am-import-review__bulk span { flex-basis: 100%; }
  .am-import-prep__head,
  .am-import-prep__item-head,
  .am-import-prep__foot { align-items: stretch; flex-direction: column; }
  .am-import-prep__summary { justify-content: flex-start; }
  .am-import-prep__defaults,
  .am-import-prep__fields { grid-template-columns: 1fr; }
  .am-import-prep__defaults .am-field--wide { grid-column: 1; }
  .am-import-prep__defaults .am-import-prep__games-field,
  .am-import-prep__fields .am-import-prep__games-field { grid-column: 1; }
  .am-import-prep__editions { grid-template-columns: 1fr; }
  .am-import-prep__item-controls { width: 100%; }
  .am-import-prep__action { flex: 1 1 auto; min-width: 0; }
  .am-import-prep__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-import-prep__foot .am-msg { margin-left: 0; }
  .am-release-editor__add { grid-template-columns: 1fr; }
  .am-release-editor__add .am-msg { grid-column: 1; }
}

/* --------------------------------------------------------------- identity */
/* What a visitor sees, shown while it is edited. The preview is not decoration:
   it is the only place a creator can judge a banner crop or an accent before
   committing to it. */
.am-identity {
  display: grid;
  gap: 1.4rem;
}
@media (min-width: 64rem) {
  .am-identity { grid-template-columns: minmax(0, 21rem) minmax(0, 1fr); align-items: start; }
}

.am-preview {
  position: sticky;
  top: 1rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: var(--am-panel);
  overflow: hidden;
}

.am-preview__label {
  padding: .6rem .8rem;
  border-bottom: 1px solid var(--am-line-soft);
  font-family: var(--am-mono);
  font-size: .5625rem;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--am-ink-3);
}

.am-preview__banner {
  position: relative;
  aspect-ratio: 21 / 9;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(var(--am-glow), .1), transparent 72%),
    radial-gradient(90% 150% at 14% 0%, rgba(var(--am-glow), .16), transparent 60%),
    repeating-linear-gradient(115deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 9px),
    #080b0f;
}
.am-preview__banner img { display: block; width: 100%; height: 100%; object-fit: cover; }

.am-preview__banner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 40%, rgba(6, 8, 11, .8) 100%);
}

/* ------------------------------------------------- editing on the preview */
/* The controls sit on the thing they change rather than in a row of buttons
   below the form. Hover reveals them on a pointer; on touch, where there is no
   hover, they are always visible — an invisible control is no control. */
.am-preview__edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.6rem;
  width: 1.6rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  background: rgba(4, 6, 9, .78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: var(--am-ink);
  cursor: pointer;
  opacity: 0;
  transition: opacity .16s var(--am-ease), color .16s var(--am-ease), border-color .16s var(--am-ease);
}
.am-preview__edit svg { width: 12px; height: 12px; display: block; }
.am-preview__edit:hover { border-color: rgba(var(--am-glow), .6); color: var(--am-accent); }
.am-preview__edit:disabled { cursor: wait; opacity: .5; }
.am-preview__edit--danger:hover { border-color: rgba(244, 120, 140, .6); color: var(--am-danger); }

/* Grouped per region, so each pair sits on the thing it edits. */
.am-preview__tools {
  position: absolute;
  z-index: 2;
  display: flex;
  gap: .3rem;
}

/* Wraps the banner so the tools can be a sibling of it — the app clears the
   banner element on every repaint, so anything nested inside is destroyed. */
.am-preview__bannerwrap { position: relative; }

/* Top-right of the banner, clear of its bottom gradient. */
.am-preview__bannerwrap .am-preview__tools { top: .45rem; right: .45rem; }

/* The avatar itself is only 3rem and clips its overflow, so its pair lives at
   the far end of the identity row instead of on the picture. */
.am-preview__identity .am-preview__tools { right: .8rem; bottom: 1rem; }

/* Revealed by hovering the region, so the pencil appears on the banner when
   the banner is under the cursor - not when the whole card is. */
.am-preview__bannerwrap:hover .am-preview__edit,
.am-preview__identity:hover .am-preview__edit,
.am-preview__edit:focus-visible { opacity: 1; }

@media (hover: none) {
  .am-preview__edit { opacity: 1; }
}

.am-preview__msg {
  padding: 0 .8rem .8rem;
  font-size: .6875rem;
  line-height: 1.5;
  color: var(--am-ink-3);
}
.am-preview__msg:empty { display: none; }
.am-preview__msg.is-error { color: var(--am-danger); }

.am-preview__identity {
  display: flex;
  align-items: flex-end;
  gap: .7rem;
  margin-top: -1.6rem;
  padding: 0 .8rem .9rem;
  position: relative;
  z-index: 1;
}

.am-preview__avatar {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  border-radius: var(--am-r);
  box-shadow: 0 0 0 3px var(--am-void);
  background: #0d1117;
  font-family: var(--am-display);
  font-size: .875rem;
  font-weight: 600;
  color: var(--am-accent);
}
.am-preview__avatar img { width: 100%; height: 100%; object-fit: cover; }
.am-preview__avatar.has-image { color: transparent; }

.am-preview__name {
  min-width: 0;
  font-family: var(--am-display);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.2;
  color: var(--am-ink);
  overflow-wrap: anywhere;
}

.am-preview__tagline {
  padding: 0 .8rem .8rem;
  font-size: .75rem;
  line-height: 1.55;
  color: var(--am-ink-2);
}
.am-preview__tagline:empty { display: none; }

/* A strip of the live accent, so the colour is judged at size rather than from
   a swatch. */
.am-preview__accent {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .8rem;
  border-top: 1px solid var(--am-line-soft);
  font-family: var(--am-mono);
  font-size: .5625rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--am-ink-3);
}
.am-preview__swatch {
  width: 1.1rem;
  height: 1.1rem;
  flex: 0 0 auto;
  border-radius: 2px;
  background: var(--am-accent);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .12);
}
.am-preview__source { margin-left: auto; }

/* ----------------------------------------------------------- media fields */
.am-media-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-top: .5rem;
}

.am-swatch-input {
  width: 2.2rem;
  height: 2.2rem;
  padding: 0;
  border: 1px solid var(--am-line);
  border-radius: var(--am-r);
  background: transparent;
  cursor: pointer;
}
.am-swatch-input::-webkit-color-swatch-wrapper { padding: 2px; }
.am-swatch-input::-webkit-color-swatch { border: 0; border-radius: 2px; }
.am-swatch-input::-moz-color-swatch { border: 0; border-radius: 2px; }

.am-hex-input {
  width: 8.5rem;
  height: 2.2rem;
  padding-inline: .6rem;
  border: 1px solid var(--am-line);
  border-radius: var(--am-r);
  background: var(--am-panel);
  color: var(--am-ink);
  font-family: var(--am-mono);
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.am-hex-input:focus { border-color: rgba(var(--am-glow), .45); outline: none; }

/* ------------------------------------------------------------- inventory */
#creatorOwnedStatusSegments {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  margin-bottom: .9rem;
}
#creatorOwnedStatusSegments:empty { display: none; }

/* Not sticky: this toolbar belongs to the inventory, and pinning it would
   cover the identity panel on the way down. */
#creatorOwnedToolbar { position: static; padding-block: 0 .8rem; }

.am-rows { display: flex; flex-direction: column; gap: .4rem; }

/* Five zones — thumb, identity, meta, status, actions — deliberately the same
   anatomy the admin queue uses, so the two converge when admin is restyled. */
.am-row {
  display: grid;
  grid-template-columns: 3.6rem minmax(0, 1fr) auto auto;
  grid-template-areas: "thumb identity status actions";
  align-items: center;
  gap: .85rem;
  padding: .55rem .7rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: var(--am-panel);
  transition: border-color .18s var(--am-ease), background .18s var(--am-ease);
}
.am-row:hover { border-color: var(--am-line); background: var(--am-panel-2); }

.am-row__thumb {
  grid-area: thumb;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 2px;
  background: #0b0f14;
}
.am-row__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }

.am-row__identity { grid-area: identity; min-width: 0; }

.am-row__name {
  display: block;
  font-family: var(--am-display);
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.3;
  color: var(--am-ink);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.am-row__name:hover { color: var(--am-accent); }

.am-row__meta {
  margin-top: .2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  font-family: var(--am-mono);
  font-size: .5625rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--am-ink-3);
}
.am-row__meta span { white-space: nowrap; }
.am-row__meta .is-paid { color: var(--am-paid); }
.am-row__meta .am-provider-link { margin-left: -.12rem; }

.am-row__status { grid-area: status; }

.am-status {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-family: var(--am-mono);
  font-size: .5625rem;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--am-ink-3);
  white-space: nowrap;
}
.am-status::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: currentColor;
}
.am-status--published { color: var(--am-accent); }
.am-status--pending { color: var(--am-paid); }
.am-status--unpublished { color: var(--am-ink-3); }

.am-row__actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  gap: .3rem;
}

.am-row__actions .am-btn {
  height: 1.8rem;
  padding-inline: .6rem;
  font-size: .5625rem;
  letter-spacing: .14em;
}

/* --------------------------------------------------------------- drawer */
/* Editing happens here rather than on the public mod page, so a creator never
   leaves the workspace to fix a typo. */
#modEditDialog { width: min(94vw, 46rem); }

.am-drawer__grid {
  display: grid;
  gap: .9rem;
}
@media (min-width: 40rem) {
  .am-drawer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-drawer__grid .am-field--wide { grid-column: 1 / -1; }
}

.am-filecard {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .5rem;
  margin-top: .5rem;
  padding: .55rem .7rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: var(--am-panel);
  font-size: .8125rem;
  color: var(--am-ink-2);
}
.am-filecard:empty { display: none; }
.am-filecard__name { overflow-wrap: anywhere; }
.am-filecard__meta {
  margin-left: auto;
  font-family: var(--am-mono);
  font-size: .5625rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--am-ink-3);
  white-space: nowrap;
}

/* Image management sits inside the editor because a preview is part of the
   listing, not a separate errand on the public page. */
.am-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));
  gap: .45rem;
  margin-top: .5rem;
}
.am-gallery:empty { display: none; }

.am-gallery__item {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: #0b0f14;
}
.am-gallery__item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.am-gallery__item.is-busy { opacity: .45; }

.am-gallery__remove {
  position: absolute;
  top: .25rem;
  right: .25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: var(--am-r);
  background: rgba(6, 8, 11, .82);
  color: var(--am-ink-2);
  font-size: .7rem;
  line-height: 1;
  cursor: pointer;
  transition: color .18s var(--am-ease), border-color .18s var(--am-ease), background .18s var(--am-ease);
}
.am-gallery__remove:hover {
  color: var(--am-danger);
  border-color: rgba(244, 120, 140, .55);
  background: rgba(6, 8, 11, .95);
}

.am-drawer__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  padding: .9rem 1.1rem;
  border-top: 1px solid var(--am-line-soft);
}
.am-drawer__foot .am-msg { margin-left: auto; }

/* ---------------------------------------------------------------- claims */
.am-claim {
  padding: .8rem .9rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: var(--am-panel);
}

.am-claim__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .6rem;
}

.am-claim__name {
  font-family: var(--am-display);
  font-size: .875rem;
  font-weight: 600;
  color: var(--am-ink);
}

.am-claim__actions { margin-left: auto; display: flex; gap: .3rem; }

.am-claim__body {
  margin-top: .45rem;
  font-size: .8125rem;
  line-height: 1.7;
  color: var(--am-ink-2);
}
.am-claim__body a { color: var(--am-accent); }

.am-status--rejected { color: var(--am-danger); }

/* ------------------------------------------------------- comment inbox */
.am-inbox {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  margin-top: .7rem;
}
.am-inbox__item {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: start;
  padding: .75rem .8rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: var(--am-panel);
}
.am-inbox__item.is-unread { border-left: 2px solid var(--am-accent); }
.am-inbox__avatar {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--am-line-soft);
  border-radius: 50%;
  background: var(--am-panel-2);
  color: var(--am-ink-2);
  font-family: var(--am-display);
  font-size: .6875rem;
  font-weight: 600;
}
.am-inbox__avatar img { width: 100%; height: 100%; object-fit: cover; }
.am-inbox__main { min-width: 0; }
.am-inbox__byline {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  align-items: baseline;
  color: var(--am-ink-3);
  font-size: .75rem;
}
.am-inbox__author { color: var(--am-ink); font-weight: 600; text-decoration: none; }
a.am-inbox__author:hover { color: var(--am-accent); }
.am-inbox__body {
  margin-top: .25rem;
  overflow-wrap: anywhere;
  color: var(--am-ink-2);
  font-size: .8125rem;
  line-height: 1.55;
}
.am-inbox__open { align-self: center; white-space: nowrap; }
.am-inbox__foot { display: flex; justify-content: center; padding-top: .7rem; }

/* ------------------------------------------------------------ link rows */
.am-link-row { display: flex; align-items: center; gap: .4rem; }
.am-link-row .am-input { flex: 1 1 auto; min-width: 0; }
.am-link-row__remove { flex: 0 0 auto; }

/* A failed save or an invalid colour reads as an error, not a status. */
.am-msg.is-error { color: var(--am-danger); }

/* ------------------------------------------------------------ empty state */
.am-empty {
  padding: 2.4rem 1.2rem;
  border: 1px dashed var(--am-line-soft);
  border-radius: var(--am-r);
  text-align: center;
  font-family: var(--am-mono);
  font-size: .6875rem;
  letter-spacing: .1em;
  line-height: 1.9;
  color: var(--am-ink-3);
}

/* ------------------------------------------------------------ responsive */
@media (max-width: 47.99rem) {
  .am-preview { position: static; }

  /* Actions drop to their own row rather than squeezing the name. */
  .am-row {
    grid-template-columns: 3.2rem minmax(0, 1fr);
    grid-template-areas:
      "thumb identity"
      "status status"
      "actions actions";
    gap: .6rem .7rem;
  }
  .am-row__actions { flex-wrap: wrap; }
  .am-row__actions .am-btn { flex: 1 1 auto; }

  .am-ws-section { padding-top: 1.7rem; }
  .am-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-kpi:nth-child(2) { border-right: 0; }
  .am-kpi:nth-child(-n + 2) { border-bottom: 1px solid var(--am-line-soft); }
  .am-inbox__item {
    grid-template-columns: 2.25rem minmax(0, 1fr);
  }
  .am-inbox__open { grid-column: 2; justify-self: start; }
}

/* ======================================================== import studio v2
   A bounded batch is treated like an editing desk: one horizontal contact
   sheet, one focused document, and explicit inheritance for game editions. */
.am-import-prep {
  margin-top: 1.2rem;
  padding: 1.15rem 0 .2rem;
  border-top: 1px solid var(--am-line-soft);
}

.am-import-prep__head,
.am-import-prep__head > div,
.am-import-prep__head-status,
.am-import-prep__summary,
.am-import-prep__toolbar,
.am-import-prep__filters,
.am-import-prep__filmstrip-head,
.am-import-prep__filmstrip-head > div,
.am-import-prep__editor-eyebrow,
.am-import-prep__meta,
.am-import-prep__editor-nav,
.am-import-prep__section-head,
.am-import-prep__media-actions,
.am-import-prep__scoped-field-head,
.am-import-prep__category-head,
.am-import-prep__image-tools,
.am-import-prep__foot,
.am-import-prep__foot-actions,
.am-import-prep__match {
  display: flex;
  align-items: center;
}

.am-import-prep__head {
  justify-content: space-between;
  gap: 1rem;
}

.am-import-prep__head > div,
.am-import-prep__summary,
.am-import-prep__meta,
.am-import-prep__editor-nav,
.am-import-prep__media-actions,
.am-import-prep__image-tools,
.am-import-prep__foot-actions { gap: .4rem; }

.am-import-prep__head-status {
  justify-content: flex-end;
  gap: .7rem;
  min-width: 0;
}

.am-import-prep__summary {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.am-import-prep__save-state {
  flex: 0 0 auto;
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .5625rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.am-import-prep__save-state::before {
  content: "";
  display: inline-block;
  width: .4rem;
  height: .4rem;
  margin-right: .35rem;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 12%, transparent);
}

.am-import-prep__save-state.is-dirty { color: var(--am-paid); }
.am-import-prep__save-state.is-error { color: var(--am-danger); }
.am-import-prep__save-state.is-saving { color: var(--am-accent); }
.am-import-prep__save-state.is-saving::before { animation: am-prep-pulse 1s ease-in-out infinite; }

@keyframes am-prep-pulse {
  50% { opacity: .35; transform: scale(.72); }
}

.am-import-prep > .am-note { margin-top: .75rem; }

.am-import-prep__toolbar {
  display: grid;
  grid-template-columns: minmax(12rem, 18rem) minmax(0, 1fr) auto;
  gap: .6rem;
  margin-top: .85rem;
  padding: .65rem;
  border: 1px solid var(--am-line-soft);
  border-radius: calc(var(--am-r) + 2px);
  background: rgba(0, 0, 0, .16);
}

.am-import-prep__search {
  position: relative;
  display: block;
  min-width: 0;
}

.am-import-prep__search svg {
  position: absolute;
  top: 50%;
  left: .7rem;
  z-index: 1;
  width: .9rem;
  height: .9rem;
  fill: none;
  stroke: var(--am-ink-3);
  stroke-width: 1.8;
  transform: translateY(-50%);
  pointer-events: none;
}

.am-import-prep__search .am-input { padding-left: 2.05rem; }

.am-import-prep__filters {
  min-width: 0;
  gap: .32rem;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.am-import-prep__filters::-webkit-scrollbar { display: none; }

.am-import-prep__filters .am-btn {
  flex: 0 0 auto;
  min-height: 2.25rem;
  white-space: nowrap;
}

.am-import-prep__filters .am-btn span {
  margin-left: .25rem;
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .55rem;
}

.am-import-prep__filters .am-btn.is-selected {
  border-color: rgba(var(--am-glow), .5);
  background: rgba(var(--am-glow), .09);
  color: var(--am-accent);
}

.am-import-prep__next-issue { min-height: 2.25rem; white-space: nowrap; }

.am-import-prep__defaults-shell {
  margin-top: .7rem;
  border: 1px solid var(--am-line-soft);
  border-radius: calc(var(--am-r) + 2px);
  background: linear-gradient(135deg, rgba(var(--am-glow), .045), rgba(255, 255, 255, .015) 48%, transparent);
  overflow: clip;
}

.am-import-prep__defaults-shell > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 3.5rem;
  padding: .75rem .9rem;
  list-style: none;
  cursor: pointer;
}

.am-import-prep__defaults-shell > summary::-webkit-details-marker { display: none; }
.am-import-prep__defaults-shell > summary::after {
  content: "+";
  flex: 0 0 auto;
  color: var(--am-accent);
  font-family: var(--am-mono);
  font-size: 1rem;
}
.am-import-prep__defaults-shell[open] > summary::after { content: "−"; }
.am-import-prep__defaults-shell[open] > summary { border-bottom: 1px solid var(--am-line-soft); }

.am-import-prep__defaults-shell > summary > span:first-child {
  display: grid;
  min-width: 0;
  gap: .12rem;
}

.am-import-prep__defaults-title {
  color: var(--am-ink);
  font-family: var(--am-display);
  font-size: .875rem;
  font-weight: 600;
}

.am-import-prep__defaults-copy {
  color: var(--am-ink-3);
  font-size: .6875rem;
  line-height: 1.45;
}

.am-import-prep__defaults-hint {
  margin-left: auto;
  overflow: hidden;
  color: var(--am-ink-2);
  font-family: var(--am-mono);
  font-size: .5625rem;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.am-import-prep__defaults-hint.is-attention { color: var(--am-studio-amber); }

.am-import-prep__defaults {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  margin: 0;
  padding: .9rem;
  border: 0;
}

.am-import-prep__defaults .am-field--wide { grid-column: span 2; }
.am-import-prep__defaults .am-import-prep__games-field { grid-column: 1 / -1; }

.am-import-prep__confirm,
.am-import-prep__toggle,
.am-import-prep__check {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  color: var(--am-ink-2);
  font-size: .75rem;
  line-height: 1.4;
}

.am-import-prep__confirm {
  min-height: 2.35rem;
  padding: .55rem .65rem;
  border: 1px solid rgba(var(--am-glow), .2);
  border-radius: var(--am-r);
  background: rgba(var(--am-glow), .045);
}

.am-import-prep__confirm input,
.am-import-prep__toggle input,
.am-import-prep__check input,
.am-import-prep__edition-game input {
  flex: 0 0 auto;
  width: .95rem;
  height: .95rem;
  accent-color: var(--am-accent);
}

.am-import-prep__editions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
  min-height: 2.25rem;
}

.am-import-prep__edition,
.am-import-prep__edition-summary {
  min-width: 0;
  padding: .65rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: rgba(0, 0, 0, .14);
}

.am-import-prep__edition.is-selected {
  border-color: rgba(var(--am-glow), .3);
  background: rgba(var(--am-glow), .045);
}

.am-import-prep__edition-game {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--am-ink-2);
  font-family: var(--am-display);
  font-size: .8125rem;
  font-weight: 600;
}

.am-import-prep__edition.is-selected .am-import-prep__edition-game { color: var(--am-accent); }

.am-import-prep__checks {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem .75rem;
  min-height: 2rem;
  padding-top: .5rem;
}

.am-import-prep__edition .am-import-prep__checks { padding-left: 1.4rem; }

.am-import-prep__edition-summary {
  display: grid;
  gap: .2rem;
}

.am-import-prep__edition-summary strong {
  color: var(--am-accent);
  font-family: var(--am-display);
  font-size: .75rem;
}

.am-import-prep__edition-summary span,
.am-import-prep__quiet {
  color: var(--am-ink-3);
  font-size: .6875rem;
  line-height: 1.45;
}

.am-import-prep__studio {
  margin-top: .8rem;
  border: 1px solid var(--am-line-soft);
  border-radius: calc(var(--am-r) + 3px);
  background: rgba(0, 0, 0, .13);
  box-shadow: 0 1.6rem 4rem rgba(0, 0, 0, .16);
  overflow: clip;
}

.am-import-prep__filmstrip-head {
  justify-content: space-between;
  gap: 1rem;
  padding: .65rem .8rem .5rem;
}

.am-import-prep__filmstrip-head > div { gap: .45rem; }

.am-import-prep__position,
.am-import-prep__shortcut {
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .5625rem;
  text-transform: uppercase;
}

.am-import-prep__filmstrip-shell {
  display: grid;
  grid-template-columns: 2.7rem minmax(0, 1fr) 2.7rem;
  align-items: stretch;
  border-block: 1px solid var(--am-line-soft);
  background:
    linear-gradient(90deg, rgba(var(--am-glow), .035), transparent 18%, transparent 82%, rgba(var(--am-glow), .035)),
    rgba(0, 0, 0, .2);
}

.am-import-prep__filmstrip-arrow {
  display: grid;
  place-items: center;
  min-width: 0;
  border: 0;
  background: rgba(255, 255, 255, .018);
  color: var(--am-ink-2);
  cursor: pointer;
}

.am-import-prep__filmstrip-arrow:first-child { border-right: 1px solid var(--am-line-soft); }
.am-import-prep__filmstrip-arrow:last-child { border-left: 1px solid var(--am-line-soft); }
.am-import-prep__filmstrip-arrow:hover:not(:disabled) { background: rgba(var(--am-glow), .08); color: var(--am-accent); }
.am-import-prep__filmstrip-arrow:disabled { color: var(--am-ink-3); opacity: .28; cursor: default; }
.am-import-prep__filmstrip-arrow svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 1.8; }

.am-import-prep__list {
  display: flex;
  gap: .65rem;
  min-width: 0;
  margin: 0;
  padding: .7rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-padding-inline: .7rem;
  scroll-snap-type: x proximity;
  scrollbar-color: rgba(var(--am-glow), .3) transparent;
  scrollbar-width: thin;
}

.am-import-prep__card {
  position: relative;
  display: grid;
  flex: 0 0 13.25rem;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--am-line-soft);
  border-radius: calc(var(--am-r) + 2px);
  background: rgba(255, 255, 255, .025);
  color: inherit;
  text-align: left;
  scroll-snap-align: center;
  cursor: pointer;
  transition: border-color .18s var(--am-ease), background .18s var(--am-ease), transform .18s var(--am-ease);
}

.am-import-prep__card:hover {
  border-color: rgba(var(--am-glow), .32);
  background: rgba(var(--am-glow), .045);
  transform: translateY(-1px);
}

.am-import-prep__card.is-active {
  border-color: rgba(var(--am-glow), .72);
  background: rgba(var(--am-glow), .075);
  box-shadow: 0 0 0 1px rgba(var(--am-glow), .15), 0 .7rem 1.8rem rgba(0, 0, 0, .22);
}

.am-import-prep__card:focus-visible {
  outline: 2px solid var(--am-accent);
  outline-offset: 2px;
}

.am-import-prep__card-media {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-bottom: 1px solid var(--am-line-soft);
  background:
    radial-gradient(circle at 28% 18%, rgba(var(--am-glow), .18), transparent 48%),
    rgba(255, 255, 255, .025);
}

.am-import-prep__card-media img { width: 100%; height: 100%; object-fit: cover; }

.am-import-prep__card-placeholder {
  color: rgba(var(--am-glow), .7);
  font-family: var(--am-display);
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -.04em;
}

.am-import-prep__card-status {
  position: absolute;
  top: .45rem;
  right: .45rem;
  padding: .2rem .38rem;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  background: rgba(6, 8, 11, .82);
  color: var(--am-ink-2);
  font-family: var(--am-mono);
  font-size: .5rem;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.am-import-prep__card-status.is-ready { border-color: rgba(var(--am-glow), .48); color: var(--am-accent); }
.am-import-prep__card-status.is-review { border-color: rgba(232, 189, 92, .5); color: var(--am-paid); }
.am-import-prep__card-status.is-attention { border-color: rgba(244, 120, 140, .5); color: var(--am-danger); }
.am-import-prep__card-status.is-skip { color: var(--am-ink-3); }

.am-import-prep__card-body { display: grid; min-width: 0; gap: .5rem; padding: .65rem; }
.am-import-prep__card-title {
  overflow: hidden;
  color: var(--am-ink);
  font-family: var(--am-display);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.am-import-prep__card-meta { display: flex; flex-wrap: wrap; gap: .25rem; }
.am-import-prep__card-fact {
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .49rem;
  line-height: 1.3;
  text-transform: uppercase;
}
.am-import-prep__card-fact:not(:last-child)::after { content: " ·"; }
.am-import-prep__card-fact.is-warning,
.am-import-prep__card-fact.is-dirty { color: var(--am-paid); }
.am-import-prep__card-fact.is-match { color: var(--am-accent); }

.am-import-prep__no-match {
  display: grid;
  flex: 1 1 auto;
  place-items: center;
  min-height: 10rem;
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .625rem;
  text-align: center;
  text-transform: uppercase;
}

.am-import-prep__editor { min-height: 27rem; }
.am-import-prep__editor-empty { display: grid; place-items: center; min-height: 27rem; padding: 2rem; color: var(--am-ink-3); text-align: center; }

.am-import-prep__item {
  min-width: 0;
  padding: 1rem;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(75% 80% at 100% 0%, rgba(var(--am-glow), .045), transparent 66%),
    transparent;
}

.am-import-prep__item.is-busy { opacity: .65; pointer-events: none; }

.am-import-prep__editor-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(17rem, auto);
  align-items: start;
  gap: 1rem;
  padding-bottom: .9rem;
  border-bottom: 1px solid var(--am-line-soft);
}

.am-import-prep__editor-identity { display: grid; min-width: 0; gap: .35rem; }
.am-import-prep__editor-eyebrow { gap: .4rem; color: var(--am-accent); font-family: var(--am-mono); font-size: .55rem; text-transform: uppercase; }
.am-import-prep__editor-identity h3 { margin: 0; color: var(--am-ink); font-family: var(--am-display); font-size: clamp(1.15rem, 2.4vw, 1.75rem); font-weight: 650; letter-spacing: -.025em; line-height: 1.1; }
.am-import-prep__meta { flex-wrap: wrap; }
.am-import-prep__source-link { color: rgba(255, 255, 255, .76); text-decoration: none; }
.am-import-prep__source-link:hover { color: #ff7778; text-decoration: none; }

.am-import-prep__editor-controls {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) minmax(13.5rem, 1fr);
  align-items: end;
  gap: .55rem;
}

.am-import-prep__action,
.am-import-prep__scope-select { display: grid; min-width: 0; gap: .3rem; }
.am-import-prep__editor-nav { grid-column: 1 / -1; justify-content: flex-end; }

.am-import-prep__match {
  flex-wrap: wrap;
  gap: .35rem .65rem;
  margin-top: .75rem;
  padding: .55rem .65rem;
  border: 1px solid rgba(var(--am-glow), .2);
  border-left: 2px solid rgba(var(--am-glow), .65);
  border-radius: var(--am-r);
  background: rgba(var(--am-glow), .035);
  color: var(--am-ink-2);
  font-size: .75rem;
}
.am-import-prep__match a { color: var(--am-accent); text-decoration: none; }
.am-import-prep__match a:hover { text-decoration: underline; }

.am-import-prep__scope-notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .65rem;
  margin-top: .75rem;
  padding: .65rem .75rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: rgba(255, 255, 255, .02);
}
.am-import-prep__scope-notice.is-edition { border-color: rgba(var(--am-glow), .32); background: rgba(var(--am-glow), .055); }
.am-import-prep__scope-notice strong { color: var(--am-accent); font-family: var(--am-mono); font-size: .59rem; text-transform: uppercase; }
.am-import-prep__scope-notice span { color: var(--am-ink-2); font-size: .72rem; line-height: 1.45; }

.am-import-prep__source-review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .72rem .78rem;
  border: 1px solid rgba(var(--am-glow), .25);
  border-left: 2px solid rgba(var(--am-glow), .7);
  border-radius: var(--am-r);
  background: rgba(var(--am-glow), .045);
}
.am-import-prep__source-review.needs-review {
  border-color: rgba(232, 189, 92, .3);
  border-left-color: rgba(232, 189, 92, .78);
  background: rgba(232, 189, 92, .04);
}
.am-import-prep__source-review.is-source-update {
  border-color: rgba(232, 189, 92, .3);
  border-left-color: rgba(232, 189, 92, .78);
  background: rgba(232, 189, 92, .04);
}
.am-import-prep__source-review > div { display: grid; min-width: 0; gap: .25rem; }
.am-import-prep__source-review strong { color: var(--am-ink); font-family: var(--am-display); font-size: .8rem; }
.am-import-prep__source-review span { color: var(--am-ink-2); font-size: .69rem; line-height: 1.5; }
.am-import-prep__source-confirm {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .45rem;
  color: var(--am-paid);
  font-family: var(--am-mono);
  font-size: .58rem;
  text-transform: uppercase;
  cursor: pointer;
}
.am-import-prep__source-confirm input { accent-color: var(--am-paid); }
.am-import-prep__source-refresh { flex: 0 0 auto; min-height: 2.15rem; white-space: nowrap; }
.am-import-prep__detection {
  display: grid;
  gap: .45rem;
  padding: .62rem .7rem;
  border: 1px solid rgba(var(--am-glow), .18);
  border-radius: var(--am-r);
  background: rgba(var(--am-glow), .03);
}
.am-import-prep__detection > strong { color: var(--am-accent); font-family: var(--am-mono); font-size: .56rem; text-transform: uppercase; }
.am-import-prep__detection-signals { display: flex; flex-wrap: wrap; gap: .35rem; }

.am-import-prep__editor-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, 18rem);
  align-items: start;
  gap: .9rem;
  margin-top: .9rem;
}

.am-import-prep__editor-main { display: grid; min-width: 0; gap: .75rem; }
.am-import-prep__editor-section {
  min-width: 0;
  padding: .85rem;
  border: 1px solid var(--am-line-soft);
  border-radius: calc(var(--am-r) + 1px);
  background: rgba(255, 255, 255, .018);
}

.am-import-prep__section-head {
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}
.am-import-prep__section-head > div { display: grid; gap: .18rem; }
.am-import-prep__section-head h4 { margin: 0; color: var(--am-ink); font-family: var(--am-display); font-size: .9rem; font-weight: 600; }
.am-import-prep__section-head p { margin: 0; color: var(--am-ink-3); font-size: .6875rem; line-height: 1.5; }
.am-import-prep__section-body { margin-top: .75rem; }

.am-import-prep__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  margin: 0;
}
.am-import-prep__fields .am-field--wide { grid-column: 1 / -1; }
.am-import-prep__description { min-height: 8.25rem; resize: vertical; }

.am-import-prep__toggle {
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .55rem;
  text-transform: uppercase;
}

.am-import-prep__scoped-field { position: relative; }
.am-import-prep__scoped-field.is-inherited .am-input,
.am-import-prep__scoped-field.is-inherited .am-textarea,
.am-import-prep__scoped-field.is-inherited .am-select { border-style: dashed; }
.am-import-prep__scoped-field.is-custom .am-input,
.am-import-prep__scoped-field.is-custom .am-textarea,
.am-import-prep__scoped-field.is-custom .am-select { border-color: rgba(var(--am-glow), .42); }
.am-import-prep__scoped-field-head { justify-content: space-between; gap: .5rem; }
.am-import-prep__inheritance {
  border: 0;
  background: transparent;
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .49rem;
  text-transform: uppercase;
}
button.am-import-prep__inheritance { padding: 0; color: var(--am-accent); cursor: pointer; }
button.am-import-prep__inheritance:hover { text-decoration: underline; }

.am-import-prep__scoped-categories {
  margin-bottom: .75rem;
  padding: .65rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: rgba(0, 0, 0, .12);
}
.am-import-prep__category-head { justify-content: space-between; gap: .7rem; }

.am-import-prep__media-actions { flex-wrap: wrap; justify-content: flex-end; }
.am-import-prep__preview-empty {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(13rem, auto);
  align-items: center;
  gap: 1rem;
  min-height: 9.5rem;
  margin-bottom: .65rem;
  padding: clamp(.9rem, 2vw, 1.25rem);
  overflow: hidden;
  border: 1px solid rgba(var(--am-glow), .24);
  border-radius: calc(var(--am-r) + .18rem);
  background:
    radial-gradient(circle at 12% 18%, rgba(var(--am-glow), .18), transparent 32%),
    linear-gradient(125deg, rgba(var(--am-glow), .07), rgba(255, 255, 255, .015) 56%, rgba(0, 0, 0, .2));
}
.am-import-prep__preview-empty::after {
  content: "PRIVATE DRAFT";
  position: absolute;
  top: .5rem;
  right: .65rem;
  color: rgba(255, 255, 255, .2);
  font-family: var(--am-mono);
  font-size: .43rem;
  letter-spacing: .12em;
}
.am-import-prep__preview-empty-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 3.9rem;
  aspect-ratio: 1;
  border: 1px solid rgba(var(--am-glow), .32);
  border-radius: 50%;
  background: rgba(3, 7, 10, .62);
  box-shadow: 0 0 0 .42rem rgba(var(--am-glow), .045), 0 0 2.5rem rgba(var(--am-glow), .11);
}
.am-import-prep__preview-empty-mark::before {
  content: "";
  width: 1.35rem;
  height: .95rem;
  border: 1px solid var(--am-accent);
  border-radius: .18rem;
  background:
    radial-gradient(circle at 72% 30%, var(--am-accent) 0 .13rem, transparent .14rem),
    linear-gradient(145deg, transparent 48%, rgba(var(--am-glow), .72) 49% 61%, transparent 62%);
}
.am-import-prep__preview-empty-copy { display: grid; min-width: 0; gap: .32rem; }
.am-import-prep__preview-empty-copy strong { color: var(--am-ink); font-family: var(--am-display); font-size: clamp(.86rem, 1.4vw, 1.08rem); }
.am-import-prep__preview-empty-copy span { max-width: 35rem; color: var(--am-ink-2); font-size: .68rem; line-height: 1.55; }
.am-import-prep__preview-empty-actions { display: grid; justify-items: stretch; gap: .42rem; }
.am-import-prep__companion-status { max-width: 18rem; color: var(--am-ink-3); font-family: var(--am-mono); font-size: .48rem; line-height: 1.45; text-align: center; text-transform: uppercase; }
.am-import-prep__drop {
  display: grid;
  place-items: center;
  min-height: 4.25rem;
  margin: 0;
  padding: .7rem;
  border: 1px dashed var(--am-line);
  border-radius: var(--am-r);
  background: rgba(0, 0, 0, .1);
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .58rem;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.am-import-prep__drop:hover,
.am-import-prep__drop:focus-visible { border-color: rgba(var(--am-glow), .65); color: var(--am-accent); outline: none; }

.am-import-prep__gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin-top: .6rem;
}
.am-import-prep__image {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: var(--am-void);
}
.am-import-prep__image.is-excluded { opacity: .45; filter: saturate(.3); }
.am-import-prep__image img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.am-import-prep__image-tools { min-height: 2.45rem; padding: .34rem; flex-wrap: wrap; }
.am-import-prep__image-tools .am-btn { min-height: 1.65rem; padding-inline: .4rem; font-size: .5rem; }

.am-import-prep__rail {
  position: sticky;
  top: .7rem;
  display: grid;
  min-width: 0;
  gap: .6rem;
}
.am-import-prep__rail-card {
  display: grid;
  gap: .48rem;
  padding: .72rem;
  border: 1px solid var(--am-line-soft);
  border-radius: var(--am-r);
  background: rgba(0, 0, 0, .18);
}
.am-import-prep__readiness { color: var(--am-ink-2); font-family: var(--am-display); font-size: .95rem; }
.am-import-prep__readiness.is-ready { color: var(--am-accent); }
.am-import-prep__readiness.is-review { color: var(--am-paid); }
.am-import-prep__readiness.is-attention { color: var(--am-danger); }
.am-import-prep__rail-card p { margin: 0; color: var(--am-ink-3); font-size: .6875rem; line-height: 1.5; }
.am-import-prep__clear { color: var(--am-accent); font-size: .7rem; line-height: 1.5; }
.am-import-prep__issues { display: grid; gap: .35rem; margin: 0; }
.am-import-prep__issue {
  display: block;
  width: 100%;
  padding: .42rem .48rem;
  border: 1px solid var(--am-line-soft);
  border-radius: 3px;
  background: transparent;
  font-family: var(--am-body);
  font-size: .67rem;
  line-height: 1.45;
  text-align: left;
}
button.am-import-prep__issue { cursor: pointer; }
button.am-import-prep__issue:hover { background: rgba(255, 255, 255, .025); }
.am-import-prep__issue--error { border-color: rgba(244, 120, 140, .32); color: var(--am-danger); }
.am-import-prep__issue--warning { border-color: rgba(232, 189, 92, .28); color: var(--am-paid); }

.am-import-prep__facts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .35rem .65rem; margin: 0; }
.am-import-prep__facts dt { color: var(--am-ink-3); font-family: var(--am-mono); font-size: .52rem; text-transform: uppercase; }
.am-import-prep__facts dd { margin: 0; overflow-wrap: anywhere; color: var(--am-ink-2); font-size: .67rem; text-align: right; }
.am-import-prep__rail-tip { padding: .65rem .72rem; border-left: 2px solid rgba(var(--am-glow), .42); color: var(--am-ink-3); font-size: .66rem; line-height: 1.55; }

.am-import-prep__action-state {
  margin-top: .85rem;
  padding: 1.2rem;
  border: 1px dashed var(--am-line);
  border-radius: var(--am-r);
  background: rgba(0, 0, 0, .12);
}
.am-import-prep__action-state h4 { margin: 0; color: var(--am-ink); font-family: var(--am-display); font-size: 1rem; }
.am-import-prep__action-state p { max-width: 48rem; margin: .4rem 0 0; color: var(--am-ink-3); font-size: .75rem; line-height: 1.6; }

.am-import-prep__foot {
  position: sticky;
  bottom: 0;
  z-index: 4;
  justify-content: space-between;
  gap: .7rem;
  margin-top: .75rem;
  padding: .72rem;
  border: 1px solid var(--am-line-soft);
  border-radius: calc(var(--am-r) + 2px);
  background: rgba(6, 8, 11, .9);
  box-shadow: 0 -.8rem 2.4rem rgba(0, 0, 0, .24);
  backdrop-filter: blur(16px);
}
.am-import-prep__foot .am-msg { margin: 0; color: var(--am-ink-3); font-size: .68rem; text-align: right; }

.am-import-item__reason.is-ready { border-color: rgba(var(--am-glow), .32); color: var(--am-accent); }
.am-import-item__reason.is-review { border-color: rgba(232, 189, 92, .32); color: var(--am-paid); }
.am-import-item__reason.is-attention { border-color: rgba(244, 120, 140, .32); color: var(--am-danger); }
.am-import-item__reason.is-dirty { border-color: rgba(232, 189, 92, .28); color: var(--am-paid); }

@media (max-width: 70rem) {
  .am-import-prep__editor-layout { grid-template-columns: minmax(0, 1fr); }
  .am-import-prep__rail { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .am-import-prep__rail-tip { grid-column: 1 / -1; }
}

@media (max-width: 55rem) {
  .am-import-prep__toolbar { grid-template-columns: minmax(0, 1fr) auto; }
  .am-import-prep__filters { grid-column: 1 / -1; grid-row: 2; }
  .am-import-prep__next-issue { grid-column: 2; grid-row: 1; }
  .am-import-prep__defaults { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-import-prep__editor-head { grid-template-columns: minmax(0, 1fr); }
  .am-import-prep__editor-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-import-prep__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 39.99rem) {
  .am-import-prep__head,
  .am-import-prep__head-status,
  .am-import-prep__foot { align-items: stretch; flex-direction: column; }
  .am-import-prep__head-status { gap: .45rem; }
  .am-import-prep__summary { justify-content: flex-start; }
  .am-import-prep__toolbar { grid-template-columns: minmax(0, 1fr); }
  .am-import-prep__next-issue { grid-column: 1; grid-row: auto; }
  .am-import-prep__filters { grid-column: 1; grid-row: auto; }
  .am-import-prep__defaults-shell > summary { align-items: flex-start; }
  .am-import-prep__defaults-copy { display: none; }
  .am-import-prep__defaults-hint { max-width: 9rem; }
  .am-import-prep__defaults { grid-template-columns: minmax(0, 1fr); }
  .am-import-prep__defaults .am-field--wide,
  .am-import-prep__defaults .am-import-prep__games-field { grid-column: 1; }
  .am-import-prep__editions { grid-template-columns: minmax(0, 1fr); }
  .am-import-prep__shortcut { display: none; }
  .am-import-prep__filmstrip-shell { grid-template-columns: 2.35rem minmax(0, 1fr) 2.35rem; }
  .am-import-prep__card { flex-basis: min(72vw, 13.25rem); }
  .am-import-prep__item { padding: .75rem; }
  .am-import-prep__editor-controls,
  .am-import-prep__fields { grid-template-columns: minmax(0, 1fr); }
  .am-import-prep__editor-nav { grid-column: 1; }
  .am-import-prep__fields .am-field--wide { grid-column: 1; }
  .am-import-prep__scope-notice { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
  .am-import-prep__section-head { align-items: stretch; flex-direction: column; }
  .am-import-prep__section-head > .am-btn,
  .am-import-prep__section-head > .am-import-prep__toggle { align-self: flex-start; }
  .am-import-prep__gallery { grid-template-columns: minmax(0, 1fr); }
  .am-import-prep__rail { grid-template-columns: minmax(0, 1fr); }
  .am-import-prep__rail-tip { grid-column: 1; }
  .am-import-prep__foot .am-msg { text-align: left; }
  .am-import-prep__foot-actions { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  .am-import-prep__list { scroll-behavior: auto; }
  .am-import-prep__card { transition: none; }
  .am-import-prep__save-state.is-saving::before { animation: none; }
}

/* ================================================= import studio v3 — focus deck
   The dashboard stays calm until a creator opens the batch. The review surface
   then becomes a viewport-sized light table with the active mod in front and
   its neighbours deliberately visible behind it. */
body.am-import-studio-open { overflow: hidden; }

.am-import-prep__launch {
  position: relative;
  display: grid;
  grid-template-columns: 7.25rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-height: 7.75rem;
  margin-top: .85rem;
  padding: 1rem 1.1rem;
  overflow: hidden;
  border: 1px solid rgba(var(--am-glow), .24);
  border-radius: calc(var(--am-r) + 4px);
  background:
    radial-gradient(70% 140% at 5% 50%, rgba(var(--am-glow), .13), transparent 66%),
    linear-gradient(115deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012));
  box-shadow: 0 1.15rem 3rem rgba(0, 0, 0, .16);
}

.am-import-prep__launch::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 38%;
  background: linear-gradient(90deg, transparent, rgba(var(--am-glow), .035));
  pointer-events: none;
}

.am-import-prep__launch-art {
  position: relative;
  width: 6.5rem;
  height: 5.2rem;
  perspective: 18rem;
}

.am-import-prep__launch-art span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.55rem;
  aspect-ratio: 16 / 10;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 5px;
  background:
    linear-gradient(145deg, transparent 50%, rgba(0, 0, 0, .3)),
    radial-gradient(circle at 32% 24%, rgba(var(--am-glow), .72), rgba(var(--am-glow), .12) 50%, rgba(7, 9, 13, .9));
  box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .36);
  transform-origin: center;
}

.am-import-prep__launch-art span:nth-child(1) { transform: translate(-82%, -48%) rotateY(24deg) rotate(-5deg) scale(.82); opacity: .46; }
.am-import-prep__launch-art span:nth-child(2) { z-index: 2; transform: translate(-50%, -50%) translateZ(1.25rem); }
.am-import-prep__launch-art span:nth-child(3) { transform: translate(-18%, -48%) rotateY(-24deg) rotate(5deg) scale(.82); opacity: .46; }

.am-import-prep__launch-copy { display: grid; min-width: 0; gap: .3rem; }
.am-import-prep__launch-copy strong {
  color: var(--am-ink);
  font-family: var(--am-display);
  font-size: clamp(.95rem, 1.5vw, 1.2rem);
  font-weight: 650;
  letter-spacing: -.015em;
}
.am-import-prep__launch-copy span { max-width: 52rem; color: var(--am-ink-3); font-size: .72rem; line-height: 1.55; }
.am-import-prep__open { position: relative; z-index: 1; gap: .55rem; min-height: 2.75rem; white-space: nowrap; }
.am-import-prep__open svg { width: .95rem; height: .95rem; fill: none; stroke: currentColor; stroke-width: 1.8; }

.am-import-prep__studio {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  margin: 0;
  padding: clamp(.55rem, 1.35vw, 1.35rem);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(70% 65% at 50% 15%, rgba(var(--am-glow), .085), transparent 72%),
    rgba(2, 4, 8, .84);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(20px) saturate(.62) brightness(.55);
  transition: opacity .2s var(--am-ease), visibility .2s var(--am-ease);
}

.am-import-prep__studio.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.am-import-prep__stage {
  position: relative;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  width: min(100%, 100rem);
  height: min(96dvh, 66rem);
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(var(--am-glow), .25);
  border-radius: clamp(.65rem, 1.2vw, 1rem);
  background:
    radial-gradient(80% 55% at 50% 0%, rgba(var(--am-glow), .075), transparent 76%),
    #080b11;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .025) inset,
    0 2.2rem 7rem rgba(0, 0, 0, .72),
    0 0 5rem rgba(var(--am-glow), .06);
  transform: translateY(.65rem) scale(.985);
  transition: transform .24s var(--am-ease);
}

.am-import-prep__studio.is-open .am-import-prep__stage { transform: translateY(0) scale(1); }

.am-import-prep__stage-head {
  position: relative;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 4.15rem;
  padding: .65rem .85rem .65rem 1rem;
  border-bottom: 1px solid var(--am-line-soft);
  background: rgba(7, 10, 15, .9);
  backdrop-filter: blur(18px);
}

.am-import-prep__stage-title,
.am-import-prep__stage-actions { display: flex; align-items: center; min-width: 0; }
.am-import-prep__stage-title { gap: .65rem; }
.am-import-prep__stage-title h2 { margin: 0; color: var(--am-ink); font-family: var(--am-display); font-size: 1.08rem; font-weight: 650; letter-spacing: -.02em; }
.am-import-prep__stage-title .am-import-prep__position { padding-left: .65rem; border-left: 1px solid var(--am-line-soft); }
.am-import-prep__stage-actions { justify-content: flex-end; gap: .8rem; }

.am-import-prep__close {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 2.45rem;
  height: 2.45rem;
  border: 1px solid var(--am-line-soft);
  border-radius: 50%;
  background: rgba(255, 255, 255, .025);
  color: var(--am-ink-2);
  cursor: pointer;
  transition: border-color .18s var(--am-ease), background .18s var(--am-ease), color .18s var(--am-ease), transform .18s var(--am-ease);
}
.am-import-prep__close:hover { border-color: rgba(var(--am-glow), .48); background: rgba(var(--am-glow), .08); color: var(--am-accent); transform: rotate(3deg); }
.am-import-prep__close:focus-visible { outline: 2px solid var(--am-accent); outline-offset: 2px; }
.am-import-prep__close svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; }

.am-import-prep__stage-tools {
  z-index: 8;
  max-height: min(38dvh, 22rem);
  padding: .65rem .8rem 0;
  overflow-y: auto;
  background: rgba(8, 11, 17, .92);
  scrollbar-color: rgba(var(--am-glow), .28) transparent;
  scrollbar-width: thin;
}

.am-import-prep__stage-tools .am-import-prep__toolbar { margin-top: 0; background: rgba(0, 0, 0, .22); }
.am-import-prep__stage-tools .am-import-prep__defaults-shell { margin-block: .55rem .65rem; background: rgba(255, 255, 255, .018); }

.am-import-prep__stage-body {
  display: grid;
  grid-template-rows: auto auto minmax(18rem, 1fr);
  min-height: 0;
  overflow: hidden;
  background:
    radial-gradient(55% 75% at 50% 54%, rgba(var(--am-glow), .055), transparent 72%),
    linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .38));
}

.am-import-prep__stage-body .am-import-prep__filmstrip-head { padding: .5rem 3.35rem .35rem; }
.am-import-prep__filmstrip-copy { color: var(--am-ink-3); font-size: .62rem; }
.am-import-prep__stage-body .am-import-prep__filmstrip-head > div { justify-content: space-between; width: 100%; }

.am-import-prep__stage-body .am-import-prep__filmstrip-shell {
  grid-template-columns: 2.7rem minmax(0, 1fr) 2.7rem;
  border: 1px solid var(--am-line-soft);
  border-inline: 0;
  background:
    linear-gradient(90deg, rgba(var(--am-glow), .055), transparent 14%, transparent 86%, rgba(var(--am-glow), .055)),
    rgba(0, 0, 0, .26);
}

.am-import-prep__stage-body .am-import-prep__list {
  gap: .52rem;
  min-height: 6.55rem;
  padding: .52rem;
  scroll-padding-inline: 40%;
}

.am-import-prep__stage-body .am-import-prep__card {
  flex-basis: 10.75rem;
  grid-template-columns: 4.45rem minmax(0, 1fr);
  min-height: 5.45rem;
  border-radius: 7px;
  background: rgba(255, 255, 255, .018);
  scroll-snap-align: center;
}

.am-import-prep__stage-body .am-import-prep__card:hover { transform: translateY(-2px); }
.am-import-prep__stage-body .am-import-prep__card.is-active {
  background: rgba(var(--am-glow), .085);
  box-shadow: 0 0 0 1px rgba(var(--am-glow), .22), 0 .8rem 2rem rgba(0, 0, 0, .34);
  transform: translateY(-2px);
}
.am-import-prep__stage-body .am-import-prep__card-media { height: 100%; aspect-ratio: auto; border-right: 1px solid var(--am-line-soft); border-bottom: 0; }
.am-import-prep__stage-body .am-import-prep__card-body { align-content: center; gap: .42rem; padding: .48rem; }
.am-import-prep__stage-body .am-import-prep__card-title { display: -webkit-box; font-size: .69rem; line-height: 1.28; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.am-import-prep__stage-body .am-import-prep__card-meta { gap: .18rem; }
.am-import-prep__stage-body .am-import-prep__card-fact { font-size: .43rem; }
.am-import-prep__stage-body .am-import-prep__card-status { top: .32rem; right: .32rem; font-size: .42rem; }

.am-import-prep__canvas {
  position: relative;
  display: grid;
  grid-template-columns: clamp(4.5rem, 8vw, 8.75rem) minmax(0, 1fr) clamp(4.5rem, 8vw, 8.75rem);
  align-items: stretch;
  min-height: 0;
  padding: .8rem 0 1rem;
  overflow: hidden;
}

.am-import-prep__editor {
  position: relative;
  z-index: 3;
  grid-column: 2;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: .8rem;
  background:
    radial-gradient(90% 60% at 100% 0%, rgba(var(--am-glow), .045), transparent 62%),
    #0c1017;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, .7),
    0 1.5rem 4rem rgba(0, 0, 0, .62),
    0 0 2.8rem rgba(var(--am-glow), .05);
  scrollbar-color: rgba(var(--am-glow), .32) rgba(255, 255, 255, .025);
  scrollbar-width: thin;
}

.am-import-prep__peek {
  position: relative;
  z-index: 1;
  display: block;
  min-width: 0;
  margin-block: 2.2rem;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .09);
  background: #080b10;
  color: var(--am-ink-2);
  opacity: .48;
  filter: saturate(.55) brightness(.72);
  cursor: pointer;
  transition: opacity .2s var(--am-ease), filter .2s var(--am-ease), transform .2s var(--am-ease), border-color .2s var(--am-ease);
}
.am-import-prep__peek[hidden] { visibility: hidden; pointer-events: none; }
.am-import-prep__peek--previous { grid-column: 1; margin-right: -1.15rem; border-radius: .65rem 0 0 .65rem; transform: perspective(40rem) rotateY(7deg) scale(.94); transform-origin: right center; }
.am-import-prep__peek--next { grid-column: 3; margin-left: -1.15rem; border-radius: 0 .65rem .65rem 0; transform: perspective(40rem) rotateY(-7deg) scale(.94); transform-origin: left center; }
.am-import-prep__peek:hover,
.am-import-prep__peek:focus-visible { z-index: 4; border-color: rgba(var(--am-glow), .42); opacity: .88; filter: saturate(.9) brightness(.9); outline: none; }
.am-import-prep__peek--previous:hover,
.am-import-prep__peek--previous:focus-visible { transform: perspective(40rem) rotateY(2deg) translateX(.25rem) scale(.97); }
.am-import-prep__peek--next:hover,
.am-import-prep__peek--next:focus-visible { transform: perspective(40rem) rotateY(-2deg) translateX(-.25rem) scale(.97); }

.am-import-prep__peek-media { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; }
.am-import-prep__peek-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3, 5, 8, .1), rgba(3, 5, 8, .94)); }
.am-import-prep__peek-media img { width: 100%; height: 100%; object-fit: cover; }
.am-import-prep__peek-placeholder { color: rgba(var(--am-glow), .78); font-family: var(--am-display); font-size: 1.65rem; font-weight: 700; }
.am-import-prep__peek-copy { position: absolute; inset: auto .55rem .72rem; z-index: 2; display: grid; gap: .28rem; text-align: left; }
.am-import-prep__peek-copy span { color: var(--am-accent); font-family: var(--am-mono); font-size: .46rem; text-transform: uppercase; }
.am-import-prep__peek-copy strong { display: -webkit-box; overflow: hidden; font-family: var(--am-display); font-size: .68rem; font-weight: 600; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.am-import-prep__item { min-height: 100%; padding: 0; background: transparent; }
.am-import-prep__editor-head { display: block; padding: 0; border-bottom: 1px solid var(--am-line-soft); }
.am-import-prep__hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: clamp(13rem, 25vh, 18rem);
  overflow: hidden;
  border-radius: .75rem .75rem 0 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(var(--am-glow), .2), transparent 55%),
    linear-gradient(135deg, #101720, #070a0f 70%);
  isolation: isolate;
}
.am-import-prep__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(5, 7, 11, .96) 0%, rgba(5, 7, 11, .72) 44%, rgba(5, 7, 11, .22) 100%),
    linear-gradient(0deg, rgba(5, 7, 11, .97), transparent 78%);
}
.am-import-prep__hero-media { position: absolute; inset: 0; z-index: -2; display: grid; place-items: center; overflow: hidden; }
.am-import-prep__hero-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.04); transform: scale(1.015); }
.am-import-prep__hero-placeholder { color: rgba(var(--am-glow), .32); font-family: var(--am-display); font-size: clamp(4rem, 12vw, 9rem); font-weight: 750; letter-spacing: -.08em; }

.am-import-prep__editor-identity { position: relative; z-index: 1; width: min(52rem, 82%); padding: clamp(1.15rem, 2.3vw, 2rem); gap: .5rem; }
.am-import-prep__editor-eyebrow { color: var(--am-accent); font-size: .6rem; letter-spacing: .065em; }
.am-import-prep__editor-identity h3 { max-width: 46rem; font-size: clamp(1.75rem, 4vw, 3.35rem); font-weight: 680; letter-spacing: -.045em; line-height: .98; text-wrap: balance; }
.am-import-prep__hero-description { display: -webkit-box; max-width: 44rem; margin: .15rem 0 .1rem; overflow: hidden; color: rgba(238, 243, 248, .76); font-size: clamp(.72rem, 1.2vw, .92rem); line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.am-import-prep__hero .am-import-item__reason { border-color: rgba(255, 255, 255, .14); background: rgba(3, 5, 8, .58); backdrop-filter: blur(8px); }
.am-import-prep__hero .am-import-prep__source-link { color: rgba(255, 255, 255, .82); }

.am-import-prep__editor-controls {
  position: sticky;
  top: 0;
  z-index: 9;
  display: grid;
  grid-template-columns: minmax(11.5rem, 15rem) minmax(13rem, 17rem) minmax(0, 1fr);
  align-items: end;
  gap: .65rem;
  padding: .72rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, .06);
  background: rgba(9, 13, 19, .92);
  backdrop-filter: blur(18px);
}
.am-import-prep__editor-controls .am-import-prep__editor-nav { grid-column: auto; align-self: end; justify-content: flex-end; }
.am-import-prep__editor-controls .am-btn { min-height: 2.25rem; }

.am-import-prep__item > .am-import-prep__match,
.am-import-prep__item > .am-import-prep__scope-notice,
.am-import-prep__item > .am-import-prep__action-state { margin-inline: 1rem; }
.am-import-prep__item > .am-import-prep__match,
.am-import-prep__item > .am-import-prep__scope-notice { margin-top: .8rem; }
.am-import-prep__editor-layout { margin: .9rem 1rem 1.1rem; }
.am-import-prep__item > .am-import-prep__rail { margin: 1rem; }

.am-import-prep__editor-section {
  border-color: rgba(255, 255, 255, .085);
  border-radius: .5rem;
  background: linear-gradient(145deg, rgba(255, 255, 255, .023), rgba(255, 255, 255, .009));
}
.am-import-prep__gallery { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }
.am-import-prep__image { transition: border-color .18s var(--am-ease), transform .18s var(--am-ease); }
.am-import-prep__image:hover { border-color: rgba(var(--am-glow), .38); transform: translateY(-1px); }

.am-import-prep__stage > .am-import-prep__foot {
  position: relative;
  bottom: auto;
  z-index: 12;
  display: block;
  min-height: 4.1rem;
  margin: 0;
  padding: .65rem .85rem;
  border: 0;
  border-top: 1px solid var(--am-line-soft);
  border-radius: 0;
  background: rgba(7, 10, 15, .94);
  box-shadow: 0 -.8rem 2.2rem rgba(0, 0, 0, .22);
}

.am-import-prep__foot-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
}

.am-import-execution {
  position: relative;
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  margin: -.12rem -.18rem .58rem;
  padding: .58rem .65rem;
  overflow: hidden;
  border: 1px solid rgba(var(--am-glow), .22);
  border-radius: .62rem;
  background:
    radial-gradient(80% 190% at 0 50%, rgba(var(--am-glow), .1), transparent 72%),
    rgba(255, 255, 255, .018);
}

.am-import-execution::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
  pointer-events: none;
}

.am-import-execution__mark {
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  border: 1px solid rgba(var(--am-glow), .28);
  border-radius: .7rem;
  background: rgba(var(--am-glow), .075);
  color: var(--am-accent);
  box-shadow: 0 0 1.6rem rgba(var(--am-glow), .08);
}

.am-import-execution__mark svg {
  width: 1.15rem;
  height: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65;
}

.am-import-execution.is-running .am-import-execution__mark {
  animation: am-import-link-pulse 1.45s ease-in-out infinite;
}

.am-import-execution.is-paused { border-color: rgba(244, 120, 140, .28); }
.am-import-execution.is-paused .am-import-execution__mark { border-color: rgba(244, 120, 140, .3); background: rgba(244, 120, 140, .07); color: var(--am-danger); }
.am-import-execution.is-complete { border-color: rgba(var(--am-glow), .36); }
.am-import-execution.is-blocked { border-color: rgba(232, 189, 92, .25); }
.am-import-execution.is-blocked .am-import-execution__mark { border-color: rgba(232, 189, 92, .28); background: rgba(232, 189, 92, .065); color: var(--am-paid); }
.am-import-execution.is-blocked .am-btn--solid {
  border-color: rgba(232, 189, 92, .4);
  background: rgba(232, 189, 92, .12);
  color: var(--am-paid);
}

@keyframes am-import-link-pulse {
  50% { box-shadow: 0 0 0 .3rem rgba(var(--am-glow), .055), 0 0 1.9rem rgba(var(--am-glow), .16); transform: translateY(-1px); }
}

.am-import-execution__body { display: grid; min-width: 0; gap: .28rem; }
.am-import-execution__heading { display: flex; align-items: center; gap: .48rem; min-width: 0; }
.am-import-execution__heading strong { overflow: hidden; color: var(--am-ink); font-family: var(--am-display); font-size: .78rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.am-import-execution__badge {
  flex: 0 0 auto;
  padding: .18rem .36rem;
  border: 1px solid rgba(var(--am-glow), .25);
  border-radius: 999px;
  color: var(--am-accent);
  font-family: var(--am-mono);
  font-size: .45rem;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.am-import-execution__detail { overflow: hidden; color: var(--am-ink-3); font-size: .62rem; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }

.am-import-execution__progress {
  display: grid;
  grid-template-columns: minmax(5rem, 15rem) auto;
  align-items: center;
  gap: .45rem;
  margin-top: .05rem;
}
.am-import-execution__track { height: .24rem; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .075); }
.am-import-execution__track > span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgba(var(--am-glow), .64), var(--am-accent)); box-shadow: 0 0 .8rem rgba(var(--am-glow), .34); transition: width .24s var(--am-ease); }
.am-import-execution__progress-text { color: var(--am-ink-3); font-family: var(--am-mono); font-size: .5rem; white-space: nowrap; }
.am-import-execution__actions { position: relative; z-index: 1; display: flex; align-items: center; justify-content: flex-end; gap: .38rem; }
.am-import-execution__actions .am-btn { min-height: 2.3rem; white-space: nowrap; }
.am-import-execution__cancel { color: var(--am-ink-3); }

.am-import-prep__card-status.is-linked { border-color: rgba(var(--am-glow), .55); color: var(--am-accent); }
.am-import-prep__card-status.is-running { border-color: rgba(var(--am-glow), .55); color: var(--am-accent); }
.am-import-prep__card-status.is-failed { border-color: rgba(244, 120, 140, .5); color: var(--am-danger); }

@media (max-width: 80rem) {
  .am-import-prep__canvas { grid-template-columns: 4.25rem minmax(0, 1fr) 4.25rem; }
  .am-import-prep__peek-copy strong { font-size: .6rem; }
  .am-import-prep__editor-identity { width: min(48rem, 88%); }
}

@media (max-width: 62rem) {
  .am-import-prep__launch { grid-template-columns: 5.75rem minmax(0, 1fr) auto; }
  .am-import-prep__launch-art { width: 5rem; transform: scale(.85); transform-origin: left center; }
  .am-import-prep__canvas { grid-template-columns: minmax(0, 1fr); padding-inline: .7rem; }
  .am-import-prep__editor { grid-column: 1; }
  .am-import-prep__peek { display: none; }
  .am-import-prep__editor-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-import-prep__editor-controls .am-import-prep__editor-nav { grid-column: 1 / -1; }
  .am-import-execution { grid-template-columns: 2.65rem minmax(0, 1fr); }
  .am-import-execution__actions { grid-column: 1 / -1; justify-content: flex-start; padding-left: 3.4rem; }
}

@media (max-width: 46rem) {
  .am-import-prep__launch { grid-template-columns: minmax(0, 1fr) auto; }
  .am-import-prep__launch-art { display: none; }
  .am-import-prep__launch-copy span { display: none; }
  .am-import-prep__studio { padding: 0; }
  .am-import-prep__stage { width: 100vw; height: 100dvh; border: 0; border-radius: 0; }
  .am-import-prep__stage-head { min-height: 3.75rem; padding-inline: .7rem; }
  .am-import-prep__stage-title .am-work__label,
  .am-import-prep__stage-actions .am-import-prep__save-state { display: none; }
  .am-import-prep__stage-title { gap: .5rem; }
  .am-import-prep__stage-title h2 { font-size: .95rem; }
  .am-import-prep__stage-title .am-import-prep__position { padding-left: .5rem; }
  .am-import-prep__stage-actions { gap: .5rem; }
  .am-import-prep__stage-tools { max-height: 42dvh; padding: .5rem .55rem 0; }
  .am-import-prep__stage-body { grid-template-rows: auto auto minmax(14rem, 1fr); }
  .am-import-prep__stage-body .am-import-prep__filmstrip-head { padding-inline: 2.85rem; }
  .am-import-prep__filmstrip-copy { display: none; }
  .am-import-prep__stage-body .am-import-prep__filmstrip-shell { grid-template-columns: 2.35rem minmax(0, 1fr) 2.35rem; }
  .am-import-prep__stage-body .am-import-prep__list { min-height: 5.95rem; }
  .am-import-prep__stage-body .am-import-prep__card { flex-basis: 9.5rem; grid-template-columns: 3.8rem minmax(0, 1fr); min-height: 4.85rem; }
  .am-import-prep__stage-body .am-import-prep__card-meta { display: none; }
  .am-import-prep__canvas { padding: .55rem .45rem .7rem; }
  .am-import-prep__editor { border-radius: .55rem; }
  .am-import-prep__hero { min-height: 12rem; border-radius: .5rem .5rem 0 0; }
  .am-import-prep__hero::before { background: linear-gradient(0deg, rgba(5, 7, 11, .98), rgba(5, 7, 11, .28)); }
  .am-import-prep__editor-identity { width: 100%; padding: 1rem; }
  .am-import-prep__editor-identity h3 { font-size: clamp(1.55rem, 8vw, 2.35rem); }
  .am-import-prep__hero-description { font-size: .7rem; -webkit-line-clamp: 2; }
  .am-import-prep__editor-controls { position: relative; grid-template-columns: minmax(0, 1fr); padding: .7rem; }
  .am-import-prep__editor-controls .am-import-prep__editor-nav { grid-column: 1; }
  .am-import-prep__source-review { align-items: flex-start; flex-direction: column; }
  .am-import-prep__preview-empty { grid-template-columns: auto minmax(0, 1fr); min-height: 0; }
  .am-import-prep__preview-empty-actions { grid-column: 1 / -1; }
  .am-import-prep__companion-status { max-width: none; }
  .am-import-prep__item > .am-import-prep__match,
  .am-import-prep__item > .am-import-prep__scope-notice,
  .am-import-prep__item > .am-import-prep__action-state { margin-inline: .7rem; }
  .am-import-prep__editor-layout { margin: .7rem; }
  .am-import-prep__stage > .am-import-prep__foot { min-height: 3.8rem; padding: .55rem .65rem; }
  .am-import-execution { grid-template-columns: minmax(0, 1fr) auto; gap: .42rem; padding: .48rem .55rem; }
  .am-import-execution__mark { display: none; }
  .am-import-execution__heading { gap: .35rem; }
  .am-import-execution__heading strong { font-size: .7rem; }
  .am-import-execution__badge { padding: .14rem .28rem; font-size: .4rem; }
  .am-import-execution__detail { display: none; }
  .am-import-execution__actions { grid-column: 2; justify-content: flex-end; padding-left: 0; }
  .am-import-execution__actions .am-btn { min-height: 2.15rem; padding-inline: .6rem; }
  .am-import-execution.is-running,
  .am-import-execution.is-paused,
  .am-import-execution.is-terminal { grid-template-columns: minmax(0, 1fr); }
  .am-import-execution.is-running .am-import-execution__actions,
  .am-import-execution.is-paused .am-import-execution__actions,
  .am-import-execution.is-terminal .am-import-execution__actions { grid-column: 1; justify-content: stretch; }
  .am-import-execution.is-running .am-import-execution__actions .am-btn,
  .am-import-execution.is-paused .am-import-execution__actions .am-btn,
  .am-import-execution.is-terminal .am-import-execution__actions .am-btn { flex: 1 1 auto; }
  .am-import-prep__foot-row { align-items: stretch; flex-direction: column; }
}

@media (max-width: 32rem) {
  .am-import-prep__launch { grid-template-columns: minmax(0, 1fr); gap: .7rem; }
  .am-import-prep__open { width: 100%; justify-content: center; }
  .am-import-prep__shortcut { display: none; }
  .am-import-prep__stage-body .am-import-prep__filmstrip-head { padding-inline: .65rem; }
  .am-import-prep__stage-tools .am-import-prep__defaults-shell > summary { min-height: 3rem; padding: .6rem .7rem; }
  .am-import-prep__stage > .am-import-prep__foot { align-items: stretch; }
}

@media (prefers-reduced-motion: reduce) {
  .am-import-prep__studio,
  .am-import-prep__stage,
  .am-import-prep__peek,
  .am-import-prep__close,
  .am-import-execution__track > span { transition: none; }
  .am-import-execution.is-running .am-import-execution__mark { animation: none; }
}

/* ============================================ import studio v4 — review theatre
   The post is now the workspace. Batch operations live on a narrow desk,
   navigation stays spatial, and normal reviews fit without page scrolling. */
.am-import-prep__studio {
  --am-studio-green: #69e6a6;
  --am-studio-amber: #f3b85f;
  --am-studio-red: #ff738e;
  --am-studio-violet: #a894ff;
  padding: clamp(.4rem, 1vw, 1rem);
  background:
    radial-gradient(60% 70% at 62% 22%, rgba(var(--am-glow), .1), transparent 72%),
    rgba(2, 4, 8, .88);
  backdrop-filter: blur(24px) saturate(.58) brightness(.46);
}

.am-import-prep__stage {
  grid-template-rows: 3.35rem minmax(0, 1fr) auto;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(75% 80% at 68% 30%, rgba(var(--am-glow), .055), transparent 70%),
    #070a0f;
}

.am-import-prep__studio { padding: 0; }

.am-import-prep__stage-head {
  min-height: 3.35rem;
  padding: .38rem .7rem .38rem .65rem;
  background: rgba(7, 10, 15, .94);
}

.am-import-prep__stage-title { gap: .65rem; }
.am-import-prep__studio-mark {
  display: grid;
  place-items: center;
  width: 2.15rem;
  aspect-ratio: 1;
  border: 1px solid rgba(var(--am-glow), .34);
  border-radius: .58rem;
  background: linear-gradient(145deg, rgba(var(--am-glow), .14), rgba(var(--am-glow), .03));
  color: var(--am-accent);
  font-family: var(--am-display);
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: -.04em;
  box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 0 1.5rem rgba(var(--am-glow), .08);
}
.am-import-prep__stage-heading { display: grid; gap: .05rem; }
.am-import-prep__stage-heading .am-work__label { font-size: .44rem; }
.am-import-prep__stage-title h2 { font-size: .98rem; }
.am-import-prep__stage-title .am-import-prep__position { padding-left: .65rem; font-size: .52rem; }
.am-import-prep__stage-actions { gap: .7rem; }
.am-import-prep__stage-actions .am-import-prep__shortcut { color: var(--am-ink-3); font-size: .47rem; }
.am-import-prep__close { width: 2.25rem; height: 2.25rem; }

.am-import-prep__stage-workspace {
  display: grid;
  grid-template-columns: clamp(12.75rem, 15vw, 15.5rem) minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.am-import-prep__stage-tools {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: .72rem;
  min-width: 0;
  max-height: none;
  padding: .85rem .72rem .7rem;
  overflow: hidden auto;
  border-right: 1px solid var(--am-line-soft);
  background:
    linear-gradient(180deg, rgba(var(--am-glow), .035), transparent 28%),
    rgba(8, 11, 17, .92);
  scrollbar-color: rgba(var(--am-glow), .24) transparent;
  scrollbar-width: thin;
}

.am-import-prep__desk-intro { display: grid; gap: .22rem; padding: .12rem .15rem .2rem; }
.am-import-prep__desk-intro strong { color: var(--am-ink); font-family: var(--am-display); font-size: .82rem; font-weight: 620; }
.am-import-prep__desk-intro > span:last-child { color: var(--am-ink-3); font-size: .62rem; line-height: 1.45; }
.am-import-prep__stage-tools .am-import-prep__search { display: block; width: 100%; }
.am-import-prep__stage-tools .am-import-prep__search .am-input { min-height: 2.25rem; background: rgba(0, 0, 0, .24); }

.am-import-prep__stage-tools .am-import-prep__defaults-shell {
  flex: 0 0 auto;
  margin: 0;
  border-color: rgba(255, 255, 255, .085);
  border-radius: .55rem;
  background: rgba(255, 255, 255, .018);
}
.am-import-prep__stage-tools .am-import-prep__defaults-shell > summary {
  min-height: 3.2rem;
  padding: .58rem .62rem;
}
.am-import-prep__stage-tools .am-import-prep__defaults-shell > summary > span:first-child { gap: .12rem; }
.am-import-prep__stage-tools .am-import-prep__defaults-title { font-size: .62rem; }
.am-import-prep__stage-tools .am-import-prep__defaults-copy { font-size: .52rem; }
.am-import-prep__stage-tools .am-import-prep__defaults-hint {
  max-width: 6.25rem;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: .42rem;
  text-align: right;
}
.am-import-prep__stage-tools .am-import-prep__defaults {
  grid-template-columns: minmax(0, 1fr);
  gap: .62rem;
  padding: .65rem;
}
.am-import-prep__stage-tools .am-import-prep__defaults .am-field { min-width: 0; }
.am-import-prep__stage-tools .am-import-prep__defaults .am-select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  text-overflow: ellipsis;
}
.am-import-prep__stage-tools .am-import-prep__defaults .am-field--wide,
.am-import-prep__stage-tools .am-import-prep__defaults .am-import-prep__games-field { grid-column: 1; }
.am-import-prep__stage-tools .am-import-prep__editions { grid-template-columns: minmax(0, 1fr); gap: .4rem; }
.am-import-prep__stage-tools .am-import-prep__edition { padding: .48rem; }
.am-import-prep__stage-tools .am-import-prep__checks { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
.am-import-prep__stage-tools .am-import-prep__confirm { align-items: flex-start; font-size: .5rem; line-height: 1.45; }

.am-import-prep__queue { display: grid; gap: .42rem; }
.am-import-prep__queue-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .08rem .15rem; }
.am-import-prep__next-issue {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--am-studio-amber);
  font-family: var(--am-mono);
  font-size: .47rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  cursor: pointer;
}
.am-import-prep__next-issue::after { content: " →"; }
.am-import-prep__next-issue:disabled { opacity: .28; cursor: default; }

.am-import-prep__stage-tools .am-import-prep__filters {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .3rem;
  overflow: visible;
}
.am-import-prep__stage-tools .am-import-prep__filters .am-btn {
  display: grid;
  grid-template-columns: .45rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .48rem;
  width: 100%;
  min-height: 2.05rem;
  padding: .32rem .5rem;
  border-color: transparent;
  border-radius: .42rem;
  background: transparent;
  color: var(--am-ink-2);
  font-family: var(--am-body);
  font-size: .64rem;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
}
.am-import-prep__stage-tools .am-import-prep__filters .am-btn > span:last-child {
  min-width: 1.35rem;
  padding: .13rem .3rem;
  border: 0;
  background: rgba(255, 255, 255, .045);
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .46rem;
  text-align: center;
}
.am-import-prep__stage-tools .am-import-prep__filters .am-btn:hover { background: rgba(255, 255, 255, .028); color: var(--am-ink); }
.am-import-prep__stage-tools .am-import-prep__filters .am-btn.is-selected {
  border-color: rgba(var(--am-glow), .22);
  background: rgba(var(--am-glow), .075);
  color: var(--am-ink);
  box-shadow: none;
}
.am-import-prep__filter-dot { width: .38rem; height: .38rem; border-radius: 50%; background: var(--am-ink-3); box-shadow: 0 0 .7rem currentColor; }
.am-import-prep__filters .is-attention .am-import-prep__filter-dot { background: var(--am-studio-red); color: var(--am-studio-red); }
.am-import-prep__filters .is-review .am-import-prep__filter-dot { background: var(--am-studio-amber); color: var(--am-studio-amber); }
.am-import-prep__filters .is-match .am-import-prep__filter-dot { background: var(--am-studio-violet); color: var(--am-studio-violet); }
.am-import-prep__filters .is-ready .am-import-prep__filter-dot { background: var(--am-studio-green); color: var(--am-studio-green); }
.am-import-prep__filters .is-skip .am-import-prep__filter-dot { background: #77808e; color: #77808e; }

.am-import-prep__desk-tip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .45rem;
  margin-top: auto;
  padding: .55rem .2rem .05rem;
  border-top: 1px solid var(--am-line-soft);
  color: var(--am-ink-3);
  font-size: .52rem;
  line-height: 1.35;
  text-align: center;
}
.am-import-prep__desk-tip > span:first-child,
.am-import-prep__desk-tip > span:last-child { color: var(--am-accent); font-family: var(--am-mono); }

.am-import-prep__stage-body {
  grid-template-rows: minmax(0, 1fr) 4.15rem;
  min-width: 0;
  background:
    radial-gradient(62% 88% at 50% 44%, rgba(var(--am-glow), .07), transparent 72%),
    linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .28));
}

.am-import-prep__canvas {
  grid-template-columns:
    clamp(3.4rem, 4.7vw, 6.4rem)
    clamp(5rem, 6.8vw, 9rem)
    minmax(0, 1fr)
    clamp(5rem, 6.8vw, 9rem)
    clamp(3.4rem, 4.7vw, 6.4rem);
  padding: .72rem 0 .52rem;
  touch-action: pan-y;
}
.am-import-prep__editor {
  grid-column: 3;
  z-index: 3;
  overflow: hidden;
  border-color: rgba(255, 255, 255, .13);
  border-radius: .72rem;
  background: #0b0f15;
  box-shadow: 0 1.6rem 4.8rem rgba(0, 0, 0, .68), 0 0 3.5rem rgba(var(--am-glow), .055);
}
.am-import-prep__peek {
  z-index: 1;
  align-self: stretch;
  margin-block: clamp(4rem, 10vh, 8rem);
  opacity: .42;
  filter: saturate(.52) brightness(.67);
}
.am-import-prep__peek--previous { grid-column: 2; margin-right: -1.8rem; }
.am-import-prep__peek--next { grid-column: 4; margin-left: -1.8rem; }
.am-import-prep__peek--previous-far,
.am-import-prep__peek--next-far {
  z-index: 0;
  margin-block: clamp(8rem, 19vh, 15rem);
  opacity: .22;
  filter: saturate(.38) brightness(.5);
}
.am-import-prep__peek--previous-far {
  grid-column: 1;
  margin-right: -1.3rem;
  border-radius: .55rem 0 0 .55rem;
  transform: perspective(40rem) rotateY(10deg) scale(.89);
  transform-origin: right center;
}
.am-import-prep__peek--next-far {
  grid-column: 5;
  margin-left: -1.3rem;
  border-radius: 0 .55rem .55rem 0;
  transform: perspective(40rem) rotateY(-10deg) scale(.89);
  transform-origin: left center;
}
.am-import-prep__peek:hover,
.am-import-prep__peek:focus-visible { z-index: 2; opacity: .82; }
.am-import-prep__peek--previous:hover,
.am-import-prep__peek--previous:focus-visible { transform: perspective(40rem) rotateY(4deg) translateX(-.18rem) scale(.955); }
.am-import-prep__peek--next:hover,
.am-import-prep__peek--next:focus-visible { transform: perspective(40rem) rotateY(-4deg) translateX(.18rem) scale(.955); }
.am-import-prep__peek--previous-far:hover,
.am-import-prep__peek--previous-far:focus-visible {
  z-index: 0;
  opacity: .58;
  transform: perspective(40rem) rotateY(7deg) translateX(-.12rem) scale(.91);
}
.am-import-prep__peek--next-far:hover,
.am-import-prep__peek--next-far:focus-visible {
  z-index: 0;
  opacity: .58;
  transform: perspective(40rem) rotateY(-7deg) translateX(.12rem) scale(.91);
}
.am-import-prep__peek--previous-far .am-import-prep__peek-copy strong,
.am-import-prep__peek--next-far .am-import-prep__peek-copy strong { font-size: .56rem; -webkit-line-clamp: 2; }

.am-import-prep__item {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.am-import-prep__editor-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.am-import-prep__editor-content > .am-import-prep__match {
  flex: 0 0 auto;
  margin: .5rem .65rem 0;
  padding: .42rem .55rem;
  font-size: .68rem;
}
.am-import-prep__editor-content > .am-import-prep__editor-layout { flex: 1 1 auto; }
.am-import-prep__item.is-entering-next { animation: am-import-card-from-right .3s cubic-bezier(.2, .8, .2, 1); }
.am-import-prep__item.is-entering-previous { animation: am-import-card-from-left .3s cubic-bezier(.2, .8, .2, 1); }
@keyframes am-import-card-from-right {
  from { opacity: .68; transform: translateX(2.2rem) scale(.99); filter: blur(.6px); }
  to { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
}
@keyframes am-import-card-from-left {
  from { opacity: .68; transform: translateX(-2.2rem) scale(.99); filter: blur(.6px); }
  to { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
}

.am-import-prep__editor-head { min-height: 0; }
.am-import-prep__hero {
  min-height: clamp(10.5rem, 18vh, 14.5rem);
  border-radius: .68rem .68rem 0 0;
}
.am-import-prep__hero::before {
  background:
    linear-gradient(90deg, rgba(4, 7, 11, .97) 0%, rgba(4, 7, 11, .8) 42%, rgba(4, 7, 11, .28) 100%),
    linear-gradient(0deg, rgba(4, 7, 11, .96), transparent 65%);
}
.am-import-prep__editor-identity {
  width: 53%;
  padding: 1.05rem 1.25rem;
  gap: .42rem;
}
.am-import-prep__editor-eyebrow { font-size: .52rem; }
.am-import-prep__hero-title-shell { display: grid; gap: .25rem; min-width: 0; }
.am-import-prep__hero-title {
  width: 100%;
  min-height: 1.08em;
  max-height: 2.08em;
  margin: 0;
  padding: .04em .09em .08em;
  border: 1px solid transparent;
  border-radius: .22rem;
  outline: none;
  background: transparent;
  color: var(--am-ink);
  font-family: var(--am-display);
  font-size: clamp(1.7rem, 3.5vw, 3rem);
  font-weight: 680;
  letter-spacing: -.045em;
  line-height: 1;
  overflow: hidden;
  resize: none;
  field-sizing: content;
  transition: border-color .16s var(--am-ease), background .16s var(--am-ease), box-shadow .16s var(--am-ease);
}
.am-import-prep__hero-title:hover { border-color: rgba(255, 255, 255, .14); background: rgba(0, 0, 0, .18); }
.am-import-prep__hero-title:focus { border-color: rgba(var(--am-glow), .55); background: rgba(2, 5, 8, .72); box-shadow: 0 0 0 3px rgba(var(--am-glow), .08); }
.am-import-prep__hero-title.is-readonly { pointer-events: none; }
.am-import-prep__hero-title.is-readonly:hover { border-color: transparent; background: transparent; }
.am-import-prep__hero-title::placeholder { color: rgba(238, 243, 248, .38); }
.am-import-prep__hero-inheritance {
  justify-self: start;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(238, 243, 248, .48);
  font-family: var(--am-mono);
  font-size: .44rem;
  text-transform: uppercase;
}
button.am-import-prep__hero-inheritance { color: var(--am-accent); cursor: pointer; }
.am-import-prep__hero-description { max-width: 38rem; font-size: clamp(.67rem, 1vw, .82rem); -webkit-line-clamp: 2; }
.am-import-prep__hero .am-import-prep__meta { gap: .24rem; }
.am-import-prep__hero .am-import-item__reason { min-height: 1.25rem; padding: .18rem .32rem; font-size: .42rem; }
.am-import-prep__hero .am-import-prep__source-link { font-size: .58rem; }

.am-import-prep__preview-tray {
  position: absolute;
  top: .85rem;
  right: .85rem;
  bottom: .85rem;
  z-index: 3;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(44%, 34rem);
  min-width: 20rem;
  padding: .58rem;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: .58rem;
  background: rgba(5, 8, 12, .64);
  box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 .85rem 2.4rem rgba(0, 0, 0, .34);
  backdrop-filter: blur(15px) saturate(.8);
}
.am-import-prep__preview-tray-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 1.8rem; padding: 0 .05rem .45rem; }
.am-import-prep__preview-tray-label { color: rgba(238, 243, 248, .68); font-family: var(--am-mono); font-size: .47rem; letter-spacing: .08em; text-transform: uppercase; }
.am-import-prep__preview-tray-actions { display: flex; align-items: center; justify-content: flex-end; gap: .3rem; }
.am-import-prep__tiny-action { min-height: 1.7rem; padding: .25rem .48rem; border-color: rgba(255, 255, 255, .14); background: rgba(0, 0, 0, .24); font-size: .47rem; }
.am-import-prep__tiny-action--find { border-color: rgba(var(--am-glow), .32); color: var(--am-accent); }
.am-import-prep__tiny-action--add { border-color: rgba(105, 230, 166, .28); color: var(--am-studio-green); }
.am-import-prep__preview-menu { position: relative; }
.am-import-prep__preview-menu > summary { display: inline-flex; align-items: center; list-style: none; cursor: pointer; }
.am-import-prep__preview-menu > summary::-webkit-details-marker { display: none; }
.am-import-prep__preview-menu > summary::after { content: "⌄"; margin-left: .32rem; font-size: .58rem; }
.am-import-prep__preview-menu[open] > summary { background: rgba(var(--am-glow), .11); }
.am-import-prep__preview-menu-choices {
  position: absolute;
  top: calc(100% + .35rem);
  right: 0;
  z-index: 30;
  display: grid;
  gap: .3rem;
  width: 14.5rem;
  padding: .42rem;
  border: 1px solid rgba(var(--am-glow), .28);
  border-radius: .48rem;
  background: #0b1017;
  box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, .65);
}
.am-import-prep__preview-menu-choices .am-btn { justify-content: flex-start; min-height: 2.1rem; padding: .4rem .52rem; font-size: .5rem; text-align: left; white-space: normal; }
.am-import-prep__preview-strip { display: flex; align-items: stretch; gap: .42rem; min-height: 0; overflow: hidden auto; scrollbar-color: rgba(var(--am-glow), .28) transparent; scrollbar-width: thin; }
.am-import-prep__preview-tray .am-import-prep__image {
  position: relative;
  flex: 1 1 5.5rem;
  min-width: 4.4rem;
  max-width: 8.5rem;
  height: 100%;
  min-height: 5.2rem;
  border-color: rgba(255, 255, 255, .14);
  border-radius: .42rem;
  background: #090c11;
}
.am-import-prep__preview-tray .am-import-prep__image:first-child { border-color: rgba(105, 230, 166, .5); box-shadow: 0 0 0 1px rgba(105, 230, 166, .13), 0 0 1.2rem rgba(105, 230, 166, .08); }
.am-import-prep__preview-tray .am-import-prep__image img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
.am-import-prep__preview-tray .am-import-prep__image-tools {
  position: absolute;
  inset: auto .25rem .25rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 0;
  padding: 0;
  gap: .18rem;
}
.am-import-prep__preview-tray .am-import-prep__image-tools .am-import-item__reason {
  position: absolute;
  top: calc(-100% - 3.5rem);
  left: 0;
  min-height: 1.2rem;
  border-color: rgba(105, 230, 166, .4);
  background: rgba(4, 8, 8, .78);
  color: var(--am-studio-green);
  font-size: .4rem;
}
.am-import-prep__preview-tray .am-import-prep__image-tools .am-btn {
  display: grid;
  place-items: center;
  width: 1.38rem;
  height: 1.38rem;
  min-height: 0;
  padding: 0;
  border-color: rgba(255, 255, 255, .2);
  border-radius: 50%;
  background: rgba(4, 7, 10, .82);
  color: var(--am-ink-2);
  font-size: 0;
  backdrop-filter: blur(8px);
}
.am-import-prep__preview-tray .am-import-prep__image-tools .am-btn::before { font-size: .65rem; line-height: 1; }
.am-import-prep__preview-tray [data-prep-image-action="cover"] { color: var(--am-studio-green); }
.am-import-prep__preview-tray [data-prep-image-action="cover"]::before { content: "★"; }
.am-import-prep__preview-tray [data-prep-image-action="left"]::before { content: "←"; }
.am-import-prep__preview-tray [data-prep-image-action="right"]::before { content: "→"; }
.am-import-prep__preview-tray [data-prep-image-action="remove"],
.am-import-prep__preview-tray [data-prep-image-action="exclude"] { color: var(--am-studio-red); }
.am-import-prep__preview-tray [data-prep-image-action="remove"]::before { content: "×"; font-size: .82rem; }
.am-import-prep__preview-tray [data-prep-image-action="exclude"]::before { content: "−"; font-size: .78rem; }
.am-import-prep__preview-tray [data-prep-image-action="include"] { color: var(--am-studio-green); }
.am-import-prep__preview-tray [data-prep-image-action="include"]::before { content: "+"; font-size: .78rem; }
.am-import-prep__preview-drop,
.am-import-prep__preview-tray-empty {
  display: grid;
  place-items: center;
  min-width: 4.8rem;
  min-height: 5.2rem;
  padding: .45rem;
  border: 1px dashed rgba(var(--am-glow), .3);
  border-radius: .42rem;
  background: rgba(var(--am-glow), .025);
  color: var(--am-accent);
  font-family: var(--am-mono);
  font-size: .46rem;
  line-height: 1.35;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.am-import-prep__preview-tray-empty { width: 100%; grid-template-rows: auto auto; gap: .28rem; border-color: rgba(var(--am-glow), .38); text-transform: none; }
.am-import-prep__preview-tray-empty strong { color: var(--am-ink); font-family: var(--am-display); font-size: .8rem; font-weight: 620; }
.am-import-prep__preview-tray-empty span { max-width: 17rem; color: var(--am-ink-3); font-family: var(--am-body); font-size: .58rem; line-height: 1.45; }
.am-import-prep__preview-drop:hover,
.am-import-prep__preview-tray-empty:hover { border-color: rgba(var(--am-glow), .68); background: rgba(var(--am-glow), .07); }

.am-import-prep__editor-controls {
  position: relative;
  top: auto;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
  min-height: 3rem;
  padding: .26rem .72rem;
  background: rgba(8, 12, 18, .97);
  backdrop-filter: none;
}
.am-import-prep__editor-controls .am-import-prep__action,
.am-import-prep__editor-controls .am-import-prep__scope-select {
  flex: 0 1 16rem;
  order: 1;
  min-width: 0;
}
.am-import-prep__editor-controls .am-import-prep__action { flex-basis: 13rem; order: 2; }
.am-import-prep__editor-controls .am-field__label {
  margin-bottom: .22rem;
  font-size: .56rem;
  letter-spacing: .12em;
}
.am-import-prep__editor-controls .am-select {
  width: 100%;
  min-width: 0;
  min-height: 2.15rem;
  padding-block: .3rem;
  font-size: .74rem;
}
.am-import-prep__action-button {
  order: 2;
  min-height: 2rem;
  margin-left: auto;
  padding-inline: .72rem;
  font-size: .62rem;
}
.am-import-prep__action-button.is-skip { color: var(--am-ink-3); }
.am-import-prep__action-button.is-skip:hover { border-color: rgba(255, 115, 142, .28); color: var(--am-studio-red); }
.am-import-prep__action-button.is-restore { border-color: rgba(105, 230, 166, .32); color: var(--am-studio-green); }
.am-import-prep__control-hint { justify-self: end; color: var(--am-ink-3); font-size: .56rem; line-height: 1.35; text-align: right; }
.am-import-prep__item > .am-import-prep__scope-notice { display: none; }

.am-import-prep__editor-layout {
  align-items: stretch;
  grid-template-columns: minmax(0, 1fr);
  gap: .58rem;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: .6rem;
  overflow: hidden;
}
.am-import-prep__editor-main {
  grid-template-columns: minmax(0, 1.25fr) minmax(11.5rem, .75fr);
  grid-template-rows: minmax(0, 1fr);
  align-content: stretch;
  align-items: stretch;
  gap: .55rem;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  scrollbar-color: rgba(var(--am-glow), .26) transparent;
  scrollbar-width: thin;
}
.am-import-prep__editor-main > .am-import-prep__editor-section {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.am-import-prep__editor-main:has(> .am-import-prep__source-review) {
  grid-template-rows: auto minmax(0, 1fr);
}
.am-import-prep__editor-main > .am-import-prep__source-review { grid-column: 1 / -1; }
.am-import-prep__editor-main > .am-import-prep__details-section { grid-column: 1; height: 100%; }
.am-import-prep__editor-main > .am-import-prep__details-section.is-edition { grid-column: 1 / -1; }
.am-import-prep__editor-main > .am-import-prep__games-section { grid-column: 2; grid-row: 1; height: 100%; }
.am-import-prep__editor-main > .am-import-prep__source-review + .am-import-prep__details-section { grid-row: 2; }
.am-import-prep__editor-main > .am-import-prep__source-review ~ .am-import-prep__games-section { grid-row: 2; }
.am-import-prep__editor-layout--passive { place-items: center; }
.am-import-prep__editor-layout--passive .am-import-prep__editor-main {
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  width: 100%;
  overflow: hidden;
}
.am-import-prep__editor-layout--passive .am-import-prep__action-state {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .35rem .85rem;
  width: min(100%, 40rem);
  min-height: 0;
  margin: auto;
  padding: clamp(1rem, 2vw, 1.5rem);
  border-style: solid;
  border-color: rgba(255, 255, 255, .1);
  border-radius: .7rem;
  background: rgba(255, 255, 255, .018);
}
.am-import-prep__action-state-mark {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid rgba(var(--am-glow), .3);
  border-radius: 50%;
  background: rgba(var(--am-glow), .07);
  color: var(--am-accent);
  font-family: var(--am-display);
  font-size: 1rem;
  box-shadow: 0 0 1.5rem rgba(var(--am-glow), .08);
}
.am-import-prep__action-state.is-skip .am-import-prep__action-state-mark {
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .035);
  color: var(--am-ink-3);
  box-shadow: none;
}
.am-import-prep__editor-layout--passive .am-import-prep__action-state h4 {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  max-width: 32rem;
  font-size: 1.05rem;
}
.am-import-prep__editor-layout--passive .am-import-prep__action-state p {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  max-width: 32rem;
  margin-top: 0;
  font-size: .74rem;
  line-height: 1.5;
}
.am-import-prep__match-link {
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
  min-height: 2.15rem;
  white-space: nowrap;
}
.am-import-prep__item.is-action-skip .am-import-prep__hero,
.am-import-prep__item.is-action-link .am-import-prep__hero { min-height: clamp(8.5rem, 14vh, 11rem); }
.am-import-prep__item.is-action-skip .am-import-prep__hero-media { opacity: .38; filter: grayscale(.25); }
.am-import-prep__editor-section { padding: .55rem; border-radius: .46rem; }
.am-import-prep__section-head { gap: .55rem; }
.am-import-prep__section-head h4 { font-size: .86rem; }
.am-import-prep__section-head p { font-size: .66rem; line-height: 1.45; }
.am-import-prep__section-body {
  flex: 1 1 auto;
  min-height: 0;
  margin-top: .55rem;
}
.am-import-prep__fields { gap: .58rem; }
.am-import-prep__details-section .am-import-prep__fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.am-import-prep__details-section > .am-import-prep__section-body,
.am-import-prep__details-section > .am-import-prep__section-body > .am-import-prep__fields { height: 100%; }
.am-import-prep__details-section:not(.is-edition) > .am-import-prep__section-body > .am-import-prep__fields {
  grid-template-rows: auto minmax(0, 1fr);
}
.am-import-prep__details-section .am-import-prep__tags-field { grid-column: 3; }
.am-import-prep__tags-field { position: relative; }
.am-import-prep__tag-count {
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .56rem;
}
.am-import-prep__tag-control {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .28rem;
  min-height: 2.1rem;
  padding: .28rem .38rem;
  border: 1px solid var(--am-line);
  border-radius: .38rem;
  background: rgba(0, 0, 0, .16);
  transition: border-color .16s var(--am-ease), box-shadow .16s var(--am-ease);
}
.am-import-prep__tag-control:focus-within {
  border-color: rgba(var(--am-glow), .56);
  box-shadow: 0 0 0 3px rgba(var(--am-glow), .07);
}
.am-import-prep__tag-chip {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  max-width: 100%;
  min-height: 1.35rem;
  padding: .13rem .2rem .13rem .42rem;
  border: 1px solid rgba(var(--am-glow), .26);
  border-radius: 999px;
  background: rgba(var(--am-glow), .08);
  color: var(--am-accent);
  font-size: .66rem;
  line-height: 1.2;
}
.am-import-prep__tag-chip > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-import-prep__tag-chip button {
  display: grid;
  place-items: center;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(238, 243, 248, .58);
  font-size: .7rem;
  line-height: 1;
  cursor: pointer;
}
.am-import-prep__tag-chip button:hover,
.am-import-prep__tag-chip button:focus-visible { background: rgba(255, 115, 142, .14); color: var(--am-studio-red); outline: none; }
.am-import-prep__tag-input {
  flex: 1 1 9rem;
  min-width: 7rem;
  min-height: 1.35rem;
  padding: .1rem .18rem;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--am-ink);
  font: inherit;
  font-size: .74rem;
}
.am-import-prep__tag-input::placeholder { color: var(--am-ink-3); }
.am-import-prep__tag-suggestions {
  position: absolute;
  top: calc(100% + .3rem);
  right: 0;
  left: 0;
  z-index: 45;
  display: grid;
  max-height: 11rem;
  padding: .3rem;
  overflow: hidden auto;
  border: 1px solid rgba(var(--am-glow), .3);
  border-radius: .45rem;
  background: rgba(7, 11, 17, .98);
  box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, .66);
  backdrop-filter: blur(16px);
}
.am-import-prep__tag-suggestions[hidden] { display: none; }
.am-import-prep__tag-suggestions button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  width: 100%;
  min-height: 1.9rem;
  padding: .34rem .45rem;
  border: 0;
  border-radius: .3rem;
  background: transparent;
  color: var(--am-ink-2);
  font-size: .72rem;
  text-align: left;
  cursor: pointer;
}
.am-import-prep__tag-suggestions button:hover,
.am-import-prep__tag-suggestions button[aria-selected="true"] { background: rgba(var(--am-glow), .1); color: var(--am-ink); }
.am-import-prep__tag-suggestions small { color: var(--am-ink-3); font-family: var(--am-mono); font-size: .52rem; text-transform: uppercase; }
.am-import-prep__tag-suggestions button[data-prep-tag-create] small { color: var(--am-studio-green); }
.am-import-prep__details-section .am-import-prep__description-field {
  display: flex;
  flex-direction: column;
  grid-column: 1 / -1;
  min-height: 0;
}
.am-import-prep__details-section .am-import-prep__description-field .am-textarea { flex: 1 1 auto; }
.am-import-prep__details-section.is-edition .am-import-prep__section-body {
  display: grid;
  grid-template-columns: minmax(10rem, .55fr) minmax(0, 1.45fr);
  align-items: stretch;
  gap: .55rem;
}
.am-import-prep__details-section.is-edition .am-import-prep__scoped-categories { height: 100%; margin: 0; }
.am-import-prep__details-section.is-edition .am-import-prep__fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
}
.am-import-prep__details-section.is-edition .am-import-prep__description { height: 100%; min-height: 7rem; max-height: none; }
.am-import-prep__fields .am-field__label {
  margin-bottom: .28rem;
  font-size: .58rem;
  letter-spacing: .12em;
}
.am-import-prep__fields .am-input,
.am-import-prep__fields .am-select { min-height: 2.2rem; font-size: .76rem; }
.am-import-prep__fields .am-select { width: 100%; min-width: 0; }
.am-import-prep__fields .am-textarea { font-size: .76rem; line-height: 1.55; }
.am-import-prep__description { height: 100%; min-height: 7rem; max-height: none; resize: none; }
.am-import-prep__games-section .am-import-prep__toggle { align-items: flex-start; font-size: .68rem; line-height: 1.4; }
.am-import-prep__games-section .am-import-prep__editions { grid-template-columns: minmax(0, 1fr); gap: .35rem; }
.am-import-prep__games-section .am-import-prep__edition,
.am-import-prep__games-section .am-import-prep__edition-summary { padding: .55rem .6rem; }
.am-import-prep__games-section .am-import-prep__edition-game { font-size: .76rem; }
.am-import-prep__games-section .am-import-prep__check { font-size: .7rem; }
.am-import-prep__games-section .am-import-prep__edition-summary strong { font-size: .72rem; }
.am-import-prep__games-section .am-import-prep__edition-summary span { font-size: .64rem; }
.am-import-prep__source-review { padding: .3rem .55rem; }
.am-import-prep__source-review > div { gap: .12rem; }
.am-import-prep__source-review strong { font-size: .68rem; }
.am-import-prep__source-review > div > span {
  overflow: hidden;
  font-size: .58rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.am-import-prep__source-confirm { font-size: .48rem; }

.am-import-prep__rail {
  position: static;
  align-content: start;
  gap: .45rem;
  min-height: 0;
  overflow: hidden auto;
  scrollbar-color: rgba(var(--am-glow), .22) transparent;
  scrollbar-width: thin;
}
.am-import-prep__rail-card { gap: .22rem; padding: .45rem; border-radius: .44rem; }
.am-import-prep__readiness { font-size: .78rem; }
.am-import-prep__readiness.is-ready { color: var(--am-studio-green); }
.am-import-prep__readiness.is-review { color: var(--am-studio-amber); }
.am-import-prep__readiness.is-attention,
.am-import-prep__readiness.is-failed { color: var(--am-studio-red); }
.am-import-prep__rail-card p { font-size: .56rem; line-height: 1.42; }
.am-import-prep__issue { padding: .34rem .4rem; font-size: .55rem; }
.am-import-prep__issue--error { border-color: rgba(255, 115, 142, .3); color: var(--am-studio-red); }
.am-import-prep__issue--warning { border-color: rgba(243, 184, 95, .28); color: var(--am-studio-amber); }
.am-import-prep__more-issues {
  margin: 0;
  padding: .1rem .08rem 0;
  color: var(--am-ink-3);
  font-family: var(--am-mono);
  font-size: .45rem;
  line-height: 1.35;
  text-transform: uppercase;
}
.am-import-prep__preview-strip.is-guided-focus,
.am-import-prep__editions.is-guided-focus,
.am-import-prep__confirm.is-guided-focus {
  outline: 2px solid rgba(var(--am-glow), .72);
  outline-offset: .2rem;
  box-shadow: 0 0 0 .28rem rgba(var(--am-glow), .1), 0 0 1.5rem rgba(var(--am-glow), .12);
}
.am-import-prep__facts { gap: .28rem .45rem; }
.am-import-prep__facts dt { font-size: .43rem; }
.am-import-prep__facts dd { font-size: .54rem; }
.am-import-prep__rail-tip { display: none; }

.am-import-prep__review-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  min-height: 2.95rem;
  padding: .24rem .62rem;
  border-top: 1px solid var(--am-line-soft);
  background: rgba(7, 10, 15, .98);
}
.am-import-prep__review-state { display: flex; align-items: center; min-width: 0; gap: .5rem; }
.am-import-prep__review-mark { flex: 0 0 auto; width: .5rem; height: .5rem; border-radius: 50%; background: var(--am-ink-3); box-shadow: 0 0 .8rem currentColor; }
.am-import-prep__review-bar.is-ready .am-import-prep__review-mark { background: var(--am-studio-green); color: var(--am-studio-green); }
.am-import-prep__review-bar.is-review .am-import-prep__review-mark,
.am-import-prep__review-bar.is-draft .am-import-prep__review-mark { background: var(--am-studio-amber); color: var(--am-studio-amber); }
.am-import-prep__review-bar.is-attention .am-import-prep__review-mark,
.am-import-prep__review-bar.is-failed .am-import-prep__review-mark { background: var(--am-studio-red); color: var(--am-studio-red); }
.am-import-prep__review-state > span:last-child { display: grid; min-width: 0; gap: .08rem; }
.am-import-prep__review-state strong { overflow: hidden; color: var(--am-ink); font-family: var(--am-display); font-size: .76rem; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
.am-import-prep__review-state small { overflow: hidden; max-width: 42rem; color: var(--am-ink-3); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.am-import-prep__review-actions { display: flex; align-items: center; justify-content: flex-end; gap: .38rem; }
.am-import-prep__review-actions .am-btn { min-height: 2.15rem; font-size: .62rem; }
.am-import-prep__review-back { color: var(--am-ink-3); }
.am-import-prep__review-primary { min-width: 9.5rem; }
.am-import-prep__review-primary.is-ready { border-color: rgba(105, 230, 166, .42); background: rgba(105, 230, 166, .12); color: var(--am-studio-green); }
.am-import-prep__review-primary.is-ready:hover { background: rgba(105, 230, 166, .2); }
.am-import-prep__review-primary.is-review { border-color: rgba(243, 184, 95, .4); background: rgba(243, 184, 95, .1); color: var(--am-studio-amber); }
.am-import-prep__review-primary.is-attention { border-color: rgba(255, 115, 142, .42); background: rgba(255, 115, 142, .1); color: var(--am-studio-red); }

.am-import-prep__nudge-anchor { position: relative; }
.am-import-prep__preview-tray.am-import-prep__nudge-anchor { position: absolute; }
.am-import-prep__context-nudge {
  --am-nudge-rgb: 243, 184, 95;
  position: absolute;
  top: 1.35rem;
  right: .5rem;
  z-index: 12;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: .35rem;
  width: min(13.5rem, calc(100% - 1rem));
  padding: .48rem .5rem;
  border: 1px solid rgba(var(--am-nudge-rgb), .48);
  border-radius: .38rem;
  background:
    linear-gradient(145deg, rgba(var(--am-nudge-rgb), .18), rgba(var(--am-nudge-rgb), .08)),
    rgba(13, 13, 12, .95);
  box-shadow: 0 .65rem 1.7rem rgba(0, 0, 0, .42), inset 0 1px rgba(255, 255, 255, .055);
  color: #f6dfad;
  backdrop-filter: blur(14px) saturate(.9);
  animation: am-import-prep-nudge-in .22s var(--am-ease) both;
}
.am-import-prep__context-nudge::before {
  position: absolute;
  top: -.28rem;
  right: 1.25rem;
  width: .52rem;
  height: .52rem;
  border-top: 1px solid rgba(var(--am-nudge-rgb), .48);
  border-left: 1px solid rgba(var(--am-nudge-rgb), .48);
  background: rgba(32, 27, 18, .96);
  content: "";
  transform: rotate(45deg);
}
.am-import-prep__context-nudge.is-attention { --am-nudge-rgb: 255, 115, 142; color: #ffc2cf; }
.am-import-prep__context-nudge.is-quick-review { --am-nudge-rgb: 243, 184, 95; }
.am-import-prep__context-nudge-mark {
  display: grid;
  place-items: center;
  width: 1.05rem;
  height: 1.05rem;
  margin-top: .05rem;
  border: 1px solid rgba(var(--am-nudge-rgb), .66);
  border-radius: 50%;
  color: rgb(var(--am-nudge-rgb));
  font-family: var(--am-mono);
  font-size: .58rem;
  font-weight: 800;
}
.am-import-prep__context-nudge-copy {
  display: grid;
  gap: .12rem;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.am-import-prep__context-nudge-copy > span {
  color: rgba(var(--am-nudge-rgb), .8);
  font-family: var(--am-mono);
  font-size: .42rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.am-import-prep__context-nudge-copy > strong { font-size: .58rem; font-weight: 650; line-height: 1.35; }
.am-import-prep__context-nudge-copy > small { color: rgba(238, 243, 248, .56); font-size: .45rem; }
.am-import-prep__context-nudge-dismiss {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(var(--am-nudge-rgb), .72);
  font-size: .8rem;
  line-height: 1;
  cursor: pointer;
}
.am-import-prep__context-nudge-confirm {
  grid-column: 2 / -1;
  display: flex;
  align-items: center;
  gap: .3rem;
  width: max-content;
  max-width: 100%;
  color: rgba(238, 243, 248, .78);
  font-size: .48rem;
  cursor: pointer;
}
.am-import-prep__context-nudge-confirm input { width: .78rem; height: .78rem; accent-color: rgb(var(--am-nudge-rgb)); }
.am-import-prep__preview-tray > .am-import-prep__context-nudge { top: auto; right: .55rem; bottom: .55rem; }
.am-import-prep__preview-tray > .am-import-prep__context-nudge::before { top: auto; bottom: -.28rem; transform: rotate(225deg); }
.am-import-prep__games-section > .am-import-prep__context-nudge,
.am-import-prep__scoped-categories > .am-import-prep__context-nudge { top: 2.4rem; }
.am-import-prep__hero-title-shell > .am-import-prep__context-nudge { top: calc(100% + .35rem); right: 0; }
@keyframes am-import-prep-nudge-in {
  from { opacity: 0; transform: translateY(-.28rem) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.am-import-prep__filmstrip-dock {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  min-height: 0;
  border-top: 1px solid var(--am-line-soft);
  background: rgba(5, 8, 12, .84);
}
.am-import-prep__stage-body .am-import-prep__filmstrip-shell {
  grid-template-columns: 2.2rem minmax(0, 1fr) 2.2rem;
  min-height: 0;
  border: 0;
  background: transparent;
}
.am-import-prep__stage-body .am-import-prep__list { gap: .35rem; min-height: 0; padding: .28rem .35rem .42rem; }
.am-import-prep__stage-body .am-import-prep__card {
  flex-basis: 7.8rem;
  grid-template-columns: 2.85rem minmax(0, 1fr);
  min-height: 3.45rem;
  border-radius: .38rem;
}
.am-import-prep__stage-body .am-import-prep__card-body { gap: .2rem; padding: .3rem; }
.am-import-prep__stage-body .am-import-prep__card-title { font-size: .6rem; -webkit-line-clamp: 2; }
.am-import-prep__stage-body .am-import-prep__card-meta { display: none; }
.am-import-prep__stage-body .am-import-prep__card-status { top: .2rem; right: .2rem; padding: .12rem .2rem; font-size: .34rem; }
.am-import-prep__stage-body .am-import-prep__card.is-active { box-shadow: 0 0 0 1px rgba(var(--am-glow), .28), 0 .45rem 1.1rem rgba(0, 0, 0, .32); }

.am-import-prep__stage > .am-import-prep__foot {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 3.2rem;
  padding: .28rem .55rem;
}
.am-import-prep__stage > .am-import-prep__foot:not(:has(
  .am-import-execution:not(.hidden),
  .am-import-prep__foot-actions > :not(.hidden),
  .am-msg:not(:empty)
)) { display: none; }
.am-import-prep__stage > .am-import-prep__foot .am-import-execution {
  flex: 1 1 auto;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .55rem;
  min-width: 0;
  margin: 0;
  padding: .4rem .48rem;
}
.am-import-prep__stage > .am-import-prep__foot .am-import-execution__mark { display: none; }
.am-import-prep__stage > .am-import-prep__foot .am-import-execution__detail { display: none; }
.am-import-prep__stage > .am-import-prep__foot .am-import-execution__heading strong { font-size: .68rem; }
.am-import-prep__stage > .am-import-prep__foot .am-import-execution__actions .am-btn { min-height: 2rem; }
.am-import-prep__stage > .am-import-prep__foot .am-import-prep__foot-row {
  flex: 0 0 auto;
  flex-direction: row;
  gap: .45rem;
  order: -1;
}
.am-import-prep__stage > .am-import-prep__foot .am-import-prep__foot-actions { flex-wrap: nowrap; }
.am-import-prep__stage > .am-import-prep__foot .am-import-prep__foot-actions .am-btn { min-height: 2rem; padding-inline: .55rem; font-size: .48rem; }
.am-import-prep__stage > .am-import-prep__foot #creatorPatreonPreparationSave { border-color: rgba(105, 230, 166, .28); background: transparent; color: var(--am-studio-green); }
.am-import-prep__stage > .am-import-prep__foot .am-msg { max-width: 16rem; font-size: .5rem; text-align: left; }

@media (max-width: 88rem) {
  .am-import-prep__stage-workspace { grid-template-columns: 13rem minmax(0, 1fr); }
  .am-import-prep__canvas {
    grid-template-columns: 3rem 4.6rem minmax(0, 1fr) 4.6rem 3rem;
  }
  .am-import-prep__preview-tray { width: 43%; min-width: 17rem; }
  .am-import-prep__editor-identity { width: 57%; }
  .am-import-prep__editor-layout { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 70rem) {
  .am-import-prep__stage { height: 100dvh; width: 100vw; border: 0; border-radius: 0; }
  .am-import-prep__studio { padding: 0; }
  .am-import-prep__stage-workspace { grid-template-columns: 11.25rem minmax(0, 1fr); }
  .am-import-prep__desk-intro > span:last-child,
  .am-import-prep__desk-tip { display: none; }
  .am-import-prep__canvas { grid-template-columns: minmax(0, 1fr); padding-inline: .55rem; }
  .am-import-prep__editor { grid-column: 1; }
  .am-import-prep__peek { display: none; }
  .am-import-prep__preview-tray { min-width: 15.5rem; }
  .am-import-prep__editor-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: start;
    overflow: hidden auto;
  }
  .am-import-prep__rail { grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
  .am-import-prep__editor-main { min-height: auto; overflow: visible; }
  .am-import-prep__stage > .am-import-prep__foot .am-import-execution__badge,
  .am-import-prep__stage > .am-import-prep__foot .am-msg { display: none; }
}

@media (max-width: 52rem) {
  .am-import-prep__stage { grid-template-rows: 3.6rem minmax(0, 1fr) auto; }
  .am-import-prep__stage-workspace { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
  .am-import-prep__stage-tools {
    display: grid;
    grid-template-columns: minmax(9rem, .8fr) minmax(0, 1.5fr) auto;
    align-items: center;
    gap: .45rem;
    padding: .42rem .5rem;
    overflow: visible;
    border-right: 0;
    border-bottom: 1px solid var(--am-line-soft);
  }
  .am-import-prep__desk-intro,
  .am-import-prep__desk-tip { display: none; }
  .am-import-prep__stage-tools .am-import-prep__defaults-shell { grid-column: 3; grid-row: 1; }
  .am-import-prep__stage-tools .am-import-prep__defaults-shell > summary { min-height: 2.2rem; }
  .am-import-prep__stage-tools .am-import-prep__defaults-copy,
  .am-import-prep__stage-tools .am-import-prep__defaults-hint { display: none; }
  .am-import-prep__stage-tools .am-import-prep__defaults-shell[open] {
    position: absolute;
    top: 3.2rem;
    right: .5rem;
    z-index: 40;
    width: min(20rem, calc(100vw - 1rem));
    max-height: 70dvh;
    overflow: auto;
    background: #0a0e14;
    box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, .68);
  }
  .am-import-prep__queue { min-width: 0; }
  .am-import-prep__queue-head { display: none; }
  .am-import-prep__stage-tools .am-import-prep__filters { display: flex; gap: .22rem; overflow-x: auto; scrollbar-width: none; }
  .am-import-prep__stage-tools .am-import-prep__filters .am-btn { display: flex; width: auto; min-width: max-content; min-height: 2.05rem; }
  .am-import-prep__stage-tools .am-import-prep__filters .am-btn > span:last-child { min-width: 1.1rem; }
  .am-import-prep__hero { min-height: 18rem; align-items: flex-start; }
  .am-import-prep__editor-identity { width: 100%; padding: .9rem; }
  .am-import-prep__hero-title { font-size: clamp(1.5rem, 6vw, 2.25rem); }
  .am-import-prep__hero-description { max-width: 92%; -webkit-line-clamp: 1; }
  .am-import-prep__preview-tray { top: auto; right: .6rem; bottom: .6rem; left: .6rem; width: auto; min-width: 0; height: 7.2rem; }
  .am-import-prep__context-nudge { width: min(12rem, calc(100% - .7rem)); }
  .am-import-prep__preview-tray .am-import-prep__image { flex-basis: 6rem; }
  .am-import-prep__editor-content { overflow: hidden auto; }
  .am-import-prep__editor-layout { height: auto; min-height: 100%; overflow: visible; }
  .am-import-prep__editor-main { grid-template-columns: minmax(0, 1fr); }
  .am-import-prep__editor-main {
    grid-template-rows: auto;
    align-content: start;
    height: auto;
    overflow: visible;
  }
  .am-import-prep__details-section.is-edition .am-import-prep__section-body { grid-template-columns: minmax(0, 1fr); }
  .am-import-prep__editor-main > .am-import-prep__details-section,
  .am-import-prep__editor-main > .am-import-prep__games-section,
  .am-import-prep__editor-main > .am-import-prep__source-review,
  .am-import-prep__editor-main > .am-import-prep__source-review + .am-import-prep__details-section,
  .am-import-prep__editor-main > .am-import-prep__source-review ~ .am-import-prep__games-section { grid-column: 1; grid-row: auto; }
  .am-import-prep__editor-main > .am-import-prep__details-section,
  .am-import-prep__editor-main > .am-import-prep__games-section { height: auto; }
  .am-import-prep__details-section:not(.is-edition) > .am-import-prep__section-body > .am-import-prep__fields { grid-template-rows: auto auto; }
  .am-import-prep__description { height: auto; min-height: 8rem; max-height: 15rem; }
  .am-import-prep__control-hint { display: none; }
  .am-import-prep__editor-controls { flex-wrap: wrap; }
  .am-import-prep__editor-controls .am-import-prep__action,
  .am-import-prep__editor-controls .am-import-prep__scope-select { flex: 1 1 12rem; }
  .am-import-prep__editor-controls .am-import-prep__action-button { flex: 0 0 auto; }
  .am-import-prep__stage > .am-import-prep__foot .am-import-prep__foot-row { display: none; }
}

@media (max-width: 38rem) {
  .am-import-prep__stage-actions .am-import-prep__shortcut,
  .am-import-prep__stage-title .am-import-prep__position { display: none; }
  .am-import-prep__stage-tools { grid-template-columns: minmax(0, 1fr) auto; }
  .am-import-prep__queue { display: none; }
  .am-import-prep__stage-tools .am-import-prep__defaults-shell { grid-column: 2; }
  .am-import-prep__stage-body { grid-template-rows: minmax(0, 1fr) 4.05rem; }
  .am-import-prep__stage-body .am-import-prep__card { flex-basis: 6.8rem; min-height: 3.25rem; }
  .am-import-prep__canvas { padding: .38rem; }
  .am-import-prep__hero { min-height: 13rem; }
  .am-import-prep__hero-description { display: none; }
  .am-import-prep__hero .am-import-prep__meta { display: none; }
  .am-import-prep__editor-controls { padding: .45rem; }
  .am-import-prep__editor-controls .am-import-prep__action,
  .am-import-prep__editor-controls .am-import-prep__scope-select { flex-basis: 100%; }
  .am-import-prep__editor-controls .am-import-prep__action-button { margin-left: auto; }
  .am-import-prep__editor-layout { padding: .45rem; }
  .am-import-prep__details-section .am-import-prep__fields,
  .am-import-prep__details-section.is-edition .am-import-prep__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .am-import-prep__details-section .am-import-prep__tags-field { grid-column: 1 / -1; }
  .am-import-prep__rail {
    grid-template-columns: repeat(3, minmax(10rem, 1fr));
    min-height: 6.8rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
  }
  .am-import-prep__rail-card { scroll-snap-align: start; }
  .am-import-prep__review-state small { display: none; }
  .am-import-prep__review-actions { flex: 1 0 auto; }
  .am-import-prep__review-back { display: none; }
  .am-import-prep__review-primary { width: 100%; min-width: 0; }
  .am-import-prep__editor-layout--passive .am-import-prep__action-state {
    grid-template-columns: auto minmax(0, 1fr);
    padding: .85rem;
  }
  .am-import-prep__match-link {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: stretch;
    margin-top: .35rem;
  }
  .am-import-prep__stage > .am-import-prep__foot .am-import-execution__heading strong { font-size: .6rem; }
  .am-import-prep__stage > .am-import-prep__foot .am-import-execution__actions .am-btn { padding-inline: .52rem; font-size: .46rem; }
}

@media (max-height: 48rem) and (min-width: 52.01rem) {
  .am-import-prep__stage { height: 100dvh; width: 100vw; border: 0; border-radius: 0; }
  .am-import-prep__studio { padding: 0; }
  .am-import-prep__stage-body { grid-template-rows: minmax(0, 1fr) 4.05rem; }
  .am-import-prep__hero { min-height: 11rem; }
  .am-import-prep__preview-tray { top: .55rem; right: .55rem; bottom: .55rem; }
  .am-import-prep__editor-layout { padding: .45rem; }
  .am-import-prep__review-bar { min-height: 3.2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .am-import-prep__item.is-entering-next,
  .am-import-prep__item.is-entering-previous { animation: none; }
}

/* Protected finalization state. Once the import is accepted, the studio becomes
   one focused progress surface so creators cannot edit or submit twice. */
.am-import-finalizing {
  position: absolute;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(42rem 32rem at 50% 43%, rgba(var(--am-glow), .13), transparent 70%),
    rgba(3, 6, 10, .84);
  backdrop-filter: blur(18px) saturate(.62) brightness(.48);
  outline: none;
  animation: am-import-finalizing-in .22s var(--am-ease) both;
}
.am-import-finalizing.hidden { display: none; }
.am-import-finalizing::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 28%, rgba(255, 255, 255, .018) 47%, transparent 66%);
  pointer-events: none;
}
.am-import-finalizing__content {
  position: relative;
  display: grid;
  justify-items: center;
  width: min(90vw, 35rem);
  padding: 2rem;
  text-align: center;
}
.am-import-finalizing__ring {
  --am-import-progress: 0%;
  position: relative;
  display: grid;
  place-items: center;
  width: clamp(9rem, 16vw, 12rem);
  aspect-ratio: 1;
  margin-bottom: 1.65rem;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #080d14 0 56%, transparent 57%),
    conic-gradient(var(--am-accent) var(--am-import-progress), rgba(255, 255, 255, .07) 0);
  box-shadow:
    0 0 0 1px rgba(var(--am-glow), .2),
    0 0 4rem rgba(var(--am-glow), .16),
    inset 0 0 2rem rgba(var(--am-glow), .08);
}
.am-import-finalizing__ring::before {
  content: "";
  position: absolute;
  inset: 8%;
  border: 1px solid rgba(var(--am-glow), .16);
  border-radius: inherit;
}
.am-import-finalizing__ring.is-indeterminate {
  background:
    radial-gradient(circle at center, #080d14 0 56%, transparent 57%),
    conic-gradient(from 0deg, transparent 0 24%, rgba(var(--am-glow), .2) 40%, var(--am-accent) 55%, transparent 72%);
  animation: am-import-finalizing-spin 1.05s linear infinite;
}
.am-import-finalizing__ring strong {
  position: relative;
  z-index: 2;
  color: var(--am-ink);
  font-family: var(--am-display);
  font-size: clamp(1.35rem, 3vw, 2.05rem);
  font-weight: 650;
  letter-spacing: -.04em;
}
.am-import-finalizing__ring.is-indeterminate strong { animation: am-import-finalizing-counterspin 1.05s linear infinite; }
.am-import-finalizing__orbit {
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035);
}
.am-import-finalizing__eyebrow,
.am-import-finalizing__progress {
  color: var(--am-accent);
  font-family: var(--am-mono);
  font-size: .58rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.am-import-finalizing h3 {
  margin: .5rem 0 .6rem;
  color: var(--am-ink);
  font-family: var(--am-display);
  font-size: clamp(1.65rem, 4vw, 2.55rem);
  font-weight: 650;
  letter-spacing: -.04em;
}
.am-import-finalizing p {
  max-width: 31rem;
  margin: 0;
  color: var(--am-ink-2);
  font-size: .88rem;
  line-height: 1.6;
}
.am-import-finalizing__warning {
  margin-top: .9rem;
  color: var(--am-studio-amber);
  font-size: .75rem;
  font-weight: 620;
}
.am-import-finalizing__progress { margin-top: 1.15rem; color: var(--am-ink-3); }
.am-import-finalizing__cancel {
  min-height: 2.4rem;
  margin-top: 1.2rem;
  border-color: rgba(255, 255, 255, .12);
  background: rgba(4, 7, 11, .4);
  color: var(--am-ink-2);
}
.am-import-prep__close:disabled { opacity: .28; pointer-events: none; }

@keyframes am-import-finalizing-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes am-import-finalizing-spin { to { transform: rotate(1turn); } }
@keyframes am-import-finalizing-counterspin { to { transform: rotate(-1turn); } }

@media (max-width: 38rem) {
  .am-import-finalizing__content { padding: 1.25rem; }
  .am-import-finalizing p { font-size: .78rem; }
}

@media (prefers-reduced-motion: reduce) {
  .am-import-finalizing { animation: none; }
  .am-import-finalizing__ring.is-indeterminate,
  .am-import-finalizing__ring.is-indeterminate strong { animation-duration: 2.4s; }
}