html:has(body[data-mode=hero]){background:transparent;color-scheme:light}
body[data-mode=hero],body[data-mode=hero] main{background:transparent}
body[data-mode=hero] #stage{background:transparent}
body[data-mode=hero] main{display:block;height:100dvh}
body[data-mode=hero] #cut-overlay,body[data-mode=hero] header,body[data-mode=hero] .tool-cluster,body[data-mode=hero] .camera-controls,body[data-mode=hero] .joystick-control,body[data-mode=hero] :is(#clipper-size,#grab-size),body[data-mode=hero] :is(#clipper-menu,#grab-menu){display:none!important}
body[data-mode=hero] #stage{height:100%;overflow:hidden}
body[data-mode=hero] canvas{pointer-events:auto;touch-action:none;cursor:grab}
body[data-mode=hero] canvas:active{cursor:grabbing}
body[data-mode=hero] #loading{display:none!important}
body[data-mode=hero] .viewer-tools,body[data-mode=hero] .viewer-history,body[data-mode=hero] .viewer-create{display:none!important}