.site-sidebar{height:100dvh}.site-sidebar nav{flex-direction:column}.live-page{margin-left:206px;padding:32px;background:#f4f7fb;min-height:100vh}.live-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.live-nav h1{font-size:30px}.live-nav nav{flex-wrap:wrap}.live-nav nav button{background:#fff;border:1px solid #d8e2ee;color:#617894;padding:12px 18px}.live-nav nav button[aria-pressed=true]{background:#183454;color:#fff}.live-main{max-width:none;margin:0;padding:0;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.live-main>aside{min-width:0}.live-main .studio{min-width:0;align-self:start}.live-page footer{padding:24px 0}.live-main .stage{max-height:none}.live-main .studio-top{padding:20px}.live-main .draw-heading{padding:20px}.site-sidebar .site-brand{color:#edf3fb}@media(max-width:1400px){.live-main{grid-template-columns:minmax(0,1fr)}.live-main>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.live-main #control-box{grid-column:1/-1}.live-main .signature{display:none}}@media(max-width:1150px){.live-page{margin-left:174px;padding:25px 20px}}@media(max-width:760px){.live-page{margin-left:0;padding:22px 14px}.live-nav{flex-direction:column;align-items:stretch}.live-nav nav button{flex:1;padding:10px 6px;font-size:12px}.live-main>aside{display:block}.site-sidebar{height:auto}.live-main .studio-top h1{font-size:18px}}