/* Physical pieces and engraving share the existing wizard state and navigation. */
html[data-mtle-guided] .production-build-summary {
  display: block;
  padding: 4px 0 10px;
  text-align: left;
  color: #a8d4ff;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
}
html[data-mtle-guided] .production-stage-guide {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  font-size: .875rem;
  line-height: 1.5;
  color: #bac8d8;
}
html[data-mtle-guided] .production-stage-guide li {
  padding: 8px 12px;
  border: 1px solid #44556b;
  border-radius: 6px;
}
html[data-mtle-guided] .production-stage-guide[hidden] { display: none !important; }
html[data-mtle-guided] .production-stage-guide li:has(button) { padding: 0; border: 0; }
html[data-mtle-guided] .production-stage-guide button {
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #44556b;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
html[data-mtle-guided] .production-stage-guide button:focus-visible {
  outline: 2px solid #a8d4ff;
  outline-offset: 3px;
}
html[data-mtle-guided] #p425aGallery .p425a-gallery-card > picture { display: block; width: 100%; }
html[data-mtle-guided] #p425aGallery .p425a-gallery-card > picture > img,
html[data-mtle-guided] #p425aGallery .p425a-gallery-card > img:not(.p425c-zoom) {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: #111a24;
}
html[data-mtle-guided] .production-stage-guide [aria-current="step"] {
  color: #eef7ff;
  border-color: #84baf0;
  background: #223c56;
}
html[data-mtle-guided] .p399-studio-context .p399-layer-chips {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
html[data-mtle-guided] .p399-studio-context .p399-layer-chip {
  width: 100%;
  min-height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  text-align: left;
  border-radius: 6px;
}
html[data-mtle-guided] .p399-layer-chip__name,
html[data-mtle-guided] .p399-layer-chip__summary,
html[data-mtle-guided] .p399-nonstyleable-note,
html[data-mtle-guided] .p399-studio-help,
html[data-mtle-guided] .p399-studio-note,
html[data-mtle-guided] .p399-spacing-disabled,
html[data-mtle-guided] .p399-studio-section-label { font-size: .875rem; line-height: 1.5; }
html[data-mtle-guided] .p399-layer-chip__summary { color: #bdcfe1; }
html[data-mtle-guided] .production-top-piece {
  padding: 10px 12px;
  background: #303847;
  border: 1px solid #536072;
  border-radius: 6px;
  color: #dce5ef;
  font-size: .875rem;
  line-height: 1.5;
}
html[data-mtle-guided] .p415e-stack-locator[hidden] { display: none !important; }
html[data-mtle-guided] .right-panel .p394a-stage-sub { font-size: 1rem; line-height: 1.5; }
html[data-mtle-guided] .p425a-gallery-desc { font-size: .875rem; line-height: 1.5; }
html[data-mtle-guided] .p394a-choice-card__desc { font-size: .875rem; line-height: 1.5; }
html[data-mtle-guided] .production-feature-note { font-size: .875rem; line-height: 1.5; color: #b8cbe0; margin: 12px 0; }
html[data-mtle-guided] .export-account {
  margin: 12px 0;
  padding: 14px;
  border: 1px solid #527295;
  border-radius: 8px;
  background: #182b3f;
  color: #e4f1ff;
  font-size: .875rem;
  line-height: 1.5;
}
html[data-mtle-guided] .export-account[hidden] { display: none !important; }
html[data-mtle-guided] .export-account p { margin: 4px 0; }
html[data-mtle-guided] .export-account a { color: #a8d4ff; text-decoration: underline; }
/* The registered pilot spends complete-map exports; paid board estimates do not apply. */
html[data-mtle-guided]:has(#exportAccount:not([hidden])) #p409CreditQuoteCard { display: none !important; }
@media (max-width: 1120px) {
  /* A centered, overflowing column puts the first pieces above the scroll origin. */
  html[data-mtle-guided].p394a-choice-stage #choiceStagePanel.p399-studio .p394a-stage-body {
    justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  html[data-mtle-guided] .p399-studio-context .p399-layer-chip { flex-wrap: wrap; gap: 2px 10px; }
}