.image-lightbox{position:fixed;inset:0;z-index:9999;background:#000000f2;display:flex;align-items:center;justify-content:center;animation:lightbox-fade-in .2s ease-out}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.image-lightbox__close{position:absolute;top:1rem;right:1rem;z-index:10;background:#ffffff1a;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .2s,transform .2s}.image-lightbox__close:hover{background:#fff3;transform:scale(1.05)}.image-lightbox__close:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.image-lightbox__counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;color:#fff;font-size:.938rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5);background:#0006;padding:.5rem 1rem;border-radius:2rem}.image-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff1a;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .2s,transform .2s}.image-lightbox__nav:hover{background:#ffffff40;transform:translateY(-50%) scale(1.05)}.image-lightbox__nav:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.image-lightbox__nav--prev{left:1rem}.image-lightbox__nav--next{right:1rem}.image-lightbox__image-container{display:flex;align-items:center;justify-content:center;max-width:95vw;max-height:90vh;padding:1rem}.image-lightbox__image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #0000004d;transition:opacity .3s ease}.image-lightbox__image.is-animating{opacity:.7}@media(max-width:768px){.image-lightbox__close{top:.75rem;right:.75rem;width:40px;height:40px}.image-lightbox__close svg{width:22px;height:22px}.image-lightbox__nav{width:44px;height:44px}.image-lightbox__nav svg{width:28px;height:28px}.image-lightbox__nav--prev{left:.5rem}.image-lightbox__nav--next{right:.5rem}.image-lightbox__counter{bottom:1rem;font-size:.875rem;padding:.375rem .75rem}.image-lightbox__image-container{padding:.5rem}.image-lightbox__image{max-height:80vh}}@media(max-width:480px){.image-lightbox__nav{display:none}}@media(orientation:landscape)and (max-height:500px){.image-lightbox__image-container{max-width:98vw;max-height:95vh;padding:.25rem}.image-lightbox__image{max-height:90vh;max-width:95vw}.image-lightbox__close{top:.5rem;right:.5rem;width:36px;height:36px;background:#00000080}.image-lightbox__close svg{width:20px;height:20px}.image-lightbox__counter{bottom:.5rem;left:auto;right:.5rem;transform:none;font-size:.75rem;padding:.25rem .5rem}.image-lightbox__nav{width:36px;height:36px;background:#0006}.image-lightbox__nav svg{width:24px;height:24px}.image-lightbox__nav--prev{left:.25rem}.image-lightbox__nav--next{right:.25rem}}@media(hover:none)and (pointer:coarse){.image-lightbox__image-container{touch-action:pan-x pan-y}}.share-btn-wrapper{position:relative;display:inline-flex}.share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.share-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#2d37480d}.share-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden;animation:shareDropdownIn .15s ease-out}@keyframes shareDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.share-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400;cursor:pointer;transition:background var(--transition-fast);text-decoration:none;text-align:left}.share-dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.share-dropdown-item svg{flex-shrink:0;width:16px;height:16px}.share-dropdown-item .share-item-label{flex:1}.share-dropdown-item.copied{color:#48bb78}.share-dropdown-divider{height:1px;background:var(--color-border);margin:0}.share-backdrop{position:fixed;inset:0;z-index:49}