.ezh-race-lab-loader {
  margin-block: 1.5rem;
  border: 1px solid #c9d5cf;
  border-radius: 16px;
  background: #f7f3e8;
  overflow: hidden;
}

.ezh-race-lab-loader__preview { padding: clamp(1rem, 3vw, 1.75rem); }
.ezh-race-lab-loader__preview p:first-child { margin-top: 0; }

.ezh-race-lab-loader__button {
  min-height: 48px;
  padding: .75rem 1rem;
  border: 0;
  border-radius: 8px;
  background: #123d34;
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.ezh-race-lab-loader__button:hover { background: #0b2c25; }
.ezh-race-lab-loader__button:focus-visible { outline: 3px solid #d28c36; outline-offset: 3px; }
.ezh-race-lab-loader__button:disabled { cursor: progress; opacity: .76; }
.ezh-race-lab-loader__note, .ezh-race-lab-loader__status { font-size: .9rem; }
.ezh-race-lab-loader__status { min-height: 1.4em; margin: 0; padding-inline: 1rem; }

.ezh-race-lab-loader__frame-wrap {
  height: min(88vh, 960px);
  min-height: 620px;
  border-top: 1px solid #c9d5cf;
  background: #fff;
}

.ezh-race-lab-loader__frame { width: 100%; height: 100%; border: 0; }

@media (max-width: 600px) {
  .ezh-race-lab-loader__frame-wrap { height: 82vh; min-height: 560px; }
  .ezh-race-lab-loader__button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .ezh-race-lab-loader__button { scroll-behavior: auto; }
}