.photo-frame{min-width:0;position:relative}.photo-gallery:not(.detail-gallery) .photo-track{aspect-ratio:4/3}.photo-slide,.photo-slide img{min-height:0}.photo-controls{pointer-events:none;gap:0;padding:0;position:absolute;inset:0}.photo-controls button{pointer-events:auto;border-radius:var(--ui-radius);width:32px;height:40px;min-height:40px;color:var(--ink);background:#ffffffd9}.photo-controls button:hover:not(:disabled){background:#fff}.photo-controls span{border-radius:var(--ui-radius);white-space:nowrap;background:#ffffffe6;padding:2px 5px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.photo-controls svg,.lightbox-stage svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;margin:auto;display:block}.photo-thumbs{gap:5px;padding:5px 1px 6px}.photo-thumbs button{flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:1px}.detail-gallery .photo-thumbs button{flex-basis:44px;width:44px;height:44px;min-height:44px}.photo-gallery button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.photo-track:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.photo-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.photo-dialog{box-sizing:border-box;width:min(1100px,100vw - 24px);max-width:calc(100vw - 24px);height:min(900px,100dvh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:12px;overflow:hidden}.photo-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;display:grid}.lightbox-top{gap:12px;min-width:0}.lightbox-top h2{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.lightbox-top button{background:0 0;border:0;width:40px;height:40px;min-height:40px}.lightbox-stage{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;min-width:0;min-height:0;margin:0}.lightbox-stage img{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.lightbox-stage button{background:0 0;border:0;width:40px;height:44px;min-height:44px}.lightbox-stage button:disabled{visibility:hidden}.photo-dialog>p{margin:0;font-size:12px;line-height:16px}html:has(.photo-dialog[open]){overflow:hidden}@media (max-width:700px){.photo-dialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:8px}.lightbox-top h2{font-size:12px}.lightbox-stage{grid-template-columns:32px minmax(0,1fr) 32px;gap:2px}.lightbox-stage button{width:32px}.photo-controls button{width:28px}}