/* Camera library only: the detail screen and other input modes keep their styles. */
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .menu-nav{display:block}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb{
  width:clamp(112px,13vw,188px);height:auto;aspect-ratio:1;border:0;border-radius:50%;padding:12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;isolation:isolate;
  opacity:1;filter:none;backdrop-filter:none;background:radial-gradient(circle at 38% 25%,#24627bbd,#08263edc 66%,#041627f2)!important;
  box-shadow:0 14px 48px #00101ed1,0 0 38px #4ce0ff80,inset 0 6px 17px #c1f6ff32!important;
  transform:none;animation:none;transition:scale .18s,box-shadow .18s;
}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .nav-back{display:none}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .nav-prev{left:3%;top:38%;bottom:auto}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .nav-next{right:3%;top:38%;bottom:auto}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .nav-select{
  width:clamp(136px,16vw,216px);right:3%;top:auto;bottom:10%;color:#08263f;
  background:radial-gradient(circle at 38% 25%,#fff,#f5fbff 60%,#d2eafa)!important;
  box-shadow:0 14px 48px #00101ed1,0 0 45px #eefbffb8,inset 0 7px 20px #fff!important;
}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb::before{content:"";position:absolute;inset:auto 0 0;height:calc(var(--hold)*100%);z-index:-1;background:linear-gradient(180deg,#76e7ff9c,#1caceee6);transition:height .06s linear;pointer-events:none}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb svg{display:none}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb .orb-symbol{font-size:clamp(38px,4vw,64px);color:inherit;transform:none;text-shadow:none}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb b{display:block;position:relative;inset:auto;width:auto;max-width:100%;font:900 clamp(11px,1.3vw,19px)/1.15 var(--display);letter-spacing:.02em;color:inherit;text-shadow:none;text-transform:uppercase}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb small{inset:12% 0 30%;font-size:clamp(32px,4vw,56px);color:inherit;text-shadow:none}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb:focus-visible{outline:3px solid #fff;outline-offset:6px}
#console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .camera-hint{display:block;max-width:86%;text-align:center;white-space:normal}
@media(max-width:700px){
  #console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb{width:clamp(76px,22vw,120px);padding:7px}
  #console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .nav-select{width:clamp(96px,27vw,140px);bottom:9%}
  #console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb b{font-size:10px}
  #console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb .orb-symbol{font-size:34px}
  #console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .camera-hint{top:122px;font-size:10px}
}
@media(max-height:600px) and (orientation:landscape){
  #console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .motion-orb{width:22vh}
  #console-menu.camera-live:is([data-state="welcome"],[data-state="browse"]) .nav-select{width:25vh;bottom:13%}
}
@media(prefers-reduced-motion:reduce){#console-menu.camera-live .motion-orb::before{transition:none}}