
#lightbox.lightbox{display:block;padding:0;cursor:default;}
#lightbox[hidden]{display:none;}
#lightbox .lb-tools{position:absolute;top:12px;left:20px;right:70px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#fff;}
#lightbox .lb-tools button,#lightbox .lb-tools a,#lightbox .lb-x{height:36px;min-width:36px;box-sizing:border-box;border:1px solid #ffffff60;border-radius:2px;background:#17201d;color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.2;padding:8px 12px;text-decoration:none;cursor:pointer;}
#lightbox .lb-tools button:disabled{opacity:.45;cursor:default;}
#lightbox .lb-tools output{min-width:44px;text-align:center;font:13px monospace;}
#lightbox .lb-tools :focus-visible,#lightbox .lb-x:focus-visible,#lightbox .lb-stage:focus-visible{outline:2px solid #fff;outline-offset:3px;}
#lightbox .lb-x{position:absolute;top:12px;right:18px;width:36px;font-size:24px;padding:0;}
#lightbox .lb-stage{position:absolute;inset:64px 16px 16px;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;}
#lightbox .lb-canvas{display:grid;place-items:center;width:max-content;min-width:100%;min-height:100%;box-sizing:border-box;padding:12px;}
#lightbox .lb-stage img{display:block;flex:none;max-width:none;max-height:none;height:auto;box-shadow:none;border-radius:2px;user-select:none;cursor:zoom-in;}
#lightbox .lb-stage[data-native="true"] img{cursor:grab;}
#lightbox .lb-stage.dragging img{cursor:grabbing;}
@media(max-width:520px){#lightbox .lb-tools{left:10px;right:54px;gap:5px;}#lightbox .lb-tools button,#lightbox .lb-tools a{padding:8px;min-width:32px;}#lightbox .lb-tools a{font-size:12px;}#lightbox .lb-x{right:10px;}#lightbox .lb-stage{inset:64px 6px 6px;}}
