.map-camera{touch-action:none;cursor:grab;overscroll-behavior:contain;outline-offset:-3px;background:#101716;position:absolute;inset:0;overflow:hidden}.map-camera:active{cursor:grabbing}.map-camera-image{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.map-camera-image>img{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:none;height:100%;display:block}.map-camera-image>button{transform:translate(-50%,-50%) scale(var(--pin-scale,1));transform-origin:50%;cursor:pointer}.map-zoom-controls{z-index:3;color:#f1eddd;background:#111b19ed;border:1px solid #70847b;border-radius:6px;flex-direction:column;align-items:stretch;display:flex;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 4px 20px #0006}.map-zoom-controls button{color:inherit;background:0 0;border:0;border-radius:0;place-items:center;min-width:42px;min-height:40px;padding:10px;display:grid}.map-zoom-controls button:hover{background:#ffffff20}.map-zoom-controls output{text-align:center;border-block:1px solid #70847b66;padding:5px 2px;font:10px monospace}.map-camera-caption{color:#e4e5d9;pointer-events:none;z-index:2;background:#101917d9;margin:0;padding:7px 12px;font:11px/1.5 monospace;position:absolute;bottom:0;left:0;right:0}@media (max-width:700px){.map-zoom-controls{top:8px;right:8px}.map-camera-caption{font-size:9px}}.map-camera-status{color:#eee9db;text-align:center;background:#101917ed;border:1px solid #64796b;border-radius:5px;padding:12px 18px;font:13px/1.5 sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}