body.study4{overflow:hidden;background:#19232d}
#experience.study4{height:100dvh;min-height:0;max-width:100vw;overflow:hidden}
.study4 #stage{touch-action:none}.study4 #stage:active{cursor:grabbing}
.study4 header{text-shadow:0 1px 8px #000a;z-index:3}
.study4 #divider{position:absolute;pointer-events:none;z-index:1;background:#f6e8da77;box-shadow:0 0 14px #0002}
.study4 #divider[data-layout=split]{left:50%;top:0;bottom:0;width:1px}
.study4 #divider[data-layout=stacked]{left:0;right:0;top:50%;height:1px}
.study4 #pulse{position:absolute;inset:0;box-shadow:inset 0 0 70px #d1efff66;pointer-events:none;z-index:1;opacity:0}
.study4 #playback-controls{left:50%;right:auto;transform:translateX(-50%);width:auto;z-index:3}
.study4 .transport{gap:4px;background:#101923cc;border:1px solid #ffffff2b;border-radius:30px;padding:4px 8px;box-shadow:0 5px 25px #0002}
.study4 .transport button{min-width:44px;min-height:44px;font-size:18px;display:grid;place-items:center}
.study4 #fire{width:54px;border-inline:1px solid #ffffff20}.study4 #fire.firing{color:#bcebf7}.study4 #fire.queued{color:#ffc895}
.study4 #sound[aria-pressed=false]{opacity:.45}
.study4 :is(#loading,#error){background:#10232dee;border:1px solid #ffffff40;padding:18px 24px;border-radius:12px;font:13px/1.5 Arial,sans-serif;z-index:9;text-align:center;width:min(280px,85%)}