.gallery-controls{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;background:var(--bg-surface);border:1px solid var(--border-card);padding:1.4rem 1.6rem;border-radius:var(--radius-lg);box-shadow:0 16px 36px -12px #0006;position:relative;overflow:hidden}.gallery-controls:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(122,90,248,.4),transparent)}.gallery-top-bar{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between}.gallery-search-wrap,.search-box{position:relative;flex:1;min-width:280px;max-width:580px}.gallery-search-icon,.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none;transition:color .25s ease}.gallery-search-input,.search-input{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.75rem 2.8rem .75rem 2.85rem;color:#fff;font-size:.92rem;font-family:var(--font-sans);outline:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.gallery-search-input::placeholder,.search-input::placeholder{color:var(--text-muted);font-size:.88rem}.gallery-search-input:focus,.search-input:focus{border-color:var(--accent-violet);box-shadow:0 0 0 3px #7a5af833,var(--glow-violet);background:var(--bg-elevated)}.gallery-search-wrap:focus-within .gallery-search-icon,.search-box:focus-within svg{color:var(--accent-violet)}.gallery-search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#ffffff1a;color:var(--text-secondary);display:none;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .2s ease;border:none;padding:0}.gallery-search-clear:hover{background:var(--accent-crimson);color:#fff;transform:translateY(-50%) scale(1.08)}.gallery-search-clear.visible{display:flex}.gallery-meta-bar{display:flex;align-items:center;gap:.85rem}.gallery-counter-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .95rem;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.counter-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.gallery-tags-section{display:flex;flex-direction:column;gap:.6rem;padding-top:.4rem;border-top:1px solid var(--border-subtle)}.gallery-tags-label{font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.4rem}.gallery-tags-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag-btn{padding:.38rem .85rem;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.tag-btn:hover{color:#fff;border-color:var(--border-hover);background:var(--bg-elevated);transform:translateY(-2px)}.tag-btn.active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-violet));color:#fff;border-color:var(--accent-violet);box-shadow:0 4px 14px #7a5af859;font-weight:700}.tag-count{font-size:.7rem;opacity:.75;background:#ffffff26;padding:.05rem .4rem;border-radius:var(--radius-full)}.masonry-grid{column-count:4;column-gap:1.5rem}@media (max-width: 1200px){.masonry-grid{column-count:3}}@media (max-width: 800px){.masonry-grid{column-count:2}}@media (max-width: 500px){.masonry-grid{column-count:1}}.art-card{break-inside:avoid;margin-bottom:1.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.art-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 16px 36px -10px #000000b3}.art-img-wrap{position:relative;width:100%;overflow:hidden;background:var(--bg-card)}.art-img{width:100%;height:auto;display:block;transition:transform .4s ease}.art-card:hover .art-img{transform:scale(1.04)}.art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(9,10,15,.95) 100%);opacity:0;transition:opacity .25s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;pointer-events:none}.art-card:hover .art-overlay{opacity:1}.art-title{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.2rem}.art-character{font-size:.8rem;color:var(--accent-crimson);font-family:var(--font-mono);margin-bottom:.5rem}.art-tags-preview{display:flex;flex-wrap:wrap;gap:.3rem}.art-pill{font-size:.65rem;padding:.15rem .45rem;border-radius:var(--radius-full);background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040508f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;flex-direction:column;justify-content:space-between;opacity:0;pointer-events:none;transition:opacity .25s ease;padding:1.5rem}.lightbox-overlay.active{opacity:1;pointer-events:auto}.lightbox-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;color:#fff;z-index:10}.lightbox-title-box{display:flex;flex-direction:column}.lightbox-title{font-size:1.15rem;font-weight:800}.lightbox-sub{font-size:.78rem;color:var(--accent-violet);font-family:var(--font-mono)}.lightbox-top-actions{display:flex;align-items:center;gap:.75rem}.lightbox-action-btn{padding:.5rem .9rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);font-size:.8rem;font-family:var(--font-mono);color:#fff;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.lightbox-action-btn:hover{border-color:var(--accent-violet);background:var(--bg-elevated)}.lightbox-close{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-subtle);display:grid;place-items:center;color:var(--text-secondary);transition:all .2s ease}.lightbox-close:hover{color:#fff;border-color:var(--accent-crimson);transform:rotate(90deg)}.lightbox-body{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:1rem 0;max-height:calc(100vh - 160px)}.lightbox-img{max-width:90vw;max-height:calc(100vh - 180px);object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px #000c;transition:transform .2s ease}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#131722cc;border:1px solid var(--border-card);color:#fff;display:grid;place-items:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-nav-btn:hover{background:var(--accent-purple);border-color:var(--accent-violet);transform:translateY(-50%) scale(1.1)}.lightbox-nav-btn.prev{left:1rem}.lightbox-nav-btn.next{right:1rem}.lightbox-footer{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.lightbox-tags-strip{display:flex;flex-wrap:wrap;gap:.4rem}