.ph-collection-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.ph-collection-filters .filter-chip.active,.ph-collection-filters .filter-chip:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.ph-collections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ph-collection-card{display:block;min-width:0;width:100%;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.ph-collection-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0b172614}.ph-collection-cover{display:block;aspect-ratio:1.5;overflow:hidden;background:#f5f7fa}.ph-collection-cover img{display:block;width:100%;height:100%;object-fit:cover}.ph-collection-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.ph-collection-meta strong{display:block;font-size:17px;line-height:1.3}.ph-collection-meta small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.ph-collection-meta svg{flex:none;width:21px;height:21px;color:var(--muted)}
.ph-collection-viewer{position:fixed;inset:0;width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 70px #0f172a40;overflow:auto;overscroll-behavior:contain;animation:ph-collection-in .2s ease-out}
.ph-collection-viewer::backdrop{background:#0f172a80;backdrop-filter:none}.ph-collection-viewer.is-closing{animation:ph-collection-out .15s ease-in forwards}.ph-collection-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.ph-collection-heading h2{font-size:26px;line-height:1.2;letter-spacing:-.025em;margin:0}.ph-collection-count{font-size:13px;color:var(--muted);margin:6px 0 0}.ph-collection-viewer .ph-collection-close,.ph-collection-viewer .ph-collection-prev,.ph-collection-viewer .ph-collection-next{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;padding:0;background:#fff;border:1px solid var(--line);border-radius:50%;color:var(--ink);cursor:pointer;box-shadow:0 2px 8px #0b17260a}.ph-collection-viewer button svg{display:block;flex:none;width:20px;height:20px}.ph-collection-viewer .ph-collection-close:hover,.ph-collection-viewer .ph-collection-prev:hover,.ph-collection-viewer .ph-collection-next:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.ph-collection-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:160px;height:min(55dvh,540px);padding:0 24px;touch-action:pan-y pinch-zoom}.ph-collection-main-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px}.ph-collection-prev,.ph-collection-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.ph-collection-prev{left:0}.ph-collection-next{right:0}.ph-collection-image-status{font-size:12px;text-align:center;color:var(--muted);margin:8px 0}.ph-collection-image-status:empty{display:none}.ph-collection-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;margin-top:16px;overscroll-behavior-x:contain;scrollbar-width:thin}.ph-collection-thumbnails button{flex:0 0 100px;width:100px;height:72px;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;background:#f5f7fa;cursor:pointer}.ph-collection-thumbnails button[aria-pressed=true]{border-color:var(--orange)}.ph-collection-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}.ph-collection-caption{font-size:13px;line-height:1.5;color:var(--muted);margin:14px 0 0}.ph-collection-card:focus-visible,.ph-collection-viewer button:focus-visible,.ph-collection-filters button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.ph-collections-grid [hidden],.ph-collection-viewer [hidden],.ph-collections-empty[hidden]{display:none!important}
@keyframes ph-collection-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes ph-collection-out{to{opacity:0;transform:translateY(6px) scale(.99)}}
@media(max-width:900px){.ph-collections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.ph-collections-grid{grid-template-columns:minmax(0,1fr)}.ph-collection-cover{aspect-ratio:1.6}.ph-collection-meta{padding:14px 16px}.ph-collection-viewer{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:16px;border-radius:14px}.ph-collection-heading h2{font-size:22px}.ph-collection-stage{height:min(48dvh,420px);padding:0 12px}.ph-collection-thumbnails button{flex-basis:76px;width:76px;height:58px}.ph-collection-viewer .ph-collection-prev,.ph-collection-viewer .ph-collection-next{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.ph-collection-card{transition:none}.ph-collection-viewer,.ph-collection-viewer.is-closing{animation:none}}