.gc-preview{display:block;max-width:100%;max-height:20rem;border-radius:.5rem;box-shadow:0 1px 6px rgba(16,24,40,.12)}

.gs-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}
.gs-thumb{display:flex;align-items:center;justify-content:center;min-height:6.5rem;padding:.3rem;border-radius:.5rem;
  background:linear-gradient(45deg,#f7f8fa 25%,transparent 25%,transparent 75%,#f7f8fa 75%),
             linear-gradient(45deg,#f7f8fa 25%,#fff 25%,#fff 75%,#f7f8fa 75%);
  background-size:16px 16px;background-position:0 0,8px 8px}
.gs-thumb img{display:block;max-width:100%;max-height:13rem;height:auto;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.gs-name{margin-top:.4rem;font-size:.75rem;color:#4d5259;word-break:break-all}
.gs-queue{list-style:none;margin:.75rem 0 0;padding:0;border:1px solid #e8edf3;border-radius:.55rem;overflow:hidden}
.gs-queue-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-bottom:1px solid #eef1f5;background:#fff}
.gs-queue-item:last-child{border-bottom:0}
.gs-queue-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:#344054}
.gs-queue-size{flex:none;font-size:.75rem;color:#8a9199}
.gs-queue-del{flex:none;padding:.05rem .42rem;line-height:1.3}
@media (max-width:575.98px){
  .gs-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}
}