body {
  margin: 0;
  overflow: hidden;
  background-color: #000;

  
}

canvas {
  display: block;
  
}


/* ===== 修复核心问题：字体、间距、折叠高度 ===== */
.lil-gui {
  /* 整体放大 */
  font-size: 16px !important;
  --name-width: 45%;      /* 左侧名称列宽度 */
  --widget-color: #666;   /* 控件颜色 */
  --background-color: rgba(0, 0, 0, 0.95); /* 背景色 */
}

/* 标题行 */
.lil-gui .title {
  font-size: 16px !important;
  padding: 10px 12px !important;
  background-color: #f0f0f0 !important;
}

/* 每行控制器 */
.lil-gui .controller {
  min-height: 32px !important;  /* 最小行高 */
  padding: 8px 12px !important;
  border-bottom: 1px solid #1a1818 !important;
}

/* 输入框和滑块 */
.lil-gui input[type="text"] {
  font-size: 14px !important;
  padding: 6px !important;
  width: 80px !important;       /* 输入框宽度 */
}

.lil-gui .slider {
  height: 24px !important;       /* 滑块高度 */
}

.lil-gui .slider__input {
  width: 80px !important;        /* 数值输入框宽度 */
}

/* 颜色选择器 */
.lil-gui .color-picker {
  width: 100px !important;
}

/* 折叠面板 */
.lil-gui .folder {
  margin: 8px 0 !important;
}

.lil-gui .folder .controller {
  max-height: none !important;   /* 解除折叠内容高度限制 */
}

/* 折叠箭头图标 */
.lil-gui .folder .title::after {
  transform: scale(1.5);         /* 放大箭头 */
  margin-right: 8px;
}

.lil-gui {
  width: clamp(260px, 30vw, 400px) !important; /* 最小260px，最大400px */
}