.machine-hero__quick-form {
  max-width: 690px;
  margin: 18px 0 0;
  padding: 13px;
  border: 1px solid rgba(224, 239, 218, 0.46);
  background: rgba(5, 12, 9, 0.54);
}

.machine-hero__quick-form label {
  display: block;
  margin-bottom: 8px;
  color: #f4f8e8;
  font: 800 10px/1.3 Consolas, "Courier New", monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.machine-hero__quick-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 130px;
  gap: 8px;
  align-items: stretch;
}

.machine-hero__quick-actions {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.machine-hero__quick-row textarea {
  width: 100%;
  min-height: 58px;
  resize: none;
  border: 1px solid #dcebd5;
  border-radius: 0;
  padding: 10px 12px;
  color: #101411;
  background: #f8faf4;
  font: 500 13px/1.35 Arial, sans-serif;
}

.machine-hero__quick-row textarea::placeholder { color: #596159; opacity: 1; }

.machine-hero__quick-row textarea:focus-visible,
.machine-hero__quick-row button:focus-visible {
  outline: 3px solid #c7f34a;
  outline-offset: 2px;
}

.machine-hero__quick-row button {
  min-height: 58px;
  border: 1px solid #c7f34a;
  border-radius: 0;
  padding: 10px;
  color: #101411;
  background: #c7f34a;
  font: 800 10px/1.2 Consolas, "Courier New", monospace;
  letter-spacing: .04em;
  cursor: pointer;
}

.machine-hero__quick-row button:hover { background: #f4f8e8; }

.machine-hero__quick-actions button {
  min-height: 0;
}

.machine-hero__quick-actions [data-hero-quick-demo] {
  border-color: #dcebd5;
  background: #172019;
  color: #f4f8e8;
}

.machine-hero__quick-actions [data-hero-quick-demo]:hover {
  border-color: #c7f34a;
  background: #2a342d;
}

.machine-hero__quick-form p,
.machine-hero__quick-form output {
  display: block;
  margin: 8px 0 0;
  color: #dcebd5;
  font: 600 9px/1.45 Consolas, "Courier New", monospace;
}

.machine-hero__quick-form output { color: #ffb5aa; }

.machine-hero__route-label { display: none; }

@media (max-width: 1080px) {
  .machine-hero__quick-form { display: none; }
}

@media (max-width: 720px) {
  .machine-hero {
    height: auto;
    min-height: 0;
  }

  .machine-hero__frame {
    height: auto;
    min-height: 0;
  }

  .machine-hero__core {
    gap: 24px;
    padding: 30px 0 24px;
  }

  .machine-hero__core > div {
    height: auto;
    overflow: visible;
  }

  .machine-hero h1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .machine-hero__sequence {
    margin-top: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .machine-hero__route-label {
    display: block;
    margin: 18px 0 8px;
    color: #58e4e6;
    font: 800 9px/1.4 Consolas, "Courier New", monospace;
    letter-spacing: .04em;
  }

  .machine-hero__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .machine-hero__action {
    min-width: 0;
    min-height: 42px;
    padding: 8px;
    justify-content: center;
    text-align: center;
    line-height: 1.35;
  }

  .machine-hero__handoff {
    height: auto;
    min-height: 0;
  }

  .machine-hero__handoff p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .machine-hero__footer {
    height: auto;
    grid-template-rows: none;
  }
}