.pt-grid{display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}
.pt-thumb{display:flex;align-items:center;justify-content:center;min-height:8rem;padding:.375rem;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}
.pt-thumb img{display:block;max-width:100%;max-height:16rem;height:auto;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.pt-name{margin-top:.45rem;font-size:.75rem;color:#4d5259;word-break:break-all}
.pt-queue{list-style:none;margin:.75rem 0 0;padding:0;border:1px solid #e8edf3;border-radius:.55rem;overflow:hidden}
.pt-queue-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-bottom:1px solid #eef1f5;background:#fff}
.pt-queue-item:last-child{border-bottom:0}
.pt-queue-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:#344054}
.pt-queue-size{flex:none;font-size:.75rem;color:#8a9199}
.pt-queue-del{flex:none;padding:.05rem .42rem;line-height:1.3}

#ptStage{position:absolute;left:-100000px;top:0;pointer-events:none}
#ptStage .pt-slide{position:relative;overflow:hidden}
#ptStage .pt-shape{position:absolute;box-sizing:border-box}
#ptStage .pt-shape img{display:block;width:100%;height:100%;object-fit:contain}
#ptStage .pt-tbl{position:absolute;border-collapse:collapse;table-layout:fixed}
#ptStage .pt-tbl td{border:1px solid #9aa4b2;padding:2px 4px;font-size:13px;vertical-align:top;
  overflow-wrap:anywhere;color:#1f2937}

@media (max-width:575.98px){
  .pt-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}
}