.gallery-search{max-width:600px;margin:0 auto}.gallery-search__input-wrapper{position:relative;display:flex;align-items:center}.gallery-search__icon{position:absolute;left:16px;color:var(--md-sys-color-on-surface-variant);font-size:24px;pointer-events:none;transition:color 0.2s ease}.gallery-search__input{width:100%;height:56px;padding:0 52px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large,28px);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-large);outline:none;transition:all 0.2s ease}.gallery-search__input::placeholder{color:var(--md-sys-color-on-surface-variant)}.gallery-search__input:hover{background:var(--md-sys-color-surface-container);border-color:var(--md-sys-color-outline)}.gallery-search__input:focus{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-primary);border-width:2px;padding:0 51px;box-shadow:none}.gallery-search__input:focus + .gallery-search__icon,.gallery-search__input-wrapper:focus-within .gallery-search__icon{color:var(--md-sys-color-primary)}.gallery-search__clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--md-sys-color-on-surface-variant);transition:background 0.15s ease,color 0.15s ease}.gallery-search__clear:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.gallery-search__submit{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;opacity:0;transform:scale(0.8);transition:all 0.2s ease}.gallery-search__input:focus ~ .gallery-search__submit,.gallery-search__input:not(:placeholder-shown) ~ .gallery-search__submit{opacity:1;transform:scale(1)}.gallery-search__submit:hover{background:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-1)}.gallery-masonry{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width:480px){.gallery-masonry{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.gallery-masonry{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.gallery-masonry{grid-template-columns:repeat(4,1fr)}}.gallery-card{border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);transition:box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),opacity 0.3s ease,transform 0.3s ease}.gallery-card:hover{box-shadow:var(--md-sys-elevation-2)}.gallery-card--entering{opacity:0;transform:translateY(20px)}.gallery-card__image-link{display:block;position:relative;overflow:hidden;aspect-ratio:3 / 4}.gallery-card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container-high);z-index:0;transition:opacity 0.3s ease}.gallery-card__placeholder .material-symbols-rounded{font-size:40px;color:var(--md-sys-color-outline);opacity:0.4}.gallery-card__img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1;opacity:0;transition:opacity 0.4s ease,transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.gallery-card__img.loaded{opacity:1}.gallery-card__img.loaded + .gallery-card__overlay ~ .gallery-card__placeholder,.gallery-card__image-link:has(.gallery-card__img.loaded) .gallery-card__placeholder{opacity:0;pointer-events:none}.gallery-card:hover .gallery-card__img{transform:scale(1.03)}.gallery-card__image-link img:not(.gallery-card__img){width:100%;height:auto;display:block;transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.gallery-card:hover .gallery-card__image-link img:not(.gallery-card__img){transform:scale(1.03)}.gallery-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,transparent 50%);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);display:flex;align-items:flex-end;padding:var(--spacing-md)}.gallery-card:hover .gallery-card__overlay{opacity:1}.gallery-card__stats{display:flex;gap:var(--spacing-md)}.gallery-card__stat{display:flex;align-items:center;gap:4px;color:#fff;font:var(--md-sys-typescale-label-medium)}.gallery-card__stat .material-symbols-rounded{font-size:18px}.gallery-card__stat .material-symbols-rounded.filled{font-variation-settings:'FILL' 1;color:#ff6b6b}.gallery-card__content{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.gallery-card__title{font:var(--md-sys-typescale-title-small);margin:0 0 var(--spacing-xs)}.gallery-card__title a{color:var(--md-sys-color-on-surface);text-decoration:none}.gallery-card__title a:hover{color:var(--md-sys-color-primary)}.gallery-card__author{display:flex;align-items:center;gap:var(--spacing-xs)}.gallery-card__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.gallery-card__avatar-placeholder{font-size:24px;color:var(--md-sys-color-outline)}.gallery-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-md)}.gallery-detail{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:start}@media (min-width:1024px){.gallery-detail{grid-template-columns:1fr 400px}}.gallery-detail__image-wrapper{border-radius:var(--md-sys-shape-corner-large);overflow:hidden;background:var(--md-sys-color-surface-container)}.gallery-detail__image{width:100%;height:auto;display:block}.gallery-detail__sidebar{position:static}@media (min-width:1024px){.gallery-detail__sidebar{position:sticky;top:80px}}.gallery-like-btn .material-symbols-rounded{transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-emphasized)}.gallery-like-btn:active .material-symbols-rounded{transform:scale(1.3)}.gallery-like-btn .material-symbols-rounded.filled{font-variation-settings:'FILL' 1;color:#ff6b6b}.gallery-like-btn.btn--filled .material-symbols-rounded.filled{color:#fff}.gallery-like-btn.btn--filled{background:var(--md-sys-color-primary)}.gallery-comment{padding:var(--spacing-md) 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}.gallery-comment:last-child{border-bottom:none}.gallery-comment--reply{padding:var(--spacing-sm) 0;border-bottom:none}.gallery-comment--reply:first-child{padding-top:var(--spacing-md)}.gallery-comment-replies{padding-left:var(--spacing-md);border-left:2px solid var(--md-sys-color-outline-variant);margin-top:var(--spacing-md)}.gallery-reply-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-small)}.gallery-comment-submit{padding:var(--spacing-sm) var(--spacing-xl);font-weight:500;letter-spacing:0.5px;box-shadow:var(--md-sys-elevation-1);transition:box-shadow 0.2s ease,transform 0.15s ease}.gallery-comment-submit:hover{box-shadow:var(--md-sys-elevation-2);transform:translateY(-1px)}.gallery-load-more{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.gallery-load-more__btn{gap:var(--spacing-xs)}.gallery-load-more__spinner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}@keyframes gallery-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.gallery-spin{font-size:32px;color:var(--md-sys-color-primary);animation:gallery-spin 1s linear infinite}.chip--selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}