/* Keep the last spatial picture under the native panel slide; input/rendering remain paused. */
html[data-spatial-theme] :is(#kmu-gl,#kmu-ov,#kmu-fade,#kmu-hits,#kmu-veil){display:none!important;pointer-events:none!important}
html.km-slab[data-spatial-theme] #hub-view[data-spatial-skin],html.km-slab[data-spatial-theme] #hub-view[data-spatial-skin] .ks3-stage{display:block!important;pointer-events:none!important}
html.km-slab[data-spatial-theme] #hub-view[data-spatial-skin] *{pointer-events:none!important}
/* The view marker clears when the panel slide ends, or immediately on a legacy skin switch. */
#hub-view[data-spatial-skin]{inset:92px 0 91px;background:var(--ks3-ground)}
#hub-view[data-spatial-skin] .hub-heading{left:28px;top:12px;align-items:start}
#hub-view[data-spatial-skin] .hub-heading h1{font-size:29px;font-weight:780;letter-spacing:-1px;color:var(--ks3-accent)}
#hub-view[data-spatial-skin] .hub-heading p{font-size:11px;color:var(--ks3-muted);letter-spacing:.5px}
#hub-view[data-spatial-skin] .hub-heading h1::after{background:var(--ks3-accent);width:36px;margin-top:7px}
#hub-view[data-spatial-skin] .hub-current{border-left:3px solid var(--ks3-accent);padding-left:12px;background:none;color:var(--ks3-ink);box-shadow:none}
#hub-view[data-spatial-skin] .hub-viewport{inset:92px 8px 6px}
#hub-view[data-spatial-skin] .hub-world,#hub-view[data-spatial-skin] .hub-tools,#hub-view[data-spatial-skin] .hub-legend{display:none!important}
.ks3-failure{position:absolute;inset:100px 30px auto;color:var(--ks3-accent)}
@media(max-width:720px){#hub-view[data-spatial-skin] .hub-heading{left:16px}#hub-view[data-spatial-skin] .hub-heading h1{font-size:22px}#hub-view[data-spatial-skin] .hub-heading p{font-size:9px}#hub-view[data-spatial-skin] .hub-viewport{inset:80px 2px 6px}}