.zenekeres-shortcode .zk-webtom{

    display:flex;

    justify-content:flex-end;

    margin-top:9px;

}



.zenekeres-shortcode .zk-webtom a{

    display:inline-flex;

    align-items:center;

    gap:5px;

    color:rgba(255,255,255,.38);

    font-size:10px;

    font-weight:800;

    text-decoration:none;

    letter-spacing:.4px;

    transition:.18s ease;

}



.zenekeres-shortcode .zk-webtom a:hover{

    color:#ff6734;

}



.zenekeres-shortcode .zk-extra{

    width:100%;

    max-width:900px;

    margin:12px auto 0;

}



.zenekeres-shortcode .zk-extra-panel{

    margin-top:11px;

    padding:14px;

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

    border-radius:16px;

    background:

        linear-gradient(

            145deg,

            rgba(18,14,17,.96),

            rgba(5,6,8,.97)

        );

    box-shadow:

        0 12px 27px rgba(0,0,0,.22);

}



.zenekeres-shortcode .zk-extra-head{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    margin-bottom:10px;

}



.zenekeres-shortcode .zk-extra-title{

    color:#fff;

    font-size:13px;

    font-weight:900;

}



.zenekeres-shortcode .zk-extra-small{

    color:rgba(255,255,255,.4);

    font-size:10px;

}



.zenekeres-shortcode .zk-history-clear{

    padding:5px 8px;

    border:1px solid rgba(255,80,45,.18);

    border-radius:9px;

    background:rgba(255,80,45,.05);

    color:rgba(255,255,255,.6);

    cursor:pointer;

    font-size:10px;

    font-weight:800;

}



.zenekeres-shortcode .zk-history-list{

    display:flex;

    flex-direction:column;

    gap:6px;

}



.zenekeres-shortcode .zk-history-empty{

    padding:10px;

    color:rgba(255,255,255,.42);

    font-size:11px;

    text-align:center;

}



.zenekeres-shortcode .zk-history-item{

    display:grid;

    grid-template-columns:40px minmax(0,1fr) auto auto;

    gap:8px;

    align-items:center;

    padding:7px;

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

    border-radius:11px;

    background:rgba(255,255,255,.025);

}



.zenekeres-shortcode .zk-history-cover{

    width:40px;

    height:40px;

    overflow:hidden;

    border-radius:8px;

    background:

        radial-gradient(

            circle at center,

            rgba(255,100,45,.25),

            transparent 55%

        ),

        #09090b;

}



.zenekeres-shortcode .zk-history-cover img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.zenekeres-shortcode .zk-history-name{

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    color:#fff;

    font-size:11px;

    font-weight:800;

}



.zenekeres-shortcode .zk-history-type{

    margin-top:2px;

    color:rgba(255,255,255,.4);

    font-size:9px;

}



.zenekeres-shortcode .zk-history-play,

.zenekeres-shortcode .zk-history-delete{

    min-height:32px;

    padding:5px 8px;

    border-radius:9px;

    cursor:pointer;

    font-size:10px;

    font-weight:800;

}



.zenekeres-shortcode .zk-history-play{

    border:1px solid rgba(48,231,128,.16);

    background:rgba(48,231,128,.05);

    color:#fff;

}



.zenekeres-shortcode .zk-history-delete{

    border:1px solid rgba(255,76,35,.18);

    background:rgba(255,76,35,.05);

    color:#fff;

}



.zenekeres-shortcode .zk-mixbox-grid{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:8px;

}



.zenekeres-shortcode .zk-mixbox-item{

    display:grid;

    grid-template-columns:64px minmax(0,1fr);

    gap:9px;

    align-items:center;

    padding:8px;

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

    border-radius:12px;

    background:rgba(255,255,255,.025);

    cursor:pointer;

    transition:.15s ease;

}



.zenekeres-shortcode .zk-mixbox-item:hover{

    transform:translateY(-1px);

    border-color:rgba(255,103,52,.25);

    background:rgba(255,103,52,.045);

}



.zenekeres-shortcode .zk-mixbox-cover{

    width:64px;

    height:64px;

    overflow:hidden;

    border-radius:10px;

    background:#09090b;

}



.zenekeres-shortcode .zk-mixbox-cover img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.zenekeres-shortcode .zk-mixbox-name{

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    color:#fff;

    font-size:11px;

    font-weight:900;

}



.zenekeres-shortcode .zk-mixbox-meta{

    margin-top:4px;

    color:rgba(255,255,255,.42);

    font-size:9px;

}



.zenekeres-shortcode .zk-mixbox-play{

    display:inline-block;

    margin-top:7px;

    color:#30e780;

    font-size:10px;

    font-weight:900;

}



.zenekeres-shortcode .zk-mixbox-footer{

    margin-top:10px;

    text-align:right;

}



.zenekeres-shortcode .zk-mixbox-footer a{

    color:rgba(255,255,255,.45);

    font-size:10px;

    text-decoration:none;

}



.zenekeres-shortcode .zk-native-media{

    position:absolute!important;

    width:1px!important;

    height:1px!important;

    left:-99999px!important;

    opacity:0!important;

    pointer-events:none!important;

}



@media(max-width:650px){



    .zenekeres-shortcode .zk-mixbox-grid{

        grid-template-columns:1fr;

    }



    .zenekeres-shortcode .zk-history-item{

        grid-template-columns:38px minmax(0,1fr) auto;

    }



    .zenekeres-shortcode .zk-history-delete{

        grid-column:3;

    }

}