#view-circuit.active ~ footer{display:none!important}
main:has(#view-circuit.active){padding-bottom:0!important}
@media(max-width:800px){
  main:has(#view-circuit.active){padding-left:0!important;padding-right:0!important;padding-bottom:0!important}
  #view-circuit.active{height:calc(100dvh - 86px)!important;min-height:calc(100dvh - 86px)!important;overflow:hidden!important}
}

@media(max-width:800px){
  main:has(#view-circuit.active)>.topbar{
    height:82px!important;
    min-height:82px!important;
    padding:0 14px!important;
    gap:10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  main:has(#view-circuit.active)>.topbar .icon-btn,
  main:has(#view-circuit.active)>.topbar .home-btn{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:12px!important;
    padding:0!important;
  }
  main:has(#view-circuit.active)>.topbar>div:not(.top-actions){
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  main:has(#view-circuit.active)>.topbar h1{
    font-size:20px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  main:has(#view-circuit.active)>.topbar p{
    font-size:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  main:has(#view-circuit.active)>.topbar .top-actions{
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
  main:has(#view-circuit.active)>.topbar .lang-btn{
    width:48px!important;
    min-width:48px!important;
    height:44px!important;
    border-radius:12px!important;
    padding:0!important;
  }
  #view-circuit.active{
    height:calc(100dvh - 82px)!important;
    min-height:calc(100dvh - 82px)!important;
  }
  #view-circuit.active .circuit-lab-app{
    height:calc(100dvh - 82px)!important;
    min-height:calc(100dvh - 82px)!important;
    max-height:calc(100dvh - 82px)!important;
  }
}

@media(max-width:800px){
  main:has(#view-circuit.active)>.topbar{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:max(12px,env(safe-area-inset-left,0px))!important;
    padding-right:max(12px,env(safe-area-inset-right,0px))!important;
    overflow:hidden!important;
  }
  main:has(#view-circuit.active)>.topbar .icon-btn,
  main:has(#view-circuit.active)>.topbar .home-btn,
  main:has(#view-circuit.active)>.topbar .lang-btn{flex-shrink:0!important}
  main:has(#view-circuit.active)>.topbar .top-actions{min-width:48px!important}
}