.mobile-app-nav,.mobile-app-menu{display:none}
.topbar .topnav{min-width:0;width:100%;max-width:100%;margin-inline:0}
@media(max-width:760px){
 :root{--mobile-nav-height:68px;--mobile-nav-space:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 18px)}
 html{max-width:100%}body.has-mobile-nav{padding-bottom:var(--mobile-nav-space);scroll-padding-bottom:var(--mobile-nav-space)}
 .mobile-app-nav{position:fixed;z-index:100;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-sizing:border-box;width:100%;min-width:0;min-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));padding:7px max(8px,env(safe-area-inset-right,0px)) max(7px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));gap:4px;background:#081f2ff5;border-top:1px solid #32617a;box-shadow:0 -8px 26px #0004;backdrop-filter:blur(18px);direction:rtl;font-family:Tahoma,Arial,sans-serif;line-height:1.4}
 .mobile-app-item{min-width:0;min-height:53px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px;border:1px solid transparent;border-radius:13px;background:transparent;color:#9cbece;text-decoration:none;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
 .mobile-app-item svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
 .mobile-app-item>span{font:10px/1.4 Tahoma,Arial,sans-serif;white-space:nowrap;letter-spacing:0}
 .mobile-app-item.is-active{background:linear-gradient(145deg,#144d63,#0c354a);color:#93f1f0;border-color:#39899d;box-shadow:inset 0 1px #84eeed14}
 .mobile-app-item:focus-visible{outline:2px solid #80ece9;outline-offset:-3px}.mobile-nav-badge{position:absolute;top:0;inset-inline-end:12px;min-width:16px;height:16px;padding:1px 4px;border-radius:10px;background:#f3c36f;color:#102737;font:bold 10px/14px Arial;text-align:center;font-style:normal}
 .mobile-nav-badge[hidden]{display:none}
 .mobile-app-menu[open]{position:fixed;display:block;box-sizing:border-box;inset:auto 10px calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 10px);width:calc(100% - 20px);max-width:480px;max-height:calc(80dvh - var(--mobile-nav-height));margin-inline:auto;margin-block:0;padding:20px;border:1px solid #437f96;border-radius:20px;background:linear-gradient(150deg,#103449,#061d2c);color:#e1f3fc;box-shadow:0 14px 60px #0009;direction:rtl;text-align:right;font-family:Tahoma,Arial,sans-serif;overflow:auto}
 .mobile-app-menu::backdrop{background:#020b14a6;backdrop-filter:blur(3px)}
 .mobile-app-menu>header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #31586f;padding-bottom:15px;margin-bottom:12px}.mobile-app-menu h2{font:700 21px/1.6 Tahoma,Arial,sans-serif;margin:3px 0;color:#eaf8ff;letter-spacing:0}.mobile-app-menu small{font:10px/1.5 Tahoma;color:#a5c8d9}.mobile-menu-close{display:grid;place-items:center;width:38px;height:38px;padding:0;flex-shrink:0;border:1px solid #44748a;border-radius:11px;background:#102f43;color:#d7eff9;font:24px Arial;cursor:pointer}
 .mobile-app-menu>nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-app-menu>nav>a{display:flex;align-items:center;gap:10px;min-width:0;min-height:55px;box-sizing:border-box;padding:12px;border:1px solid #315f76;border-radius:12px;background:#0a293c;color:#d9effb;text-decoration:none;font:12px/1.7 Tahoma,Arial,sans-serif}.mobile-app-menu>nav>a svg{width:22px;height:22px;fill:none;stroke:#80dce4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.mobile-app-menu>nav>a[hidden]{display:none}
 body.has-mobile-nav>.toast,body.has-mobile-nav>#toast,body.has-mobile-nav>#statusMessage{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 13px)}
 body.has-mobile-nav .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand end';height:auto;min-height:82px;width:100%;max-width:100%;gap:12px;padding:12px 14px}
 body.has-mobile-nav .topbar .topnav{display:none}
 body.has-mobile-nav .topbar .brand{min-width:0;grid-area:brand;gap:9px}
 body.has-mobile-nav .topbar .brand-name{min-width:0;white-space:normal;font-size:18px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
 body.has-mobile-nav .topbar .brand-name>span{font-size:8px;white-space:normal;margin-top:2px}
 body.has-mobile-nav .topbar .top-end{grid-area:end;margin:0;min-width:0;justify-self:end}
 body.has-mobile-nav .topbar .icon-button{width:38px;height:40px}
 .app-layout,.app-layout>*,.workspace,.workspace>*{min-width:0;max-width:100%}
 body.has-mobile-nav main:not(.lab-shell){min-width:0;max-width:100%}
 body.has-mobile-nav .sidebar{max-width:100%;min-width:0}
 body.has-mobile-nav .experiments{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;padding:2px 0 5px}
 body.has-mobile-nav .experiments::-webkit-scrollbar{display:none}
 body.has-mobile-nav .experiment-button{flex:0 0 108px;min-width:108px;max-width:108px;min-height:84px;justify-content:center;padding:10px 5px}
 body.has-mobile-nav .experiment-button strong{white-space:normal;font-size:11px;line-height:1.6}
 body.has-mobile-nav .experiment-heading{gap:10px}
 body.has-mobile-nav .experiment-heading>div{min-width:0}
 body.has-mobile-nav .experiment-heading h1{font-size:25px}
 body.has-mobile-nav .experiment-heading>.outline-button{min-height:40px;margin-top:23px;font-size:9px}
 body.has-mobile-nav .bench-toolbar .view-tabs button{min-height:36px}
 body.has-mobile-nav .studio-header nav{display:none!important}
 body.has-mobile-nav .studio-header{min-width:0;max-width:100%;padding-block:12px}
 body.has-mobile-nav .studio-header .role-switch{gap:7px}
 body.has-mobile-nav .studio-brand{min-width:0;max-width:100%}
 body.has-mobile-nav .classroom-header nav{display:none}
 body.has-mobile-nav .lab-header .all-experiments,body.has-mobile-nav .lab-header>.quiet-button{display:none}
 body.has-mobile-nav .lab-header{min-width:0;max-width:100%;justify-content:space-between;flex-wrap:wrap}
 body.classroom-embed.has-mobile-nav{padding-bottom:0}.classroom-embed>.mobile-app-nav{display:none}
}
@media(max-width:360px){.mobile-app-item>span{font-size:9px}.mobile-app-item svg{width:22px;height:22px}.mobile-app-menu>nav{gap:8px}.mobile-app-menu>nav>a{font-size:11px;padding:10px}.mobile-app-menu[open]{padding:16px}.mobile-app-item{gap:4px}.mobile-nav-badge{inset-inline-end:7px}body.has-mobile-nav .topbar .brand-name{font-size:16px}}
@media(prefers-reduced-motion:reduce){.mobile-app-nav,.mobile-app-menu{scroll-behavior:auto}}
@media print{.mobile-app-nav,.mobile-app-menu{display:none!important}body.has-mobile-nav{padding-bottom:0!important}}

.mobile-app-item[hidden]{display:none!important}@media(max-width:760px){.mobile-app-nav.has-control{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding-inline:5px}.mobile-app-nav.has-control .mobile-app-item>span{font-size:9px}.mobile-app-nav.has-control .mobile-app-item svg{width:22px;height:22px}}