.photo-stage{position:relative;min-width:0;background:#111b25;border:1px solid #3e505e}.photo-enlarge{display:block;width:100%;padding:0;border:0;background:#e0e5e7;cursor:zoom-in}.photo-enlarge img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.photo-stage button,.photo-dialog button{font-family:inherit;touch-action:manipulation}.photo-control{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #71818d;border-radius:50%;background:#09121eeb;color:#fff;font-size:32px;cursor:pointer;flex-shrink:0}.photo-control:hover{background:#edbd39;color:#07111b;border-color:#edbd39}.photo-prev,.photo-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.photo-prev{left:12px}.photo-next{right:12px}.photo-position,.photo-expand-label{position:absolute;bottom:12px;border:1px solid #71818d;background:#09121eeb;color:#fff;padding:10px 14px;font-size:14px;border-radius:5px}.photo-position{left:12px;pointer-events:none}.photo-expand-label{right:12px;min-height:44px;cursor:zoom-in}.photo-stage :focus-visible,.photo-dialog :focus-visible,.machine-gallery a:focus-visible{outline:3px solid #f9cd48;outline-offset:3px}.machine-gallery a[data-photo-active] img{outline:3px solid #edbd39;outline-offset:-3px}.photo-dialog{box-sizing:border-box;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#060a10;color:white;overflow:hidden}.photo-dialog::backdrop{background:#060a10f5}.photo-dialog[open]{display:flex;flex-direction:column}.photo-toolbar{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));z-index:3;background:#0d1723}.photo-counter{margin-right:auto;font-size:16px;font-variant-numeric:tabular-nums}.photo-viewport{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px 72px 24px;touch-action:pan-y pinch-zoom}.photo-viewport img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.photo-viewport.is-zoomed{display:block;touch-action:pan-x pan-y pinch-zoom}.photo-viewport.is-zoomed img{width:200%;max-width:none;max-height:none;height:auto}.photo-dialog .photo-prev{left:max(12px,env(safe-area-inset-left))}.photo-dialog .photo-next{right:max(12px,env(safe-area-inset-right))}@media(max-width:600px){.photo-control{width:44px;height:44px}.photo-viewport{padding:8px 4px max(18px,env(safe-area-inset-bottom))}.photo-stage .photo-prev{left:8px}.photo-stage .photo-next{right:8px}.photo-toolbar{gap:10px}.photo-dialog .photo-prev,.photo-dialog .photo-next{top:auto;bottom:max(24px,env(safe-area-inset-bottom));transform:none}}

.photo-load-error{position:absolute;left:15%;right:15%;top:40%;padding:16px;background:#101923;color:#fff;text-align:center;font-size:16px;z-index:1}.photo-load-error[hidden]{display:none}.photo-viewport{position:relative}