#lightbox .photo-zoom-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;z-index:2;color:#eef8ff;margin:0 0 12px;max-width:100%;font-family:system-ui,sans-serif}
#lightbox .photo-zoom-controls button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;border:1px solid #ffffff42;border-radius:12px;background:#e8f6ff1c;color:#fff;font-size:24px;line-height:1;cursor:pointer;touch-action:manipulation}
#lightbox .photo-zoom-controls button:hover{background:#e8f6ff33}#lightbox .photo-zoom-controls button:disabled{opacity:.35;cursor:default}#lightbox .photo-zoom-controls .photo-fit{width:auto;padding:0 12px;font-size:12px;white-space:nowrap}#photo-zoom-level{width:48px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.photo-zoom-hint{font-size:10px;opacity:.7;margin-left:5px;white-space:nowrap}
#lightbox #photo-viewport{display:flex;align-items:center;justify-content:center;position:relative;flex:1 1 0;min-height:0;min-width:0;width:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:10px;cursor:zoom-in}
#lightbox #photo-viewport.is-zoomed{cursor:grab}#lightbox #photo-viewport.is-dragging{cursor:grabbing}#lightbox #photo-viewport:focus-visible,#lightbox .photo-zoom-controls button:focus-visible{outline:2px solid #cbe9ff;outline-offset:-2px}
#lightbox #photo-viewport #lightbox-photo{flex:none;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;animation:none;transition:none;touch-action:none;user-select:none;-webkit-user-drag:none;will-change:transform}
#lightbox figure #lightbox-caption{flex:0 0 auto;margin-top:12px}
@media(max-width:760px){#lightbox.social-gallery figure{padding-top:48px;padding-bottom:48px}.photo-zoom-hint{display:none}#lightbox .photo-zoom-controls{gap:6px;margin-bottom:8px}#lightbox .photo-zoom-controls button{height:36px;min-height:36px;width:36px}#lightbox .photo-zoom-controls .photo-fit{font-size:11px}#lightbox figure #lightbox-caption{margin-top:8px}}

.photo-filter-row{margin:24px 0 12px}.photo-filter-row .filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.photo-filter-row .help{margin:10px 0;line-height:1.6}.photo-filter-row .filter-tab{min-height:44px}.photo-filter-row .filter-tab:focus-visible{outline:2px solid var(--accent,#598eaa);outline-offset:3px}