.studio-admin{--admin-sidebar-width:clamp(258px,22vw,312px)}
.studio-admin .sidebar{width:var(--admin-sidebar-width);scrollbar-width:thin}
.studio-admin .workspace{margin-left:var(--admin-sidebar-width);min-width:0}
.studio-admin .bottom-status{left:var(--admin-sidebar-width)}
.studio-admin .brand{flex:none;height:auto;min-height:82px;padding:19px 22px}
.studio-admin .brand .brand-icon{flex-shrink:0}
.studio-admin .brand>span:last-child{min-width:0;overflow-wrap:anywhere}
.studio-admin #navigation{gap:0;padding:0 13px}
.studio-admin .nav-group{display:grid;gap:2px;padding-block:12px 10px}
.studio-admin .nav-group+.nav-group{border-top:1px solid var(--line)}
.studio-admin .nav-label{
 margin:0;padding:0 10px 6px;color:var(--muted);
 font-size:calc(10px * var(--admin-font-factor,1));letter-spacing:.08em;text-transform:uppercase;
 overflow-wrap:anywhere;
}
.studio-admin .nav-link{
 display:grid;grid-template-columns:18px minmax(0,1fr) auto;column-gap:10px;
 min-height:36px;padding:7px 10px;font-size:calc(12px * var(--admin-font-factor,1));line-height:1.28;
}
.studio-admin .nav-icon{display:grid;place-items:center;color:inherit}
.studio-admin .nav-icon svg{width:17px;height:17px}
.studio-admin .nav-text{min-width:0;white-space:normal;overflow-wrap:anywhere}
.studio-admin .nav-link.active::before{left:0;top:7px;bottom:7px}
.studio-admin .sidebar-bottom{padding:12px 13px 16px}
.studio-admin :is(.nav-group,.nav-link,.nav-count)[hidden]{display:none}

.studio-admin .admin-sidebar-toggle{
 display:inline-flex;align-items:center;justify-content:center;flex:none;gap:6px;
 width:auto;min-width:36px;padding-inline:8px;border:1px solid var(--line);
 background:var(--card);font-size:calc(11px * var(--admin-font-factor,1));font-weight:650;
}
.studio-admin .admin-sidebar-toggle svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.7}
.studio-admin .admin-sidebar-toggle [data-admin-menu-label]{white-space:nowrap}
@media(max-width:1080px){
 .studio-admin .admin-sidebar-toggle [data-admin-menu-label]{display:none}
}
.studio-admin.sidebar-collapsed{--admin-sidebar-width:0px}
.studio-admin.sidebar-collapsed .sidebar{display:none}
.studio-admin .sidebar-close{display:none}
.studio-admin .sidebar-collapse{align-self:flex-start;margin:0 13px 3px;min-height:34px;white-space:normal}

@media(max-width:840px){
 .studio-admin{--admin-sidebar-width:0px}
 .studio-admin .sidebar{
  width:min(312px,calc(100vw - 40px));transform:translateX(-100%);visibility:hidden;
  box-shadow:10px 0 44px #0005;
  transition:transform .2s,visibility .2s;z-index:45;
 }
 .studio-admin .sidebar.open{transform:translateX(0);visibility:visible}
 .studio-admin .brand{padding-inline-end:56px}
 .studio-admin .sidebar-close{
  display:grid;place-items:center;position:absolute;top:23px;right:12px;
 }
 .studio-admin .sidebar-close span{display:grid;place-items:center}
 .studio-admin .sidebar-collapse{display:none}
 .studio-admin .workspace{margin-left:0}
 .studio-admin .bottom-status{left:0}
}
@media(prefers-reduced-motion:reduce){.studio-admin .sidebar{transition:none}}
