.lightbox{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--color-overlay-90);z-index: var(--z-lightbox);justify-content: center;align-items: center;}.lightbox.active{display: flex;}.lightbox-content{position: relative;max-width: 90%;max-height: 90%;display: flex;flex-direction: column;align-items: center;}.lightbox-image{max-width: 100%;max-height: 80vh;object-fit: contain;border-radius: var(--border-radius-sm);box-shadow: var(--shadow-lightbox-image);}.lightbox-title{color: var(--button-primary-text);font-size: var(--font-size-sm);margin-top: var(--spacing-md);text-align: center;max-width: 100%;word-break: break-all;}.lightbox-counter{color: var(--color-white-alpha-70);font-size: var(--font-size-xs);margin-top: var(--spacing-xs);}.lightbox-close{position: absolute;top: 20px;right: 20px;}.lightbox-nav{position: absolute;top: 50%;}.lightbox-nav:disabled{opacity: 0.2;cursor: default;}.lightbox-prev{left: 20px;}.lightbox-next{right: 20px;}.lightbox-trigger{cursor: zoom-in;}