/* Rolling sphere controls: explicitly follow the selected theme, not the legacy dark defaults. */
body[data-lc-theme="light"] .sphere-animation-panel,
body[data-lc-theme="light"] #sphereAnimationPanel {
  background:#f4f7fb!important;color:#25354b!important;border:1px solid #cbd5e1!important;
}
body[data-lc-theme="light"] #sphereAnimationPanel label,
body[data-lc-theme="light"] #sphereAnimationPanel .sphere-group-label,
body[data-lc-theme="light"] #sphereAnimationPanel .anim-status {
  color:#334155!important;-webkit-text-fill-color:#334155!important;
}
body[data-lc-theme="light"] #sphereAnimationPanel button,
body[data-lc-theme="light"] #sphereAnimationPanel select,
body[data-lc-theme="light"] #sphereAnimationPanel input:not([type="checkbox"]):not([type="range"]) {
  background:#fff!important;color:#172033!important;-webkit-text-fill-color:#172033!important;
  border:1px solid #b9c7d8!important;box-shadow:none!important;
}
body[data-lc-theme="light"] #sphereAnimationPanel button:hover {background:#e9f1fc!important;border-color:#78a2d7!important;}
body[data-lc-theme="light"] #sphereAnimationPanel button:disabled{opacity:.48!important;}
body[data-lc-theme="light"] #sphereAnimationPanel input[type="checkbox"]{accent-color:#246bb4!important;color-scheme:light!important;}
body[data-lc-theme="light"] #sphereAnimationPanel .progress{background:#d8e1eb!important;}
body[data-lc-theme="light"] #sphereAnimationPanel .progress>span{background:#3479be!important;}
body[data-lc-theme="dark"] #sphereAnimationPanel{background:#111d30!important;color:#e4ecf6!important;border:1px solid #33465f!important;}
body[data-lc-theme="dark"] #sphereAnimationPanel label,
body[data-lc-theme="dark"] #sphereAnimationPanel .sphere-group-label,
body[data-lc-theme="dark"] #sphereAnimationPanel .anim-status{color:#d3deed!important;-webkit-text-fill-color:#d3deed!important;}
body[data-lc-theme="dark"] #sphereAnimationPanel button,
body[data-lc-theme="dark"] #sphereAnimationPanel select,
body[data-lc-theme="dark"] #sphereAnimationPanel input:not([type="checkbox"]):not([type="range"]){background:#17263d!important;color:#edf4fd!important;-webkit-text-fill-color:#edf4fd!important;border:1px solid #415672!important;}
body[data-lc-theme="dark"] #sphereAnimationPanel button:hover{background:#263b59!important;}
/* Protection Method / rolling-sphere settings dialog and its field labels. */
body[data-lc-theme="light"] #designSettingsModal .dialog,
body[data-lc-theme="light"] #designSettingsModal .body,
body[data-lc-theme="light"] #designSettingsModal .actions,
body[data-lc-theme="light"] #designSettingsModal .section{background:#fff!important;color:#172033!important;border-color:#d1dbe7!important;}
body[data-lc-theme="light"] #designSettingsModal h2,
body[data-lc-theme="light"] #designSettingsModal h4{background:#f2f5fa!important;color:#25354b!important;border-color:#d1dbe7!important;}
body[data-lc-theme="light"] #designSettingsModal label,
body[data-lc-theme="light"] #designSettingsModal p{color:#475569!important;}
body[data-lc-theme="light"] #designSettingsModal input,
body[data-lc-theme="light"] #designSettingsModal select,
body[data-lc-theme="light"] #designSettingsModal textarea{background:#fff!important;color:#172033!important;-webkit-text-fill-color:#172033!important;border:1px solid #b9c7d8!important;color-scheme:light!important;}
body[data-lc-theme="light"] #designSettingsModal option{background:#fff!important;color:#172033!important;}
body[data-lc-theme="dark"] #designSettingsModal .dialog,
body[data-lc-theme="dark"] #designSettingsModal .body,
body[data-lc-theme="dark"] #designSettingsModal .actions,
body[data-lc-theme="dark"] #designSettingsModal .section{background:#111a2b!important;color:#edf4fd!important;border-color:#34465f!important;}
body[data-lc-theme="dark"] #designSettingsModal h2,
body[data-lc-theme="dark"] #designSettingsModal h4{background:#142137!important;color:#edf4fd!important;}
body[data-lc-theme="dark"] #designSettingsModal label,
body[data-lc-theme="dark"] #designSettingsModal p{color:#c2d0e2!important;}
body[data-lc-theme="dark"] #designSettingsModal input,
body[data-lc-theme="dark"] #designSettingsModal select,
body[data-lc-theme="dark"] #designSettingsModal textarea{background:#0b1728!important;color:#e8f2ff!important;-webkit-text-fill-color:#e8f2ff!important;border:1px solid #455a76!important;color-scheme:dark!important;}