#hero-studio{

    position:fixed;

    right:20px;

    bottom:20px;

    width:340px;

    background:#1a1a1acc;

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.15);

    border-radius:16px;

    padding:18px;

    color:#fff;

    display:none;

    z-index:99999;

}

#hero-studio.open{

    display:block;

}

#hero-studio-toggle{

    position:fixed;

    right:20px;

    bottom:20px;

    width:52px;

    height:52px;

    border-radius:50%;

    border:none;

    cursor:pointer;

    z-index:100000;

    font-size:22px;

}

.studio-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

.studio-body label{

    display:block;

    margin-top:12px;

}

#hero-loading{

    position:absolute;
    top:12px;
    right:16px;

    width:10px;
    height:10px;

    border-radius:50%;

    background:#2ecc71;

    transition:.25s;

}