[hidden]{display:none!important}.av{width:100%;box-sizing:border-box}.av h2{margin-top:1.5rem}.av-buttons{display:flex;gap:.65rem;flex-wrap:wrap}.av-buttons button{width:auto}.av-row{padding:1rem 0;border-bottom:1px solid #ffffff20;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.av-row span{flex:1;min-width:12rem}.av-row button{width:auto}.av-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.av-media video{width:100%;max-height:60vh;background:#080b12;border-radius:12px;object-fit:contain}.av-media audio{display:none}#av-invitation{padding:1rem;border:1px solid #8c70d8;border-radius:12px;margin-top:1rem}#av-message:not(:empty){padding:1rem;background:#43258c;border-radius:10px;margin:1rem 0}button:disabled{opacity:.5;cursor:default}.av label{display:block}.av input{box-sizing:border-box;max-width:100%}

/* PinLivo real video-call grid: maximum 2 participants per row */
.av-media{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.av-media>video:only-child{
    grid-column:1 / -1;
}
@media(max-width:640px){
    .av-media{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.55rem;
    }
    .av-media video{
        min-width:0;
        max-height:42vh;
    }
}