/* Canvas контейнер */
.hero3d-canvas{
  width:100%;
  aspect-ratio: 16/11;
  border-radius:16px;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(120% 90% at 80% 10%, rgba(56,189,248,.18), transparent 60%),
    linear-gradient(180deg,#0b0f14,#111827);
  box-shadow:0 22px 60px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.06);
}

/* Кнопка управления */
.hero3d-ui{
  display:flex; gap:10px; justify-content:flex-end; align-items:center;
  margin-top:10px;
}
.hero3d-ui button{
  appearance:none; border:0; border-radius:15px; cursor:pointer;margin: 0.1rem;
  padding:10px 14px; font-weight:700; color:#fff;
  background:linear-gradient(135deg,#38bdf8,#60a5fa);
  box-shadow:0 10px 30px rgba(96,165,250,.35);
  transition:filter .2s ease, transform .2s ease;
}
.hero3d-ui button:hover{ filter:brightness(1.05); transform:translateY(-1px); }

@media (max-width: 991px){
  .hero3d-canvas{ aspect-ratio: 16/12; margin-top:18px; }
}