.ph-ex{gap:14px;display:grid}.ph-group{border-radius:var(--ag-radius-md);background:var(--ag-surface-2);box-shadow:inset 0 0 0 1px var(--ag-line-1);padding:14px}.ph-group[data-kind=do]{box-shadow:inset 0 0 0 1px #2ee66f38}.ph-head{font-family:var(--ag-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ag-fg-2);align-items:center;gap:8px;margin:0 0 12px;font-size:11px;font-weight:400;display:flex}.ph-badge{border-radius:50%;place-items:center;width:20px;height:20px;display:grid}[data-kind=do] .ph-badge{background:var(--ag-live-soft);color:var(--ag-live)}[data-kind=dont] .ph-badge{background:var(--ag-error-soft);color:var(--ag-error)}.ph-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ph-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ph-tile{gap:6px;min-width:0;display:grid}.ph-media{aspect-ratio:3/4;border-radius:var(--ag-radius-xs);background:var(--ag-surface-3);display:block;position:relative;overflow:hidden}.ph-media img{object-fit:cover}[data-kind=do] .ph-media{box-shadow:inset 0 0 0 1px #2ee66f59}.ph-cap{color:var(--ag-fg-2);font-size:12px;line-height:1.3}[data-kind=dont] .ph-cap{color:var(--ag-fg-3)}.ph-media[data-fx=blur] img{filter:blur(3.5px);transform:scale(1.08)}.ph-media[data-fx=dark] img{filter:brightness(.22)contrast(.9)}.ph-media[data-fx=filter] img{filter:saturate(2.6)hue-rotate(-28deg)contrast(1.35)brightness(1.1)}.ph-x{color:#ff8a8a;background:#0009;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:6px;right:6px;box-shadow:inset 0 0 0 1px #ff5a5a80}@media (max-width:560px){.ph-group{padding:12px}.ph-grid{gap:6px}.ph-grid-6{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}.ph-cap{font-size:11px}}