/* Preview-only 3D role picker and imported-clip controls.
   Preserve existing studio glass/typography; no global panel restyle. */
html body#daailokStudio .daailok-role-picker{
  display:grid;
  gap:12px;
  align-content:start;
  min-width:0;
}
html body#daailokStudio .daailok-role-picker .drawer-item{
  width:100%;
  min-height:70px;
  padding:12px 15px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  text-align:left;
  border-radius:12px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(204,212,209,.2);
}
html body#daailokStudio .daailok-role-picker .drawer-item:hover{
  border-color:rgba(234,200,119,.44);
  background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
}
html body#daailokStudio .daailok-role-picker .drawer-item b{
  font-size:12px;display:block;
}
html body#daailokStudio .daailok-role-picker .drawer-item small{
  font-size:10px;opacity:.76;line-height:1.5;
}
html body#daailokStudio .daailok-role-picker .drawer-item>.drawer-icon{
  width:34px;height:34px;display:grid;place-items:center;
  font-size:18px;border-radius:9px;background:rgba(234,200,119,.08);
}
html body#daailokStudio #routeEmbeddedAnimation[hidden]{
  display:none!important;
}
html body#daailokStudio #routeEmbeddedAnimation:not([hidden]){
  display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;
}
html body#daailokStudio #routeEmbeddedAnimation .route-field{
  min-width:150px;flex:1 1 180px;
}