.pg{width:100%}.pg-filter{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.pg-filter-btn{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:500}.pg-filter-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.pg-filter-btn.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff;box-shadow:0 0 12px #7c6cf066}.pg-grid{gap:20px;display:grid}.pg--landing .pg-grid{grid-template-columns:repeat(4,1fr)}.pg--generate .pg-grid{grid-template-columns:repeat(3,1fr)}.pg-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;opacity:0;transition:opacity .45s ease var(--delay,0s), transform .45s ease var(--delay,0s), border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;overflow:hidden;transform:translateY(18px)}.pg-card--visible{opacity:1;transform:translateY(0)}.pg-card:hover{border-color:var(--color-border-brand);box-shadow:var(--shadow-brand);transform:translateY(-5px)!important}.pg-card--featured{border-color:#fbbf244d}.pg-card--featured:hover{border-color:#fbbf2499;box-shadow:0 0 0 1px #fbbf2433,0 8px 32px #fbbf241a}.pg-card__img-wrap{aspect-ratio:16/10;background:#ffffff08;position:relative;overflow:hidden}.pg-card__img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.pg-card:hover .pg-card__img{transform:scale(1.06)}.pg-card__img-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pg-card__overlay{opacity:0;transition:opacity var(--transition-base);background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pg-card:hover .pg-card__overlay{opacity:1}.pg-card__cta{font-size:var(--font-size-xs);color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.02em;white-space:nowrap;background:#0f0f0fe6;border:1px solid #ffffff1f;border-radius:999px;padding:8px 20px;font-weight:600}.pg-card__badges{flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:8px;left:8px}.pg-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffe0;letter-spacing:.03em;text-transform:uppercase;background:#0009;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;line-height:1.6}.pg-badge--featured{color:#000;background:#fbbf24d9}.pg-card__info{flex-direction:column;flex:1;gap:5px;padding:12px 14px 14px;display:flex}.pg-card__title{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0;font-weight:700;line-height:1.3}.pg-card__desc{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.pg-card__prompt{color:var(--color-text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.pg-card__meta{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:6px;margin-top:4px;padding-top:6px;display:flex}.pg-card__author{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;text-decoration:none;overflow:hidden}.pg-card__author--link{transition:color var(--transition-fast)}.pg-card__author--link:hover{color:var(--color-brand,#7c6cf0);text-decoration:underline}.pg-card__date{color:var(--color-text-muted,#ffffff40);white-space:nowrap;flex-shrink:0;font-size:10px}.pg-sentinel{flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:32px 0 16px;display:flex}.pg-loading{align-items:center;gap:6px;display:flex}.pg-loading__dot{background:var(--color-border-brand,#7c6cf080);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite pg-pulse}.pg-loading__dot:nth-child(2){animation-delay:.2s}.pg-loading__dot:nth-child(3){animation-delay:.4s}@keyframes pg-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.pg-end-label{color:var(--color-text-muted,#ffffff40);text-align:center;letter-spacing:.03em;font-size:12px}.pg-toast{background:var(--color-brand);color:#fff;font-size:var(--font-size-sm);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:200;white-space:nowrap;padding:10px 24px;font-weight:600;animation:.3s pg-slideup;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes pg-slideup{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:1280px){.pg--landing .pg-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.pg--landing .pg-grid,.pg--generate .pg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.pg--landing .pg-grid,.pg--generate .pg-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}