/* ==========================================================
   CANTAIMY v6.5.2 — Visible Creator Studio navigation
   ========================================================== */

#upload .studio-primary-nav{
  width:min(1180px,calc(100vw - 96px)) !important;
  margin:0 auto 18px !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}

#upload .studio-primary-btn{
  min-height:72px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px 16px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:16px !important;
  background:rgba(14,10,48,.72) !important;
  color:#d7dbea !important;
  text-align:left !important;
  cursor:pointer !important;
  transition:.18s ease !important;
}

#upload .studio-primary-btn:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(0,232,255,.22) !important;
  background:rgba(18,13,58,.88) !important;
}

#upload .studio-primary-btn.active{
  border-color:rgba(0,232,255,.30) !important;
  background:
    linear-gradient(135deg,rgba(0,232,255,.10),rgba(129,77,255,.18)),
    rgba(14,10,48,.88) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}

#upload .studio-primary-icon{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#6d4cff,#00dff0) !important;
  color:#fff !important;
  font-size:22px !important;
  font-weight:800 !important;
}

#upload .studio-primary-btn strong{
  display:block !important;
  margin:0 0 3px !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.15 !important;
}

#upload .studio-primary-btn small{
  display:block !important;
  color:#989fb8 !important;
  font-size:11px !important;
  line-height:1.25 !important;
}

#upload .studio-primary-btn .studio-count{
  justify-self:end !important;
  min-width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:800 !important;
}

/* Hide obsolete compact tabs if any survive from older CSS */
#upload .studio-tabs{
  display:none !important;
}

/* Ensure release panel has a clear content block */
#upload .my-releases-panel{
  width:min(1180px,calc(100vw - 96px)) !important;
  margin:0 auto 54px !important;
  padding-top:4px !important;
}

@media(max-width:760px){
  #upload .studio-primary-nav,
  #upload .my-releases-panel{
    width:calc(100vw - 34px) !important;
  }

  #upload .studio-primary-nav{
    grid-template-columns:1fr !important;
  }
}