.feature-card{list-style:none;background:var(--surface-card);border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ffffff29}.feature-card:focus-within{border-color:var(--color-brand-500)}.feature-card__btn{display:flex;flex-direction:column;width:100%;margin:0;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer}.feature-card__btn:focus-visible{outline:none}.feature-card__media{position:relative;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;padding:var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);background-color:var(--color-gray-950);background-image:radial-gradient(ellipse 80% 75% at 50% 42%,rgba(255,255,255,.05),transparent 70%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:100% 100%,22px 22px,22px 22px}.feature-card__img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.feature-card__img .protected-image__canvas{max-width:68%;max-height:68%;width:auto;height:auto;object-fit:contain;opacity:.82;transition:opacity var(--duration-fast) var(--ease-out)}.feature-card:hover .feature-card__img .protected-image__canvas{opacity:1}.feature-card__hint{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;color:var(--text-tertiary);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.feature-card:hover .feature-card__hint,.feature-card:focus-within .feature-card__hint{opacity:.9}.feature-card__name{padding:var(--space-3);font-size:var(--text-xs);line-height:1.35;color:var(--text-secondary);text-align:center}@media(prefers-reduced-motion:reduce){.feature-card,.feature-card__hint,.feature-card__img .protected-image__canvas{transition:none}.feature-card:hover{transform:none}}.photo-card{list-style:none;background:var(--surface-card);border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.photo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ffffff29}.photo-card:focus-within{border-color:var(--color-brand-500)}.photo-card__art{position:relative;height:9rem;display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-bottom:1px solid rgba(255,255,255,.08);background:var(--color-gray-950)}.photo-card__img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;object-fit:contain}.photo-card__img .protected-image__canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-sm)}.photo-card__carousel{--carousel-nav-size: 1.5rem;--carousel-nav-inset: 4px}.photo-card__expand{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;padding:4px;color:#ffffffe6;background:#0808088c;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);cursor:pointer;opacity:0;z-index:2;transition:opacity var(--duration-fast) var(--ease-out)}.photo-card:hover .photo-card__expand,.photo-card:focus-within .photo-card__expand{opacity:1}.photo-card__expand:focus-visible{opacity:1;outline:2px solid var(--color-brand-400);outline-offset:2px}@media(hover:none){.photo-card__expand{opacity:1}}.photo-card__count{position:absolute;top:var(--space-2);left:var(--space-2);padding:1px 6px;font-family:var(--font-mono);font-size:.625rem;color:#ffffffd1;background:#0808088c;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);pointer-events:none;z-index:2}.photo-card__name{display:block;width:100%;padding:var(--space-2) var(--space-3) var(--space-3);border:none;background:none;font:inherit;font-size:var(--text-xs);line-height:1.3;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.photo-card__name:hover{color:var(--text-primary)}.photo-card__name:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:-2px}.photo-card--skeleton{height:12rem;background:var(--color-gray-950);animation:photo-card-pulse 1.5s ease-in-out infinite}@keyframes photo-card-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.photo-card--skeleton{animation:none}}@media(prefers-reduced-motion:reduce){.photo-card,.photo-card__expand{transition:none}.photo-card:hover{transform:none}}.silhouette-card{list-style:none;background:var(--surface-card);border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.silhouette-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ffffff29}.silhouette-card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.silhouette-card__art{height:7rem;display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);background-color:var(--color-gray-950);background-image:radial-gradient(ellipse 80% 75% at 50% 42%,rgba(255,255,255,.05),transparent 70%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:100% 100%,22px 22px,22px 22px}.silhouette-card__img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.silhouette-card__img .protected-image__canvas{width:84%;max-height:84%;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;transition:opacity var(--duration-fast) var(--ease-out)}.silhouette-card:hover .silhouette-card__img .protected-image__canvas{opacity:1}.silhouette-card__name{padding:var(--space-2) var(--space-3) var(--space-3);font-size:var(--text-xs);line-height:1.3;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.silhouette-card,.silhouette-card__img .protected-image__canvas{transition:none}.silhouette-card:hover{transform:none}}.collection-hero:has(.gallery-page__search){display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3)}.gallery-page__search{width:100%;max-width:34rem}@media(max-width:640px){.gallery-page__search{max-width:none}}.gallery-page__grid{list-style:none;margin:0;padding:0}.gallery-page__scroll{max-height:calc(100vh - 13rem);overflow-y:auto;padding:var(--space-1) var(--space-2) var(--space-4) 0;overscroll-behavior:contain}.gallery-tabs{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-4);padding:var(--space-1);background:var(--surface-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.gallery-tabs__tab{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:2.25rem;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.gallery-tabs__tab:hover{color:var(--text-primary)}.gallery-tabs__tab--active{background:#ffffff1a;color:var(--text-primary)}.gallery-tabs__icon{flex-shrink:0;font-size:1rem}.gallery-tabs__label{flex:1;text-align:left}.gallery-tabs__count{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary)}.gallery-tabs__tab--active .gallery-tabs__count{color:var(--text-secondary)}.feature-dialog__art{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2;padding:var(--space-5);border-radius:var(--radius-md);background-color:var(--color-gray-950);background-image:radial-gradient(ellipse 80% 75% at 50% 42%,rgba(255,255,255,.05),transparent 70%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:100% 100%,26px 26px,26px 26px}.feature-dialog__img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.feature-dialog__img .protected-image__canvas{max-width:60%;max-height:80%;width:auto;height:auto;object-fit:contain}.feature-dialog__desc{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.feature-dialog__desc--muted{color:var(--text-tertiary);font-style:italic}.collection-modal:has(.photo-dialog){width:min(40rem,94vw)}.photo-dialog{display:flex;flex-direction:column;gap:var(--space-3)}.photo-dialog__main{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-gray-950);overflow:hidden}.photo-dialog__img,.photo-dialog__img .protected-image__canvas{width:100%;max-height:58vh;object-fit:contain}.photo-dialog__nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;color:var(--text-primary);background:#0000008c;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-full);cursor:pointer;z-index:1;transition:background var(--duration-fast) var(--ease-out)}.photo-dialog__nav:hover{background:#000000c7}.photo-dialog__nav:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:2px}.photo-dialog__nav--prev{left:var(--space-3)}.photo-dialog__nav--next{right:var(--space-3)}.photo-dialog__nav svg{width:1.25rem;height:1.25rem}.photo-dialog__counter{margin:0;text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.photo-dialog__meta{margin:0;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm)}.photo-dialog__origin{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0;font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap}.photo-dialog__owner{display:inline-flex;align-items:center;gap:var(--space-2)}.photo-dialog__copy{color:var(--text-muted)}.photo-dialog__mark{flex-shrink:0;filter:brightness(0) invert(1)}.photo-dialog__brand{font-family:var(--font-sans);font-weight:900;letter-spacing:-.03em;text-transform:uppercase;color:var(--color-brand-400, var(--text-primary));margin-left:calc(var(--space-2) * -.5)}.photo-dialog__badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;font-size:var(--text-xs);color:var(--text-muted);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);white-space:nowrap}.photo-dialog__badge svg{width:.875rem;height:.875rem;flex-shrink:0}.photo-dialog__usage strong,.photo-dialog__usage b{color:var(--text-secondary);font-weight:600}.photo-dialog__usage{margin:0;font-size:var(--text-xs);line-height:1.5;color:var(--text-muted);max-width:46ch}.photo-dialog__credits{margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.photo-dialog__credit{display:flex;gap:var(--space-2)}.photo-dialog__credit dt{flex:0 0 4.5rem;color:var(--text-muted)}.photo-dialog__credit dd{margin:0;min-width:0;color:var(--text-secondary)}.photo-dialog__credit a{display:inline-flex;align-items:center;gap:4px;color:var(--color-brand-400, var(--text-primary))}.photo-dialog__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.photo-dialog__copy-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--text-secondary);background:var(--surface-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.photo-dialog__copy-btn:hover{color:var(--text-primary);border-color:#ffffff3d}.photo-dialog__copy-btn--failed{color:var(--color-error);border-color:var(--color-error)}.photo-dialog__copy-btn:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:2px}.photo-dialog__copy-btn svg{width:1rem;height:1rem;flex-shrink:0}.photo-dialog__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--color-brand-400, var(--text-primary));text-decoration:none}.photo-dialog__link:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.gallery-tabs__tab{transition:none}}.gallery-page__refresh{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--text-secondary);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.gallery-page__refresh:hover:not(:disabled){color:var(--text-primary);border-color:var(--color-accent-400)}.gallery-page__refresh:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px}.gallery-page__refresh:disabled{cursor:progress;color:var(--text-muted)}.gallery-page__refresh-icon--spinning{animation:gallery-refresh-spin .9s linear infinite}@keyframes gallery-refresh-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.gallery-page__refresh-icon--spinning{animation:none}}