/* IMP-07: additive states only; the legacy field order and layout remain unchanged. */
.generator-shell-page .generator-result__stale[hidden],
.generator-shell-page .generator-cabinet-hint[hidden] {
  display: none;
}

.generator-shell-page .generator-cabinet-hint {
  max-width: 850px;
  margin: -8px auto 20px;
  padding: 16px 20px;
  border: 1px solid #d9bd61;
  border-radius: 8px;
  background: #fff8d8;
  color: #3f3514;
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}

.generator-shell-page .generator-field-error,
.generator-shell-page .generator-field-status {
  margin-top: 5px;
  font: 600 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
}

.generator-shell-page .generator-field-error,
.generator-shell-page .generator-field-status--error {
  color: #a62b23;
}

.generator-shell-page .generator-field-status--success {
  color: #176b3a;
}

.generator-shell-page .generator-field-status--loading,
.generator-shell-page .generator-field-status--neutral {
  color: #4f4f4f;
}

.generator-shell-page .generator-field--invalid {
  border-color: #b42318 !important;
  box-shadow: 0 0 0 1px #b42318 !important;
}

.generator-shell-page #form .btn-xl[disabled] {
  cursor: wait;
  opacity: 0.7;
}

.generator-shell-page .generator-result {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 300px));
  justify-content: center;
  gap: 4px;
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

.generator-shell-page .generator-result[hidden] {
  display: none;
}

.generator-shell-page .generator-result__message,
.generator-shell-page .generator-result__stale,
.generator-shell-page .generator-result__card {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #d5d9de;
  border-radius: 8px;
  background: #fff;
  color: #111;
}

.generator-shell-page #generator_png_result:empty,
.generator-shell-page #generator_svg_result:empty {
  display: none;
}

.generator-shell-page #generator_png_result,
.generator-shell-page #generator_svg_result {
  min-width: 0;
}

.generator-shell-page .generator-result__stale {
  grid-column: 1 / -1;
}

.generator-shell-page .generator-result__message--error,
.generator-shell-page .generator-result__stale {
  border-color: #d97b73;
  background: #fff4f2;
  color: #7a1b14;
}

.generator-shell-page .generator-result__card h3 {
  margin: 0 0 6px;
  font-size: 20px;
  text-transform: none;
}

.generator-shell-page .generator-result__card img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 8px;
}

.generator-shell-page .generator-result__download {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 8px 14px;
  border-radius: 6px;
  background: #176b3a;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}