/* StimSpace experience upgrade */.ss-utilities{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin:14px auto;max-width:1140px}.ss-utilities a,.ss-utilities button{border:1px solid #d5cef0;border-radius:12px;padding:9px 14px;min-height:44px;background:#fff;color:#403577;text-decoration:none;font:700 14px/1.4 system-ui,sans-serif;cursor:pointer}.ss-utilities button{background:#eee9ff}.ss-utilities :is(a,button):focus-visible{outline:3px solid #6a56c4;outline-offset:2px}body.ss-focus{overflow:hidden!important}body.ss-focus .workspace,body.ss-focus .work,body.ss-focus .layout{z-index:400}body.ss-focus .ss-focus-target{position:fixed!important;z-index:9997!important;inset:12px!important;width:auto!important;max-width:none!important;height:calc(100dvh - 24px)!important;display:flex!important;flex-direction:column!important;box-shadow:0 0 0 200vw rgba(30,25,57,.82)!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important}body.ss-focus .ss-focus-target .stage,body.ss-focus .ss-focus-target .board{height:auto!important;min-height:0!important;flex:1 1 auto!important}body.ss-focus .ss-focus-target canvas{display:block}body.ss-focus .ss-focus-exit{position:fixed!important;z-index:10000!important;top:18px!important;right:19px!important;background:#fff!important;color:#392b75!important;border:2px solid #9b8fe1!important;border-radius:12px!important;padding:11px 16px!important;min-height:44px!important;box-shadow:0 3px 15px rgba(22,15,57,.18)!important}body.ss-focus .ss-focus-target .panelhead,body.ss-focus .ss-focus-target .heading{padding-right:88px!important}
/* Mobile live-workspace layout: keep the current activity in view while options scroll. */
@media(max-width:820px){body:not(.ss-focus) .workspace>section.panel,body:not(.ss-focus) .layout>section.panel{overflow:visible!important}body:not(.ss-focus) .workspace>section.panel .stage,body:not(.ss-focus) .layout>section.panel .stage,body:not(.ss-focus) .layout>section.panel .board{position:sticky!important;top:calc(env(safe-area-inset-top,0px) + 8px)!important;z-index:12!important;box-shadow:0 6px 18px rgba(30,24,63,.19)!important;border-radius:10px!important;height:clamp(220px,36dvh,290px)!important;max-height:290px!important;min-height:220px!important;overflow:hidden!important;contain:layout paint!important}body:not(.ss-focus) .workspace>section.panel .stage canvas,body:not(.ss-focus) .layout>section.panel .stage canvas{max-height:100%!important}body:not(.ss-focus) .layout>section.panel .board{padding:8px!important}body:not(.ss-focus) .workspace>section.panel .controls,body:not(.ss-focus) .layout>section.panel .tools,body:not(.ss-focus) .layout>section.panel .toolbar{position:relative;z-index:1}body:not(.ss-focus) .accessiblePlaces{position:relative;z-index:1}}
@media(max-width:400px){body:not(.ss-focus) .workspace>section.panel .stage,body:not(.ss-focus) .layout>section.panel .stage,body:not(.ss-focus) .layout>section.panel .board{height:32dvh!important;min-height:200px!important}}

/* Keep the live scene visible through all tools AND the personalization panel. */
@media(max-width:820px){
body:not(.ss-focus) .workspace,body:not(.ss-focus) .layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow:visible!important}
body:not(.ss-focus) .workspace>section.panel,body:not(.ss-focus) .layout>section.panel{display:contents!important}
body:not(.ss-focus) .workspace>section.panel>.stage,body:not(.ss-focus) .layout>section.panel>.stage,body:not(.ss-focus) .layout>section.panel>.board{position:sticky!important;top:calc(env(safe-area-inset-top,0px) + 8px)!important;z-index:30!important;width:100%!important;flex-shrink:0!important;align-self:stretch!important;background:#f0edff!important;border:2px solid #d8d1f5!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(30,24,63,.21)!important;height:clamp(220px,36dvh,290px)!important;max-height:290px!important;min-height:220px!important;overflow:hidden!important}
body:not(.ss-focus) .workspace>section.panel>.panelhead,body:not(.ss-focus) .layout>section.panel>.panelhead,body:not(.ss-focus) .layout>section.panel>.heading{background:#fff!important;padding:12px 14px!important;border-radius:15px 15px 0 0!important}
body:not(.ss-focus) .workspace>section.panel>.controls,body:not(.ss-focus) .layout>section.panel>.tools,body:not(.ss-focus) .layout>section.panel>.toolbar{background:#fff!important;padding:12px!important;z-index:1!important}
body:not(.ss-focus) .workspace>section.panel>.accessiblePlaces,body:not(.ss-focus) .workspace>section.panel>.gardenTools,body:not(.ss-focus) .workspace>section.panel>.pebble-toolbar{background:#fff!important;width:100%!important}
body:not(.ss-focus) .workspace>aside.panel,body:not(.ss-focus) .layout>aside.panel{width:100%!important;margin:14px 0 0!important;flex:none!important}
body:not(.ss-focus) .layout>section.panel>.status{background:#fff!important;padding:10px 14px!important;margin:0!important}
body:not(.ss-focus) .workspace>section.panel>.stage canvas,body:not(.ss-focus) .layout>section.panel>.stage canvas{display:block!important;width:100%!important;height:100%!important}
}