/* One native control, one visual: preserve checked/name/keyboard/form behavior. */
html body.hub.graphite.studio #viewContainer input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;display:inline-block!important;position:relative!important;inset:auto!important;opacity:1!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;flex:0 0 20px!important;box-sizing:border-box!important;padding:0!important;margin:0!important;vertical-align:middle;border:1px solid #66616b!important;border-radius:5px!important;background:#2d2b30!important;box-shadow:none!important;cursor:pointer;transition:background .15s,border-color .15s}
html body.hub.graphite.studio #viewContainer input[type=checkbox]::before{content:none!important;display:none!important}
html body.hub.graphite.studio #viewContainer input[type=checkbox]::after{content:''!important;display:block!important;position:absolute!important;width:5px!important;height:9px!important;left:6px!important;top:3px!important;border:solid #241c21!important;border-width:0 2px 2px 0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:rotate(45deg)!important;opacity:0!important}
html body.hub.graphite.studio #viewContainer input[type=checkbox]:checked{background:#d9b8cb!important;border-color:#d9b8cb!important}
html body.hub.graphite.studio #viewContainer input[type=checkbox]:checked::after{opacity:1!important}
html body.hub.graphite.studio #viewContainer :is(input[role=switch],.builder-switch input,.mini-switch input,.ess-switch input,.config-row input,.ta-switch input)[type=checkbox]{width:40px!important;min-width:40px!important;max-width:40px!important;height:24px!important;min-height:24px!important;max-height:24px!important;flex-basis:40px!important;border-radius:24px!important}
html body.hub.graphite.studio #viewContainer :is(input[role=switch],.builder-switch input,.mini-switch input,.ess-switch input,.config-row input,.ta-switch input)[type=checkbox]::after{width:16px!important;height:16px!important;top:3px!important;left:3px!important;border:0!important;border-radius:50%!important;background:#f9f6f8!important;transform:none!important;opacity:1!important;transition:transform .15s}
html body.hub.graphite.studio #viewContainer :is(input[role=switch],.builder-switch input,.mini-switch input,.ess-switch input,.config-row input,.ta-switch input)[type=checkbox]:checked::after{transform:translateX(16px)!important;background:#30252c!important}
html body.hub.graphite.studio #viewContainer .mini-switch input[type=checkbox]+span{display:none!important}
html body.hub.graphite.studio #viewContainer input[type=checkbox]:focus-visible{outline:2px solid #e6c8da!important;outline-offset:4px!important}
html body.hub.graphite.studio #viewContainer input[type=checkbox]:disabled{opacity:.45!important;cursor:not-allowed!important}
html[data-platform-mode=light] body.hub.graphite.studio #viewContainer input[type=checkbox]:not(:checked){background:#dfdce2!important;border-color:#aaa4af!important}
@media(prefers-reduced-motion:reduce){html body.hub.graphite.studio #viewContainer input[type=checkbox],html body.hub.graphite.studio #viewContainer input[type=checkbox]::after{transition:none!important}}