body.mandelbulb-page {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: "Source Sans 3", sans-serif;
  color: #edf4f6;
  background:
    radial-gradient(circle at 12% 12%, rgba(108, 255, 194, 0.12), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(80, 146, 255, 0.11), transparent 22%),
    linear-gradient(180deg, #060b11 0%, #0d141d 48%, #04070c 100%);
  --fun-project-shell-max-width: 1360px;
  --fun-project-sidebar-width: 352px;
  --fun-project-page-text: #edf4f6;
  --fun-project-copy-text: rgba(237, 244, 246, 0.82);
  --fun-project-card-border: rgba(237, 244, 246, 0.1);
  --fun-project-card-bg: linear-gradient(180deg, rgba(16, 23, 32, 0.96) 0%, rgba(8, 14, 20, 0.92) 100%);
  --fun-project-control-label: rgba(237, 244, 246, 0.72);
  --fun-project-output: #d2ffda;
  --fun-project-accent: #88ece3;
  --fun-project-button-border: rgba(237, 244, 246, 0.14);
  --fun-project-button-border-hover: rgba(237, 244, 246, 0.28);
  --fun-project-button-bg: rgba(14, 23, 32, 0.92);
  --fun-project-button-hover-bg: rgba(18, 30, 41, 0.96);
  --fun-project-display-bg: #000;
  --fun-project-fallback-border: rgba(237, 244, 246, 0.14);
  --fun-project-fallback-bg: rgba(10, 16, 24, 0.84);
  --fun-project-fallback-text: rgba(237, 244, 246, 0.88);
}

#mandelbulb-stage {
  touch-action: none;
  cursor: grab;
  user-select: none;
}

.mandelbulb-page .fun-project-copy-card {
  padding: 0.95rem 1.1rem 0.9rem;
  min-height: 0;
}

.mandelbulb-page .fun-project-copy-card h1 {
  margin: 0;
  font-size: clamp(2.45rem, 4vw, 3.9rem);
  line-height: 0.92;
  white-space: nowrap;
}

#mandelbulb-stage.is-dragging {
  cursor: grabbing;
}