/* V33 · Lateral fixed, centered as one complete navigation group. No independent scrollbar. */
body > .temac-v28.app.studio-shell > .sidebar.studio-sidebar {
  position:fixed!important; inset:0 auto 0 0!important;
  height:100vh!important; height:100dvh!important;
  display:flex!important; flex-direction:column!important;
  align-items:center!important; justify-content:center!important;
  overflow:visible!important; padding:24px 10px!important;
  z-index:110!important;
}
/* Old sidebar-foot/bottom styles used position:absolute and margin-top:auto.
   Reset BOTH so all seven buttons are treated as one vertically centered group. */
body > .temac-v28 .studio-sidebar .studio-nav {
  position:static!important; inset:auto!important;
  display:flex!important; flex-direction:column!important; align-items:center!important;
  justify-content:center!important; gap:14px!important;
  width:100%!important; margin:0!important; padding:0!important;
  flex:0 0 auto!important; height:auto!important; max-height:none!important;
  overflow:visible!important;
}
body > .temac-v28 .studio-sidebar .studio-side-bottom {
  position:static!important; inset:auto!important; bottom:auto!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:100%!important; height:auto!important; margin:14px 0 0!important;
  padding:0!important; flex:0 0 auto!important;
  transform:none!important; overflow:visible!important;
}
body > .temac-v28 .studio-sidebar .navlink {
  position:relative!important; overflow:visible!important;
  margin:0!important; transform:none!important; flex-shrink:0!important;
}
/* Descriptive accessible tooltip. Avoid native title duplicates, never block interaction. */
body > .temac-v28 .studio-sidebar .navlink::after {
  content:attr(data-tooltip)!important;
  position:absolute!important; left:calc(100% + 14px)!important;
  top:50%!important; transform:translateY(-50%)!important;
  width:max-content!important; min-width:0!important;
  max-width:min(280px,calc(100vw - 112px))!important;
  white-space:normal!important; overflow-wrap:break-word!important;
  display:block!important; padding:10px 13px!important;
  border-radius:10px!important; background:#251f3c!important; color:white!important;
  font:700 12px/1.35 system-ui,sans-serif!important;
  letter-spacing:0!important; text-align:left!important;
  box-shadow:0 10px 28px #19112c55!important;
  opacity:0!important; visibility:hidden!important; pointer-events:none!important;
  z-index:500!important; transition:opacity .15s ease!important;
}
body > .temac-v28 .studio-sidebar .navlink:is(:hover,:focus-visible)::after {
  opacity:1!important; visibility:visible!important;
}
body > .temac-v28 .studio-sidebar .navlink:is(:hover,:focus-visible) { z-index:150!important; }
@media(max-height:560px) {
  body > .temac-v28.app.studio-shell > .sidebar.studio-sidebar {justify-content:flex-start!important;overflow-y:auto!important;overflow-x:visible!important;}
  body > .temac-v28 .studio-sidebar .studio-nav {gap:4px!important;}
  body > .temac-v28 .studio-sidebar .studio-side-bottom {margin-top:4px!important;}
}
@media(max-width:700px){
  body > .temac-v28.app.studio-shell > .sidebar.studio-sidebar{padding:14px 5px!important;}
  body > .temac-v28 .studio-sidebar .studio-nav {gap:12px!important;}
  body > .temac-v28 .studio-sidebar .studio-side-bottom{margin-top:12px!important;}
  body > .temac-v28 .studio-sidebar .navlink::after{max-width:calc(100vw - 94px)!important;}
}