.media-picker-modal{

    position:fixed;
    inset:0;

    background:rgba(0,0,0,.65);

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:99999;
}

.media-picker-dialog{

    width:900px;
    max-width:90vw;

    background:#fff;

    border-radius:16px;

    overflow:hidden;
}

.media-picker-header{

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:18px 22px;

    border-bottom:1px solid #eee;
}

.media-picker-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fill,minmax(140px,1fr));

    gap:14px;

    padding:20px;

    max-height:70vh;

    overflow:auto;
}

.media-picker-item{

    cursor:pointer;

    border-radius:12px;

    overflow:hidden;

    border:1px solid #eee;
}

.media-picker-item img{

    width:100%;
    aspect-ratio:1/1;

    object-fit:cover;

    display:block;
}