.x-JPUq_layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""controls""insight";gap:10px;padding:10px;display:grid}.x-JPUq_head{grid-area:head}.x-JPUq_stage{min-width:0;min-height:0;scroll-margin-top:calc(var(--navbar-h) + 8px);flex-direction:column;grid-area:stage;gap:8px;display:flex}.x-JPUq_controls{grid-area:controls}.x-JPUq_insight{grid-area:insight}.x-JPUq_canvas{border:1px solid var(--border);border-radius:14px;flex:auto;min-height:62svh;position:relative;overflow:hidden}.x-JPUq_side{flex-direction:column;gap:10px;min-height:0;display:flex}.x-JPUq_side>*{flex-shrink:0}@media (max-width:639px){.x-JPUq_layout{padding:10px 16px}.x-JPUq_canvas{min-height:max(300px, min(62svh, calc(100svh - var(--navbar-h) - 290px)))}}@media (max-width:1023px){.x-JPUq_playbar{z-index:15;padding-bottom:env(safe-area-inset-bottom,0px);position:sticky;bottom:0}}@media (min-width:1024px){.x-JPUq_layout{height:calc(100dvh - var(--navbar-h));grid-template:"head head""stage controls"minmax(0,1fr)"stage insight"/minmax(0,1fr) 300px}.x-JPUq_canvas{min-height:0}.x-JPUq_controls,.x-JPUq_insight{overflow-y:auto}}@media (min-width:1280px){.x-JPUq_layout{grid-template:"head head head""controls stage insight"minmax(0,1fr)/264px minmax(0,1fr) 312px}}@media (min-width:1680px){.x-JPUq_layout{grid-template-columns:288px minmax(0,1fr) 336px}}.x-JPUq_layout.x-JPUq_focus{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage"}.x-JPUq_layout.x-JPUq_focus .x-JPUq_controls,.x-JPUq_layout.x-JPUq_focus .x-JPUq_insight{display:none}@media (min-width:1024px){.x-JPUq_layout.x-JPUq_focus{grid-template-rows:auto minmax(0,1fr)}}.x-JPUq_layout:fullscreen{background:var(--bg);width:100vw;height:100dvh;overflow-y:auto}@media (min-width:1024px){.x-JPUq_layout:fullscreen{overflow:hidden}}.x-JPUq_stage:fullscreen{background:var(--bg);width:100vw;height:100dvh;padding:12px}.x-JPUq_stage:fullscreen .x-JPUq_canvas{min-height:0}.x-JPUq_filled{z-index:60;background:var(--bg);overscroll-behavior:contain;position:fixed;inset:0}.x-JPUq_layout.x-JPUq_filled{height:100dvh;overflow-y:auto}.x-JPUq_stage.x-JPUq_filled{padding:12px}.x-JPUq_stage.x-JPUq_filled .x-JPUq_canvas{min-height:0}