@import url("/clipmode-tokens.css");.ppg-page{min-height:100vh;background:#0a0a0f;color:#f4f4f5;font-family:var(--cm-sans,"Helvetica Neue",Helvetica,system-ui,sans-serif)}.ppg-hero{max-width:720px;margin:0 auto;padding:28px 24px 16px;text-align:center}.ppg-hero-compact{padding-bottom:8px}.ppg-hero h1{font-size:clamp(26px,3.5vw,36px);font-weight:700;letter-spacing:-.03em;margin:0 0 10px}.ppg-hero p{color:#a1a1aa;font-size:15px;margin:0 auto;line-height:1.55}.ppg-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:1200px;margin:0 auto;padding:8px 24px 20px}.ppg-section-title{max-width:1200px;margin:24px auto 12px;padding:0 16px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a1a1aa}.ppg-empty{text-align:center;color:#71717a;padding:48px 24px;font-size:15px}.ppg-filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid hsla(0,0%,100%,.1);background:transparent;color:#a1a1aa;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.ppg-filter-chip:hover{border-color:hsla(0,0%,100%,.2);color:#e4e4e7}.ppg-filter-chip.active{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.45);color:#c7d2fe}.ppg-masonry-outer{width:100%;padding:0 clamp(12px,2vw,28px) clamp(48px,6vh,80px)}.ppg-masonry{-moz-column-count:5;column-count:5;-moz-column-gap:10px;column-gap:10px;max-width:1680px;margin:0 auto}.ppg-masonry-item{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:10px;display:block;width:100%;padding:0;border:none;border-radius:12px;overflow:hidden;cursor:pointer;background:#18181b;position:relative;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;content-visibility:auto;contain-intrinsic-size:280px}.ppg-masonry-item:focus-visible,.ppg-masonry-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:5}.ppg-masonry-item:focus-visible .ppg-tile-hover,.ppg-masonry-item:hover .ppg-tile-hover{opacity:1}.ppg-masonry-item .ppg-tile-cover{width:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:12px}.ppg-masonry-item .ppg-tile-cover-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ppg-tile-hover{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:10px;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.25) 75%,rgba(0,0,0,.72));opacity:0;transition:opacity .22s ease;pointer-events:none;border-radius:12px}.ppg-tile-meta{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:calc(100% - 8px);padding:4px 12px 4px 4px;background:rgba(10,10,15,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.14);border-radius:999px;box-shadow:0 4px 18px rgba(0,0,0,.45);transform:translateY(4px);transition:transform .22s ease}.ppg-masonry-item:focus-visible .ppg-tile-meta,.ppg-masonry-item:hover .ppg-tile-meta{transform:translateY(0)}.ppg-tile-avatar{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid hsla(0,0%,100%,.9);box-shadow:0 1px 6px rgba(0,0,0,.35);background:#27272a}.ppg-tile-avatar-fallback{display:grid;place-items:center;background:var(--cm-accent);color:#fff;font-size:13px;font-weight:600}.ppg-tile-pack{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.ppg-tile-pack-emoji{flex-shrink:0;font-size:15px;line-height:1}.ppg-tile-pack-label{font-size:13px;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1280px){.ppg-masonry{-moz-column-count:4;column-count:4}}@media (max-width:900px){.ppg-masonry{-moz-column-count:3;column-count:3}}@media (max-width:640px){.ppg-masonry{-moz-column-count:2;column-count:2;-moz-column-gap:8px;column-gap:8px}.ppg-masonry-item{margin-bottom:8px}.ppg-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px;-webkit-overflow-scrolling:touch}}.ppg-load-more{display:flex;justify-content:center;padding:32px 0 8px}.ppg-load-more-spinner{width:28px;height:28px;border-radius:50%;border:2px solid hsla(0,0%,100%,.12);border-top:2px solid var(--cm-accent-bri);animation:ppg-spin .7s linear infinite}@keyframes ppg-spin{to{transform:rotate(1turn)}}.ppg-hero-eyebrow{font-family:var(--cm-mono,ui-monospace,monospace);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--cm-accent-bri,#5a8bff);display:inline-flex;align-items:center;gap:9px;margin-bottom:14px}.ppg-hero-eyebrow:before{content:"";width:6px;height:6px;background:var(--cm-accent,#2f6bff);box-shadow:0 0 10px var(--cm-accent-glow,rgba(47,107,255,.3))}.ppg-hero-cta{margin-top:18px}.ppg-model-tile .ppg-tile-cover{aspect-ratio:1}.ppg-tile-model-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.ppg-tile-model-name{font-size:13px;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.ppg-tile-model-action{font-size:11px;font-weight:500;color:var(--cm-accent-bri,#5a8bff);line-height:1}.ppg-skeleton-tile{aspect-ratio:1;width:100%;border-radius:12px;background:linear-gradient(90deg,#18181b,#27272a 50%,#18181b);background-size:200% 100%;animation:ppg-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes ppg-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}