html,body{max-width:100%;overflow-x:hidden}

@media(max-width:800px){
  .app-shell,.sidebar,main,.page{min-width:0;max-width:100%}
  .sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nav-item{min-width:0;line-height:1.15}
  .nav-item>span:last-child{min-width:0;overflow-wrap:anywhere}
  .sidebar .tool-member{display:none!important}
  .home-in-tool-page{margin:-18px -14px -32px;overflow:visible}
  .home-in-tool-page iframe,.member-embedded-page iframe{height:auto;min-height:0;border-radius:0}
  .member-embedded-page{height:auto;min-height:0;margin:0 -14px -32px}
  .section-heading,.studio-results-head{min-width:0}
  .section-heading>div,.studio-results-head>div{min-width:0}
  .studio-library-grid{grid-template-columns:1fr}
  #toastRegion{right:12px;bottom:12px;left:12px}
  .toast{max-width:none}
}

@media(max-width:480px){
  main{padding-right:12px;padding-left:12px}
  .home-in-tool-page{margin-right:-12px;margin-left:-12px}
  .member-embedded-page{margin-right:-12px;margin-left:-12px}
  .topbar{height:auto;min-height:82px;padding:14px 0}
  .topbar h1{font-size:19px;line-height:1.25}
  .extension-gate-card{padding:24px 16px}
  .extension-store-button{max-width:100%}
  .studio-composer{padding:14px}
  .studio-composer-head,.studio-results-head{flex-wrap:wrap}
  .studio-summary{grid-template-columns:1fr 1fr}
  .studio-summary>span:last-child{grid-column:1/-1}
  .batch-settings,.option-grid{grid-template-columns:1fr}
  .modal-actions{flex-direction:column-reverse}
  .modal-actions>*{width:100%}
}