.tp-card{cursor:pointer;text-align:left;font:inherit;color:#f4f3f0;background:#16161a;border:1px solid #26262b;border-radius:2px;padding:0;transition:border-color .2s,transform .25s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden}.tp-card:hover{border-color:#6f6e69;transform:translateY(-3px)}.tp-card.selected{border-color:#d4f24b;box-shadow:0 0 0 1px #d4f24b}.tp-thumb{aspect-ratio:1;background:#0e0e10;width:100%;display:block;position:relative;overflow:hidden}.tp-thumb iframe{transform-origin:0 0;width:1280px;height:800px;transform:scale(var(--tp-scale,.2));pointer-events:none;border:none;position:absolute;top:0;left:0}.tp-thumb:after{content:"";position:absolute;inset:0}.tp-meta{justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.tp-meta>span:first-child{flex:1;min-width:0}.tp-meta .n{letter-spacing:-.01em;font-size:.9rem;font-weight:600}.tp-meta .d{color:#9c9b94;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:.1rem;font-size:.74rem;display:-webkit-box;overflow:hidden}.tp-zoom{font-family:var(--font-plex-mono), monospace;text-transform:uppercase;letter-spacing:.1em;color:#9c9b94;white-space:nowrap;border:1px solid #26262b;border-radius:2px;flex-shrink:0;padding:.25rem .5rem;font-size:.62rem}.tp-card:hover .tp-zoom{color:#d4f24b;border-color:#d4f24b66}.tp-check{z-index:2;color:#0e0e10;background:#d4f24b;border-radius:2px;padding:.22rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:.55rem;right:.55rem}.tp-modal{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080ad1;place-items:center;padding:clamp(.75rem,3vw,2.5rem);animation:.25s tp-fade;display:grid;position:fixed;inset:0}@keyframes tp-fade{0%{opacity:0}}.tp-modal-inner{background:#0e0e10;border:1px solid #2f2f34;border-radius:16px;grid-template-rows:auto 1fr;width:min(1200px,100%);height:min(86vh,900px);animation:.35s cubic-bezier(.22,1,.36,1) tp-pop;display:grid;overflow:hidden}@keyframes tp-pop{0%{opacity:0;transform:translateY(18px)scale(.985)}}.tp-modal-bar{color:#f4f3f0;font-family:var(--font-archivo), system-ui, sans-serif;border-bottom:1px solid #26262b;align-items:center;gap:1rem;padding:.75rem 1.1rem;display:flex}.tp-modal-bar .t{letter-spacing:-.01em;font-weight:600}.tp-modal-bar .s{color:#6f6e69;font-size:.85rem}.tp-modal-bar .grow{flex:1}.tp-modal-bar a,.tp-modal-bar button{font:inherit;color:#9c9b94;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #26262b;border-radius:999px;padding:.4rem .95rem;font-size:.82rem;text-decoration:none}.tp-modal-bar a:hover,.tp-modal-bar button:hover{color:#f4f3f0;border-color:#6f6e69}.tp-modal-bar .choose{color:#0e0e10;background:#d4f24b;border-color:#d4f24b;font-weight:600}.tp-modal-bar .choose:hover{color:#0e0e10;opacity:.9;border-color:#d4f24b}.tp-modal iframe{background:#fff;border:none;width:100%;height:100%}