.gallery-page{gap:var(--space-12);flex-direction:column;display:flex}.gallery-header{margin-bottom:var(--space-4);font-size:1.5rem;font-weight:700;line-height:2rem}.gallery-header-keyword{color:var(--vscode-syntax-keyword)}.gallery-header-type{color:var(--vscode-syntax-type)}.gallery-header-operator{color:var(--vscode-syntax-operator)}.gallery-subtitle{color:var(--vscode-syntax-comment);padding-left:var(--space-8)}.gallery-filter-section{padding-left:var(--space-8)}.gallery-content-section{padding-left:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.gallery-content-bracket{color:var(--vscode-syntax-operator)}.gallery-grid{padding-left:var(--space-6);gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (max-width:639px){.gallery-content-section{padding-left:var(--space-2)}}@media (min-width:640px){.gallery-header{font-size:1.875rem;line-height:2.25rem}}@media (min-width:768px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-header{font-size:2.25rem;line-height:2.5rem}}.gallery-stats-section{padding-left:var(--space-8)}.gallery-closing-bracket{color:var(--vscode-syntax-operator);font-size:1.25rem;line-height:1.75rem}
.media-card{background-color:var(--vscode-sidebar-bg);border:1px solid var(--vscode-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.media-card:hover{border-color:var(--vscode-accent)}.media-card-preview{aspect-ratio:16/9;background-color:var(--vscode-line-highlight);justify-content:center;align-items:center;min-height:250px;display:flex;position:relative;overflow:hidden}.media-card-preview img,.media-card-preview video{object-fit:cover;width:100%;height:100%}.media-card-emoji{transition:transform var(--transition-base);font-size:4.5rem;line-height:1}.media-card:hover .media-card-emoji{transform:scale(1.1)}.media-card-video-overlay{transition:background-color var(--transition-base);background-color:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-card:hover .media-card-video-overlay{background-color:#0006}.media-card-play-button{background-color:var(--vscode-accent);width:4rem;height:4rem;transition:transform var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex}.media-card:hover .media-card-play-button{transform:scale(1.1)}.media-card-play-icon{color:#fff;margin-left:.25rem}.media-card-info{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.media-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.media-card-title{color:var(--vscode-syntax-function);transition:color var(--transition-base);font-weight:700}.media-card:hover .media-card-title{color:var(--vscode-accent)}.media-card-badge{padding:.125rem var(--space-2);border-radius:var(--radius-md);white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1rem}.media-card-badge-video{color:var(--vscode-accent);background-color:#007acc33}.media-card-badge-image{color:var(--vscode-syntax-type);background-color:#4ec9b033}.media-card-description{color:var(--vscode-syntax-comment);font-size:.875rem;line-height:1.25rem}.media-card-date{padding-top:var(--space-2);border-top:1px solid var(--vscode-border)}.media-card-date-text{color:var(--vscode-text-secondary);font-size:.75rem;line-height:1rem}
.filter-buttons-container{gap:var(--space-4);flex-direction:column;display:flex}.filter-buttons-label{font-size:.875rem;line-height:1.25rem}.filter-buttons-property{color:var(--vscode-syntax-property)}.filter-buttons-operator{color:var(--vscode-syntax-operator)}.filter-buttons-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-button{padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);border:1px solid var(--vscode-border);background-color:var(--vscode-sidebar-bg);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-mono)}.filter-button:hover{border-color:var(--vscode-accent)}.filter-button-active{background-color:var(--vscode-accent);border-color:var(--vscode-accent)}.filter-button-text{color:var(--vscode-syntax-string)}.filter-button-active .filter-button-text{color:#fff}
.gallery-stats{background-color:var(--vscode-sidebar-bg);border:1px solid var(--vscode-border);border-radius:var(--radius-lg);padding:var(--space-6)}.gallery-stats-container{border-right:1px solid var(--vscode-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gallery-stats-container>:last-child{border-right:none}.gallery-stat-item{text-align:center;padding:0 var(--space-4);border-right:1px solid var(--vscode-border)}.gallery-stat-item:last-child{border-right:none}.gallery-stat-value{margin-bottom:var(--space-1);font-size:1.875rem;font-weight:700;line-height:2.25rem}.gallery-stat-total{color:var(--vscode-accent)}.gallery-stat-photos{color:var(--vscode-syntax-string)}.gallery-stat-videos{color:var(--vscode-syntax-type)}.gallery-stat-label{color:var(--vscode-text-secondary);font-size:.875rem;line-height:1.25rem}
.media-viewer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000f2;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-viewer-container{justify-content:center;align-items:center;width:100%;height:100%;padding:3rem;display:flex;position:relative}.media-viewer-close{color:#fff;cursor:pointer;z-index:10001;background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.media-viewer-close:hover{border-color:var(--vscode-accent);background-color:#fff3;transform:scale(1.1)}.media-viewer-nav{color:#fff;cursor:pointer;z-index:10001;background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.media-viewer-nav:hover{border-color:var(--vscode-accent);background-color:#fff3;transform:translateY(-50%)scale(1.1)}.media-viewer-nav-prev{left:1.5rem}.media-viewer-nav-next{right:1.5rem}.media-viewer-content{justify-content:center;align-items:center;max-width:95%;max-height:85vh;animation:.3s ease-out slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.media-viewer-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 25px 50px -12px #00000080}.media-viewer-video{border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 25px 50px -12px #00000080}.media-viewer-youtube{aspect-ratio:16/9;width:90vw;max-width:1200px}.media-viewer-youtube-iframe{border:0;border-radius:8px;width:100%;height:100%;box-shadow:0 25px 50px -12px #00000080}.media-viewer-title{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;border:1px solid #ffffff1a;border-radius:999px;max-width:80%;padding:.75rem 1.5rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.media-viewer-title-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:60vw;font-size:.95rem;font-weight:500;display:block;overflow:hidden}@media (max-width:768px){.media-viewer-container{padding:1rem}.media-viewer-close{width:2.5rem;height:2.5rem;top:1rem;right:1rem}.media-viewer-nav{width:3rem;height:3rem}.media-viewer-nav-prev{left:.5rem}.media-viewer-nav-next{right:.5rem}.media-viewer-content{max-height:75vh}.media-viewer-youtube{width:95vw}.media-viewer-title{padding:.5rem 1rem;bottom:1rem}.media-viewer-title-text{max-width:80vw;font-size:.85rem}}