/* 节拍与声音设置面板样式；除 body.scene-only 两条规则外，全部限定在 .rg-settings 内。 */
.rg-settings {
  margin: 12px 0; padding: 10px 12px; border: 2px solid #244942; border-radius: 10px;
  background-color: #f3efd9; color: #244942; font-size: 15px; line-height: 1.6;
}
.rg-settings summary {
  display: list-item; min-height: 44px; padding: 8px 0;
  font-size: 16px; font-weight: 700; cursor: pointer;
}
.rg-settings .rg-check {
  display: block; margin: 12px 0; padding: 8px 10px; min-height: 44px;
  border: 2px solid #b9d0bc; border-radius: 10px; background-color: #ffffff; cursor: pointer;
}
.rg-settings .rg-check input[type="checkbox"] {
  width: 26px; height: 26px; margin: 0 10px 0 0; vertical-align: middle;
}
.rg-settings .rg-group {
  margin: 12px 0; padding: 8px 10px; border: 2px dashed #b9d0bc;
  border-radius: 10px; background-color: #ffffff;
}
.rg-settings .rg-label {
  display: block; margin: 0 0 4px; font-weight: 700;
}
.rg-settings input[type="range"] {
  display: inline-block; width: 220px; height: 44px;
  margin: 8px 8px 8px 0; vertical-align: middle;
}
.rg-settings .rg-value {
  display: inline-block; min-width: 76px; margin: 8px 8px 8px 0; padding: 6px 10px;
  border-radius: 8px; background-color: #b9d0bc; color: #244942; font-weight: 700;
  text-align: center; vertical-align: middle;
}
.rg-settings button {
  min-width: 44px; min-height: 44px; margin: 8px 8px 8px 0; padding: 10px 18px;
  border: 2px solid #244942; border-radius: 10px; background-color: #244942;
  color: #f3efd9; font-family: inherit; font-size: 16px; font-weight: 700; cursor: pointer;
}
.rg-settings button.rg-accent {
  border-color: #e85d3c; background-color: #e85d3c; color: #f3efd9;
}
.rg-settings button:disabled {
  border-color: #b9d0bc; background-color: #b9d0bc; color: #244942; cursor: default;
}
.rg-settings .rg-help {
  margin: 6px 0; font-size: 14px; line-height: 1.5;
}
.rg-settings .rg-status {
  margin: 10px 0 0; padding: 8px 10px; min-height: 44px; border-left: 4px solid #e85d3c;
  border-radius: 0 8px 8px 0; background-color: #f3efd9; font-size: 14px; line-height: 1.5;
}
body.scene-only #rhythmLane,
body.scene-only #track {
  opacity: 0;
}

.rg-settings{flex-shrink:0;margin:12px 16px}.rg-settings input[type="range"]{max-width:100%}

body.scene-only #rhythmLane,body.scene-only #track{height:16px;min-height:16px;flex:0 0 16px}