.gallery-filter-bar{gap:var(--space-8);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.gallery-filter-group{gap:var(--space-2);flex-direction:column;display:flex}.gallery-filter-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.gallery-filter-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-pill{font:inherit;font-size:var(--text-sm);padding:var(--space-1) var(--space-4);cursor:pointer;background:0 0;border-radius:999px;transition:background-color .15s,color .15s,border-color .15s}.filter-pill-neutral{border:1px solid var(--color-border);color:var(--color-text-muted-strong)}.filter-pill-neutral.filter-pill-active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.filter-pill-cyan{border:1px solid var(--color-tag-cyan);color:var(--color-tag-cyan)}.filter-pill-gold{border:1px solid var(--color-tag-gold);color:var(--color-tag-gold)}.filter-pill-green{border:1px solid var(--color-tag-green);color:var(--color-tag-green)}.filter-pill-pink{border:1px solid var(--color-tag-pink);color:var(--color-tag-pink)}.filter-pill-cyan.filter-pill-active{background:var(--color-tag-cyan);color:var(--color-text-inverse)}.filter-pill-gold.filter-pill-active{background:var(--color-tag-gold);color:var(--color-text-inverse)}.filter-pill-green.filter-pill-active{background:var(--color-tag-green);color:var(--color-text-inverse)}.filter-pill-pink.filter-pill-active{background:var(--color-tag-pink);color:var(--color-text-inverse)}.gallery-drag-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-2)}.draggable-container{cursor:grab;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);overflow:auto}.draggable-container-active{cursor:grabbing;-webkit-user-select:none;user-select:none}.masonry-drag-area{height:70vh;min-height:420px;max-height:820px}.gallery-grid-body{column-count:2;column-gap:var(--space-4)}@media (min-width:640px){.gallery-grid-body{column-count:3}}@media (min-width:960px){.gallery-grid-body{column-count:4}}@media (min-width:1280px){.gallery-grid-body{column-count:5}}.gallery-grid-item{margin:0 0 var(--space-4);break-inside:avoid;border-radius:var(--radius-md);background:var(--color-bg-raised);position:relative;overflow:hidden}.gallery-grid-item img{width:100%;height:auto;display:block}.gallery-item-overlay{align-items:center;gap:var(--space-2);padding:var(--space-3);color:var(--color-text);background:linear-gradient(#0000 0%,#010a17d9 100%);display:flex;position:absolute;inset:auto 0 0}.gallery-avatar{width:26px;height:26px;font-size:11px;font-weight:var(--weight-bold);color:var(--color-text-inverse);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.gallery-avatar-photo{object-fit:cover}.gallery-avatar-cyan{background:var(--color-tag-cyan)}.gallery-avatar-gold{background:var(--color-tag-gold)}.gallery-avatar-green{background:var(--color-tag-green)}.gallery-avatar-pink{background:var(--color-tag-pink)}.gallery-item-name{min-width:0;font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.gallery-item-download{width:26px;height:26px;color:var(--color-text);background:#f2f6f826;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;text-decoration:none;display:flex}.gallery-item-download:hover{background:#f2f6f84d}