.qb-build-hero { align-items: center; scroll-margin-top: 88px; }
.qb-build-controls { margin-top: 24px; }
.qb-build-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.qb-build-hero .qb-build-buttons .qb-button { margin-top: 0; }
.qb-build-buttons button:disabled { opacity: 0.5; cursor: default; }
.qb-build-controls label { display: block; margin-bottom: 6px; }
.qb-build-controls select {
  width: min(100%, 290px);
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--qb-line);
  border-radius: 6px;
  background: #27231f;
  color: #f5f2ed;
  color-scheme: dark;
  font: inherit;
}
.qb-build-frame { width: 100%; }
.qb-build-viewport {
  position: relative;
  isolation: isolate;
  width: 100%;
  aspect-ratio: 4 / 5;
  max-height: 660px;
}
.qb-site .qb-build-viewport img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 57%;
}
.qb-site .qb-build-viewport img[src*="/4176.jpg"],
.qb-site .qb-build-viewport img[src*="/4177.jpg"] { object-position: center 36%; }
.qb-build-viewport { overflow: hidden; }
.qb-build-track { position: absolute; inset: 0; transform-origin: 50% 61%; }
.qb-build-title {
  position: absolute;
  inset: auto 0 0;
  padding: 54px clamp(16px, 3vw, 32px) 18px;
  background: linear-gradient(transparent, #111110e8);
  color: #fff;
  pointer-events: none;
}
.qb-build-title span {
  display: block;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.13em;
}
.qb-build-title strong {
  display: block;
  font-size: clamp(1.55rem, 4vw, 2.55rem);
  line-height: 1.15;
}